diff --git a/package.json b/package.json
index 7348d1e07c10bb..8a0fd4f57ede5c 100644
--- a/package.json
+++ b/package.json
@@ -197,16 +197,16 @@
     "random-seed": "0.3.0",
     "react": "18.2.0",
     "react-17": "npm:react@17.0.2",
-    "react-builtin": "npm:react@18.3.0-canary-60a927d04-20240113",
+    "react-builtin": "npm:react@18.3.0-canary-14898b6a9-20240318",
     "react-dom": "18.2.0",
     "react-dom-17": "npm:react-dom@17.0.2",
-    "react-dom-builtin": "npm:react-dom@18.3.0-canary-60a927d04-20240113",
-    "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-60a927d04-20240113",
-    "react-experimental-builtin": "npm:react@0.0.0-experimental-60a927d04-20240113",
-    "react-server-dom-turbopack": "18.3.0-canary-60a927d04-20240113",
-    "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-60a927d04-20240113",
-    "react-server-dom-webpack": "18.3.0-canary-60a927d04-20240113",
-    "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-60a927d04-20240113",
+    "react-dom-builtin": "npm:react-dom@18.3.0-canary-14898b6a9-20240318",
+    "react-dom-experimental-builtin": "npm:react-dom@0.0.0-experimental-14898b6a9-20240318",
+    "react-experimental-builtin": "npm:react@0.0.0-experimental-14898b6a9-20240318",
+    "react-server-dom-turbopack": "18.3.0-canary-14898b6a9-20240318",
+    "react-server-dom-turbopack-experimental": "npm:react-server-dom-turbopack@0.0.0-experimental-14898b6a9-20240318",
+    "react-server-dom-webpack": "18.3.0-canary-14898b6a9-20240318",
+    "react-server-dom-webpack-experimental": "npm:react-server-dom-webpack@0.0.0-experimental-14898b6a9-20240318",
     "react-ssr-prepass": "1.0.8",
     "react-virtualized": "9.22.3",
     "relay-compiler": "13.0.2",
@@ -216,8 +216,8 @@
     "resolve-from": "5.0.0",
     "sass": "1.54.0",
     "satori": "0.10.9",
-    "scheduler-builtin": "npm:scheduler@0.24.0-canary-60a927d04-20240113",
-    "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-60a927d04-20240113",
+    "scheduler-builtin": "npm:scheduler@0.24.0-canary-14898b6a9-20240318",
+    "scheduler-experimental-builtin": "npm:scheduler@0.0.0-experimental-14898b6a9-20240318",
     "seedrandom": "3.0.5",
     "selenium-webdriver": "4.0.0-beta.4",
     "semver": "7.3.7",
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 f37efea75879fc..bd07a7b8066b73 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
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -74,6 +74,326 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -186,9 +506,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -1190,6 +1507,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1607,19 +1925,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1814,6 +2126,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1828,9 +2141,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1849,7 +2160,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2227,7 +2538,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2404,6 +2715,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -2643,6 +2955,59 @@ function checkSelectProp(props, propName) {
   }
 }
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  var children = null;
+  var innerHTML = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
   {
     checkControlledValueProps('select', props);
@@ -3283,7 +3648,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3294,11 +3659,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3306,7 +3684,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3398,8 +3776,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3411,8 +3789,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3439,16 +3817,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3481,7 +3857,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3549,8 +3925,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3796,7 +4172,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3820,8 +4196,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4085,6 +4468,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4218,7 +4602,7 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4240,7 +4624,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4270,19 +4661,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4710,7 +5101,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4730,7 +5121,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4773,12 +5164,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -4996,14 +5387,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5157,13 +5551,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5181,15 +5575,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5197,14 +5583,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5217,15 +5600,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5242,15 +5625,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5276,10 +5651,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5375,6 +5750,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5446,10 +5822,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5545,6 +5921,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5620,15 +5997,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6430,13 +6804,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6543,13 +6913,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -6560,7 +6929,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup: generateStaticMarkup
@@ -6618,47 +6986,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 var NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6730,13 +7057,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6762,622 +7099,114 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
   {
-    var frame = componentFrameCache.get(fn);
+    prev.context._currentValue2 = prev.parentValue;
+  }
+}
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function pushNode(next) {
+  {
+    next.context._currentValue2 = next.value;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
-
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
-
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
-  }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
-
-
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
-    }
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
-var warnedAboutMissingGetChildContext;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-var emptyContextObject = {};
-
-{
-  Object.freeze(emptyContextObject);
-}
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    var context = {};
-
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
-        }
-      }
-
-      return parentContext;
-    }
-
-    var childContext = instance.getChildContext();
-
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue2 = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue2 = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
       popToNearestCommonAncestor(parentPrev, parentNext);
     } // On the way back, we push the new ones that weren't common.
@@ -7516,12 +7345,7 @@ function popProvider(context) {
 
   {
     var _value = prevSnapshot.parentValue;
-
-    if (_value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = _value;
-    }
+    prevSnapshot.context._currentValue2 = _value;
 
     {
       if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
@@ -7580,18 +7404,19 @@ var didWarnOnInvalidCallback;
   didWarnOnInvalidCallback = new Set();
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
 
-    var key = callerName + '_' + callback;
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -7620,7 +7445,7 @@ function warnNoop(publicInstance, callerName) {
       return;
     }
 
-    error('%s(...): 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, callerName, componentName);
+    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, componentName);
 
     didWarnAboutNoopUpdateForComponent[warningKey] = true;
   }
@@ -7641,7 +7466,7 @@ var classComponentUpdater = {
 
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7653,7 +7478,7 @@ var classComponentUpdater = {
 
     {
       if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
+        warnOnInvalidCallback(callback);
       }
     }
   },
@@ -7666,7 +7491,7 @@ var classComponentUpdater = {
     } else {
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7692,7 +7517,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -7702,10 +7527,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -7785,9 +7607,9 @@ function checkClassInstance(instance, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -7846,7 +7668,7 @@ function checkClassInstance(instance, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -8603,377 +8425,749 @@ function useMemo(nextCreate, deps) {
       if (nextDeps !== null) {
         var prevDeps = prevState[1];
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
+    }
+  }
+
+  {
+    isInHookUserCodeInDev = true;
+  }
+
+  var nextValue = nextCreate();
+
+  {
+    isInHookUserCodeInDev = false;
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
+
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
+
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+    workInProgressHook.memoizedState = ref;
+    return ref;
+  } else {
+    return previousRef;
+  }
+}
+
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
+    }
+
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
+
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
+
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
+}
+
+function throwOnUseEffectEventCall() {
+  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+}
+
+function useEffectEvent(callback) {
+  // $FlowIgnore[incompatible-return]
+  return throwOnUseEffectEventCall;
+}
+
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+  }
+
+  return getServerSnapshot();
+}
+
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
+  {
+    return initialValue !== undefined ? initialValue : value;
+  }
+}
+
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
+}
+
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
+
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
+}
+
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
+
+function useOptimistic(passthrough, reducer) {
+  resolveCurrentlyRenderingComponent();
+  return [passthrough, unsupportedSetOptimisticState];
+}
+
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
+
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
+  }
+}
+
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
+
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+
+  var formAction = action.$$FORM_ACTION;
+
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
+
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
+
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
+
+
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
+
+
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
+
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
+
+        return metadata;
+      };
+    }
+
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+
+
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
+    };
+
+    return [initialState, _dispatch2];
   }
+}
 
-  {
-    isInHookUserCodeInDev = true;
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
+
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
 
-  var nextValue = nextCreate();
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
 
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+function useMemoCache(size) {
+  var data = new Array(size);
+
+  for (var i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
   }
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+  return data;
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function noop$1() {}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
 
-      lastRenderPhaseUpdate.next = update;
-    }
-  }
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
 }
 
-function throwOnUseEffectEventCall() {
-  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function useEffectEvent(callback) {
-  // $FlowIgnore[incompatible-return]
-  return throwOnUseEffectEventCall;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
-  }
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-  return getServerSnapshot();
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
 
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
   {
-    return initialValue !== undefined ? initialValue : value;
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
 }
 
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
-
-
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
-
-    return [initialState, _dispatch2];
-  }
-}
-
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
   }
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
 
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function useMemoCache(size) {
-  var data = new Array(size);
 
-  for (var i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  return data;
-}
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-function noop$1() {}
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -8983,15 +9177,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9084,7 +9278,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9117,13 +9311,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9141,6 +9336,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9148,13 +9344,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9173,6 +9370,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9180,7 +9378,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9262,19 +9461,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9347,6 +9546,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9382,12 +9582,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9426,11 +9622,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9457,9 +9650,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9473,6 +9666,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9484,16 +9678,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9536,11 +9727,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9554,9 +9742,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9584,7 +9772,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9609,7 +9797,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9636,7 +9829,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9644,7 +9837,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9665,11 +9858,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9691,7 +9883,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9785,7 +9977,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9795,7 +9987,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9849,10 +10041,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (var key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9860,37 +10072,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9903,12 +10091,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9920,7 +10107,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -9931,14 +10118,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -9950,18 +10137,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -9989,7 +10176,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -10007,7 +10194,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -10033,31 +10220,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10105,7 +10308,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10134,7 +10337,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10206,13 +10409,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10223,9 +10441,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10233,17 +10456,26 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10264,7 +10496,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10319,13 +10551,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10355,7 +10589,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10650,9 +10888,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10667,9 +10905,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10693,7 +10931,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10731,7 +10969,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -10970,8 +11208,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = error;
+          var fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -10980,7 +11226,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            var _postponeInstance = error;
+            logPostpone(request, _postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -11000,7 +11256,16 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        var _postponeInstance2 = error;
+        logPostpone(request, _postponeInstance2.message, _errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        _errorDigest = 'POSTPONE';
+      } else {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -11178,11 +11443,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -11217,12 +11477,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -11268,10 +11523,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11298,12 +11549,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11350,10 +11596,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11432,7 +11674,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11467,7 +11714,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11489,12 +11736,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11505,7 +11752,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11521,9 +11768,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11535,13 +11790,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11553,7 +11814,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -11562,17 +11823,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11584,17 +11841,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11613,11 +11866,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11627,6 +11876,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11638,13 +11888,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11665,10 +11915,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 a5b433744222b9..29bb83f9278a56 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
@@ -17,16 +17,67 @@ var ReactDOM = require('react-dom');
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
@@ -140,9 +191,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -322,19 +370,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -510,6 +552,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -524,9 +567,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -545,7 +586,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -907,7 +948,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1053,6 +1094,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1254,6 +1296,59 @@ function pushInnerHTML(target, innerHTML, children) {
   }
 } // TODO: Move these to RenderState so that we warn for every request.
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  let children = null;
+  let innerHTML = null;
+
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
 
   target.push(startChunkForTag('select'));
@@ -1776,7 +1871,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1787,11 +1882,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1799,7 +1907,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1870,8 +1978,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1883,8 +1991,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1911,16 +2019,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -1953,7 +2059,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -1997,8 +2103,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2244,12 +2350,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2505,6 +2618,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2635,14 +2749,21 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2672,19 +2793,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3096,7 +3217,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3116,7 +3237,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3159,12 +3280,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3376,14 +3497,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3537,13 +3661,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3561,15 +3685,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3577,14 +3693,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3597,15 +3710,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3622,15 +3735,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3656,10 +3761,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3746,6 +3851,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3805,10 +3911,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3895,6 +4001,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3958,15 +4065,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4751,13 +4855,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4864,13 +4964,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -4881,7 +4980,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup
@@ -4939,47 +5037,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5046,13 +5103,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5078,302 +5145,55 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
+    const context = {};
+
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
+
+    return context;
   }
 }
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
+      return parentContext;
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    const childContext = instance.getChildContext();
+
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
+      }
+    }
+
+    return assign({}, parentContext, childContext);
   }
+}
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
 const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
@@ -5532,12 +5352,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = value;
-    }
+    prevSnapshot.context._currentValue2 = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6478,124 +6293,364 @@ function useId() {
   const treeId = getTreeId(task.treeContext);
   const resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw Error(formatProdErrorMessage(404));
-  }
+  if (resumableState === null) {
+    throw Error(formatProdErrorMessage(404));
+  }
+
+  const localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      const thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      const context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw Error(formatProdErrorMessage(438, String(usable)));
+}
+
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  return trackUsedThenable(thenableState, thenable, index);
+}
+
+function unsupportedRefresh() {
+  throw Error(formatProdErrorMessage(393));
+}
+
+function useCacheRefresh() {
+  return unsupportedRefresh;
+}
+
+function useMemoCache(size) {
+  const data = new Array(size);
+
+  for (let i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
+  }
+
+  return data;
+}
+
+function noop$1() {}
+
+const HooksDispatcher = {
+  readContext,
+  use,
+  useContext,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue,
+  useTransition,
+  useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore
+};
+
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
+
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
+
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
+}
+
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
+
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
+}
+
+let currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
+
+function getCacheSignal() {
+  throw Error(formatProdErrorMessage(248));
+}
+
+function getCacheForType(resourceType) {
+  throw Error(formatProdErrorMessage(248));
+}
+
+const DefaultCacheDispatcher = {
+  getCacheSignal,
+  getCacheForType
+};
+
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
 
-  const localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  }; // $FlowFixMe[prop-missing]
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      const thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
-  throw Error(formatProdErrorMessage(438, String(usable)));
-}
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unsupportedRefresh() {
-  throw Error(formatProdErrorMessage(393));
-}
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-function useMemoCache(size) {
-  const data = new Array(size);
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-  for (let i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-  return data;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function noop$1() {}
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
 
-const HooksDispatcher = {
-  readContext,
-  use,
-  useContext,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue,
-  useTransition,
-  useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore
-};
+                if (false) ; // Return the line we found.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
 
-let currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-function getCacheSignal() {
-  throw Error(formatProdErrorMessage(248));
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw Error(formatProdErrorMessage(248));
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-const DefaultCacheDispatcher = {
-  getCacheSignal,
-  getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -6605,15 +6660,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6705,7 +6760,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6736,13 +6791,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6758,6 +6814,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6765,13 +6822,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6788,6 +6846,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6795,7 +6854,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6928,6 +6988,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6963,12 +7024,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -7007,11 +7064,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7038,9 +7092,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7054,6 +7108,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -7065,16 +7120,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7117,11 +7169,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7135,9 +7184,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7165,7 +7214,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7189,7 +7238,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7206,7 +7260,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7214,7 +7268,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7229,7 +7283,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7239,7 +7293,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7306,7 +7360,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7330,10 +7384,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7341,45 +7415,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7391,18 +7463,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7430,7 +7502,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7448,7 +7520,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7474,31 +7546,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7540,7 +7622,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7569,7 +7651,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7621,9 +7703,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7634,9 +7714,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7644,17 +7729,26 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7675,7 +7769,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7727,13 +7821,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -8049,9 +8145,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -8066,9 +8162,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -8092,7 +8188,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -8130,7 +8226,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8355,8 +8451,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          const postponeInstance = error;
+          const fatal = Error(formatProdErrorMessage(501, postponeInstance.message));
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8365,7 +8469,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            const postponeInstance = error;
+            logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8384,7 +8498,16 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        const postponeInstance = error;
+        logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        errorDigest = 'POSTPONE';
+      } else {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8547,11 +8670,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8580,12 +8698,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8631,9 +8744,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8651,12 +8761,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw Error(formatProdErrorMessage(488));
@@ -8703,9 +8808,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8771,7 +8873,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8806,7 +8913,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8828,12 +8935,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8844,7 +8951,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8860,9 +8967,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8874,13 +8989,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8892,7 +9013,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -8901,17 +9022,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8923,17 +9040,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8952,11 +9065,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8966,6 +9075,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8977,13 +9087,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw Error(formatProdErrorMessage(392));
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -9004,10 +9114,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js
index 2e0d284577a705..4934a8bf842678 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.browser.production.min.js
@@ -29,188 +29,187 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var ba=require("next/dist/compiled/react-experimental"),ca=require("react-dom");function q(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
-function fa(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+'use strict';var ba=require("next/dist/compiled/react-experimental"),ca=require("react-dom");function q(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var fa=Symbol.for("react.element"),ha=Symbol.for("react.portal"),ia=Symbol.for("react.fragment"),pa=Symbol.for("react.strict_mode"),qa=Symbol.for("react.profiler"),ra=Symbol.for("react.provider"),Aa=Symbol.for("react.consumer"),Ba=Symbol.for("react.context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),La=Symbol.for("react.memo"),Ma=Symbol.for("react.lazy"),Na=Symbol.for("react.scope"),Oa=Symbol.for("react.debug_trace_mode"),Pa=Symbol.for("react.offscreen"),
+Qa=Symbol.for("react.legacy_hidden"),Za=Symbol.for("react.cache"),fb=Symbol.for("react.memo_cache_sentinel"),gb=Symbol.for("react.postpone"),hb=Symbol.iterator,ib=Array.isArray;
+function jb(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
 16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}
-var w=Object.assign,z=Object.prototype.hasOwnProperty,ha=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),ma={},na={};
-function oa(a){if(z.call(na,a))return!0;if(z.call(ma,a))return!1;if(ha.test(a))return na[a]=!0;ma[a]=!0;return!1}
-var Aa=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ba=
+var v=Object.assign,A=Object.prototype.hasOwnProperty,kb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),lb={},mb={};
+function nb(a){if(A.call(mb,a))return!0;if(A.call(lb,a))return!1;if(kb.test(a))return mb[a]=!0;lb[a]=!0;return!1}
+var ob=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),pb=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ca=/["'&<>]/;
-function A(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ca.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Da=/([A-Z])/g,Ea=/^ms-/,Fa=Array.isArray,La=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ma={pending:!1,data:null,method:null,action:null},Na=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,kb={prefetchDNS:Oa,preconnect:Pa,preload:Qa,preloadModule:Ra,preinitStyle:Sa,preinitScript:Ta,preinitModuleScript:jb},C=[],lb=/(<\/|<)(s)(cript)/gi;function mb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
-function nb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function H(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function ob(a,b,c){switch(b){case "noscript":return H(2,null,a.tagScope|1);case "select":return H(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return H(3,null,a.tagScope);case "picture":return H(2,null,a.tagScope|2);case "math":return H(4,null,a.tagScope);case "foreignObject":return H(2,null,a.tagScope);case "table":return H(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return H(6,null,a.tagScope);case "colgroup":return H(8,null,a.tagScope);case "tr":return H(7,null,a.tagScope)}return 5<=
-a.insertionMode?H(2,null,a.tagScope):0===a.insertionMode?"html"===b?H(1,null,a.tagScope):H(2,null,a.tagScope):1===a.insertionMode?H(2,null,a.tagScope):a}var pb=new Map;
-function qb(a,b){if("object"!==typeof b)throw Error(q(62));var c=!0,d;for(d in b)if(z.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=A(d);e=A((""+e).trim())}else f=pb.get(d),void 0===f&&(f=A(d.replace(Da,"-$1").toLowerCase().replace(Ea,"-ms-")),pb.set(d,f)),e="number"===typeof e?0===e||Aa.has(d)?""+e:e+"px":A((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}
-function rb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function J(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',A(c),'"')}function sb(a){var b=a.nextFormID++;return a.idPrefix+b}var tb=A("javascript:throw new Error('A React form was unexpectedly submitted.')");function Db(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error(q(480));J(this,"name",b);J(this,"value",a);this.push("/>")}
-function Eb(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=sb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',tb,'"'),g=f=e=d=h=null,Fb(b,c)));null!=h&&K(a,"name",h);null!=d&&K(a,"formAction",d);null!=e&&K(a,"formEncType",e);null!=f&&K(a,"formMethod",f);null!=g&&K(a,"formTarget",g);return k}
-function K(a,b,c){switch(b){case "className":J(a,"class",c);break;case "tabIndex":J(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":J(a,b,c);break;case "style":qb(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',A(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":rb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',A(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',A(c),'"');break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',A(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',A(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',A(c),'"');break;case "xlinkActuate":J(a,"xlink:actuate",
-c);break;case "xlinkArcrole":J(a,"xlink:arcrole",c);break;case "xlinkRole":J(a,"xlink:role",c);break;case "xlinkShow":J(a,"xlink:show",c);break;case "xlinkTitle":J(a,"xlink:title",c);break;case "xlinkType":J(a,"xlink:type",c);break;case "xmlBase":J(a,"xml:base",c);break;case "xmlLang":J(a,"xml:lang",c);break;case "xmlSpace":J(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ba.get(b)||b,oa(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',A(c),'"')}}}function M(a,b,c){if(null!=b){if(null!=c)throw Error(q(60));if("object"!==typeof b||!("__html"in b))throw Error(q(61));b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}function Gb(a){var b="";ba.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
-function Fb(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});',"\x3c/script>"))}
-function Hb(a,b,c,d,e,f,g){var h=b.rel,k=b.href,l=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return N(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof l||null!=b.disabled||b.onLoad||b.onError)return N(a,b);f=d.styles.get(l);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:A(l),rules:[],hrefs:[],sheets:new Map},d.styles.set(l,f)),b={state:0,props:w({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&Ib(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push("\x3c!-- --\x3e");return null}if(b.onLoad||b.onError)return N(a,b);e&&a.push("\x3c!-- --\x3e");switch(b.rel){case "preconnect":case "dns-prefetch":return N(d.preconnectChunks,b);case "preload":return N(d.preloadChunks,
-b);default:return N(d.hoistableChunks,b)}}function N(a,b){a.push(O("link"));for(var c in b)if(z.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));default:K(a,c,d)}}a.push("/>");return null}function Jb(a,b,c){a.push(O(c));for(var d in b)if(z.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,c));default:K(a,d,e)}}a.push("/>");return null}
-function Kb(a,b){a.push(O("title"));var c=null,d=null,e;for(e in b)if(z.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(A(""+b));M(a,d,c);a.push(Lb("title"));return null}
-function Mb(a,b){a.push(O("script"));var c=null,d=null,e;for(e in b)if(z.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");M(a,d,c);"string"===typeof c&&a.push(A(c));a.push(Lb("script"));return null}
-function Nb(a,b,c){a.push(O(c));var d=c=null,e;for(e in b)if(z.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");M(a,d,c);return"string"===typeof c?(a.push(A(c)),null):c}var Ob=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Pb=new Map;function O(a){var b=Pb.get(a);if(void 0===b){if(!Ob.test(a))throw Error(q(65,a));b="<"+a;Pb.set(a,b)}return b}
-function Qb(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(O("select"));var h=null,k=null,l;for(l in c)if(z.call(c,l)){var m=c[l];if(null!=m)switch(l){case "children":h=m;break;case "dangerouslySetInnerHTML":k=m;break;case "defaultValue":case "value":break;default:K(a,l,m)}}a.push(">");M(a,k,h);return h;case "option":var p=f.selectedValue;a.push(O("option"));var n=null,r=null,D=null,B=null,y;for(y in c)if(z.call(c,
-y)){var v=c[y];if(null!=v)switch(y){case "children":n=v;break;case "selected":D=v;break;case "dangerouslySetInnerHTML":B=v;break;case "value":r=v;default:K(a,y,v)}}if(null!=p){var u=null!==r?""+r:Gb(n);if(Fa(p))for(var F=0;F<p.length;F++){if(""+p[F]===u){a.push(' selected=""');break}}else""+p===u&&a.push(' selected=""')}else D&&a.push(' selected=""');a.push(">");M(a,B,n);return n;case "textarea":a.push(O("textarea"));var x=null,t=null,E=null,P;for(P in c)if(z.call(c,P)){var G=c[P];if(null!=G)switch(P){case "children":E=
-G;break;case "value":x=G;break;case "defaultValue":t=G;break;case "dangerouslySetInnerHTML":throw Error(q(91));default:K(a,P,G)}}null===x&&null!==t&&(x=t);a.push(">");if(null!=E){if(null!=x)throw Error(q(92));if(Fa(E)){if(1<E.length)throw Error(q(93));x=""+E[0]}x=""+E}"string"===typeof x&&"\n"===x[0]&&a.push("\n");null!==x&&a.push(A(""+x));return null;case "input":a.push(O("input"));var ia=null,S=null,Q=null,pa=null,ja=null,Z=null,Ua=null,Va=null,Wa=null,qa;for(qa in c)if(z.call(c,qa)){var T=c[qa];
-if(null!=T)switch(qa){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"input"));case "name":ia=T;break;case "formAction":S=T;break;case "formEncType":Q=T;break;case "formMethod":pa=T;break;case "formTarget":ja=T;break;case "defaultChecked":Wa=T;break;case "defaultValue":Ua=T;break;case "checked":Va=T;break;case "value":Z=T;break;default:K(a,qa,T)}}var ub=Eb(a,d,e,S,Q,pa,ja,ia);null!==Va?rb(a,"checked",Va):null!==Wa&&rb(a,"checked",Wa);null!==Z?K(a,"value",Z):null!==Ua&&K(a,"value",
-Ua);a.push("/>");null!==ub&&ub.forEach(Db,a);return null;case "button":a.push(O("button"));var ra=null,sa=null,da=null,ta=null,ua=null,Xa=null,va=null,Ya;for(Ya in c)if(z.call(c,Ya)){var ea=c[Ya];if(null!=ea)switch(Ya){case "children":ra=ea;break;case "dangerouslySetInnerHTML":sa=ea;break;case "name":da=ea;break;case "formAction":ta=ea;break;case "formEncType":ua=ea;break;case "formMethod":Xa=ea;break;case "formTarget":va=ea;break;default:K(a,Ya,ea)}}var Vc=Eb(a,d,e,ta,ua,Xa,va,da);a.push(">");null!==
-Vc&&Vc.forEach(Db,a);M(a,sa,ra);if("string"===typeof ra){a.push(A(ra));var Wc=null}else Wc=ra;return Wc;case "form":a.push(O("form"));var Za=null,Xc=null,ka=null,$a=null,ab=null,bb=null,cb;for(cb in c)if(z.call(c,cb)){var la=c[cb];if(null!=la)switch(cb){case "children":Za=la;break;case "dangerouslySetInnerHTML":Xc=la;break;case "action":ka=la;break;case "encType":$a=la;break;case "method":ab=la;break;case "target":bb=la;break;default:K(a,cb,la)}}var ac=null,bc=null;if("function"===typeof ka)if("function"===
-typeof ka.$$FORM_ACTION){var Ee=sb(d),Ga=ka.$$FORM_ACTION(Ee);ka=Ga.action||"";$a=Ga.encType;ab=Ga.method;bb=Ga.target;ac=Ga.data;bc=Ga.name}else a.push(" ","action",'="',tb,'"'),bb=ab=$a=ka=null,Fb(d,e);null!=ka&&K(a,"action",ka);null!=$a&&K(a,"encType",$a);null!=ab&&K(a,"method",ab);null!=bb&&K(a,"target",bb);a.push(">");null!==bc&&(a.push('<input type="hidden"'),J(a,"name",bc),a.push("/>"),null!==ac&&ac.forEach(Db,a));M(a,Xc,Za);if("string"===typeof Za){a.push(A(Za));var Yc=null}else Yc=Za;return Yc;
-case "menuitem":a.push(O("menuitem"));for(var vb in c)if(z.call(c,vb)){var Zc=c[vb];if(null!=Zc)switch(vb){case "children":case "dangerouslySetInnerHTML":throw Error(q(400));default:K(a,vb,Zc)}}a.push(">");return null;case "title":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var $c=Kb(a,c);else Kb(e.hoistableChunks,c),$c=null;return $c;case "link":return Hb(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var cc=c.async;if("string"!==typeof c.src||!c.src||!cc||"function"===typeof cc||
-"symbol"===typeof cc||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var ad=Mb(a,c);else{var wb=c.src;if("module"===c.type){var xb=d.moduleScriptResources;var bd=e.preloads.moduleScripts}else xb=d.scriptResources,bd=e.preloads.scripts;var yb=xb.hasOwnProperty(wb)?xb[wb]:void 0;if(null!==yb){xb[wb]=null;var dc=c;if(yb){2===yb.length&&(dc=w({},c),Ib(dc,yb));var cd=bd.get(wb);cd&&(cd.length=0)}var dd=[];e.scripts.add(dd);Mb(dd,dc)}g&&a.push("\x3c!-- --\x3e");ad=null}return ad;
-case "style":var zb=c.precedence,wa=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof zb||"string"!==typeof wa||""===wa){a.push(O("style"));var Ha=null,ed=null,db;for(db in c)if(z.call(c,db)){var Ab=c[db];if(null!=Ab)switch(db){case "children":Ha=Ab;break;case "dangerouslySetInnerHTML":ed=Ab;break;default:K(a,db,Ab)}}a.push(">");var eb=Array.isArray(Ha)?2>Ha.length?Ha[0]:null:Ha;"function"!==typeof eb&&"symbol"!==typeof eb&&null!==eb&&void 0!==eb&&a.push(A(""+eb));M(a,
-ed,Ha);a.push(Lb("style"));var fd=null}else{var xa=e.styles.get(zb);if(null!==(d.styleResources.hasOwnProperty(wa)?d.styleResources[wa]:void 0)){d.styleResources[wa]=null;xa?xa.hrefs.push(A(wa)):(xa={precedence:A(zb),rules:[],hrefs:[A(wa)],sheets:new Map},e.styles.set(zb,xa));var gd=xa.rules,Ia=null,hd=null,Bb;for(Bb in c)if(z.call(c,Bb)){var ec=c[Bb];if(null!=ec)switch(Bb){case "children":Ia=ec;break;case "dangerouslySetInnerHTML":hd=ec}}var fb=Array.isArray(Ia)?2>Ia.length?Ia[0]:null:Ia;"function"!==
-typeof fb&&"symbol"!==typeof fb&&null!==fb&&void 0!==fb&&gd.push(A(""+fb));M(gd,hd,Ia)}xa&&e.boundaryResources&&e.boundaryResources.styles.add(xa);g&&a.push("\x3c!-- --\x3e");fd=void 0}return fd;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var id=Jb(a,c,"meta");else g&&a.push("\x3c!-- --\x3e"),id="string"===typeof c.charSet?Jb(e.charsetChunks,c,"meta"):"viewport"===c.name?Jb(e.preconnectChunks,c,"meta"):Jb(e.hoistableChunks,c,"meta");return id;case "listing":case "pre":a.push(O(b));
-var gb=null,hb=null,ib;for(ib in c)if(z.call(c,ib)){var Cb=c[ib];if(null!=Cb)switch(ib){case "children":gb=Cb;break;case "dangerouslySetInnerHTML":hb=Cb;break;default:K(a,ib,Cb)}}a.push(">");if(null!=hb){if(null!=gb)throw Error(q(60));if("object"!==typeof hb||!("__html"in hb))throw Error(q(61));var ya=hb.__html;null!==ya&&void 0!==ya&&("string"===typeof ya&&0<ya.length&&"\n"===ya[0]?a.push("\n",ya):a.push(""+ya))}"string"===typeof gb&&"\n"===gb[0]&&a.push("\n");return gb;case "img":var L=c.src,I=
-c.srcSet;if(!("lazy"===c.loading||!L&&!I||"string"!==typeof L&&null!=L||"string"!==typeof I&&null!=I)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof L||":"!==L[4]||"d"!==L[0]&&"D"!==L[0]||"a"!==L[1]&&"A"!==L[1]||"t"!==L[2]&&"T"!==L[2]||"a"!==L[3]&&"A"!==L[3])&&("string"!==typeof I||":"!==I[4]||"d"!==I[0]&&"D"!==I[0]||"a"!==I[1]&&"A"!==I[1]||"t"!==I[2]&&"T"!==I[2]||"a"!==I[3]&&"A"!==I[3])){var jd="string"===typeof c.sizes?c.sizes:void 0,Ja=I?I+"\n"+(jd||""):L,fc=e.preloads.images,
-za=fc.get(Ja);if(za){if("high"===c.fetchPriority||10>e.highImagePreloads.size)fc.delete(Ja),e.highImagePreloads.add(za)}else if(!d.imageResources.hasOwnProperty(Ja)){d.imageResources[Ja]=C;var gc=c.crossOrigin;var kd="string"===typeof gc?"use-credentials"===gc?gc:"":void 0;var aa=e.headers,hc;aa&&0<aa.remainingCapacity&&("high"===c.fetchPriority||500>aa.highImagePreloads.length)&&(hc=Rb(L,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:kd,integrity:c.integrity,nonce:c.nonce,type:c.type,
-fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(aa.remainingCapacity-=hc.length))?(e.resets.image[Ja]=C,aa.highImagePreloads&&(aa.highImagePreloads+=", "),aa.highImagePreloads+=hc):(za=[],N(za,{rel:"preload",as:"image",href:I?void 0:L,imageSrcSet:I,imageSizes:jd,crossOrigin:kd,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(za):(e.bulkPreloads.add(za),
-fc.set(Ja,za)))}}return Jb(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Jb(a,c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var ld=Nb(e.headChunks,c,"head")}else ld=Nb(a,c,"head");return ld;case "html":if(0===
-f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[""];var md=Nb(e.htmlChunks,c,"html")}else md=Nb(a,c,"html");return md;default:if(-1!==b.indexOf("-")){a.push(O(b));var ic=null,nd=null,Ka;for(Ka in c)if(z.call(c,Ka)){var V=c[Ka];if(null!=V){var od=Ka;switch(Ka){case "children":ic=V;break;case "dangerouslySetInnerHTML":nd=V;break;case "style":qb(a,V);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;case "className":od="class";default:if(oa(Ka)&&"function"!==typeof V&&
-"symbol"!==typeof V&&!1!==V){if(!0===V)V="";else if("object"===typeof V)continue;a.push(" ",od,'="',A(V),'"')}}}}a.push(">");M(a,nd,ic);return ic}}return Nb(a,c,b)}var Sb=new Map;function Lb(a){var b=Sb.get(a);void 0===b&&(b="</"+a+">",Sb.set(a,b));return b}function Tb(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}
-function Ub(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error(q(395));a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
-function Vb(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),qb=/["'&<>]/;
+function C(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=qb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var rb=/([A-Z])/g,Jb=/^ms-/,Kb=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Lb={pending:!1,data:null,method:null,action:null},Mb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Ub={prefetchDNS:Nb,preconnect:Ob,preload:Pb,preloadModule:Qb,preinitStyle:Rb,preinitScript:Sb,preinitModuleScript:Tb},E=[],Vb=/(<\/|<)(s)(cript)/gi;function Wb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
+function Xb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function I(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function Yb(a,b,c){switch(b){case "noscript":return I(2,null,a.tagScope|1);case "select":return I(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return I(3,null,a.tagScope);case "picture":return I(2,null,a.tagScope|2);case "math":return I(4,null,a.tagScope);case "foreignObject":return I(2,null,a.tagScope);case "table":return I(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return I(6,null,a.tagScope);case "colgroup":return I(8,null,a.tagScope);case "tr":return I(7,null,a.tagScope)}return 5<=
+a.insertionMode?I(2,null,a.tagScope):0===a.insertionMode?"html"===b?I(1,null,a.tagScope):I(2,null,a.tagScope):1===a.insertionMode?I(2,null,a.tagScope):a}var Zb=new Map;
+function $b(a,b){if("object"!==typeof b)throw Error(q(62));var c=!0,d;for(d in b)if(A.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=C(d);e=C((""+e).trim())}else f=Zb.get(d),void 0===f&&(f=C(d.replace(rb,"-$1").toLowerCase().replace(Jb,"-ms-")),Zb.set(d,f)),e="number"===typeof e?0===e||ob.has(d)?""+e:e+"px":C((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}
+function ac(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function K(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',C(c),'"')}function bc(a){var b=a.nextFormID++;return a.idPrefix+b}var cc=C("javascript:throw new Error('React form unexpectedly submitted.')");function dc(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error(q(480));K(this,"name",b);K(this,"value",a);this.push("/>")}
+function ec(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=bc(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',cc,'"'),g=f=e=d=h=null,qc(b,c)));null!=h&&L(a,"name",h);null!=d&&L(a,"formAction",d);null!=e&&L(a,"formEncType",e);null!=f&&L(a,"formMethod",f);null!=g&&L(a,"formTarget",g);return k}
+function L(a,b,c){switch(b){case "className":K(a,"class",c);break;case "tabIndex":K(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":K(a,b,c);break;case "style":$b(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',C(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":ac(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',C(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',C(c),'"');break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',C(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',C(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',C(c),'"');break;case "xlinkActuate":K(a,"xlink:actuate",
+c);break;case "xlinkArcrole":K(a,"xlink:arcrole",c);break;case "xlinkRole":K(a,"xlink:role",c);break;case "xlinkShow":K(a,"xlink:show",c);break;case "xlinkTitle":K(a,"xlink:title",c);break;case "xlinkType":K(a,"xlink:type",c);break;case "xmlBase":K(a,"xml:base",c);break;case "xmlLang":K(a,"xml:lang",c);break;case "xmlSpace":K(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=pb.get(b)||b,nb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',C(c),'"')}}}function M(a,b,c){if(null!=b){if(null!=c)throw Error(q(60));if("object"!==typeof b||!("__html"in b))throw Error(q(61));b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}function rc(a){var b="";ba.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
+function qc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});',"\x3c/script>"))}
+function P(a,b){a.push(Q("link"));for(var c in b)if(A.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));default:L(a,c,d)}}a.push("/>");return null}function sc(a,b,c){a.push(Q(c));for(var d in b)if(A.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,c));default:L(a,d,e)}}a.push("/>");return null}
+function tc(a,b){a.push(Q("title"));var c=null,d=null,e;for(e in b)if(A.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(C(""+b));M(a,d,c);a.push(uc("title"));return null}
+function vc(a,b){a.push(Q("script"));var c=null,d=null,e;for(e in b)if(A.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");M(a,d,c);"string"===typeof c&&a.push(C(c));a.push(uc("script"));return null}
+function wc(a,b,c){a.push(Q(c));var d=c=null,e;for(e in b)if(A.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");M(a,d,c);return"string"===typeof c?(a.push(C(c)),null):c}var xc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,yc=new Map;function Q(a){var b=yc.get(a);if(void 0===b){if(!xc.test(a))throw Error(q(65,a));b="<"+a;yc.set(a,b)}return b}
+function zc(a,b,c,d,e,f,g,h,k){switch(b){case "div":case "span":case "svg":case "path":break;case "a":a.push(Q("a"));var m=null,n=null,l;for(l in c)if(A.call(c,l)){var r=c[l];if(null!=r)switch(l){case "children":m=r;break;case "dangerouslySetInnerHTML":n=r;break;case "href":""===r?K(a,"href",""):L(a,l,r);break;default:L(a,l,r)}}a.push(">");M(a,n,m);if("string"===typeof m){a.push(C(m));var t=null}else t=m;return t;case "g":case "p":case "li":break;case "select":a.push(Q("select"));var D=null,w=null,
+y;for(y in c)if(A.call(c,y)){var x=c[y];if(null!=x)switch(y){case "children":D=x;break;case "dangerouslySetInnerHTML":w=x;break;case "defaultValue":case "value":break;default:L(a,y,x)}}a.push(">");M(a,w,D);return D;case "option":var p=g.selectedValue;a.push(Q("option"));var G=null,F=null,u=null,z=null,B;for(B in c)if(A.call(c,B)){var H=c[B];if(null!=H)switch(B){case "children":G=H;break;case "selected":u=H;break;case "dangerouslySetInnerHTML":z=H;break;case "value":F=H;default:L(a,B,H)}}if(null!=
+p){var sb=null!==F?""+F:rc(G);if(ib(p))for(var sa=0;sa<p.length;sa++){if(""+p[sa]===sb){a.push(' selected=""');break}}else""+p===sb&&a.push(' selected=""')}else u&&a.push(' selected=""');a.push(">");M(a,z,G);return G;case "textarea":a.push(Q("textarea"));var R=null,da=null,T=null,ta;for(ta in c)if(A.call(c,ta)){var ua=c[ta];if(null!=ua)switch(ta){case "children":T=ua;break;case "value":R=ua;break;case "defaultValue":da=ua;break;case "dangerouslySetInnerHTML":throw Error(q(91));default:L(a,ta,ua)}}null===
+R&&null!==da&&(R=da);a.push(">");if(null!=T){if(null!=R)throw Error(q(92));if(ib(T)){if(1<T.length)throw Error(q(93));R=""+T[0]}R=""+T}"string"===typeof R&&"\n"===R[0]&&a.push("\n");null!==R&&a.push(C(""+R));return null;case "input":a.push(Q("input"));var tb=null,ub=null,vb=null,wb=null,xb=null,ja=null,Z=null,va=null,ka=null,la;for(la in c)if(A.call(c,la)){var N=c[la];if(null!=N)switch(la){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"input"));case "name":tb=N;break;case "formAction":ub=
+N;break;case "formEncType":vb=N;break;case "formMethod":wb=N;break;case "formTarget":xb=N;break;case "defaultChecked":ka=N;break;case "defaultValue":Z=N;break;case "checked":va=N;break;case "value":ja=N;break;default:L(a,la,N)}}var kd=ec(a,d,e,ub,vb,wb,xb,tb);null!==va?ac(a,"checked",va):null!==ka&&ac(a,"checked",ka);null!==ja?L(a,"value",ja):null!==Z&&L(a,"value",Z);a.push("/>");null!==kd&&kd.forEach(dc,a);return null;case "button":a.push(Q("button"));var Ra=null,ld=null,md=null,nd=null,od=null,
+pd=null,qd=null,Sa;for(Sa in c)if(A.call(c,Sa)){var ea=c[Sa];if(null!=ea)switch(Sa){case "children":Ra=ea;break;case "dangerouslySetInnerHTML":ld=ea;break;case "name":md=ea;break;case "formAction":nd=ea;break;case "formEncType":od=ea;break;case "formMethod":pd=ea;break;case "formTarget":qd=ea;break;default:L(a,Sa,ea)}}var rd=ec(a,d,e,nd,od,pd,qd,md);a.push(">");null!==rd&&rd.forEach(dc,a);M(a,ld,Ra);if("string"===typeof Ra){a.push(C(Ra));var sd=null}else sd=Ra;return sd;case "form":a.push(Q("form"));
+var Ta=null,td=null,ma=null,Ua=null,Va=null,Wa=null,Xa;for(Xa in c)if(A.call(c,Xa)){var na=c[Xa];if(null!=na)switch(Xa){case "children":Ta=na;break;case "dangerouslySetInnerHTML":td=na;break;case "action":ma=na;break;case "encType":Ua=na;break;case "method":Va=na;break;case "target":Wa=na;break;default:L(a,Xa,na)}}var fc=null,gc=null;if("function"===typeof ma)if("function"===typeof ma.$$FORM_ACTION){var bf=bc(d),Fa=ma.$$FORM_ACTION(bf);ma=Fa.action||"";Ua=Fa.encType;Va=Fa.method;Wa=Fa.target;fc=Fa.data;
+gc=Fa.name}else a.push(" ","action",'="',cc,'"'),Wa=Va=Ua=ma=null,qc(d,e);null!=ma&&L(a,"action",ma);null!=Ua&&L(a,"encType",Ua);null!=Va&&L(a,"method",Va);null!=Wa&&L(a,"target",Wa);a.push(">");null!==gc&&(a.push('<input type="hidden"'),K(a,"name",gc),a.push("/>"),null!==fc&&fc.forEach(dc,a));M(a,td,Ta);if("string"===typeof Ta){a.push(C(Ta));var ud=null}else ud=Ta;return ud;case "menuitem":a.push(Q("menuitem"));for(var yb in c)if(A.call(c,yb)){var vd=c[yb];if(null!=vd)switch(yb){case "children":case "dangerouslySetInnerHTML":throw Error(q(400));
+default:L(a,yb,vd)}}a.push(">");return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var hc=tc(a,c);else k?hc=null:(tc(e.hoistableChunks,c),hc=void 0);return hc;case "link":var cf=c.rel,oa=c.href,zb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof cf||"string"!==typeof oa||""===oa){P(a,c);var Ya=null}else if("stylesheet"===c.rel)if("string"!==typeof zb||null!=c.disabled||c.onLoad||c.onError)Ya=P(a,c);else{var Ga=e.styles.get(zb),Ab=
+d.styleResources.hasOwnProperty(oa)?d.styleResources[oa]:void 0;if(null!==Ab){d.styleResources[oa]=null;Ga||(Ga={precedence:C(zb),rules:[],hrefs:[],sheets:new Map},e.styles.set(zb,Ga));var Bb={state:0,props:v({},c,{"data-precedence":c.precedence,precedence:null})};if(Ab){2===Ab.length&&Ac(Bb.props,Ab);var ic=e.preloads.stylesheets.get(oa);ic&&0<ic.length?ic.length=0:Bb.state=1}Ga.sheets.set(oa,Bb);f&&f.stylesheets.add(Bb)}else if(Ga){var wd=Ga.sheets.get(oa);wd&&f&&f.stylesheets.add(wd)}h&&a.push("\x3c!-- --\x3e");
+Ya=null}else c.onLoad||c.onError?Ya=P(a,c):(h&&a.push("\x3c!-- --\x3e"),Ya=k?null:P(e.hoistableChunks,c));return Ya;case "script":var jc=c.async;if("string"!==typeof c.src||!c.src||!jc||"function"===typeof jc||"symbol"===typeof jc||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var xd=vc(a,c);else{var Cb=c.src;if("module"===c.type){var Db=d.moduleScriptResources;var yd=e.preloads.moduleScripts}else Db=d.scriptResources,yd=e.preloads.scripts;var Eb=Db.hasOwnProperty(Cb)?Db[Cb]:
+void 0;if(null!==Eb){Db[Cb]=null;var kc=c;if(Eb){2===Eb.length&&(kc=v({},c),Ac(kc,Eb));var zd=yd.get(Cb);zd&&(zd.length=0)}var Ad=[];e.scripts.add(Ad);vc(Ad,kc)}h&&a.push("\x3c!-- --\x3e");xd=null}return xd;case "style":var Fb=c.precedence,wa=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Fb||"string"!==typeof wa||""===wa){a.push(Q("style"));var Ha=null,Bd=null,$a;for($a in c)if(A.call(c,$a)){var Gb=c[$a];if(null!=Gb)switch($a){case "children":Ha=Gb;break;case "dangerouslySetInnerHTML":Bd=
+Gb;break;default:L(a,$a,Gb)}}a.push(">");var ab=Array.isArray(Ha)?2>Ha.length?Ha[0]:null:Ha;"function"!==typeof ab&&"symbol"!==typeof ab&&null!==ab&&void 0!==ab&&a.push(C(""+ab));M(a,Bd,Ha);a.push(uc("style"));var Cd=null}else{var xa=e.styles.get(Fb);if(null!==(d.styleResources.hasOwnProperty(wa)?d.styleResources[wa]:void 0)){d.styleResources[wa]=null;xa?xa.hrefs.push(C(wa)):(xa={precedence:C(Fb),rules:[],hrefs:[C(wa)],sheets:new Map},e.styles.set(Fb,xa));var Dd=xa.rules,Ia=null,Ed=null,Hb;for(Hb in c)if(A.call(c,
+Hb)){var lc=c[Hb];if(null!=lc)switch(Hb){case "children":Ia=lc;break;case "dangerouslySetInnerHTML":Ed=lc}}var bb=Array.isArray(Ia)?2>Ia.length?Ia[0]:null:Ia;"function"!==typeof bb&&"symbol"!==typeof bb&&null!==bb&&void 0!==bb&&Dd.push(C(""+bb));M(Dd,Ed,Ia)}xa&&f&&f.styles.add(xa);h&&a.push("\x3c!-- --\x3e");Cd=void 0}return Cd;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Fd=sc(a,c,"meta");else h&&a.push("\x3c!-- --\x3e"),Fd=k?null:"string"===typeof c.charSet?sc(e.charsetChunks,
+c,"meta"):"viewport"===c.name?sc(e.viewportChunks,c,"meta"):sc(e.hoistableChunks,c,"meta");return Fd;case "listing":case "pre":a.push(Q(b));var cb=null,db=null,eb;for(eb in c)if(A.call(c,eb)){var Ib=c[eb];if(null!=Ib)switch(eb){case "children":cb=Ib;break;case "dangerouslySetInnerHTML":db=Ib;break;default:L(a,eb,Ib)}}a.push(">");if(null!=db){if(null!=cb)throw Error(q(60));if("object"!==typeof db||!("__html"in db))throw Error(q(61));var ya=db.__html;null!==ya&&void 0!==ya&&("string"===typeof ya&&0<
+ya.length&&"\n"===ya[0]?a.push("\n",ya):a.push(""+ya))}"string"===typeof cb&&"\n"===cb[0]&&a.push("\n");return cb;case "img":var O=c.src,J=c.srcSet;if(!("lazy"===c.loading||!O&&!J||"string"!==typeof O&&null!=O||"string"!==typeof J&&null!=J)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof O||":"!==O[4]||"d"!==O[0]&&"D"!==O[0]||"a"!==O[1]&&"A"!==O[1]||"t"!==O[2]&&"T"!==O[2]||"a"!==O[3]&&"A"!==O[3])&&("string"!==typeof J||":"!==J[4]||"d"!==J[0]&&"D"!==J[0]||"a"!==J[1]&&"A"!==J[1]||
+"t"!==J[2]&&"T"!==J[2]||"a"!==J[3]&&"A"!==J[3])){var Gd="string"===typeof c.sizes?c.sizes:void 0,Ja=J?J+"\n"+(Gd||""):O,mc=e.preloads.images,za=mc.get(Ja);if(za){if("high"===c.fetchPriority||10>e.highImagePreloads.size)mc.delete(Ja),e.highImagePreloads.add(za)}else if(!d.imageResources.hasOwnProperty(Ja)){d.imageResources[Ja]=E;var nc=c.crossOrigin;var Hd="string"===typeof nc?"use-credentials"===nc?nc:"":void 0;var aa=e.headers,oc;aa&&0<aa.remainingCapacity&&("high"===c.fetchPriority||500>aa.highImagePreloads.length)&&
+(oc=Bc(O,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Hd,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(aa.remainingCapacity-=oc.length))?(e.resets.image[Ja]=E,aa.highImagePreloads&&(aa.highImagePreloads+=", "),aa.highImagePreloads+=oc):(za=[],P(za,{rel:"preload",as:"image",href:J?void 0:O,imageSrcSet:J,imageSizes:Gd,crossOrigin:Hd,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),
+"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(za):(e.bulkPreloads.add(za),mc.set(Ja,za)))}}return sc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return sc(a,c,b);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":break;case "head":if(2>g.insertionMode&&
+null===e.headChunks){e.headChunks=[];var Id=wc(e.headChunks,c,"head")}else Id=wc(a,c,"head");return Id;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[""];var Jd=wc(e.htmlChunks,c,"html")}else Jd=wc(a,c,"html");return Jd;default:if(-1!==b.indexOf("-")){a.push(Q(b));var pc=null,Kd=null,Ka;for(Ka in c)if(A.call(c,Ka)){var X=c[Ka];if(null!=X){var Ld=Ka;switch(Ka){case "children":pc=X;break;case "dangerouslySetInnerHTML":Kd=X;break;case "style":$b(a,X);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "className":Ld="class";default:if(nb(Ka)&&"function"!==typeof X&&"symbol"!==typeof X&&!1!==X){if(!0===X)X="";else if("object"===typeof X)continue;a.push(" ",Ld,'="',C(X),'"')}}}}a.push(">");M(a,Kd,pc);return pc}}return wc(a,c,b)}var Cc=new Map;function uc(a){var b=Cc.get(a);void 0===b&&(b="</"+a+">",Cc.set(a,b));return b}function Dc(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}
+function Ec(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error(q(395));a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
+function Fc(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
 b=d.toString(16),a.push(b),a.push('">');case 6:return a.push('<table hidden><tbody id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 7:return a.push('<table hidden><tr id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 8:return a.push('<table hidden><colgroup id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');default:throw Error(q(397));}}
-function Wb(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error(q(397));}}var Xb=/[<\u2028\u2029]/g;
-function Yb(a){return JSON.stringify(a).replace(Xb,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Zb=/[&><\u2028\u2029]/g;
-function $b(a){return JSON.stringify(a).replace(Zb,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var jc=!1,kc=!0;
-function lc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);kc=this.push("</style>");jc=!0;b.length=0;c.length=0}}function mc(a){return 2!==a.state?jc=!0:!1}function nc(a,b,c){jc=!1;kc=!0;b.styles.forEach(lc,a);b.stylesheets.forEach(mc);jc&&(c.stylesToHoist=!0);return kc}
-function R(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var oc=[];function pc(a){N(oc,a.props);for(var b=0;b<oc.length;b++)this.push(oc[b]);oc.length=0;a.state=2}
-function qc(a){var b=0<a.sheets.size;a.sheets.forEach(pc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
-function rc(a){if(0===a.state){a.state=1;var b=a.props;N(oc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<oc.length;a++)this.push(oc[a]);oc.length=0}}function sc(a){a.sheets.forEach(rc,this);a.sheets.clear()}
-function tc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=$b(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=$b(""+d.props.href);a.push(g);e=""+e;a.push(",");e=$b(e);a.push(e);for(var h in f)if(z.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));default:a:{e=
-a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!oa(h))break a;g=""+g}e.push(",");k=$b(k);e.push(k);e.push(",");g=$b(g);e.push(g)}}a.push("]");
-c=",[";d.state=3}});a.push("]")}
-function uc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=A(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=A(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=A(JSON.stringify(e));a.push(e);for(var h in f)if(z.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));
-default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!oa(h))break a;g=""+g}e.push(",");k=A(JSON.stringify(k));e.push(k);
-e.push(",");g=A(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
-function Oa(a){var b=U?U:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(vc,wc)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],N(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}xc(b)}}}
-function Pa(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(vc,wc)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(yc,zc);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],N(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}xc(c)}}}
-function Qa(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var l=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(l))return;e.imageResources[l]=C;e=f.headers;var m;e&&0<e.remainingCapacity&&"high"===k&&(m=Rb(a,b,c),2<=(e.remainingCapacity-=m.length))?(f.resets.image[l]=C,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=m):(e=[],N(e,w({rel:"preload",href:g?
-void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(l,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];N(g,w({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?C:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-N(g,w({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?C:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=C;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(l=Rb(a,b,c),2<=(e.remainingCapacity-=l.length)))f.resets.font[a]=C,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=l;else switch(e=[],
-a=w({rel:"preload",href:a,as:b},c),N(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}xc(d)}}}
-function Ra(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?C:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=C}N(f,w({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);xc(c)}}}
-function Sa(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:A(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:w({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&Ib(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),xc(d))}}}
-function Ta(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=w({src:a,async:!0},b),f&&(2===f.length&&Ib(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Mb(a,b),xc(c))}}}
-function jb(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=w({src:a,type:"module",async:!0},b),f&&(2===f.length&&Ib(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Mb(a,b),xc(c))}}}function Ib(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Rb(a,b,c){a=(""+a).replace(vc,wc);b=(""+b).replace(yc,zc);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)z.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(yc,zc)+'"'));return b}var vc=/[<>\r\n]/g;
-function wc(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var yc=/["';,\r\n]/g;
-function zc(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Ac(a){this.styles.add(a)}function Bc(a){this.stylesheets.add(a)}
-function Cc(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(lb,mb),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,l=new Set,m=new Set,p=new Map,n=new Set,r=new Set,D=new Set,B={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var y=0;y<f.length;y++){var v=f[y],u,F=void 0,x=void 0,t={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
-typeof v?t.href=u=v:(t.href=u=v.src,t.integrity=x="string"===typeof v.integrity?v.integrity:void 0,t.crossOrigin=F="string"===typeof v||null==v.crossOrigin?void 0:"use-credentials"===v.crossOrigin?"use-credentials":"");v=a;var E=u;v.scriptResources[E]=null;v.moduleScriptResources[E]=null;v=[];N(v,t);n.add(v);d.push('<script src="',A(u));"string"===typeof x&&d.push('" integrity="',A(x));"string"===typeof F&&d.push('" crossorigin="',A(F));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)t=
-g[f],F=u=void 0,x={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof t?x.href=y=t:(x.href=y=t.src,x.integrity=F="string"===typeof t.integrity?t.integrity:void 0,x.crossOrigin=u="string"===typeof t||null==t.crossOrigin?void 0:"use-credentials"===t.crossOrigin?"use-credentials":""),t=a,v=y,t.scriptResources[v]=null,t.moduleScriptResources[v]=null,t=[],N(t,x),n.add(t),d.push('<script type="module" src="',A(y)),"string"===typeof F&&d.push('" integrity="',A(F)),"string"===typeof u&&
-d.push('" crossorigin="',A(u)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:[],preloadChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:l,highImagePreloads:m,styles:p,
-bootstrapScripts:n,scripts:r,bulkPreloads:D,preloads:B,boundaryResources:null,stylesToHoist:!1,generateStaticMarkup:b}}function Dc(a,b,c,d){if(c.generateStaticMarkup)return a.push(A(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(A(b)),a=!0);return a}
-var Ec=Symbol.for("react.element"),Fc=Symbol.for("react.portal"),Gc=Symbol.for("react.fragment"),Hc=Symbol.for("react.strict_mode"),Ic=Symbol.for("react.profiler"),Jc=Symbol.for("react.provider"),Kc=Symbol.for("react.context"),Lc=Symbol.for("react.server_context"),Mc=Symbol.for("react.forward_ref"),Nc=Symbol.for("react.suspense"),Oc=Symbol.for("react.suspense_list"),Pc=Symbol.for("react.memo"),Qc=Symbol.for("react.lazy"),Rc=Symbol.for("react.scope"),Sc=Symbol.for("react.debug_trace_mode"),Tc=Symbol.for("react.offscreen"),
-Uc=Symbol.for("react.legacy_hidden"),pd=Symbol.for("react.cache"),qd=Symbol.for("react.default_value"),rd=Symbol.for("react.memo_cache_sentinel"),sd=Symbol.for("react.postpone"),td=Symbol.iterator,ud=Symbol.for("react.client.reference");
-function vd(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===ud?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Gc:return"Fragment";case Fc:return"Portal";case Ic:return"Profiler";case Hc:return"StrictMode";case Nc:return"Suspense";case Oc:return"SuspenseList";case pd:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case Kc:return(a.displayName||"Context")+".Consumer";case Jc:return(a._context.displayName||"Context")+".Provider";case Mc:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Pc:return b=a.displayName||null,null!==b?b:vd(a.type)||"Memo";case Qc:b=a._payload;a=a._init;try{return vd(a(b))}catch(c){break}case Lc:return(a.displayName||a._globalName)+".Provider"}return null}var wd;function xd(a){if(void 0===wd)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);wd=b&&b[1]||""}return"\n"+wd+a}var yd=!1;
-function zd(a,b){if(!a||yd)return"";yd=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var p=function(){throw Error();};Object.defineProperty(p.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(p,[])}catch(r){var n=r}Reflect.construct(a,[],p)}else{try{p.call()}catch(r){n=r}a.call(p.prototype)}}else{try{throw Error();}catch(r){n=r}(p=a())&&"function"===typeof p.catch&&
-p.catch(function(){})}}catch(r){if(r&&n&&"string"===typeof r.stack)return[r.stack,n.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),l=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<l.length&&!l[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===l.length)for(d=k.length-1,e=l.length-1;1<=d&&0<=e&&k[d]!==l[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==l[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==l[e]){var m="\n"+k[d].replace(" at new "," at ");a.displayName&&m.includes("<anonymous>")&&(m=m.replace("<anonymous>",a.displayName));return m}while(1<=d&&0<=e)}break}}}finally{yd=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?xd(c):""}
-var Ad={};function Bd(a,b){a=a.contextTypes;if(!a)return Ad;var c={},d;for(d in a)c[d]=b[d];return c}var Cd=null;function Dd(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(q(401));}else{if(null===c)throw Error(q(401));Dd(a,c)}b.context._currentValue2=b.value}}function Ed(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Ed(a)}function Fd(a){var b=a.parent;null!==b&&Fd(b);a.context._currentValue2=a.value}
-function Gd(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error(q(402));a.depth===b.depth?Dd(a,b):Gd(a,b)}function Hd(a,b){var c=b.parent;if(null===c)throw Error(q(402));a.depth===c.depth?Dd(a,c):Hd(a,c);b.context._currentValue2=b.value}function Id(a){var b=Cd;b!==a&&(null===b?Fd(a):null===a?Ed(b):b.depth===a.depth?Dd(b,a):b.depth>a.depth?Gd(b,a):Hd(b,a),Cd=a)}
-var Jd={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Kd(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Jd;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:w({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Jd.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=w({},f,h)):w(f,h))}a.state=f}else f.queue=null}
-var Ld={id:1,overflow:""};function Md(a,b,c){var d=a.id;a=a.overflow;var e=32-Nd(d)-1;d&=~(1<<e);c+=1;var f=32-Nd(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Nd(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Nd=Math.clz32?Math.clz32:Od,Pd=Math.log,Qd=Math.LN2;function Od(a){a>>>=0;return 0===a?32:31-(Pd(a)/Qd|0)|0}var Rd=Error(q(460));function Sd(){}
-function Td(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Sd,Sd),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ud=b;throw Rd;}}var Ud=null;
-function Vd(){if(null===Ud)throw Error(q(459));var a=Ud;Ud=null;return a}function Wd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var Xd="function"===typeof Object.is?Object.is:Wd,Yd=null,Zd=null,$d=null,ae=null,be=null,W=null,ce=!1,de=!1,ee=0,fe=0,ge=-1,he=0,ie=null,je=null,ke=0;function le(){if(null===Yd)throw Error(q(321));return Yd}function me(){if(0<ke)throw Error(q(312));return{memoizedState:null,queue:null,next:null}}
-function ne(){null===W?null===be?(ce=!1,be=W=me()):(ce=!0,W=be):null===W.next?(ce=!1,W=W.next=me()):(ce=!0,W=W.next);return W}function oe(a,b,c,d){for(;de;)de=!1,fe=ee=0,ge=-1,he=0,ke+=1,W=null,c=a(b,d);pe();return c}function qe(){var a=ie;ie=null;return a}function pe(){ae=$d=Zd=Yd=null;de=!1;be=null;ke=0;W=je=null}function re(a,b){return"function"===typeof b?b(a):b}
-function se(a,b,c){Yd=le();W=ne();if(ce){var d=W.queue;b=d.dispatch;if(null!==je&&(c=je.get(d),void 0!==c)){je.delete(d);d=W.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);W.memoizedState=d;return[d,b]}return[W.memoizedState,b]}a=a===re?"function"===typeof b?b():b:void 0!==c?c(b):b;W.memoizedState=a;a=W.queue={last:null,dispatch:null};a=a.dispatch=te.bind(null,Yd,a);return[W.memoizedState,a]}
-function ue(a,b){Yd=le();W=ne();b=void 0===b?null:b;if(null!==W){var c=W.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!Xd(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();W.memoizedState=[a,b];return a}function te(a,b,c){if(25<=ke)throw Error(q(301));if(a===Yd)if(de=!0,a={action:c,next:null},null===je&&(je=new Map),c=je.get(b),void 0===c)je.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
-function ve(){throw Error(q(440));}function we(){throw Error(q(394));}function xe(){throw Error(q(479));}function ye(a){var b=he;he+=1;null===ie&&(ie=[]);return Td(ie,a,b)}function ze(){throw Error(q(393));}function Ae(){}
-var Ce={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return ye(a);if(a.$$typeof===Kc||a.$$typeof===Lc)return a._currentValue2}throw Error(q(438,String(a)));},useContext:function(a){le();return a._currentValue2},useMemo:ue,useReducer:se,useRef:function(a){Yd=le();W=ne();var b=W.memoizedState;return null===b?(a={current:a},W.memoizedState=a):b},useState:function(a){return se(re,a)},useInsertionEffect:Ae,useLayoutEffect:Ae,
-useCallback:function(a,b){return ue(function(){return a},b)},useImperativeHandle:Ae,useEffect:Ae,useDebugValue:Ae,useDeferredValue:function(a,b){le();return void 0!==b?b:a},useTransition:function(){le();return[!1,we]},useId:function(){var a=Zd.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Nd(a)-1)).toString(32)+b;var c=Be;if(null===c)throw Error(q(404));b=ee++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(q(407));
-return c()},useCacheRefresh:function(){return ze},useEffectEvent:function(){return ve},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=rd;return b},useHostTransitionStatus:function(){le();return Ma},useOptimistic:function(a){le();return[a,xe]},useFormState:function(a,b,c){le();var d=fe++,e=$d;if("function"===typeof a.$$FORM_ACTION){var f=null,g=ae;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+fa(JSON.stringify([g,
-null,d]),0),k===f&&(ge=d,b=e[0]))}var l=a.bind(null,b);a=function(p){l(p)};"function"===typeof l.$$FORM_ACTION&&(a.$$FORM_ACTION=function(p){p=l.$$FORM_ACTION(p);void 0!==c&&(c+="",p.action=c);var n=p.data;n&&(null===f&&(f=void 0!==c?"p"+c:"k"+fa(JSON.stringify([g,null,d]),0)),n.append("$ACTION_KEY",f));return p});return[b,a]}var m=a.bind(null,b);return[b,function(p){m(p)}]}},Be=null,De={getCacheSignal:function(){throw Error(q(248));},getCacheForType:function(){throw Error(q(248));}},Fe=La.ReactCurrentDispatcher,
-Ge=La.ReactCurrentCache;function He(a){console.error(a);return null}function Ie(){}
-function Je(a,b,c,d,e,f,g,h,k,l,m,p){Na.current=kb;var n=[],r=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:r,pingedTasks:n,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?He:f,onPostpone:void 0===m?Ie:m,onAllReady:void 0===g?
-Ie:g,onShellReady:void 0===h?Ie:h,onShellError:void 0===k?Ie:k,onFatalError:void 0===l?Ie:l,formState:void 0===p?null:p};c=Ke(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Le(b,null,a,-1,null,c,r,null,d,Ad,null,Ld,null);n.push(a);return b}var U=null;function Me(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Ne(a))}
-function Oe(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Le(a,b,c,d,e,f,g,h,k,l,m,p,n){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var r={replay:null,node:c,childIndex:d,ping:function(){return Me(a,r)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:m,treeContext:p,componentStack:n,thenableState:b};g.add(r);return r}
-function Pe(a,b,c,d,e,f,g,h,k,l,m,p,n){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var r={replay:c,node:d,childIndex:e,ping:function(){return Me(a,r)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:m,treeContext:p,componentStack:n,thenableState:b};g.add(r);return r}
-function Ke(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Qe(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Re(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=xd(b.type,null,null);break;case 1:a+=zd(b.type,!1);break;case 2:a+=zd(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function X(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function Se(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Te(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(q(108,vd(e)||"Unknown",h));e=w({},c,d)}b.legacyContext=e;Y(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Y(a,b,null,f,-1),b.keyPath=e}
-function Ue(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var l=0;l<f;l++)l===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Md(c,1,0),Ve(a,b,d,-1),b.treeContext=c):h?Ve(a,b,d,-1):Y(a,b,null,d,-1);b.keyPath=f}function We(a,b){if(a&&a.defaultProps){b=w({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function Xe(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=Bd(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue2:g);Kd(h,e,f,g);Te(a,b,c,h,e);b.componentStack=d}else{g=Bd(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};Yd={};Zd=b;$d=a;ae=c;fe=ee=0;ge=-1;he=0;ie=d;d=e(f,g);d=oe(e,f,d,g);var k=0!==
-ee,l=fe,m=ge;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Kd(d,e,f,g),Te(a,b,c,d,e)):Ue(a,b,c,d,k,l,m);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Qe(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=ob(h,e,f),b.keyPath=c,Ve(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Qb(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-l=b.keyPath;b.formatContext=ob(h,e,f);b.keyPath=c;Ve(a,b,k,-1);b.formatContext=h;b.keyPath=l;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(Lb(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case Uc:case Sc:case Hc:case Ic:case Gc:e=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=e;return;case Tc:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,Y(a,b,null,f.children,-1),b.keyPath=e);return;case Oc:e=b.componentStack;b.componentStack=Qe(b,"SuspenseList");d=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case Rc:throw Error(q(343));case Nc:a:if(null!==b.replay){e=b.keyPath;b.keyPath=c;c=f.children;try{Ve(a,
-b,c,-1)}finally{b.keyPath=e}}else{var p=b.componentStack;e=b.componentStack=Qe(b,"Suspense");var n=b.keyPath;d=b.blockedBoundary;var r=b.blockedSegment;g=f.fallback;var D=f.children;f=new Set;l=Oe(a,f);null!==a.trackedPostpones&&(l.trackedContentKeyPath=c);m=Ke(a,r.chunks.length,l,b.formatContext,!1,!1);r.children.push(m);r.lastPushedText=!1;var B=Ke(a,0,null,b.formatContext,!1,!1);B.parentFlushed=!0;b.blockedBoundary=l;b.blockedSegment=B;a.renderState.boundaryResources=l.resources;b.keyPath=c;try{if(Ve(a,
-b,D,-1),a.renderState.generateStaticMarkup||B.lastPushedText&&B.textEmbedded&&B.chunks.push("\x3c!-- --\x3e"),B.status=1,Ye(l,B),0===l.pendingTasks&&0===l.status){l.status=1;b.componentStack=p;break a}}catch(y){B.status=4,l.status=4,h=Re(a,b.componentStack),"object"===typeof y&&null!==y&&y.$$typeof===sd?(a.onPostpone(y.message,h),k="POSTPONE"):k=X(a,y,h),l.errorDigest=k,Ze(a,l)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=r,b.keyPath=n,b.componentStack=
-p}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(p=[h[1],h[2],[],null],k.workingMap.set(h,p),5===l.status?k.workingMap.get(c)[4]=p:l.trackedFallbackNode=p);b=Le(a,null,g,-1,d,m,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case Mc:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;Yd={};Zd=b;$d=a;ae=c;fe=ee=0;ge=-1;he=0;ie=d;d=e(f,g);f=oe(e,
-f,d,g);Ue(a,b,c,f,0!==ee,fe,ge);b.componentStack=h;return;case Pc:e=e.type;f=We(e,f);Xe(a,b,c,d,e,f,g);return;case Jc:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue2;e._currentValue2=f;k=Cd;Cd=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;Y(a,b,null,g,-1);a=Cd;if(null===a)throw Error(q(403));c=a.parentValue;a.context._currentValue2=c===qd?a.context._defaultValue:c;a=Cd=a.parent;b.context=a;b.keyPath=d;return;case Kc:f=f.children;
-f=f(e._currentValue2);e=b.keyPath;b.keyPath=c;Y(a,b,null,f,-1);b.keyPath=e;return;case Qc:g=b.componentStack;b.componentStack=Qe(b,"Lazy");h=e._init;e=h(e._payload);f=We(e,f);Xe(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error(q(130,null==e?e:typeof e,""));}}
-function $e(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Ke(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,Ve(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(Ye(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function Y(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)$e(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case Ec:var f=d.type,g=d.key,h=d.props,k=d.ref,l=vd(f),m=null==g?-1===e?0:e:g;g=[b.keyPath,l,m];if(null!==b.replay)a:{var p=b.replay;e=p.nodes;for(d=0;d<e.length;d++){var n=e[d];if(m===n[1]){if(4===n.length){if(null!==l&&l!==n[0])throw Error(q(490,n[0],l));var r=n[2];l=n[3];n=b.node;b.replay={nodes:r,slots:l,pendingTasks:1};
-try{Xe(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--}catch(t){if("object"===typeof t&&null!==t&&(t===Rd||"function"===typeof t.then))throw b.node===n&&(b.replay=p),t;b.replay.pendingTasks--;h=Re(a,b.componentStack);af(a,b.blockedBoundary,t,h,r,l)}b.replay=p}else{if(f!==Nc)throw Error(q(490,"Suspense",vd(f)||"Unknown"));b:{c=void 0;f=n[5];k=n[2];p=n[3];l=null===n[4]?[]:n[4][2];n=null===n[4]?null:n[4][3];m=b.componentStack;var D=b.componentStack=
-Qe(b,"Suspense"),B=b.keyPath,y=b.replay,v=b.blockedBoundary,u=h.children;h=h.fallback;var F=new Set,x=Oe(a,F);x.parentFlushed=!0;x.rootSegmentID=f;b.blockedBoundary=x;b.replay={nodes:k,slots:p,pendingTasks:1};a.renderState.boundaryResources=x.resources;try{Ve(a,b,u,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--;if(0===x.pendingTasks&&0===x.status){x.status=1;a.completedBoundaries.push(x);break b}}catch(t){x.status=4,r=Re(a,b.componentStack),"object"===
-typeof t&&null!==t&&t.$$typeof===sd?(a.onPostpone(t.message,r),c="POSTPONE"):c=X(a,t,r),x.errorDigest=c,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(x)}finally{a.renderState.boundaryResources=v?v.resources:null,b.blockedBoundary=v,b.replay=y,b.keyPath=B,b.componentStack=m}h=Pe(a,null,{nodes:l,slots:n,pendingTasks:0},h,-1,v,F,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,D);a.pingedTasks.push(h)}}e.splice(d,1);break a}}}else Xe(a,b,g,c,f,h,k);return;
-case Fc:throw Error(q(257));case Qc:h=b.componentStack;b.componentStack=Qe(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;Y(a,b,null,d,e);return}if(Fa(d)){bf(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=td&&d[td]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];do g.push(d.value),d=h.next();while(!d.done);bf(a,b,g,e)}return}if("function"===typeof d.then)return Y(a,b,null,ye(d),e);if(d.$$typeof===Kc||d.$$typeof===Lc)return Y(a,b,null,
-d._currentValue2,e);e=Object.prototype.toString.call(d);throw Error(q(31,"[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e));}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=Dc(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Dc(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function bf(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{bf(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--}catch(m){if("object"===typeof m&&null!==m&&(m===Rd||"function"===typeof m.then))throw m;b.replay.pendingTasks--;c=Re(a,b.componentStack);af(a,b.blockedBoundary,
-m,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=Md(f,g,d);var l=h[d];"number"===typeof l?($e(a,b,l,k,d),delete h[d]):Ve(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Md(f,g,h),Ve(a,b,d,h);b.treeContext=f;b.keyPath=e}
-function cf(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error(q(486));var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,
-d);df(d,g[0],b);return}var l=b.workingMap.get(g);void 0===l?(l=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,l),df(l,g[0],b)):(g=l,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],df(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots={};else{if("number"===typeof a)throw Error(q(491));}else if(f=b.workingMap,
-g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),df(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error(q(491));a[c.childIndex]=d.id}}}function Ze(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function Ve(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,l=b.componentStack,m=b.blockedSegment;if(null===m)try{return Y(a,b,null,c,d)}catch(r){if(pe(),d=r===Rd?Vd():r,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=qe();a=Pe(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=
-e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Id(g);return}}else{var p=m.children.length,n=m.chunks.length;try{return Y(a,b,null,c,d)}catch(r){if(pe(),m.children.length=p,m.chunks.length=n,d=r===Rd?Vd():r,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=qe();m=b.blockedSegment;p=Ke(a,m.chunks.length,null,b.formatContext,m.lastPushedText,!0);m.children.push(p);m.lastPushedText=!1;a=Le(a,d,b.node,b.childIndex,b.blockedBoundary,p,b.abortSet,b.keyPath,
-b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Id(g);return}if(d.$$typeof===sd&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;m=Re(a,b.componentStack);a.onPostpone(d.message,m);d=b.blockedSegment;m=Ke(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(m);d.lastPushedText=!1;
-cf(a,c,b,m);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Id(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Id(g);throw d;}function af(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===sd?(a.onPostpone(c.message,d),d="POSTPONE"):d=X(a,c,d);ef(a,b,e,f,c,d)}function ff(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,gf(this,b,a))}
-function ef(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)ef(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,l=f,m=Oe(k,new Set);m.parentFlushed=!0;m.rootSegmentID=h;m.status=4;m.errorDigest=l;m.parentFlushed&&k.clientRenderedBoundaries.push(m)}}c.length=0;if(null!==d){if(null===b)throw Error(q(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var p in d)delete d[p]}}
-function hf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){X(b,c,d);Se(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=X(b,c,d),ef(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&jf(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Re(b,a.componentStack),a=X(b,c,a),d.errorDigest=a,Ze(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return hf(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&kf(b)}
-function lf(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),l=k.next();0<e.remainingCapacity&&!l.done;l=k.next()){var m=l.value,p=m.props,n=p.href,r=m.props,D=Rb(r.href,"style",{crossOrigin:r.crossOrigin,integrity:r.integrity,
-nonce:r.nonce,type:r.type,fetchPriority:r.fetchPriority,referrerPolicy:r.referrerPolicy,media:r.media});if(2<=(e.remainingCapacity-=D.length))c.resets.style[n]=C,f&&(f+=", "),f+=D,c.resets.style[n]="string"===typeof p.crossOrigin||"string"===typeof p.integrity?[p.crossOrigin,p.integrity]:C;else break b}}f?d({Link:f}):d({})}}}catch(B){X(a,B,{})}}function jf(a){null===a.trackedPostpones&&lf(a,!0);a.onShellError=Ie;a=a.onShellReady;a()}
-function kf(a){lf(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function Ye(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&Ye(a,c)}else a.completedSegments.push(b)}
-function gf(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(q(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&jf(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&Ye(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(ff,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
-(Ye(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&kf(a)}
-function Ne(a){if(2!==a.status){var b=Cd,c=Fe.current;Fe.current=Ce;var d=Ge.current;Ge.current=De;var e=U;U=a;var f=Be;Be=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],l=a,m=k.blockedBoundary;l.renderState.boundaryResources=m?m.resources:null;var p=k.blockedSegment;if(null===p){var n=l;if(0!==k.replay.pendingTasks){Id(k.context);try{var r=k.thenableState;k.thenableState=null;Y(n,k,r,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.replay.nodes.length)throw Error(q(488));
-k.replay.pendingTasks--;k.abortSet.delete(k);gf(n,k.blockedBoundary,null)}catch(Q){pe();var D=Q===Rd?Vd():Q;if("object"===typeof D&&null!==D&&"function"===typeof D.then){var B=k.ping;D.then(B,B);k.thenableState=qe()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var y=Re(n,k.componentStack);af(n,k.blockedBoundary,D,y,k.replay.nodes,k.replay.slots);n.pendingRootTasks--;0===n.pendingRootTasks&&jf(n);n.allPendingTasks--;0===n.allPendingTasks&&kf(n)}}finally{n.renderState.boundaryResources=null}}}else a:{n=
-void 0;var v=p;if(0===v.status){Id(k.context);var u=v.children.length,F=v.chunks.length;try{var x=k.thenableState;k.thenableState=null;Y(l,k,x,k.node,k.childIndex);l.renderState.generateStaticMarkup||v.lastPushedText&&v.textEmbedded&&v.chunks.push("\x3c!-- --\x3e");k.abortSet.delete(k);v.status=1;gf(l,k.blockedBoundary,v)}catch(Q){pe();v.children.length=u;v.chunks.length=F;var t=Q===Rd?Vd():Q;if("object"===typeof t&&null!==t){if("function"===typeof t.then){var E=k.ping;t.then(E,E);k.thenableState=
-qe();break a}if(null!==l.trackedPostpones&&t.$$typeof===sd){var P=l.trackedPostpones;k.abortSet.delete(k);var G=Re(l,k.componentStack);l.onPostpone(t.message,G);cf(l,P,k,v);gf(l,k.blockedBoundary,v);break a}}var ia=Re(l,k.componentStack);k.abortSet.delete(k);v.status=4;var S=k.blockedBoundary;"object"===typeof t&&null!==t&&t.$$typeof===sd?(l.onPostpone(t.message,ia),n="POSTPONE"):n=X(l,t,ia);null===S?Se(l,t):(S.pendingTasks--,4!==S.status&&(S.status=4,S.errorDigest=n,Ze(l,S),S.parentFlushed&&l.clientRenderedBoundaries.push(S)));
-l.allPendingTasks--;0===l.allPendingTasks&&kf(l)}finally{l.renderState.boundaryResources=null}}}}g.splice(0,h);null!==a.destination&&mf(a,a.destination)}catch(Q){X(a,Q,{}),Se(a,Q)}finally{Be=f,Fe.current=c,Ge.current=d,c===Ce&&Id(b),U=e}}}
-function nf(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;b.push('<template id="');b.push(a.placeholderPrefix);a=d.toString(16);b.push(a);return b.push('"></template>');case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)b.push(d[f]);e=of(a,b,e)}for(;f<d.length-1;f++)b.push(d[f]);f<d.length&&(e=b.push(d[f]));return e;default:throw Error(q(390));
+function Gc(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error(q(397));}}var Hc=/[<\u2028\u2029]/g;
+function Ic(a){return JSON.stringify(a).replace(Hc,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Jc=/[&><\u2028\u2029]/g;
+function Kc(a){return JSON.stringify(a).replace(Jc,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Lc=!1,Mc=!0;
+function Nc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);Mc=this.push("</style>");Lc=!0;b.length=0;c.length=0}}function Oc(a){return 2!==a.state?Lc=!0:!1}function Pc(a,b,c){Lc=!1;Mc=!0;b.styles.forEach(Nc,a);b.stylesheets.forEach(Oc);Lc&&(c.stylesToHoist=!0);return Mc}
+function S(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var Qc=[];function Rc(a){P(Qc,a.props);for(var b=0;b<Qc.length;b++)this.push(Qc[b]);Qc.length=0;a.state=2}
+function Sc(a){var b=0<a.sheets.size;a.sheets.forEach(Rc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
+function Tc(a){if(0===a.state){a.state=1;var b=a.props;P(Qc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Qc.length;a++)this.push(Qc[a]);Qc.length=0}}function Uc(a){a.sheets.forEach(Tc,this);a.sheets.clear()}
+function Vc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=Kc(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=Kc(""+d.props.href);a.push(g);e=""+e;a.push(",");e=Kc(e);a.push(e);for(var h in f)if(A.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));default:a:{e=
+a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!nb(h))break a;g=""+g}e.push(",");k=Kc(k);e.push(k);e.push(",");g=Kc(g);
+e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
+function Wc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=C(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=C(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=C(JSON.stringify(e));a.push(e);for(var h in f)if(A.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(q(399,
+"link"));default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!nb(h))break a;g=""+g}e.push(",");k=C(JSON.stringify(k));
+e.push(k);e.push(",");g=C(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}function Xc(){return{styles:new Set,stylesheets:new Set}}
+function Nb(a){var b=U?U:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Yc,Zc)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],P(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}$c(b)}}}
+function Ob(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Yc,Zc)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(ad,bd);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],P(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}$c(c)}}}
+function Pb(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=E;e=f.headers;var n;e&&0<e.remainingCapacity&&"high"===k&&(n=Bc(a,b,c),2<=(e.remainingCapacity-=n.length))?(f.resets.image[m]=E,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=n):(e=[],P(e,v({rel:"preload",href:g?
+void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];P(g,v({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+P(g,v({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=E;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=Bc(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=E,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
+a=v({rel:"preload",href:a,as:b},c),P(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}$c(d)}}}
+function Qb(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?E:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=E}P(f,v({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);$c(c)}}}
+function Rb(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:C(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:v({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&Ac(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),$c(d))}}}
+function Sb(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=v({src:a,async:!0},b),f&&(2===f.length&&Ac(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),vc(a,b),$c(c))}}}
+function Tb(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=v({src:a,type:"module",async:!0},b),f&&(2===f.length&&Ac(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),vc(a,b),$c(c))}}}function Ac(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function Bc(a,b,c){a=(""+a).replace(Yc,Zc);b=(""+b).replace(ad,bd);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)A.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(ad,bd)+'"'));return b}var Yc=/[<>\r\n]/g;
+function Zc(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var ad=/["';,\r\n]/g;
+function bd(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function cd(a){this.styles.add(a)}function dd(a){this.stylesheets.add(a)}
+function ed(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(Vb,Wb),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,m=new Set,n=new Set,l=new Map,r=new Set,t=new Set,D=new Set,w={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var y=0;y<f.length;y++){var x=f[y],p,G=void 0,F=void 0,u={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
+typeof x?u.href=p=x:(u.href=p=x.src,u.integrity=F="string"===typeof x.integrity?x.integrity:void 0,u.crossOrigin=G="string"===typeof x||null==x.crossOrigin?void 0:"use-credentials"===x.crossOrigin?"use-credentials":"");x=a;var z=p;x.scriptResources[z]=null;x.moduleScriptResources[z]=null;x=[];P(x,u);r.add(x);d.push('<script src="',C(p));"string"===typeof F&&d.push('" integrity="',C(F));"string"===typeof G&&d.push('" crossorigin="',C(G));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)u=
+g[f],G=p=void 0,F={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof u?F.href=y=u:(F.href=y=u.src,F.integrity=G="string"===typeof u.integrity?u.integrity:void 0,F.crossOrigin=p="string"===typeof u||null==u.crossOrigin?void 0:"use-credentials"===u.crossOrigin?"use-credentials":""),u=a,x=y,u.scriptResources[x]=null,u.moduleScriptResources[x]=null,u=[],P(u,F),r.add(u),d.push('<script type="module" src="',C(y)),"string"===typeof G&&d.push('" integrity="',C(G)),"string"===typeof p&&
+d.push('" crossorigin="',C(p)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,importMapChunks:[],onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:m,highImagePreloads:n,styles:l,bootstrapScripts:r,
+scripts:t,bulkPreloads:D,preloads:w,stylesToHoist:!1,generateStaticMarkup:b}}function fd(a,b,c,d){if(c.generateStaticMarkup)return a.push(C(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(C(b)),a=!0);return a}var gd=Symbol.for("react.client.reference");
+function hd(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===gd?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ia:return"Fragment";case ha:return"Portal";case qa:return"Profiler";case pa:return"StrictMode";case Da:return"Suspense";case Ea:return"SuspenseList";case Za:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ra:return(a._context.displayName||"Context")+".Provider";case Ba:return(a.displayName||"Context")+".Consumer";case Ca:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case La:return b=a.displayName||null,null!==b?b:hd(a.type)||"Memo";case Ma:b=a._payload;a=a._init;try{return hd(a(b))}catch(c){}}return null}var id={};function jd(a,b){a=a.contextTypes;if(!a)return id;var c={},d;for(d in a)c[d]=b[d];return c}var Md=null;
+function Nd(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(q(401));}else{if(null===c)throw Error(q(401));Nd(a,c)}b.context._currentValue2=b.value}}function Od(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Od(a)}function Pd(a){var b=a.parent;null!==b&&Pd(b);a.context._currentValue2=a.value}
+function Qd(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error(q(402));a.depth===b.depth?Nd(a,b):Qd(a,b)}function Rd(a,b){var c=b.parent;if(null===c)throw Error(q(402));a.depth===c.depth?Nd(a,c):Rd(a,c);b.context._currentValue2=b.value}function Sd(a){var b=Md;b!==a&&(null===b?Pd(a):null===a?Od(b):b.depth===a.depth?Nd(b,a):b.depth>a.depth?Qd(b,a):Rd(b,a),Md=a)}
+var Td={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Ud(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Td;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:v({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Td.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=v({},f,h)):v(f,h))}a.state=f}else f.queue=null}
+var Vd={id:1,overflow:""};function Wd(a,b,c){var d=a.id;a=a.overflow;var e=32-Xd(d)-1;d&=~(1<<e);c+=1;var f=32-Xd(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Xd(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Xd=Math.clz32?Math.clz32:Yd,Zd=Math.log,$d=Math.LN2;function Yd(a){a>>>=0;return 0===a?32:31-(Zd(a)/$d|0)|0}var ae=Error(q(460));function be(){}
+function ce(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(be,be),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}de=b;throw ae;}}var de=null;
+function ee(){if(null===de)throw Error(q(459));var a=de;de=null;return a}function fe(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var ge="function"===typeof Object.is?Object.is:fe,he=null,ie=null,je=null,ke=null,le=null,V=null,me=!1,ne=!1,oe=0,pe=0,qe=-1,re=0,se=null,te=null,ue=0;function ve(){if(null===he)throw Error(q(321));return he}function we(){if(0<ue)throw Error(q(312));return{memoizedState:null,queue:null,next:null}}
+function xe(){null===V?null===le?(me=!1,le=V=we()):(me=!0,V=le):null===V.next?(me=!1,V=V.next=we()):(me=!0,V=V.next);return V}function ye(){var a=se;se=null;return a}function ze(){ke=je=ie=he=null;ne=!1;le=null;ue=0;V=te=null}function Ae(a,b){return"function"===typeof b?b(a):b}
+function Be(a,b,c){he=ve();V=xe();if(me){var d=V.queue;b=d.dispatch;if(null!==te&&(c=te.get(d),void 0!==c)){te.delete(d);d=V.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);V.memoizedState=d;return[d,b]}return[V.memoizedState,b]}a=a===Ae?"function"===typeof b?b():b:void 0!==c?c(b):b;V.memoizedState=a;a=V.queue={last:null,dispatch:null};a=a.dispatch=Ce.bind(null,he,a);return[V.memoizedState,a]}
+function De(a,b){he=ve();V=xe();b=void 0===b?null:b;if(null!==V){var c=V.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!ge(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();V.memoizedState=[a,b];return a}function Ce(a,b,c){if(25<=ue)throw Error(q(301));if(a===he)if(ne=!0,a={action:c,next:null},null===te&&(te=new Map),c=te.get(b),void 0===c)te.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
+function Ee(){throw Error(q(440));}function Fe(){throw Error(q(394));}function Ge(){throw Error(q(479));}function He(a){var b=re;re+=1;null===se&&(se=[]);return ce(se,a,b)}function Ie(){throw Error(q(393));}function Je(){}
+var Le={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return He(a);if(a.$$typeof===Ba)return a._currentValue2}throw Error(q(438,String(a)));},useContext:function(a){ve();return a._currentValue2},useMemo:De,useReducer:Be,useRef:function(a){he=ve();V=xe();var b=V.memoizedState;return null===b?(a={current:a},V.memoizedState=a):b},useState:function(a){return Be(Ae,a)},useInsertionEffect:Je,useLayoutEffect:Je,useCallback:function(a,
+b){return De(function(){return a},b)},useImperativeHandle:Je,useEffect:Je,useDebugValue:Je,useDeferredValue:function(a,b){ve();return void 0!==b?b:a},useTransition:function(){ve();return[!1,Fe]},useId:function(){var a=ie.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Xd(a)-1)).toString(32)+b;var c=Ke;if(null===c)throw Error(q(404));b=oe++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(q(407));return c()},useCacheRefresh:function(){return Ie},
+useEffectEvent:function(){return Ee},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=fb;return b},useHostTransitionStatus:function(){ve();return Lb},useOptimistic:function(a){ve();return[a,Ge]},useFormState:function(a,b,c){ve();var d=pe++,e=je;if("function"===typeof a.$$FORM_ACTION){var f=null,g=ke;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+jb(JSON.stringify([g,null,d]),0),k===f&&(qe=d,b=e[0]))}var m=
+a.bind(null,b);a=function(l){m(l)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(l){l=m.$$FORM_ACTION(l);void 0!==c&&(c+="",l.action=c);var r=l.data;r&&(null===f&&(f=void 0!==c?"p"+c:"k"+jb(JSON.stringify([g,null,d]),0)),r.append("$ACTION_KEY",f));return l});return[b,a]}var n=a.bind(null,b);return[b,function(l){n(l)}]}},Ke=null,Me={getCacheSignal:function(){throw Error(q(248));},getCacheForType:function(){throw Error(q(248));}},Ne;
+function Oe(a){if(void 0===Ne)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Ne=b&&b[1]||""}return"\n"+Ne+a}var Pe=!1;
+function Qe(a,b){if(!a||Pe)return"";Pe=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var l=function(){throw Error();};Object.defineProperty(l.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(l,[])}catch(t){var r=t}Reflect.construct(a,[],l)}else{try{l.call()}catch(t){r=t}a.call(l.prototype)}}else{try{throw Error();}catch(t){r=t}(l=a())&&"function"===typeof l.catch&&
+l.catch(function(){})}}catch(t){if(t&&r&&"string"===typeof t.stack)return[t.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var n="\n"+k[d].replace(" at new "," at ");a.displayName&&n.includes("<anonymous>")&&(n=n.replace("<anonymous>",a.displayName));return n}while(1<=d&&0<=e)}break}}}finally{Pe=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Oe(c):""}
+var Re=Kb.ReactCurrentDispatcher,Se=Kb.ReactCurrentCache;function Te(a){console.error(a);return null}function Ue(){}
+function Ve(a,b,c,d,e,f,g,h,k,m,n,l){Mb.current=Ub;var r=[],t=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:t,pingedTasks:r,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Te:f,onPostpone:void 0===n?Ue:n,onAllReady:void 0===g?
+Ue:g,onShellReady:void 0===h?Ue:h,onShellError:void 0===k?Ue:k,onFatalError:void 0===m?Ue:m,formState:void 0===l?null:l};c=We(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Xe(b,null,a,-1,null,c,null,t,null,d,id,null,Vd,null,!1);r.push(a);return b}var U=null;function Ye(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Ze(a))}
+function $e(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:Xc(),fallbackState:Xc(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function Xe(a,b,c,d,e,f,g,h,k,m,n,l,r,t,D){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var w={replay:null,node:c,childIndex:d,ping:function(){return Ye(a,w)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:r,componentStack:t,thenableState:b,isFallback:D};h.add(w);return w}
+function af(a,b,c,d,e,f,g,h,k,m,n,l,r,t,D){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var w={replay:c,node:d,childIndex:e,ping:function(){return Ye(a,w)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:r,componentStack:t,thenableState:b,isFallback:D};h.add(w);return w}
+function We(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function df(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function ef(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Oe(b.type,null);break;case 1:a+=Qe(b.type,!1);break;case 2:a+=Qe(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function W(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function ff(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function gf(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;he={};ie=b;je=a;ke=c;pe=oe=0;qe=-1;re=0;se=g;for(a=d(e,f);ne;)ne=!1,pe=oe=0,qe=-1,re=0,ue+=1,V=null,a=d(e,f);ze();return a}
+function hf(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(q(108,hd(e)||"Unknown",h));e=v({},c,d)}b.legacyContext=e;Y(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Y(a,b,f,-1),b.keyPath=e}
+function jf(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Wd(c,1,0),kf(a,b,d,-1),b.treeContext=c):h?kf(a,b,d,-1):Y(a,b,d,-1);b.keyPath=f}function lf(a,b){if(a&&a.defaultProps){b=v({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function mf(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=jd(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue2:g);Ud(h,d,e,g);hf(a,b,c,h,d);b.componentStack=f}else{f=jd(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=gf(a,b,c,d,e,f);var k=0!==oe,m=pe,n=qe;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Ud(h,d,e,f),hf(a,b,c,h,d)):jf(a,b,c,h,k,m,n);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=df(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,k=b.keyPath,b.formatContext=Yb(h,d,e),b.keyPath=c,kf(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=zc(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;m=b.keyPath;b.formatContext=
+Yb(h,d,e);b.keyPath=c;kf(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(uc(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case Qa:case Oa:case pa:case qa:case ia:d=b.keyPath;b.keyPath=c;Y(a,b,e.children,-1);b.keyPath=d;return;case Pa:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,Y(a,b,e.children,-1),b.keyPath=d);return;case Ea:d=b.componentStack;b.componentStack=df(b,"SuspenseList");f=b.keyPath;b.keyPath=c;Y(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Na:throw Error(q(343));case Da:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;try{kf(a,b,c,-1)}finally{b.keyPath=d}}else{var l=
+b.componentStack;d=b.componentStack=df(b,"Suspense");var r=b.keyPath;f=b.blockedBoundary;var t=b.hoistableState,D=b.blockedSegment;g=e.fallback;var w=e.children;e=new Set;m=$e(a,e);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);n=We(a,D.chunks.length,m,b.formatContext,!1,!1);D.children.push(n);D.lastPushedText=!1;var y=We(a,0,null,b.formatContext,!1,!1);y.parentFlushed=!0;b.blockedBoundary=m;b.hoistableState=m.contentState;b.blockedSegment=y;b.keyPath=c;try{if(kf(a,b,w,-1),a.renderState.generateStaticMarkup||
+y.lastPushedText&&y.textEmbedded&&y.chunks.push("\x3c!-- --\x3e"),y.status=1,nf(m,y),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=l;break a}}catch(x){y.status=4,m.status=4,h=ef(a,b.componentStack),"object"===typeof x&&null!==x&&x.$$typeof===gb?(a.onPostpone(x.message,h),k="POSTPONE"):k=W(a,x,h),m.errorDigest=k,of(a,m)}finally{b.blockedBoundary=f,b.hoistableState=t,b.blockedSegment=D,b.keyPath=r,b.componentStack=l}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(l=
+[h[1],h[2],[],null],k.workingMap.set(h,l),5===m.status?k.workingMap.get(c)[4]=l:m.trackedFallbackNode=l);b=Xe(a,null,g,-1,f,n,m.fallbackState,e,h,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case Ca:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};if("ref"in e)for(g in k={},e)"ref"!==g&&(k[g]=e[g]);else k=e;e=gf(a,b,c,d.render,k,f);jf(a,b,c,e,0!==oe,pe,qe);b.componentStack=
+h;return;case La:d=d.type;e=lf(d,e);mf(a,b,c,d,e,f);return;case ra:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue2;d._currentValue2=e;k=Md;Md=e={parent:k,depth:null===k?0:k.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;Y(a,b,g,-1);a=Md;if(null===a)throw Error(q(403));a.context._currentValue2=a.parentValue;a=Md=a.parent;b.context=a;b.keyPath=f;return;case Ba:e=e.children;e=e(d._currentValue2);d=b.keyPath;b.keyPath=c;Y(a,b,e,-1);b.keyPath=d;return;case Aa:case Ma:f=
+b.componentStack;b.componentStack=df(b,"Lazy");g=d._init;d=g(d._payload);e=lf(d,e);mf(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error(q(130,null==d?d:typeof d,""));}}function pf(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=We(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,kf(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(nf(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function Y(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)pf(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case fa:var e=c.type,f=c.key,g=c.props;c=g.ref;var h=void 0!==c?c:null;var k=hd(e),m=null==f?-1===d?0:d:f;f=[b.keyPath,k,m];if(null!==b.replay)a:{var n=b.replay;d=n.nodes;for(c=0;c<d.length;c++){var l=d[c];if(m===l[1]){if(4===l.length){if(null!==k&&k!==l[0])throw Error(q(490,l[0],k));var r=l[2];k=l[3];m=b.node;b.replay=
+{nodes:r,slots:k,pendingTasks:1};try{mf(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--}catch(z){if("object"===typeof z&&null!==z&&(z===ae||"function"===typeof z.then))throw b.node===m&&(b.replay=n),z;b.replay.pendingTasks--;g=ef(a,b.componentStack);qf(a,b.blockedBoundary,z,g,r,k)}b.replay=n}else{if(e!==Da)throw Error(q(490,"Suspense",hd(e)||"Unknown"));b:{e=void 0;h=l[5];n=l[2];k=l[3];m=null===l[4]?[]:l[4][2];l=null===l[4]?null:l[4][3];
+var t=b.componentStack,D=b.componentStack=df(b,"Suspense"),w=b.keyPath,y=b.replay,x=b.blockedBoundary,p=b.hoistableState,G=g.children;g=g.fallback;var F=new Set,u=$e(a,F);u.parentFlushed=!0;u.rootSegmentID=h;b.blockedBoundary=u;b.hoistableState=u.contentState;b.replay={nodes:n,slots:k,pendingTasks:1};try{kf(a,b,G,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--;if(0===u.pendingTasks&&0===u.status){u.status=1;a.completedBoundaries.push(u);break b}}catch(z){u.status=
+4,r=ef(a,b.componentStack),"object"===typeof z&&null!==z&&z.$$typeof===gb?(a.onPostpone(z.message,r),e="POSTPONE"):e=W(a,z,r),u.errorDigest=e,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(u)}finally{b.blockedBoundary=x,b.hoistableState=p,b.replay=y,b.keyPath=w,b.componentStack=t}r=af(a,null,{nodes:m,slots:l,pendingTasks:0},g,-1,x,u.fallbackState,F,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,D,!0);a.pingedTasks.push(r)}}d.splice(c,1);break a}}}else mf(a,
+b,f,e,g,h);return;case ha:throw Error(q(257));case Ma:r=b.componentStack;b.componentStack=df(b,"Lazy");g=c._init;c=g(c._payload);b.componentStack=r;Y(a,b,c,d);return}if(ib(c)){rf(a,b,c,d);return}null===c||"object"!==typeof c?r=null:(r=hb&&c[hb]||c["@@iterator"],r="function"===typeof r?r:null);if(r&&(r=r.call(c))){c=r.next();if(!c.done){g=[];do g.push(c.value),c=r.next();while(!c.done);rf(a,b,g,d)}return}if("function"===typeof c.then)return b.thenableState=null,Y(a,b,He(c),d);if(c.$$typeof===Ba)return Y(a,
+b,c._currentValue2,d);d=Object.prototype.toString.call(c);throw Error(q(31,"[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d));}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=fd(d.chunks,c,a.renderState,d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=fd(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function rf(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{rf(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--}catch(n){if("object"===typeof n&&null!==n&&(n===ae||"function"===typeof n.then))throw n;b.replay.pendingTasks--;c=ef(a,b.componentStack);qf(a,b.blockedBoundary,
+n,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=Wd(f,g,d);var m=h[d];"number"===typeof m?(pf(a,b,m,k,d),delete h[d]):kf(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Wd(f,g,h),kf(a,b,d,h);b.treeContext=f;b.keyPath=e}
+function sf(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error(q(486));var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,
+d);tf(d,g[0],b);return}var m=b.workingMap.get(g);void 0===m?(m=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,m),tf(m,g[0],b)):(g=m,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],tf(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots={};else{if("number"===typeof a)throw Error(q(491));}else if(f=b.workingMap,
+g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),tf(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error(q(491));a[c.childIndex]=d.id}}}function of(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function kf(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,n=b.blockedSegment;if(null===n)try{return Y(a,b,c,d)}catch(t){if(ze(),d=t===ae?ee():t,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=ye();a=af(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Sd(g);return}}else{var l=n.children.length,r=n.chunks.length;try{return Y(a,b,c,d)}catch(t){if(ze(),n.children.length=l,n.chunks.length=r,d=t===ae?ee():t,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=ye();n=b.blockedSegment;l=We(a,n.chunks.length,null,b.formatContext,n.lastPushedText,!0);n.children.push(l);n.lastPushedText=!1;a=Xe(a,d,b.node,b.childIndex,b.blockedBoundary,l,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Sd(g);return}if(d.$$typeof===gb&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;n=ef(a,b.componentStack);a.onPostpone(d.message,n);d=b.blockedSegment;n=We(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(n);
+d.lastPushedText=!1;sf(a,c,b,n);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Sd(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Sd(g);throw d;}function qf(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===gb?(a.onPostpone(c.message,d),d="POSTPONE"):d=W(a,c,d);uf(a,b,e,f,c,d)}function vf(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,wf(this,b,a))}
+function uf(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)uf(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,n=$e(k,new Set);n.parentFlushed=!0;n.rootSegmentID=h;n.status=4;n.errorDigest=m;n.parentFlushed&&k.clientRenderedBoundaries.push(n)}}c.length=0;if(null!==d){if(null===b)throw Error(q(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var l in d)delete d[l]}}
+function xf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){"object"===typeof c&&null!==c&&c.$$typeof===gb?(a=Error(q(501,c.message)),W(b,a,d),ff(b,a)):(W(b,c,d),ff(b,c));return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&("object"===typeof c&&null!==c&&c.$$typeof===gb?(b.onPostpone(c.message,d),d="POSTPONE"):d=W(b,c,d),uf(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&
+yf(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=ef(b,a.componentStack),"object"===typeof c&&null!==c&&c.$$typeof===gb?(b.onPostpone(c.message,a),a="POSTPONE"):a=W(b,c,a),d.errorDigest=a,of(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return xf(f,b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&zf(b)}
+function Af(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var n=m.value,l=n.props,r=l.href,t=n.props,D=Bc(t.href,"style",{crossOrigin:t.crossOrigin,integrity:t.integrity,
+nonce:t.nonce,type:t.type,fetchPriority:t.fetchPriority,referrerPolicy:t.referrerPolicy,media:t.media});if(2<=(e.remainingCapacity-=D.length))c.resets.style[r]=E,f&&(f+=", "),f+=D,c.resets.style[r]="string"===typeof l.crossOrigin||"string"===typeof l.integrity?[l.crossOrigin,l.integrity]:E;else break b}}f?d({Link:f}):d({})}}}catch(w){W(a,w,{})}}function yf(a){null===a.trackedPostpones&&Af(a,!0);a.onShellError=Ue;a=a.onShellReady;a()}
+function zf(a){Af(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function nf(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&nf(a,c)}else a.completedSegments.push(b)}
+function wf(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(q(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&yf(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&nf(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(vf,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
+(nf(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&zf(a)}
+function Ze(a){if(2!==a.status){var b=Md,c=Re.current;Re.current=Le;var d=Se.current;Se.current=Me;var e=U;U=a;var f=Ke;Ke=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,n=k.blockedSegment;if(null===n){var l=m;if(0!==k.replay.pendingTasks){Sd(k.context);try{Y(l,k,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.replay.nodes.length)throw Error(q(488));k.replay.pendingTasks--;k.abortSet.delete(k);wf(l,k.blockedBoundary,null)}catch(H){ze();var r=H===ae?ee():H;
+if("object"===typeof r&&null!==r&&"function"===typeof r.then){var t=k.ping;r.then(t,t);k.thenableState=ye()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var D=ef(l,k.componentStack);qf(l,k.blockedBoundary,r,D,k.replay.nodes,k.replay.slots);l.pendingRootTasks--;0===l.pendingRootTasks&&yf(l);l.allPendingTasks--;0===l.allPendingTasks&&zf(l)}}finally{}}}else a:{l=void 0;var w=n;if(0===w.status){Sd(k.context);var y=w.children.length,x=w.chunks.length;try{Y(m,k,k.node,k.childIndex),m.renderState.generateStaticMarkup||
+w.lastPushedText&&w.textEmbedded&&w.chunks.push("\x3c!-- --\x3e"),k.abortSet.delete(k),w.status=1,wf(m,k.blockedBoundary,w)}catch(H){ze();w.children.length=y;w.chunks.length=x;var p=H===ae?ee():H;if("object"===typeof p&&null!==p){if("function"===typeof p.then){var G=k.ping;p.then(G,G);k.thenableState=ye();break a}if(null!==m.trackedPostpones&&p.$$typeof===gb){var F=m.trackedPostpones;k.abortSet.delete(k);var u=ef(m,k.componentStack);m.onPostpone(p.message,u);sf(m,F,k,w);wf(m,k.blockedBoundary,w);
+break a}}var z=ef(m,k.componentStack);k.abortSet.delete(k);w.status=4;var B=k.blockedBoundary;"object"===typeof p&&null!==p&&p.$$typeof===gb?(m.onPostpone(p.message,z),l="POSTPONE"):l=W(m,p,z);null===B?ff(m,p):(B.pendingTasks--,4!==B.status&&(B.status=4,B.errorDigest=l,of(m,B),B.parentFlushed&&m.clientRenderedBoundaries.push(B)));m.allPendingTasks--;0===m.allPendingTasks&&zf(m)}finally{}}}}g.splice(0,h);null!==a.destination&&Bf(a,a.destination)}catch(H){W(a,H,{}),ff(a,H)}finally{Ke=f,Re.current=c,
+Se.current=d,c===Le&&Sd(b),U=e}}}
+function Cf(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,b.push('<template id="'),b.push(a.placeholderPrefix),a=d.toString(16),b.push(a),b.push('"></template>');case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)b.push(f[g]);e=Df(a,b,e,d)}for(;g<f.length-1;g++)b.push(f[g]);g<f.length&&(e=b.push(f[g]));return e;default:throw Error(q(390));
 }}
-function of(a,b,c){var d=c.boundary;if(null===d)return nf(a,b,c);d.parentFlushed=!0;if(4===d.status)return a.renderState.generateStaticMarkup||(d=d.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),d&&(b.push(' data-dgst="'),d=A(d),b.push(d),b.push('"')),b.push("></template>")),nf(a,b,c),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==d.status)return 0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Ub(b,a.renderState,
-d.rootSegmentID),nf(a,b,c),b.push("\x3c!--/$--\x3e");if(d.byteSize>a.progressiveChunkSize)return d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Ub(b,a.renderState,d.rootSegmentID),nf(a,b,c),b.push("\x3c!--/$--\x3e");c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach(Ac,e),c.stylesheets.forEach(Bc,e));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=d.completedSegments;if(1!==c.length)throw Error(q(391));of(a,b,c[0]);a=a.renderState.generateStaticMarkup?
-!0:b.push("\x3c!--/$--\x3e");return a}function pf(a,b,c){Vb(b,a.renderState,c.parentFormatContext,c.id);of(a,b,c);return Wb(b,c.parentFormatContext)}
-function qf(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)rf(a,b,c,d[e]);d.length=0;nc(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
+function Df(a,b,c,d){var e=c.boundary;if(null===e)return Cf(a,b,c,d);e.parentFlushed=!0;if(4===e.status)return a.renderState.generateStaticMarkup||(e=e.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),e&&(b.push(' data-dgst="'),e=C(e),b.push(e),b.push('"')),b.push("></template>")),Cf(a,b,c,d),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==e.status)return 0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),Ec(b,
+a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(cd,d),e.stylesheets.forEach(dd,d)),Cf(a,b,c,d),b.push("\x3c!--/$--\x3e");if(e.byteSize>a.progressiveChunkSize)return e.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(e),Ec(b,a.renderState,e.rootSegmentID),Cf(a,b,c,d),b.push("\x3c!--/$--\x3e");d&&(c=e.contentState,c.styles.forEach(cd,d),c.stylesheets.forEach(dd,d));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=e.completedSegments;if(1!==c.length)throw Error(q(391));
+Df(a,b,c[0],d);a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e");return a}function Ef(a,b,c,d){Fc(b,a.renderState,c.parentFormatContext,c.id);Df(a,b,c,d);return Gc(b,c.parentFormatContext)}
+function Ff(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Gf(a,b,c,d[e]);d.length=0;Pc(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 0===(d.instructions&8)?(d.instructions|=8,b.push('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 b.push('$RR("'):0===(d.instructions&2)?(d.instructions|=2,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("')):
-b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),tc(b,c)):(b.push('" data-sty="'),uc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Tb(b,a)&&d}
-function rf(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error(q(392));return pf(a,b,d)}if(e===c.rootSegmentID)return pf(a,b,d);pf(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
-b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);e=e.toString(16);b.push(e);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(e);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
-function mf(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var l=e.htmlChunks,m=e.headChunks;f=0;if(l){for(f=0;f<l.length;f++)b.push(l[f]);if(m)for(f=0;f<m.length;f++)b.push(m[f]);else{var p=O("head");b.push(p);
-b.push(">")}}else if(m)for(f=0;f<m.length;f++)b.push(m[f]);var n=e.charsetChunks;for(f=0;f<n.length;f++)b.push(n[f]);n.length=0;e.preconnects.forEach(R,b);e.preconnects.clear();var r=e.preconnectChunks;for(f=0;f<r.length;f++)b.push(r[f]);r.length=0;e.fontPreloads.forEach(R,b);e.fontPreloads.clear();e.highImagePreloads.forEach(R,b);e.highImagePreloads.clear();e.styles.forEach(qc,b);var D=e.importMapChunks;for(f=0;f<D.length;f++)b.push(D[f]);D.length=0;e.bootstrapScripts.forEach(R,b);e.scripts.forEach(R,
-b);e.scripts.clear();e.bulkPreloads.forEach(R,b);e.bulkPreloads.clear();var B=e.preloadChunks;for(f=0;f<B.length;f++)b.push(B[f]);B.length=0;var y=e.hoistableChunks;for(f=0;f<y.length;f++)b.push(y[f]);y.length=0;if(l&&null===m){var v=Lb("head");b.push(v)}of(a,b,d);a.completedRootSegment=null;Tb(b,a.renderState)}else return;var u=a.renderState;d=0;u.preconnects.forEach(R,b);u.preconnects.clear();var F=u.preconnectChunks;for(d=0;d<F.length;d++)b.push(F[d]);F.length=0;u.fontPreloads.forEach(R,b);u.fontPreloads.clear();
-u.highImagePreloads.forEach(R,b);u.highImagePreloads.clear();u.styles.forEach(sc,b);u.scripts.forEach(R,b);u.scripts.clear();u.bulkPreloads.forEach(R,b);u.bulkPreloads.clear();var x=u.preloadChunks;for(d=0;d<x.length;d++)b.push(x[d]);x.length=0;var t=u.hoistableChunks;for(d=0;d<t.length;d++)b.push(t[d]);t.length=0;var E=a.clientRenderedBoundaries;for(c=0;c<E.length;c++){var P=E[c];u=b;var G=a.resumableState,ia=a.renderState,S=P.rootSegmentID,Q=P.errorDigest,pa=P.errorMessage,ja=P.errorComponentStack,
-Z=0===G.streamingFormat;Z?(u.push(ia.startInlineScript),0===(G.instructions&4)?(G.instructions|=4,u.push('$RX=function(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("')):u.push('$RX("')):u.push('<template data-rxi="" data-bid="');u.push(ia.boundaryPrefix);var Ua=S.toString(16);u.push(Ua);Z&&u.push('"');if(Q||pa||ja)if(Z){u.push(",");var Va=Yb(Q||"");u.push(Va)}else{u.push('" data-dgst="');
-var Wa=A(Q||"");u.push(Wa)}if(pa||ja)if(Z){u.push(",");var qa=Yb(pa||"");u.push(qa)}else{u.push('" data-msg="');var T=A(pa||"");u.push(T)}if(ja)if(Z){u.push(",");var ub=Yb(ja);u.push(ub)}else{u.push('" data-stck="');var ra=A(ja);u.push(ra)}if(Z?!u.push(")\x3c/script>"):!u.push('"></template>')){a.destination=null;c++;E.splice(0,c);return}}E.splice(0,c);var sa=a.completedBoundaries;for(c=0;c<sa.length;c++)if(!qf(a,b,sa[c])){a.destination=null;c++;sa.splice(0,c);return}sa.splice(0,c);var da=a.partialBoundaries;
-for(c=0;c<da.length;c++){var ta=da[c];a:{E=a;P=b;E.renderState.boundaryResources=ta.resources;var ua=ta.completedSegments;for(G=0;G<ua.length;G++)if(!rf(E,P,ta,ua[G])){G++;ua.splice(0,G);var Xa=!1;break a}ua.splice(0,G);Xa=nc(P,ta.resources,E.renderState)}if(!Xa){a.destination=null;c++;da.splice(0,c);return}}da.splice(0,c);var va=a.completedBoundaries;for(c=0;c<va.length;c++)if(!qf(a,b,va[c])){a.destination=null;c++;va.splice(0,c);return}va.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&
-0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&(da=Lb("body"),b.push(da)),c.hasHtml&&(c=Lb("html"),b.push(c))),b.push(null),a.destination=null)}}function xc(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?mf(a,b):a.flushScheduled=!1}}
-function sf(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{mf(a,b)}catch(c){X(a,c,{}),Se(a,c)}}}function tf(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(q(432)):b;c.forEach(function(e){return hf(e,a,d)});c.clear()}null!==a.destination&&mf(a,a.destination)}catch(e){X(a,e,{}),Se(a,e)}}
-function df(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),df(e,b[0],c));e[2].push(a)}}function uf(){}
-function vf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=nb(b?b.identifierPrefix:void 0,void 0);a=Je(a,b,Cc(b,c),H(0,null,0),Infinity,uf,void 0,function(){h=!0},void 0,void 0,void 0);a.flushScheduled=null!==a.destination;Ne(a);null===a.trackedPostpones&&lf(a,0===a.pendingRootTasks);tf(a,d);sf(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error(q(426));return g}exports.renderToNodeStream=function(){throw Error(q(207));};
-exports.renderToStaticMarkup=function(a,b){return vf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};exports.renderToStaticNodeStream=function(){throw Error(q(208));};exports.renderToString=function(a,b){return vf(a,b,!1,'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="18.3.0-experimental-60a927d04-20240113";
+b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),Vc(b,c)):(b.push('" data-sty="'),Wc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Dc(b,a)&&d}
+function Gf(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error(q(392));return Ef(a,b,d,e)}if(f===c.rootSegmentID)return Ef(a,b,d,e);Ef(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
+b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);f=f.toString(16);b.push(f);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(f);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
+function Bf(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,n=e.headChunks,l;if(m){for(l=0;l<m.length;l++)b.push(m[l]);if(n)for(l=0;l<n.length;l++)b.push(n[l]);else{var r=Q("head");b.push(r);
+b.push(">")}}else if(n)for(l=0;l<n.length;l++)b.push(n[l]);var t=e.charsetChunks;for(l=0;l<t.length;l++)b.push(t[l]);t.length=0;e.preconnects.forEach(S,b);e.preconnects.clear();var D=e.viewportChunks;for(l=0;l<D.length;l++)b.push(D[l]);D.length=0;e.fontPreloads.forEach(S,b);e.fontPreloads.clear();e.highImagePreloads.forEach(S,b);e.highImagePreloads.clear();e.styles.forEach(Sc,b);var w=e.importMapChunks;for(l=0;l<w.length;l++)b.push(w[l]);w.length=0;e.bootstrapScripts.forEach(S,b);e.scripts.forEach(S,
+b);e.scripts.clear();e.bulkPreloads.forEach(S,b);e.bulkPreloads.clear();var y=e.hoistableChunks;for(l=0;l<y.length;l++)b.push(y[l]);y.length=0;if(m&&null===n){var x=uc("head");b.push(x)}Df(a,b,d,null);a.completedRootSegment=null;Dc(b,a.renderState)}else return;var p=a.renderState;d=0;var G=p.viewportChunks;for(d=0;d<G.length;d++)b.push(G[d]);G.length=0;p.preconnects.forEach(S,b);p.preconnects.clear();p.fontPreloads.forEach(S,b);p.fontPreloads.clear();p.highImagePreloads.forEach(S,b);p.highImagePreloads.clear();
+p.styles.forEach(Uc,b);p.scripts.forEach(S,b);p.scripts.clear();p.bulkPreloads.forEach(S,b);p.bulkPreloads.clear();var F=p.hoistableChunks;for(d=0;d<F.length;d++)b.push(F[d]);F.length=0;var u=a.clientRenderedBoundaries;for(c=0;c<u.length;c++){var z=u[c];p=b;var B=a.resumableState,H=a.renderState,sb=z.rootSegmentID,sa=z.errorDigest,R=z.errorMessage,da=z.errorComponentStack,T=0===B.streamingFormat;T?(p.push(H.startInlineScript),0===(B.instructions&4)?(B.instructions|=4,p.push('$RX=function(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("')):
+p.push('$RX("')):p.push('<template data-rxi="" data-bid="');p.push(H.boundaryPrefix);var ta=sb.toString(16);p.push(ta);T&&p.push('"');if(sa||R||da)if(T){p.push(",");var ua=Ic(sa||"");p.push(ua)}else{p.push('" data-dgst="');var tb=C(sa||"");p.push(tb)}if(R||da)if(T){p.push(",");var ub=Ic(R||"");p.push(ub)}else{p.push('" data-msg="');var vb=C(R||"");p.push(vb)}if(da)if(T){p.push(",");var wb=Ic(da);p.push(wb)}else{p.push('" data-stck="');var xb=C(da);p.push(xb)}if(T?!p.push(")\x3c/script>"):!p.push('"></template>')){a.destination=
+null;c++;u.splice(0,c);return}}u.splice(0,c);var ja=a.completedBoundaries;for(c=0;c<ja.length;c++)if(!Ff(a,b,ja[c])){a.destination=null;c++;ja.splice(0,c);return}ja.splice(0,c);var Z=a.partialBoundaries;for(c=0;c<Z.length;c++){var va=Z[c];a:{u=a;z=b;var ka=va.completedSegments;for(B=0;B<ka.length;B++)if(!Gf(u,z,va,ka[B])){B++;ka.splice(0,B);var la=!1;break a}ka.splice(0,B);la=Pc(z,va.contentState,u.renderState)}if(!la){a.destination=null;c++;Z.splice(0,c);return}}Z.splice(0,c);var N=a.completedBoundaries;
+for(c=0;c<N.length;c++)if(!Ff(a,b,N[c])){a.destination=null;c++;N.splice(0,c);return}N.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&(Z=uc("body"),b.push(Z)),c.hasHtml&&(c=uc("html"),b.push(c))),b.push(null),a.destination=null)}}
+function $c(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?Bf(a,b):a.flushScheduled=!1}}function Hf(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Bf(a,b)}catch(c){W(a,c,{}),ff(a,c)}}}
+function If(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(q(432)):b;c.forEach(function(e){return xf(e,a,d)});c.clear()}null!==a.destination&&Bf(a,a.destination)}catch(e){W(a,e,{}),ff(a,e)}}function tf(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),tf(e,b[0],c));e[2].push(a)}}function Jf(){}
+function Kf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=Xb(b?b.identifierPrefix:void 0,void 0);a=Ve(a,b,ed(b,c),I(0,null,0),Infinity,Jf,void 0,function(){h=!0},void 0,void 0,void 0);a.flushScheduled=null!==a.destination;Ze(a);null===a.trackedPostpones&&Af(a,0===a.pendingRootTasks);If(a,d);Hf(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error(q(426));return g}exports.renderToNodeStream=function(){throw Error(q(207));};
+exports.renderToStaticMarkup=function(a,b){return Kf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};exports.renderToStaticNodeStream=function(){throw Error(q(208));};exports.renderToString=function(a,b){return Kf(a,b,!1,'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="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server-legacy.browser.production.min.js.map
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 5cf270b01fa552..0edb9d8cffe7be 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
@@ -18,7 +18,7 @@ var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 var stream = require('stream');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -75,6 +75,326 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -187,9 +507,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -1191,6 +1508,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1608,19 +1926,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1815,6 +2127,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1829,9 +2142,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1850,7 +2161,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2228,7 +2539,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2405,6 +2716,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -2644,6 +2956,59 @@ function checkSelectProp(props, propName) {
   }
 }
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  var children = null;
+  var innerHTML = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
   {
     checkControlledValueProps('select', props);
@@ -3284,7 +3649,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3295,11 +3660,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3307,7 +3685,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3399,8 +3777,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3412,8 +3790,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3440,16 +3818,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3482,7 +3858,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3550,8 +3926,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3797,7 +4173,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3821,8 +4197,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4086,6 +4469,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4219,7 +4603,7 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4241,7 +4625,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4271,19 +4662,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4711,7 +5102,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4731,7 +5122,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4774,12 +5165,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -4997,14 +5388,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5158,13 +5552,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5182,15 +5576,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5198,14 +5584,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5218,15 +5601,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5243,15 +5626,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5277,10 +5652,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5376,6 +5751,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5447,10 +5823,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5546,6 +5922,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5621,15 +5998,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6431,13 +6805,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6544,13 +6914,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -6561,7 +6930,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup: generateStaticMarkup
@@ -6619,47 +6987,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 var NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6731,13 +7058,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6763,622 +7100,114 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
   {
-    var frame = componentFrameCache.get(fn);
+    prev.context._currentValue2 = prev.parentValue;
+  }
+}
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function pushNode(next) {
+  {
+    next.context._currentValue2 = next.value;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
-
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
-
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
-  }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
-
-
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
-    }
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
-var warnedAboutMissingGetChildContext;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-var emptyContextObject = {};
-
-{
-  Object.freeze(emptyContextObject);
-}
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    var context = {};
-
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
-        }
-      }
-
-      return parentContext;
-    }
-
-    var childContext = instance.getChildContext();
-
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue2 = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue2 = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
       popToNearestCommonAncestor(parentPrev, parentNext);
     } // On the way back, we push the new ones that weren't common.
@@ -7517,12 +7346,7 @@ function popProvider(context) {
 
   {
     var _value = prevSnapshot.parentValue;
-
-    if (_value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = _value;
-    }
+    prevSnapshot.context._currentValue2 = _value;
 
     {
       if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
@@ -7581,18 +7405,19 @@ var didWarnOnInvalidCallback;
   didWarnOnInvalidCallback = new Set();
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
 
-    var key = callerName + '_' + callback;
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -7621,7 +7446,7 @@ function warnNoop(publicInstance, callerName) {
       return;
     }
 
-    error('%s(...): 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, callerName, componentName);
+    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, componentName);
 
     didWarnAboutNoopUpdateForComponent[warningKey] = true;
   }
@@ -7642,7 +7467,7 @@ var classComponentUpdater = {
 
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7654,7 +7479,7 @@ var classComponentUpdater = {
 
     {
       if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
+        warnOnInvalidCallback(callback);
       }
     }
   },
@@ -7667,7 +7492,7 @@ var classComponentUpdater = {
     } else {
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7693,7 +7518,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -7703,10 +7528,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -7786,9 +7608,9 @@ function checkClassInstance(instance, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -7847,7 +7669,7 @@ function checkClassInstance(instance, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -8604,377 +8426,749 @@ function useMemo(nextCreate, deps) {
       if (nextDeps !== null) {
         var prevDeps = prevState[1];
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
+    }
+  }
+
+  {
+    isInHookUserCodeInDev = true;
+  }
+
+  var nextValue = nextCreate();
+
+  {
+    isInHookUserCodeInDev = false;
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
+
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
+
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+    workInProgressHook.memoizedState = ref;
+    return ref;
+  } else {
+    return previousRef;
+  }
+}
+
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
+    }
+
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
+
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
+
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
+}
+
+function throwOnUseEffectEventCall() {
+  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+}
+
+function useEffectEvent(callback) {
+  // $FlowIgnore[incompatible-return]
+  return throwOnUseEffectEventCall;
+}
+
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+  }
+
+  return getServerSnapshot();
+}
+
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
+  {
+    return initialValue !== undefined ? initialValue : value;
+  }
+}
+
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
+}
+
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
+
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
+}
+
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
+
+function useOptimistic(passthrough, reducer) {
+  resolveCurrentlyRenderingComponent();
+  return [passthrough, unsupportedSetOptimisticState];
+}
+
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
+
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
+  }
+}
+
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
+
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+
+  var formAction = action.$$FORM_ACTION;
+
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
+
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
+
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
+
+
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
+
+
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
+
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
+
+        return metadata;
+      };
+    }
+
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+
+
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
+    };
+
+    return [initialState, _dispatch2];
   }
+}
 
-  {
-    isInHookUserCodeInDev = true;
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
+
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
 
-  var nextValue = nextCreate();
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
 
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+function useMemoCache(size) {
+  var data = new Array(size);
+
+  for (var i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
   }
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+  return data;
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function noop$1() {}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
 
-      lastRenderPhaseUpdate.next = update;
-    }
-  }
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
 }
 
-function throwOnUseEffectEventCall() {
-  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function useEffectEvent(callback) {
-  // $FlowIgnore[incompatible-return]
-  return throwOnUseEffectEventCall;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
-  }
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-  return getServerSnapshot();
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
 
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
   {
-    return initialValue !== undefined ? initialValue : value;
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
 }
 
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
-
-
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
-
-    return [initialState, _dispatch2];
-  }
-}
-
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
   }
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
 
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function useMemoCache(size) {
-  var data = new Array(size);
 
-  for (var i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  return data;
-}
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-function noop$1() {}
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -8984,15 +9178,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9085,7 +9279,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9118,13 +9312,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9142,6 +9337,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9149,13 +9345,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9174,6 +9371,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9181,7 +9379,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9263,19 +9462,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9348,6 +9547,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9383,12 +9583,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9427,11 +9623,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9458,9 +9651,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9474,6 +9667,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9485,16 +9679,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9537,11 +9728,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9555,9 +9743,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9585,7 +9773,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9610,7 +9798,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9637,7 +9830,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9645,7 +9838,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9666,11 +9859,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9692,7 +9884,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9786,7 +9978,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9796,7 +9988,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9850,10 +10042,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (var key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9861,37 +10073,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9904,12 +10092,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9921,7 +10108,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -9932,14 +10119,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -9951,18 +10138,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -9990,7 +10177,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -10008,7 +10195,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -10034,31 +10221,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10106,7 +10309,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10135,7 +10338,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10207,13 +10410,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10224,9 +10442,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10234,17 +10457,26 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10265,7 +10497,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10320,13 +10552,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10356,7 +10590,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10651,9 +10889,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10668,9 +10906,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10694,7 +10932,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10732,7 +10970,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -10971,8 +11209,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = error;
+          var fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -10981,7 +11227,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            var _postponeInstance = error;
+            logPostpone(request, _postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -11001,7 +11257,16 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        var _postponeInstance2 = error;
+        logPostpone(request, _postponeInstance2.message, _errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        _errorDigest = 'POSTPONE';
+      } else {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -11179,11 +11444,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -11218,12 +11478,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -11269,10 +11524,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11299,12 +11550,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11351,10 +11597,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11433,7 +11675,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11468,7 +11715,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11490,12 +11737,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11506,7 +11753,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11522,9 +11769,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11536,13 +11791,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11554,7 +11815,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -11563,17 +11824,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11585,17 +11842,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11614,11 +11867,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11628,6 +11877,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11639,13 +11889,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11666,10 +11916,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 220724d0d90a4b..047a0b9f5c506c 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
@@ -14,7 +14,54 @@ var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 var stream = require('stream');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
@@ -128,9 +175,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -310,19 +354,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -498,6 +536,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -512,9 +551,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -533,7 +570,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -895,7 +932,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1041,6 +1078,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1242,6 +1280,59 @@ function pushInnerHTML(target, innerHTML, children) {
   }
 } // TODO: Move these to RenderState so that we warn for every request.
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  let children = null;
+  let innerHTML = null;
+
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
 
   target.push(startChunkForTag('select'));
@@ -1764,7 +1855,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1775,11 +1866,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1787,7 +1891,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1858,8 +1962,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1871,8 +1975,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1899,16 +2003,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -1941,7 +2043,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -1985,8 +2087,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2232,12 +2334,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2493,6 +2602,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2623,14 +2733,21 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2660,19 +2777,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3084,7 +3201,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3104,7 +3221,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3147,12 +3264,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3364,14 +3481,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3525,13 +3645,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3549,15 +3669,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3565,14 +3677,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3585,15 +3694,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3610,15 +3719,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3644,10 +3745,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3734,6 +3835,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3793,10 +3895,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3883,6 +3985,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3946,15 +4049,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4739,13 +4839,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4852,13 +4948,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -4869,7 +4964,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup
@@ -4927,47 +5021,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5034,13 +5087,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5066,302 +5129,55 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
+
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
+    const context = {};
 
-    return '\n' + prefix + name;
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
+
+    return context;
   }
 }
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+
+      return parentContext;
+    }
 
+    const childContext = instance.getChildContext();
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
+
+    return assign({}, parentContext, childContext);
   }
+}
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
 const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
@@ -5520,12 +5336,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = value;
-    }
+    prevSnapshot.context._currentValue2 = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6466,124 +6277,364 @@ function useId() {
   const treeId = getTreeId(task.treeContext);
   const resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  }
+
+  const localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      const thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      const context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  return trackUsedThenable(thenableState, thenable, index);
+}
+
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
+
+function useCacheRefresh() {
+  return unsupportedRefresh;
+}
+
+function useMemoCache(size) {
+  const data = new Array(size);
+
+  for (let i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
+  }
+
+  return data;
+}
+
+function noop$1() {}
+
+const HooksDispatcher = {
+  readContext,
+  use,
+  useContext,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue,
+  useTransition,
+  useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore
+};
+
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
+
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
+
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
+}
+
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
+
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
+}
+
+let currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
+
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
+
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
+
+const DefaultCacheDispatcher = {
+  getCacheSignal,
+  getCacheForType
+};
+
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
 
-  const localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  }; // $FlowFixMe[prop-missing]
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      const thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-function useMemoCache(size) {
-  const data = new Array(size);
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-  for (let i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-  return data;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function noop$1() {}
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
 
-const HooksDispatcher = {
-  readContext,
-  use,
-  useContext,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue,
-  useTransition,
-  useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore
-};
+                if (false) ; // Return the line we found.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
 
-let currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-const DefaultCacheDispatcher = {
-  getCacheSignal,
-  getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -6593,15 +6644,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6693,7 +6744,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6724,13 +6775,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6746,6 +6798,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6753,13 +6806,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6776,6 +6830,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6783,7 +6838,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6916,6 +6972,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6951,12 +7008,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6995,11 +7048,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7026,9 +7076,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7042,6 +7092,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -7053,16 +7104,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7105,11 +7153,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7123,9 +7168,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7153,7 +7198,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7177,7 +7222,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7194,7 +7244,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7202,7 +7252,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7217,7 +7267,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7227,7 +7277,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7294,7 +7344,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7318,10 +7368,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7329,45 +7399,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7379,18 +7447,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7418,7 +7486,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7436,7 +7504,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7462,31 +7530,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7528,7 +7606,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7557,7 +7635,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7609,9 +7687,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7622,9 +7698,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7632,17 +7713,26 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7663,7 +7753,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7715,13 +7805,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -8037,9 +8129,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -8054,9 +8146,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -8080,7 +8172,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -8118,7 +8210,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8343,8 +8435,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          const postponeInstance = error;
+          const fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8353,7 +8453,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            const postponeInstance = error;
+            logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8372,7 +8482,16 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        const postponeInstance = error;
+        logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        errorDigest = 'POSTPONE';
+      } else {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8535,11 +8654,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8568,12 +8682,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8619,9 +8728,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8639,12 +8745,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8691,9 +8792,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8759,7 +8857,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8794,7 +8897,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8816,12 +8919,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8832,7 +8935,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8848,9 +8951,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8862,13 +8973,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8880,7 +8997,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -8889,17 +9006,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8911,17 +9024,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8940,11 +9049,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8954,6 +9059,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8965,13 +9071,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8992,10 +9098,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.min.js
index dddcb46c574bda..3968d0d485d899 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-legacy.node.production.min.js
@@ -29,202 +29,201 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("react-dom"),ea=require("stream");
-function fa(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("react-dom"),ea=require("stream"),fa=Symbol.for("react.element"),ha=Symbol.for("react.portal"),oa=Symbol.for("react.fragment"),pa=Symbol.for("react.strict_mode"),qa=Symbol.for("react.profiler"),za=Symbol.for("react.provider"),Aa=Symbol.for("react.consumer"),Ba=Symbol.for("react.context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ka=Symbol.for("react.suspense_list"),La=Symbol.for("react.memo"),Ma=Symbol.for("react.lazy"),Na=Symbol.for("react.scope"),
+Oa=Symbol.for("react.debug_trace_mode"),Pa=Symbol.for("react.offscreen"),Ya=Symbol.for("react.legacy_hidden"),eb=Symbol.for("react.cache"),fb=Symbol.for("react.memo_cache_sentinel"),gb=Symbol.for("react.postpone"),hb=Symbol.iterator,ib=Array.isArray;
+function jb(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
 16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}
-var v=Object.assign,y=Object.prototype.hasOwnProperty,la=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),ma={},na={};
-function za(a){if(y.call(na,a))return!0;if(y.call(ma,a))return!1;if(la.test(a))return na[a]=!0;ma[a]=!0;return!1}
-var Aa=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ba=
+var u=Object.assign,z=Object.prototype.hasOwnProperty,kb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),lb={},mb={};
+function nb(a){if(z.call(mb,a))return!0;if(z.call(lb,a))return!1;if(kb.test(a))return mb[a]=!0;lb[a]=!0;return!1}
+var ob=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),pb=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ca=/["'&<>]/;
-function z(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ca.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Da=/([A-Z])/g,Ea=/^ms-/,Ka=Array.isArray,La=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ma={pending:!1,data:null,method:null,action:null},Na=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,kb={prefetchDNS:Oa,preconnect:Pa,preload:Qa,preloadModule:Ra,preinitStyle:Sa,preinitScript:ib,preinitModuleScript:jb},B=[],lb=/(<\/|<)(s)(cript)/gi;function mb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
-function nb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function G(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function ob(a){return G("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
-function pb(a,b,c){switch(b){case "noscript":return G(2,null,a.tagScope|1);case "select":return G(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return G(3,null,a.tagScope);case "picture":return G(2,null,a.tagScope|2);case "math":return G(4,null,a.tagScope);case "foreignObject":return G(2,null,a.tagScope);case "table":return G(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return G(6,null,a.tagScope);case "colgroup":return G(8,null,a.tagScope);case "tr":return G(7,null,a.tagScope)}return 5<=
-a.insertionMode?G(2,null,a.tagScope):0===a.insertionMode?"html"===b?G(1,null,a.tagScope):G(2,null,a.tagScope):1===a.insertionMode?G(2,null,a.tagScope):a}var qb=new Map;
-function rb(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(y.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=z(d);e=z((""+e).trim())}else f=qb.get(d),void 0===f&&(f=z(d.replace(Da,"-$1").toLowerCase().replace(Ea,"-ms-")),qb.set(d,f)),e="number"===typeof e?0===e||Aa.has(d)?""+e:e+"px":
-z((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}function sb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function I(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',z(c),'"')}function Cb(a){var b=a.nextFormID++;return a.idPrefix+b}var Db=z("javascript:throw new Error('A React form was unexpectedly submitted.')");
-function Eb(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");I(this,"name",b);I(this,"value",a);this.push("/>")}
-function Fb(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Cb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',Db,'"'),g=f=e=d=h=null,Gb(b,c)));null!=h&&J(a,"name",h);null!=d&&J(a,"formAction",d);null!=e&&J(a,"formEncType",e);null!=f&&J(a,"formMethod",f);null!=g&&J(a,"formTarget",g);return k}
-function J(a,b,c){switch(b){case "className":I(a,"class",c);break;case "tabIndex":I(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":I(a,b,c);break;case "style":rb(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',z(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":sb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',z(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',z(c),'"');break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',z(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',z(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',z(c),'"');break;case "xlinkActuate":I(a,"xlink:actuate",
-c);break;case "xlinkArcrole":I(a,"xlink:arcrole",c);break;case "xlinkRole":I(a,"xlink:role",c);break;case "xlinkShow":I(a,"xlink:show",c);break;case "xlinkTitle":I(a,"xlink:title",c);break;case "xlinkType":I(a,"xlink:type",c);break;case "xmlBase":I(a,"xml:base",c);break;case "xmlLang":I(a,"xml:lang",c);break;case "xmlSpace":I(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ba.get(b)||b,za(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',z(c),'"')}}}function L(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
-function Hb(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
-function Gb(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});',"\x3c/script>"))}
-function Ib(a,b,c,d,e,f,g){var h=b.rel,k=b.href,l=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return M(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof l||null!=b.disabled||b.onLoad||b.onError)return M(a,b);f=d.styles.get(l);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:z(l),rules:[],hrefs:[],sheets:new Map},d.styles.set(l,f)),b={state:0,props:v({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&Jb(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push("\x3c!-- --\x3e");return null}if(b.onLoad||b.onError)return M(a,b);e&&a.push("\x3c!-- --\x3e");switch(b.rel){case "preconnect":case "dns-prefetch":return M(d.preconnectChunks,b);case "preload":return M(d.preloadChunks,
-b);default:return M(d.hoistableChunks,b)}}function M(a,b){a.push(N("link"));for(var c in b)if(y.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:J(a,c,d)}}a.push("/>");return null}
-function Kb(a,b,c){a.push(N(c));for(var d in b)if(y.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:J(a,d,e)}}a.push("/>");return null}
-function Lb(a,b){a.push(N("title"));var c=null,d=null,e;for(e in b)if(y.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:J(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(z(""+b));L(a,d,c);a.push(Mb("title"));return null}
-function Nb(a,b){a.push(N("script"));var c=null,d=null,e;for(e in b)if(y.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:J(a,e,f)}}a.push(">");L(a,d,c);"string"===typeof c&&a.push(z(c));a.push(Mb("script"));return null}
-function Ob(a,b,c){a.push(N(c));var d=c=null,e;for(e in b)if(y.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:J(a,e,f)}}a.push(">");L(a,d,c);return"string"===typeof c?(a.push(z(c)),null):c}var Pb=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Qb=new Map;function N(a){var b=Qb.get(a);if(void 0===b){if(!Pb.test(a))throw Error("Invalid tag: "+a);b="<"+a;Qb.set(a,b)}return b}
-function Rb(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(N("select"));var h=null,k=null,l;for(l in c)if(y.call(c,l)){var m=c[l];if(null!=m)switch(l){case "children":h=m;break;case "dangerouslySetInnerHTML":k=m;break;case "defaultValue":case "value":break;default:J(a,l,m)}}a.push(">");L(a,k,h);return h;case "option":var p=f.selectedValue;a.push(N("option"));var n=null,q=null,C=null,A=null,x;for(x in c)if(y.call(c,
-x)){var u=c[x];if(null!=u)switch(x){case "children":n=u;break;case "selected":C=u;break;case "dangerouslySetInnerHTML":A=u;break;case "value":q=u;default:J(a,x,u)}}if(null!=p){var t=null!==q?""+q:Hb(n);if(Ka(p))for(var E=0;E<p.length;E++){if(""+p[E]===t){a.push(' selected=""');break}}else""+p===t&&a.push(' selected=""')}else C&&a.push(' selected=""');a.push(">");L(a,A,n);return n;case "textarea":a.push(N("textarea"));var w=null,r=null,D=null,O;for(O in c)if(y.call(c,O)){var F=c[O];if(null!=F)switch(O){case "children":D=
-F;break;case "value":w=F;break;case "defaultValue":r=F;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:J(a,O,F)}}null===w&&null!==r&&(w=r);a.push(">");if(null!=D){if(null!=w)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Ka(D)){if(1<D.length)throw Error("<textarea> can only have at most one child.");w=""+D[0]}w=""+D}"string"===typeof w&&"\n"===w[0]&&a.push("\n");null!==w&&a.push(z(""+w));
-return null;case "input":a.push(N("input"));var ha=null,R=null,P=null,oa=null,ia=null,Y=null,Ta=null,Ua=null,Va=null,pa;for(pa in c)if(y.call(c,pa)){var S=c[pa];if(null!=S)switch(pa){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":ha=S;break;case "formAction":R=S;break;case "formEncType":P=S;break;case "formMethod":oa=S;break;case "formTarget":ia=S;break;case "defaultChecked":Va=
-S;break;case "defaultValue":Ta=S;break;case "checked":Ua=S;break;case "value":Y=S;break;default:J(a,pa,S)}}var tb=Fb(a,d,e,R,P,oa,ia,ha);null!==Ua?sb(a,"checked",Ua):null!==Va&&sb(a,"checked",Va);null!==Y?J(a,"value",Y):null!==Ta&&J(a,"value",Ta);a.push("/>");null!==tb&&tb.forEach(Eb,a);return null;case "button":a.push(N("button"));var qa=null,ra=null,ca=null,sa=null,ta=null,Wa=null,ua=null,Xa;for(Xa in c)if(y.call(c,Xa)){var da=c[Xa];if(null!=da)switch(Xa){case "children":qa=da;break;case "dangerouslySetInnerHTML":ra=
-da;break;case "name":ca=da;break;case "formAction":sa=da;break;case "formEncType":ta=da;break;case "formMethod":Wa=da;break;case "formTarget":ua=da;break;default:J(a,Xa,da)}}var Xc=Fb(a,d,e,sa,ta,Wa,ua,ca);a.push(">");null!==Xc&&Xc.forEach(Eb,a);L(a,ra,qa);if("string"===typeof qa){a.push(z(qa));var Yc=null}else Yc=qa;return Yc;case "form":a.push(N("form"));var Ya=null,Zc=null,ja=null,Za=null,$a=null,ab=null,bb;for(bb in c)if(y.call(c,bb)){var ka=c[bb];if(null!=ka)switch(bb){case "children":Ya=ka;
-break;case "dangerouslySetInnerHTML":Zc=ka;break;case "action":ja=ka;break;case "encType":Za=ka;break;case "method":$a=ka;break;case "target":ab=ka;break;default:J(a,bb,ka)}}var $b=null,ac=null;if("function"===typeof ja)if("function"===typeof ja.$$FORM_ACTION){var Le=Cb(d),Fa=ja.$$FORM_ACTION(Le);ja=Fa.action||"";Za=Fa.encType;$a=Fa.method;ab=Fa.target;$b=Fa.data;ac=Fa.name}else a.push(" ","action",'="',Db,'"'),ab=$a=Za=ja=null,Gb(d,e);null!=ja&&J(a,"action",ja);null!=Za&&J(a,"encType",Za);null!=
-$a&&J(a,"method",$a);null!=ab&&J(a,"target",ab);a.push(">");null!==ac&&(a.push('<input type="hidden"'),I(a,"name",ac),a.push("/>"),null!==$b&&$b.forEach(Eb,a));L(a,Zc,Ya);if("string"===typeof Ya){a.push(z(Ya));var $c=null}else $c=Ya;return $c;case "menuitem":a.push(N("menuitem"));for(var ub in c)if(y.call(c,ub)){var ad=c[ub];if(null!=ad)switch(ub){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:J(a,ub,ad)}}a.push(">");
-return null;case "title":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var bd=Lb(a,c);else Lb(e.hoistableChunks,c),bd=null;return bd;case "link":return Ib(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var bc=c.async;if("string"!==typeof c.src||!c.src||!bc||"function"===typeof bc||"symbol"===typeof bc||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var cd=Nb(a,c);else{var vb=c.src;if("module"===c.type){var wb=d.moduleScriptResources;var dd=e.preloads.moduleScripts}else wb=
-d.scriptResources,dd=e.preloads.scripts;var xb=wb.hasOwnProperty(vb)?wb[vb]:void 0;if(null!==xb){wb[vb]=null;var cc=c;if(xb){2===xb.length&&(cc=v({},c),Jb(cc,xb));var ed=dd.get(vb);ed&&(ed.length=0)}var fd=[];e.scripts.add(fd);Nb(fd,cc)}g&&a.push("\x3c!-- --\x3e");cd=null}return cd;case "style":var yb=c.precedence,va=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof yb||"string"!==typeof va||""===va){a.push(N("style"));var Ga=null,gd=null,cb;for(cb in c)if(y.call(c,
-cb)){var zb=c[cb];if(null!=zb)switch(cb){case "children":Ga=zb;break;case "dangerouslySetInnerHTML":gd=zb;break;default:J(a,cb,zb)}}a.push(">");var db=Array.isArray(Ga)?2>Ga.length?Ga[0]:null:Ga;"function"!==typeof db&&"symbol"!==typeof db&&null!==db&&void 0!==db&&a.push(z(""+db));L(a,gd,Ga);a.push(Mb("style"));var hd=null}else{var wa=e.styles.get(yb);if(null!==(d.styleResources.hasOwnProperty(va)?d.styleResources[va]:void 0)){d.styleResources[va]=null;wa?wa.hrefs.push(z(va)):(wa={precedence:z(yb),
-rules:[],hrefs:[z(va)],sheets:new Map},e.styles.set(yb,wa));var id=wa.rules,Ha=null,jd=null,Ab;for(Ab in c)if(y.call(c,Ab)){var dc=c[Ab];if(null!=dc)switch(Ab){case "children":Ha=dc;break;case "dangerouslySetInnerHTML":jd=dc}}var eb=Array.isArray(Ha)?2>Ha.length?Ha[0]:null:Ha;"function"!==typeof eb&&"symbol"!==typeof eb&&null!==eb&&void 0!==eb&&id.push(z(""+eb));L(id,jd,Ha)}wa&&e.boundaryResources&&e.boundaryResources.styles.add(wa);g&&a.push("\x3c!-- --\x3e");hd=void 0}return hd;case "meta":if(3===
-f.insertionMode||f.tagScope&1||null!=c.itemProp)var kd=Kb(a,c,"meta");else g&&a.push("\x3c!-- --\x3e"),kd="string"===typeof c.charSet?Kb(e.charsetChunks,c,"meta"):"viewport"===c.name?Kb(e.preconnectChunks,c,"meta"):Kb(e.hoistableChunks,c,"meta");return kd;case "listing":case "pre":a.push(N(b));var fb=null,gb=null,hb;for(hb in c)if(y.call(c,hb)){var Bb=c[hb];if(null!=Bb)switch(hb){case "children":fb=Bb;break;case "dangerouslySetInnerHTML":gb=Bb;break;default:J(a,hb,Bb)}}a.push(">");if(null!=gb){if(null!=
-fb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof gb||!("__html"in gb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var xa=gb.__html;null!==xa&&void 0!==xa&&("string"===typeof xa&&0<xa.length&&"\n"===xa[0]?a.push("\n",xa):a.push(""+xa))}"string"===typeof fb&&"\n"===fb[0]&&a.push("\n");return fb;case "img":var K=c.src,
-H=c.srcSet;if(!("lazy"===c.loading||!K&&!H||"string"!==typeof K&&null!=K||"string"!==typeof H&&null!=H)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof K||":"!==K[4]||"d"!==K[0]&&"D"!==K[0]||"a"!==K[1]&&"A"!==K[1]||"t"!==K[2]&&"T"!==K[2]||"a"!==K[3]&&"A"!==K[3])&&("string"!==typeof H||":"!==H[4]||"d"!==H[0]&&"D"!==H[0]||"a"!==H[1]&&"A"!==H[1]||"t"!==H[2]&&"T"!==H[2]||"a"!==H[3]&&"A"!==H[3])){var ld="string"===typeof c.sizes?c.sizes:void 0,Ia=H?H+"\n"+(ld||""):K,ec=e.preloads.images,
-ya=ec.get(Ia);if(ya){if("high"===c.fetchPriority||10>e.highImagePreloads.size)ec.delete(Ia),e.highImagePreloads.add(ya)}else if(!d.imageResources.hasOwnProperty(Ia)){d.imageResources[Ia]=B;var fc=c.crossOrigin;var md="string"===typeof fc?"use-credentials"===fc?fc:"":void 0;var Z=e.headers,gc;Z&&0<Z.remainingCapacity&&("high"===c.fetchPriority||500>Z.highImagePreloads.length)&&(gc=Sb(K,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:md,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,
-referrerPolicy:c.refererPolicy}),2<=(Z.remainingCapacity-=gc.length))?(e.resets.image[Ia]=B,Z.highImagePreloads&&(Z.highImagePreloads+=", "),Z.highImagePreloads+=gc):(ya=[],M(ya,{rel:"preload",as:"image",href:H?void 0:K,imageSrcSet:H,imageSizes:ld,crossOrigin:md,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(ya):(e.bulkPreloads.add(ya),ec.set(Ia,ya)))}}return Kb(a,c,"img");
-case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Kb(a,c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var nd=Ob(e.headChunks,c,"head")}else nd=Ob(a,c,"head");return nd;case "html":if(0===f.insertionMode&&null===
-e.htmlChunks){e.htmlChunks=[""];var od=Ob(e.htmlChunks,c,"html")}else od=Ob(a,c,"html");return od;default:if(-1!==b.indexOf("-")){a.push(N(b));var hc=null,pd=null,Ja;for(Ja in c)if(y.call(c,Ja)){var U=c[Ja];if(null!=U){var qd=Ja;switch(Ja){case "children":hc=U;break;case "dangerouslySetInnerHTML":pd=U;break;case "style":rb(a,U);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;case "className":qd="class";default:if(za(Ja)&&"function"!==typeof U&&"symbol"!==typeof U&&
-!1!==U){if(!0===U)U="";else if("object"===typeof U)continue;a.push(" ",qd,'="',z(U),'"')}}}}a.push(">");L(a,pd,hc);return hc}}return Ob(a,c,b)}var Tb=new Map;function Mb(a){var b=Tb.get(a);void 0===b&&(b="</"+a+">",Tb.set(a,b));return b}function Ub(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}
-function Vb(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
-function Wb(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),qb=/["'&<>]/;
+function B(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=qb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var Ib=/([A-Z])/g,Jb=/^ms-/,Kb=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Lb={pending:!1,data:null,method:null,action:null},Mb=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Ub={prefetchDNS:Nb,preconnect:Ob,preload:Pb,preloadModule:Qb,preinitStyle:Rb,preinitScript:Sb,preinitModuleScript:Tb},D=[],Vb=/(<\/|<)(s)(cript)/gi;function Wb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
+function Xb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function H(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function Yb(a){return H("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
+function Zb(a,b,c){switch(b){case "noscript":return H(2,null,a.tagScope|1);case "select":return H(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return H(3,null,a.tagScope);case "picture":return H(2,null,a.tagScope|2);case "math":return H(4,null,a.tagScope);case "foreignObject":return H(2,null,a.tagScope);case "table":return H(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return H(6,null,a.tagScope);case "colgroup":return H(8,null,a.tagScope);case "tr":return H(7,null,a.tagScope)}return 5<=
+a.insertionMode?H(2,null,a.tagScope):0===a.insertionMode?"html"===b?H(1,null,a.tagScope):H(2,null,a.tagScope):1===a.insertionMode?H(2,null,a.tagScope):a}var $b=new Map;
+function ac(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(z.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=B(d);e=B((""+e).trim())}else f=$b.get(d),void 0===f&&(f=B(d.replace(Ib,"-$1").toLowerCase().replace(Jb,"-ms-")),$b.set(d,f)),e="number"===typeof e?0===e||ob.has(d)?""+e:e+"px":
+B((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}function bc(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function J(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',B(c),'"')}function cc(a){var b=a.nextFormID++;return a.idPrefix+b}var dc=B("javascript:throw new Error('React form unexpectedly submitted.')");
+function pc(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");J(this,"name",b);J(this,"value",a);this.push("/>")}
+function qc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=cc(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',dc,'"'),g=f=e=d=h=null,rc(b,c)));null!=h&&K(a,"name",h);null!=d&&K(a,"formAction",d);null!=e&&K(a,"formEncType",e);null!=f&&K(a,"formMethod",f);null!=g&&K(a,"formTarget",g);return k}
+function K(a,b,c){switch(b){case "className":J(a,"class",c);break;case "tabIndex":J(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":J(a,b,c);break;case "style":ac(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',B(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":bc(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',B(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',B(c),'"');break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',B(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',B(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',B(c),'"');break;case "xlinkActuate":J(a,"xlink:actuate",
+c);break;case "xlinkArcrole":J(a,"xlink:arcrole",c);break;case "xlinkRole":J(a,"xlink:role",c);break;case "xlinkShow":J(a,"xlink:show",c);break;case "xlinkTitle":J(a,"xlink:title",c);break;case "xlinkType":J(a,"xlink:type",c);break;case "xmlBase":J(a,"xml:base",c);break;case "xmlLang":J(a,"xml:lang",c);break;case "xmlSpace":J(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=pb.get(b)||b,nb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',B(c),'"')}}}function L(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
+function sc(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
+function rc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});',"\x3c/script>"))}
+function O(a,b){a.push(P("link"));for(var c in b)if(z.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:K(a,c,d)}}a.push("/>");return null}
+function tc(a,b,c){a.push(P(c));for(var d in b)if(z.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:K(a,d,e)}}a.push("/>");return null}
+function uc(a,b){a.push(P("title"));var c=null,d=null,e;for(e in b)if(z.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(B(""+b));L(a,d,c);a.push(vc("title"));return null}
+function wc(a,b){a.push(P("script"));var c=null,d=null,e;for(e in b)if(z.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");L(a,d,c);"string"===typeof c&&a.push(B(c));a.push(vc("script"));return null}
+function xc(a,b,c){a.push(P(c));var d=c=null,e;for(e in b)if(z.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");L(a,d,c);return"string"===typeof c?(a.push(B(c)),null):c}var yc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,zc=new Map;function P(a){var b=zc.get(a);if(void 0===b){if(!yc.test(a))throw Error("Invalid tag: "+a);b="<"+a;zc.set(a,b)}return b}
+function Ac(a,b,c,d,e,f,g,h,k){switch(b){case "div":case "span":case "svg":case "path":break;case "a":a.push(P("a"));var m=null,n=null,l;for(l in c)if(z.call(c,l)){var q=c[l];if(null!=q)switch(l){case "children":m=q;break;case "dangerouslySetInnerHTML":n=q;break;case "href":""===q?J(a,"href",""):K(a,l,q);break;default:K(a,l,q)}}a.push(">");L(a,n,m);if("string"===typeof m){a.push(B(m));var r=null}else r=m;return r;case "g":case "p":case "li":break;case "select":a.push(P("select"));var C=null,v=null,
+x;for(x in c)if(z.call(c,x)){var w=c[x];if(null!=w)switch(x){case "children":C=w;break;case "dangerouslySetInnerHTML":v=w;break;case "defaultValue":case "value":break;default:K(a,x,w)}}a.push(">");L(a,v,C);return C;case "option":var p=g.selectedValue;a.push(P("option"));var F=null,E=null,t=null,y=null,A;for(A in c)if(z.call(c,A)){var G=c[A];if(null!=G)switch(A){case "children":F=G;break;case "selected":t=G;break;case "dangerouslySetInnerHTML":y=G;break;case "value":E=G;default:K(a,A,G)}}if(null!=
+p){var rb=null!==E?""+E:sc(F);if(ib(p))for(var ra=0;ra<p.length;ra++){if(""+p[ra]===rb){a.push(' selected=""');break}}else""+p===rb&&a.push(' selected=""')}else t&&a.push(' selected=""');a.push(">");L(a,y,F);return F;case "textarea":a.push(P("textarea"));var Q=null,ca=null,S=null,sa;for(sa in c)if(z.call(c,sa)){var ta=c[sa];if(null!=ta)switch(sa){case "children":S=ta;break;case "value":Q=ta;break;case "defaultValue":ca=ta;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");
+default:K(a,sa,ta)}}null===Q&&null!==ca&&(Q=ca);a.push(">");if(null!=S){if(null!=Q)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(ib(S)){if(1<S.length)throw Error("<textarea> can only have at most one child.");Q=""+S[0]}Q=""+S}"string"===typeof Q&&"\n"===Q[0]&&a.push("\n");null!==Q&&a.push(B(""+Q));return null;case "input":a.push(P("input"));var sb=null,tb=null,ub=null,vb=null,wb=null,ia=null,Y=null,ua=null,ja=null,ka;for(ka in c)if(z.call(c,ka)){var M=c[ka];
+if(null!=M)switch(ka){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":sb=M;break;case "formAction":tb=M;break;case "formEncType":ub=M;break;case "formMethod":vb=M;break;case "formTarget":wb=M;break;case "defaultChecked":ja=M;break;case "defaultValue":Y=M;break;case "checked":ua=M;break;case "value":ia=M;break;default:K(a,ka,M)}}var md=qc(a,d,e,tb,ub,vb,wb,sb);null!==ua?bc(a,"checked",
+ua):null!==ja&&bc(a,"checked",ja);null!==ia?K(a,"value",ia):null!==Y&&K(a,"value",Y);a.push("/>");null!==md&&md.forEach(pc,a);return null;case "button":a.push(P("button"));var Qa=null,nd=null,od=null,pd=null,qd=null,rd=null,sd=null,Ra;for(Ra in c)if(z.call(c,Ra)){var da=c[Ra];if(null!=da)switch(Ra){case "children":Qa=da;break;case "dangerouslySetInnerHTML":nd=da;break;case "name":od=da;break;case "formAction":pd=da;break;case "formEncType":qd=da;break;case "formMethod":rd=da;break;case "formTarget":sd=
+da;break;default:K(a,Ra,da)}}var td=qc(a,d,e,pd,qd,rd,sd,od);a.push(">");null!==td&&td.forEach(pc,a);L(a,nd,Qa);if("string"===typeof Qa){a.push(B(Qa));var ud=null}else ud=Qa;return ud;case "form":a.push(P("form"));var Sa=null,vd=null,la=null,Ta=null,Ua=null,Va=null,Wa;for(Wa in c)if(z.call(c,Wa)){var ma=c[Wa];if(null!=ma)switch(Wa){case "children":Sa=ma;break;case "dangerouslySetInnerHTML":vd=ma;break;case "action":la=ma;break;case "encType":Ta=ma;break;case "method":Ua=ma;break;case "target":Va=
+ma;break;default:K(a,Wa,ma)}}var ec=null,fc=null;if("function"===typeof la)if("function"===typeof la.$$FORM_ACTION){var jf=cc(d),Ea=la.$$FORM_ACTION(jf);la=Ea.action||"";Ta=Ea.encType;Ua=Ea.method;Va=Ea.target;ec=Ea.data;fc=Ea.name}else a.push(" ","action",'="',dc,'"'),Va=Ua=Ta=la=null,rc(d,e);null!=la&&K(a,"action",la);null!=Ta&&K(a,"encType",Ta);null!=Ua&&K(a,"method",Ua);null!=Va&&K(a,"target",Va);a.push(">");null!==fc&&(a.push('<input type="hidden"'),J(a,"name",fc),a.push("/>"),null!==ec&&ec.forEach(pc,
+a));L(a,vd,Sa);if("string"===typeof Sa){a.push(B(Sa));var wd=null}else wd=Sa;return wd;case "menuitem":a.push(P("menuitem"));for(var xb in c)if(z.call(c,xb)){var xd=c[xb];if(null!=xd)switch(xb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:K(a,xb,xd)}}a.push(">");return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var gc=uc(a,c);else k?gc=null:(uc(e.hoistableChunks,c),gc=void 0);return gc;
+case "link":var kf=c.rel,na=c.href,yb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof kf||"string"!==typeof na||""===na){O(a,c);var Xa=null}else if("stylesheet"===c.rel)if("string"!==typeof yb||null!=c.disabled||c.onLoad||c.onError)Xa=O(a,c);else{var Fa=e.styles.get(yb),zb=d.styleResources.hasOwnProperty(na)?d.styleResources[na]:void 0;if(null!==zb){d.styleResources[na]=null;Fa||(Fa={precedence:B(yb),rules:[],hrefs:[],sheets:new Map},e.styles.set(yb,Fa));var Ab=
+{state:0,props:u({},c,{"data-precedence":c.precedence,precedence:null})};if(zb){2===zb.length&&Bc(Ab.props,zb);var hc=e.preloads.stylesheets.get(na);hc&&0<hc.length?hc.length=0:Ab.state=1}Fa.sheets.set(na,Ab);f&&f.stylesheets.add(Ab)}else if(Fa){var yd=Fa.sheets.get(na);yd&&f&&f.stylesheets.add(yd)}h&&a.push("\x3c!-- --\x3e");Xa=null}else c.onLoad||c.onError?Xa=O(a,c):(h&&a.push("\x3c!-- --\x3e"),Xa=k?null:O(e.hoistableChunks,c));return Xa;case "script":var ic=c.async;if("string"!==typeof c.src||
+!c.src||!ic||"function"===typeof ic||"symbol"===typeof ic||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var zd=wc(a,c);else{var Bb=c.src;if("module"===c.type){var Cb=d.moduleScriptResources;var Ad=e.preloads.moduleScripts}else Cb=d.scriptResources,Ad=e.preloads.scripts;var Db=Cb.hasOwnProperty(Bb)?Cb[Bb]:void 0;if(null!==Db){Cb[Bb]=null;var jc=c;if(Db){2===Db.length&&(jc=u({},c),Bc(jc,Db));var Bd=Ad.get(Bb);Bd&&(Bd.length=0)}var Cd=[];e.scripts.add(Cd);wc(Cd,jc)}h&&a.push("\x3c!-- --\x3e");
+zd=null}return zd;case "style":var Eb=c.precedence,va=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Eb||"string"!==typeof va||""===va){a.push(P("style"));var Ga=null,Dd=null,Za;for(Za in c)if(z.call(c,Za)){var Fb=c[Za];if(null!=Fb)switch(Za){case "children":Ga=Fb;break;case "dangerouslySetInnerHTML":Dd=Fb;break;default:K(a,Za,Fb)}}a.push(">");var $a=Array.isArray(Ga)?2>Ga.length?Ga[0]:null:Ga;"function"!==typeof $a&&"symbol"!==typeof $a&&null!==$a&&void 0!==$a&&
+a.push(B(""+$a));L(a,Dd,Ga);a.push(vc("style"));var Ed=null}else{var wa=e.styles.get(Eb);if(null!==(d.styleResources.hasOwnProperty(va)?d.styleResources[va]:void 0)){d.styleResources[va]=null;wa?wa.hrefs.push(B(va)):(wa={precedence:B(Eb),rules:[],hrefs:[B(va)],sheets:new Map},e.styles.set(Eb,wa));var Fd=wa.rules,Ha=null,Gd=null,Gb;for(Gb in c)if(z.call(c,Gb)){var kc=c[Gb];if(null!=kc)switch(Gb){case "children":Ha=kc;break;case "dangerouslySetInnerHTML":Gd=kc}}var ab=Array.isArray(Ha)?2>Ha.length?
+Ha[0]:null:Ha;"function"!==typeof ab&&"symbol"!==typeof ab&&null!==ab&&void 0!==ab&&Fd.push(B(""+ab));L(Fd,Gd,Ha)}wa&&f&&f.styles.add(wa);h&&a.push("\x3c!-- --\x3e");Ed=void 0}return Ed;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Hd=tc(a,c,"meta");else h&&a.push("\x3c!-- --\x3e"),Hd=k?null:"string"===typeof c.charSet?tc(e.charsetChunks,c,"meta"):"viewport"===c.name?tc(e.viewportChunks,c,"meta"):tc(e.hoistableChunks,c,"meta");return Hd;case "listing":case "pre":a.push(P(b));
+var bb=null,cb=null,db;for(db in c)if(z.call(c,db)){var Hb=c[db];if(null!=Hb)switch(db){case "children":bb=Hb;break;case "dangerouslySetInnerHTML":cb=Hb;break;default:K(a,db,Hb)}}a.push(">");if(null!=cb){if(null!=bb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof cb||!("__html"in cb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");
+var xa=cb.__html;null!==xa&&void 0!==xa&&("string"===typeof xa&&0<xa.length&&"\n"===xa[0]?a.push("\n",xa):a.push(""+xa))}"string"===typeof bb&&"\n"===bb[0]&&a.push("\n");return bb;case "img":var N=c.src,I=c.srcSet;if(!("lazy"===c.loading||!N&&!I||"string"!==typeof N&&null!=N||"string"!==typeof I&&null!=I)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof N||":"!==N[4]||"d"!==N[0]&&"D"!==N[0]||"a"!==N[1]&&"A"!==N[1]||"t"!==N[2]&&"T"!==N[2]||"a"!==N[3]&&"A"!==N[3])&&("string"!==typeof I||
+":"!==I[4]||"d"!==I[0]&&"D"!==I[0]||"a"!==I[1]&&"A"!==I[1]||"t"!==I[2]&&"T"!==I[2]||"a"!==I[3]&&"A"!==I[3])){var Id="string"===typeof c.sizes?c.sizes:void 0,Ia=I?I+"\n"+(Id||""):N,lc=e.preloads.images,ya=lc.get(Ia);if(ya){if("high"===c.fetchPriority||10>e.highImagePreloads.size)lc.delete(Ia),e.highImagePreloads.add(ya)}else if(!d.imageResources.hasOwnProperty(Ia)){d.imageResources[Ia]=D;var mc=c.crossOrigin;var Jd="string"===typeof mc?"use-credentials"===mc?mc:"":void 0;var Z=e.headers,nc;Z&&0<Z.remainingCapacity&&
+("high"===c.fetchPriority||500>Z.highImagePreloads.length)&&(nc=Cc(N,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Jd,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(Z.remainingCapacity-=nc.length))?(e.resets.image[Ia]=D,Z.highImagePreloads&&(Z.highImagePreloads+=", "),Z.highImagePreloads+=nc):(ya=[],O(ya,{rel:"preload",as:"image",href:I?void 0:N,imageSrcSet:I,imageSizes:Id,crossOrigin:Jd,integrity:c.integrity,type:c.type,
+fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(ya):(e.bulkPreloads.add(ya),lc.set(Ia,ya)))}}return tc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return tc(a,c,b);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":break;
+case "head":if(2>g.insertionMode&&null===e.headChunks){e.headChunks=[];var Kd=xc(e.headChunks,c,"head")}else Kd=xc(a,c,"head");return Kd;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[""];var Ld=xc(e.htmlChunks,c,"html")}else Ld=xc(a,c,"html");return Ld;default:if(-1!==b.indexOf("-")){a.push(P(b));var oc=null,Md=null,Ja;for(Ja in c)if(z.call(c,Ja)){var W=c[Ja];if(null!=W){var Nd=Ja;switch(Ja){case "children":oc=W;break;case "dangerouslySetInnerHTML":Md=W;break;case "style":ac(a,
+W);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;case "className":Nd="class";default:if(nb(Ja)&&"function"!==typeof W&&"symbol"!==typeof W&&!1!==W){if(!0===W)W="";else if("object"===typeof W)continue;a.push(" ",Nd,'="',B(W),'"')}}}}a.push(">");L(a,Md,oc);return oc}}return xc(a,c,b)}var Dc=new Map;function vc(a){var b=Dc.get(a);void 0===b&&(b="</"+a+">",Dc.set(a,b));return b}
+function Ec(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}function Fc(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
+function Gc(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
 b=d.toString(16),a.push(b),a.push('">');case 6:return a.push('<table hidden><tbody id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 7:return a.push('<table hidden><tr id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 8:return a.push('<table hidden><colgroup id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');default:throw Error("Unknown insertion mode. This is a bug in React.");}}
-function Xb(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error("Unknown insertion mode. This is a bug in React.");}}var Yb=/[<\u2028\u2029]/g;
-function Zb(a){return JSON.stringify(a).replace(Yb,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var ic=/[&><\u2028\u2029]/g;
-function jc(a){return JSON.stringify(a).replace(ic,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var kc=!1,lc=!0;
-function mc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);lc=this.push("</style>");kc=!0;b.length=0;c.length=0}}function nc(a){return 2!==a.state?kc=!0:!1}function oc(a,b,c){kc=!1;lc=!0;b.styles.forEach(mc,a);b.stylesheets.forEach(nc);kc&&(c.stylesToHoist=!0);return lc}
-function Q(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var pc=[];function qc(a){M(pc,a.props);for(var b=0;b<pc.length;b++)this.push(pc[b]);pc.length=0;a.state=2}
-function rc(a){var b=0<a.sheets.size;a.sheets.forEach(qc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
-function sc(a){if(0===a.state){a.state=1;var b=a.props;M(pc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<pc.length;a++)this.push(pc[a]);pc.length=0}}function tc(a){a.sheets.forEach(sc,this);a.sheets.clear()}
-function uc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=jc(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=jc(""+d.props.href);a.push(g);e=""+e;a.push(",");e=jc(e);a.push(e);for(var h in f)if(y.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!za(h))break a;g=""+g}e.push(",");k=jc(k);e.push(k);e.push(",");g=
-jc(g);e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
-function vc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=z(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=z(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=z(JSON.stringify(e));a.push(e);for(var h in f)if(y.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!za(h))break a;g=""+g}e.push(",");k=z(JSON.stringify(k));e.push(k);
-e.push(",");g=z(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
-function Oa(a){var b=T?T:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(wc,xc)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],M(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}yc(b)}}}
-function Pa(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(wc,xc)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(zc,Ac);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],M(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}yc(c)}}}
-function Qa(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var l=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(l))return;e.imageResources[l]=B;e=f.headers;var m;e&&0<e.remainingCapacity&&"high"===k&&(m=Sb(a,b,c),2<=(e.remainingCapacity-=m.length))?(f.resets.image[l]=B,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=m):(e=[],M(e,v({rel:"preload",href:g?
-void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(l,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];M(g,v({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?B:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-M(g,v({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?B:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=B;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(l=Sb(a,b,c),2<=(e.remainingCapacity-=l.length)))f.resets.font[a]=B,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=l;else switch(e=[],
-a=v({rel:"preload",href:a,as:b},c),M(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}yc(d)}}}
-function Ra(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?B:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=B}M(f,v({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);yc(c)}}}
-function Sa(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:z(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:v({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&Jb(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),yc(d))}}}
-function ib(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=v({src:a,async:!0},b),f&&(2===f.length&&Jb(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Nb(a,b),yc(c))}}}
-function jb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=v({src:a,type:"module",async:!0},b),f&&(2===f.length&&Jb(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Nb(a,b),yc(c))}}}function Jb(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Sb(a,b,c){a=(""+a).replace(wc,xc);b=(""+b).replace(zc,Ac);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)y.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(zc,Ac)+'"'));return b}var wc=/[<>\r\n]/g;
-function xc(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var zc=/["';,\r\n]/g;
-function Ac(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Bc(a){this.styles.add(a)}function Cc(a){this.stylesheets.add(a)}
-function Dc(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(lb,mb),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,l=new Set,m=new Set,p=new Map,n=new Set,q=new Set,C=new Set,A={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var x=0;x<f.length;x++){var u=f[x],t,E=void 0,w=void 0,r={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
-typeof u?r.href=t=u:(r.href=t=u.src,r.integrity=w="string"===typeof u.integrity?u.integrity:void 0,r.crossOrigin=E="string"===typeof u||null==u.crossOrigin?void 0:"use-credentials"===u.crossOrigin?"use-credentials":"");u=a;var D=t;u.scriptResources[D]=null;u.moduleScriptResources[D]=null;u=[];M(u,r);n.add(u);d.push('<script src="',z(t));"string"===typeof w&&d.push('" integrity="',z(w));"string"===typeof E&&d.push('" crossorigin="',z(E));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)r=
-g[f],E=t=void 0,w={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof r?w.href=x=r:(w.href=x=r.src,w.integrity=E="string"===typeof r.integrity?r.integrity:void 0,w.crossOrigin=t="string"===typeof r||null==r.crossOrigin?void 0:"use-credentials"===r.crossOrigin?"use-credentials":""),r=a,u=x,r.scriptResources[u]=null,r.moduleScriptResources[u]=null,r=[],M(r,w),n.add(r),d.push('<script type="module" src="',z(x)),"string"===typeof E&&d.push('" integrity="',z(E)),"string"===typeof t&&
-d.push('" crossorigin="',z(t)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:[],preloadChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:l,highImagePreloads:m,styles:p,
-bootstrapScripts:n,scripts:q,bulkPreloads:C,preloads:A,boundaryResources:null,stylesToHoist:!1,generateStaticMarkup:b}}function Ec(a,b,c,d){if(c.generateStaticMarkup)return a.push(z(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(z(b)),a=!0);return a}
-var Fc=Symbol.for("react.element"),Gc=Symbol.for("react.portal"),Hc=Symbol.for("react.fragment"),Ic=Symbol.for("react.strict_mode"),Jc=Symbol.for("react.profiler"),Kc=Symbol.for("react.provider"),Lc=Symbol.for("react.context"),Mc=Symbol.for("react.server_context"),Nc=Symbol.for("react.forward_ref"),Oc=Symbol.for("react.suspense"),Pc=Symbol.for("react.suspense_list"),Qc=Symbol.for("react.memo"),Rc=Symbol.for("react.lazy"),Sc=Symbol.for("react.scope"),Tc=Symbol.for("react.debug_trace_mode"),Uc=Symbol.for("react.offscreen"),
-Vc=Symbol.for("react.legacy_hidden"),Wc=Symbol.for("react.cache"),rd=Symbol.for("react.default_value"),sd=Symbol.for("react.memo_cache_sentinel"),td=Symbol.for("react.postpone"),ud=Symbol.iterator,vd=Symbol.for("react.client.reference");
-function wd(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===vd?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Hc:return"Fragment";case Gc:return"Portal";case Jc:return"Profiler";case Ic:return"StrictMode";case Oc:return"Suspense";case Pc:return"SuspenseList";case Wc:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case Lc:return(a.displayName||"Context")+".Consumer";case Kc:return(a._context.displayName||"Context")+".Provider";case Nc:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Qc:return b=a.displayName||null,null!==b?b:wd(a.type)||"Memo";case Rc:b=a._payload;a=a._init;try{return wd(a(b))}catch(c){break}case Mc:return(a.displayName||a._globalName)+".Provider"}return null}var xd;function yd(a){if(void 0===xd)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);xd=b&&b[1]||""}return"\n"+xd+a}var zd=!1;
-function Ad(a,b){if(!a||zd)return"";zd=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var p=function(){throw Error();};Object.defineProperty(p.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(p,[])}catch(q){var n=q}Reflect.construct(a,[],p)}else{try{p.call()}catch(q){n=q}a.call(p.prototype)}}else{try{throw Error();}catch(q){n=q}(p=a())&&"function"===typeof p.catch&&
-p.catch(function(){})}}catch(q){if(q&&n&&"string"===typeof q.stack)return[q.stack,n.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),l=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<l.length&&!l[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===l.length)for(d=k.length-1,e=l.length-1;1<=d&&0<=e&&k[d]!==l[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==l[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==l[e]){var m="\n"+k[d].replace(" at new "," at ");a.displayName&&m.includes("<anonymous>")&&(m=m.replace("<anonymous>",a.displayName));return m}while(1<=d&&0<=e)}break}}}finally{zd=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?yd(c):""}
-var Bd={};function Cd(a,b){a=a.contextTypes;if(!a)return Bd;var c={},d;for(d in a)c[d]=b[d];return c}var Dd=null;function Ed(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ed(a,c)}b.context._currentValue2=b.value}}
-function Fd(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Fd(a)}function Gd(a){var b=a.parent;null!==b&&Gd(b);a.context._currentValue2=a.value}function Hd(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ed(a,b):Hd(a,b)}
-function Id(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Ed(a,c):Id(a,c);b.context._currentValue2=b.value}function Jd(a){var b=Dd;b!==a&&(null===b?Gd(a):null===a?Fd(b):b.depth===a.depth?Ed(b,a):b.depth>a.depth?Hd(b,a):Id(b,a),Dd=a)}
-var Kd={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Ld(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Kd;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:v({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Kd.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=v({},f,h)):v(f,h))}a.state=f}else f.queue=null}
-var Md={id:1,overflow:""};function Nd(a,b,c){var d=a.id;a=a.overflow;var e=32-Od(d)-1;d&=~(1<<e);c+=1;var f=32-Od(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Od(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Od=Math.clz32?Math.clz32:Pd,Qd=Math.log,Rd=Math.LN2;function Pd(a){a>>>=0;return 0===a?32:31-(Qd(a)/Rd|0)|0}var Sd=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Td(){}function Ud(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Td,Td),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Vd=b;throw Sd;}}var Vd=null;
-function Wd(){if(null===Vd)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Vd;Vd=null;return a}function Xd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var Yd="function"===typeof Object.is?Object.is:Xd,Zd=null,$d=null,ae=null,be=null,ce=null,V=null,de=!1,ee=!1,fe=0,ge=0,he=-1,ie=0,je=null,ke=null,le=0;
-function me(){if(null===Zd)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return Zd}
-function ne(){if(0<le)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function oe(){null===V?null===ce?(de=!1,ce=V=ne()):(de=!0,V=ce):null===V.next?(de=!1,V=V.next=ne()):(de=!0,V=V.next);return V}function pe(a,b,c,d){for(;ee;)ee=!1,ge=fe=0,he=-1,ie=0,le+=1,V=null,c=a(b,d);qe();return c}function re(){var a=je;je=null;return a}function qe(){be=ae=$d=Zd=null;ee=!1;ce=null;le=0;V=ke=null}
-function se(a,b){return"function"===typeof b?b(a):b}function te(a,b,c){Zd=me();V=oe();if(de){var d=V.queue;b=d.dispatch;if(null!==ke&&(c=ke.get(d),void 0!==c)){ke.delete(d);d=V.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);V.memoizedState=d;return[d,b]}return[V.memoizedState,b]}a=a===se?"function"===typeof b?b():b:void 0!==c?c(b):b;V.memoizedState=a;a=V.queue={last:null,dispatch:null};a=a.dispatch=ue.bind(null,Zd,a);return[V.memoizedState,a]}
-function ve(a,b){Zd=me();V=oe();b=void 0===b?null:b;if(null!==V){var c=V.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!Yd(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();V.memoizedState=[a,b];return a}
-function ue(a,b,c){if(25<=le)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===Zd)if(ee=!0,a={action:c,next:null},null===ke&&(ke=new Map),c=ke.get(b),void 0===c)ke.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function we(){throw Error("A function wrapped in useEffectEvent can't be called during rendering.");}function xe(){throw Error("startTransition cannot be called during server rendering.");}
-function ye(){throw Error("Cannot update optimistic state while rendering.");}function ze(a){var b=ie;ie+=1;null===je&&(je=[]);return Ud(je,a,b)}function Ae(){throw Error("Cache cannot be refreshed during server rendering.");}function Be(){}
-var De={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return ze(a);if(a.$$typeof===Lc||a.$$typeof===Mc)return a._currentValue2}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){me();return a._currentValue2},useMemo:ve,useReducer:te,useRef:function(a){Zd=me();V=oe();var b=V.memoizedState;return null===b?(a={current:a},V.memoizedState=a):b},useState:function(a){return te(se,a)},
-useInsertionEffect:Be,useLayoutEffect:Be,useCallback:function(a,b){return ve(function(){return a},b)},useImperativeHandle:Be,useEffect:Be,useDebugValue:Be,useDeferredValue:function(a,b){me();return void 0!==b?b:a},useTransition:function(){me();return[!1,xe]},useId:function(){var a=$d.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Od(a)-1)).toString(32)+b;var c=Ce;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=fe++;a=":"+c.idPrefix+
-"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Ae},useEffectEvent:function(){return we},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=sd;return b},useHostTransitionStatus:function(){me();return Ma},useOptimistic:function(a){me();return[a,ye]},useFormState:function(a,
-b,c){me();var d=ge++,e=ae;if("function"===typeof a.$$FORM_ACTION){var f=null,g=be;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+fa(JSON.stringify([g,null,d]),0),k===f&&(he=d,b=e[0]))}var l=a.bind(null,b);a=function(p){l(p)};"function"===typeof l.$$FORM_ACTION&&(a.$$FORM_ACTION=function(p){p=l.$$FORM_ACTION(p);void 0!==c&&(c+="",p.action=c);var n=p.data;n&&(null===f&&(f=void 0!==c?"p"+c:"k"+fa(JSON.stringify([g,
-null,d]),0)),n.append("$ACTION_KEY",f));return p});return[b,a]}var m=a.bind(null,b);return[b,function(p){m(p)}]}},Ce=null,Ee={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},Fe=La.ReactCurrentDispatcher,Ge=La.ReactCurrentCache;function He(a){console.error(a);return null}function Ie(){}
-function Je(a,b,c,d,e,f,g,h,k,l,m,p){Na.current=kb;var n=[],q=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:n,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?He:f,onPostpone:void 0===m?Ie:m,onAllReady:void 0===g?
-Ie:g,onShellReady:void 0===h?Ie:h,onShellError:void 0===k?Ie:k,onFatalError:void 0===l?Ie:l,formState:void 0===p?null:p};c=Ke(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Me(b,null,a,-1,null,c,q,null,d,Bd,null,Md,null);n.push(a);return b}var T=null;function Ne(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Oe(a))}
-function Pe(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Me(a,b,c,d,e,f,g,h,k,l,m,p,n){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var q={replay:null,node:c,childIndex:d,ping:function(){return Ne(a,q)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:m,treeContext:p,componentStack:n,thenableState:b};g.add(q);return q}
-function Qe(a,b,c,d,e,f,g,h,k,l,m,p,n){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var q={replay:c,node:d,childIndex:e,ping:function(){return Ne(a,q)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:m,treeContext:p,componentStack:n,thenableState:b};g.add(q);return q}
-function Ke(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Re(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Se(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=yd(b.type,null,null);break;case 1:a+=Ad(b.type,!1);break;case 2:a+=Ad(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function W(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function Te(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Ue(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((wd(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=v({},c,d)}b.legacyContext=e;X(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,X(a,b,null,f,-1),b.keyPath=e}
-function Ve(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var l=0;l<f;l++)l===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Nd(c,1,0),We(a,b,d,-1),b.treeContext=c):h?We(a,b,d,-1):X(a,b,null,d,-1);b.keyPath=f}function Xe(a,b){if(a&&a.defaultProps){b=v({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function Ye(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=Cd(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue2:g);Ld(h,e,f,g);Ue(a,b,c,h,e);b.componentStack=d}else{g=Cd(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};Zd={};$d=b;ae=a;be=c;ge=fe=0;he=-1;ie=0;je=d;d=e(f,g);d=pe(e,f,d,g);var k=0!==
-fe,l=ge,m=he;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Ld(d,e,f,g),Ue(a,b,c,d,e)):Ve(a,b,c,d,k,l,m);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Re(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=pb(h,e,f),b.keyPath=c,We(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Rb(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-l=b.keyPath;b.formatContext=pb(h,e,f);b.keyPath=c;We(a,b,k,-1);b.formatContext=h;b.keyPath=l;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(Mb(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case Vc:case Tc:case Ic:case Jc:case Hc:e=b.keyPath;b.keyPath=c;X(a,b,null,f.children,-1);b.keyPath=e;return;case Uc:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,X(a,b,null,f.children,-1),b.keyPath=e);return;case Pc:e=b.componentStack;b.componentStack=Re(b,"SuspenseList");d=b.keyPath;b.keyPath=c;X(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case Sc:throw Error("ReactDOMServer does not yet support scope components.");case Oc:a:if(null!==b.replay){e=
-b.keyPath;b.keyPath=c;c=f.children;try{We(a,b,c,-1)}finally{b.keyPath=e}}else{var p=b.componentStack;e=b.componentStack=Re(b,"Suspense");var n=b.keyPath;d=b.blockedBoundary;var q=b.blockedSegment;g=f.fallback;var C=f.children;f=new Set;l=Pe(a,f);null!==a.trackedPostpones&&(l.trackedContentKeyPath=c);m=Ke(a,q.chunks.length,l,b.formatContext,!1,!1);q.children.push(m);q.lastPushedText=!1;var A=Ke(a,0,null,b.formatContext,!1,!1);A.parentFlushed=!0;b.blockedBoundary=l;b.blockedSegment=A;a.renderState.boundaryResources=
-l.resources;b.keyPath=c;try{if(We(a,b,C,-1),a.renderState.generateStaticMarkup||A.lastPushedText&&A.textEmbedded&&A.chunks.push("\x3c!-- --\x3e"),A.status=1,Ze(l,A),0===l.pendingTasks&&0===l.status){l.status=1;b.componentStack=p;break a}}catch(x){A.status=4,l.status=4,h=Se(a,b.componentStack),"object"===typeof x&&null!==x&&x.$$typeof===td?(a.onPostpone(x.message,h),k="POSTPONE"):k=W(a,x,h),l.errorDigest=k,$e(a,l)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=
-q,b.keyPath=n,b.componentStack=p}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(p=[h[1],h[2],[],null],k.workingMap.set(h,p),5===l.status?k.workingMap.get(c)[4]=p:l.trackedFallbackNode=p);b=Me(a,null,g,-1,d,m,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case Nc:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;Zd={};$d=b;ae=a;be=c;ge=fe=0;
-he=-1;ie=0;je=d;d=e(f,g);f=pe(e,f,d,g);Ve(a,b,c,f,0!==fe,ge,he);b.componentStack=h;return;case Qc:e=e.type;f=Xe(e,f);Ye(a,b,c,d,e,f,g);return;case Kc:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue2;e._currentValue2=f;k=Dd;Dd=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;X(a,b,null,g,-1);a=Dd;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue2=
-c===rd?a.context._defaultValue:c;a=Dd=a.parent;b.context=a;b.keyPath=d;return;case Lc:f=f.children;f=f(e._currentValue2);e=b.keyPath;b.keyPath=c;X(a,b,null,f,-1);b.keyPath=e;return;case Rc:g=b.componentStack;b.componentStack=Re(b,"Lazy");h=e._init;e=h(e._payload);f=Xe(e,f);Ye(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==e?e:typeof e)+"."));}}
-function af(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Ke(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,We(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(Ze(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function X(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)af(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case Fc:var f=d.type,g=d.key,h=d.props,k=d.ref,l=wd(f),m=null==g?-1===e?0:e:g;g=[b.keyPath,l,m];if(null!==b.replay)a:{var p=b.replay;e=p.nodes;for(d=0;d<e.length;d++){var n=e[d];if(m===n[1]){if(4===n.length){if(null!==l&&l!==n[0])throw Error("Expected the resume to render <"+n[0]+"> in this slot but instead it rendered <"+
-l+">. The tree doesn't match so React will fallback to client rendering.");var q=n[2];l=n[3];n=b.node;b.replay={nodes:q,slots:l,pendingTasks:1};try{Ye(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(r){if("object"===typeof r&&null!==r&&(r===Sd||"function"===typeof r.then))throw b.node===n&&(b.replay=p),
-r;b.replay.pendingTasks--;h=Se(a,b.componentStack);bf(a,b.blockedBoundary,r,h,q,l)}b.replay=p}else{if(f!==Oc)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(wd(f)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{c=void 0;f=n[5];k=n[2];p=n[3];l=null===n[4]?[]:n[4][2];n=null===n[4]?null:n[4][3];m=b.componentStack;var C=b.componentStack=Re(b,"Suspense"),A=b.keyPath,x=b.replay,u=b.blockedBoundary,t=h.children;h=h.fallback;
-var E=new Set,w=Pe(a,E);w.parentFlushed=!0;w.rootSegmentID=f;b.blockedBoundary=w;b.replay={nodes:k,slots:p,pendingTasks:1};a.renderState.boundaryResources=w.resources;try{We(a,b,t,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===w.pendingTasks&&0===w.status){w.status=1;a.completedBoundaries.push(w);break b}}catch(r){w.status=
-4,q=Se(a,b.componentStack),"object"===typeof r&&null!==r&&r.$$typeof===td?(a.onPostpone(r.message,q),c="POSTPONE"):c=W(a,r,q),w.errorDigest=c,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(w)}finally{a.renderState.boundaryResources=u?u.resources:null,b.blockedBoundary=u,b.replay=x,b.keyPath=A,b.componentStack=m}h=Qe(a,null,{nodes:l,slots:n,pendingTasks:0},h,-1,u,E,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,C);a.pingedTasks.push(h)}}e.splice(d,
-1);break a}}}else Ye(a,b,g,c,f,h,k);return;case Gc:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");case Rc:h=b.componentStack;b.componentStack=Re(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;X(a,b,null,d,e);return}if(Ka(d)){cf(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=ud&&d[ud]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];
-do g.push(d.value),d=h.next();while(!d.done);cf(a,b,g,e)}return}if("function"===typeof d.then)return X(a,b,null,ze(d),e);if(d.$$typeof===Lc||d.$$typeof===Mc)return X(a,b,null,d._currentValue2,e);e=Object.prototype.toString.call(d);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=
-Ec(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ec(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function cf(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{cf(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(m){if("object"===typeof m&&
-null!==m&&(m===Sd||"function"===typeof m.then))throw m;b.replay.pendingTasks--;c=Se(a,b.componentStack);bf(a,b.blockedBoundary,m,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=Nd(f,g,d);var l=h[d];"number"===typeof l?(af(a,b,l,k,d),delete h[d]):We(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Nd(f,g,h),We(a,b,d,h);b.treeContext=
+function Hc(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error("Unknown insertion mode. This is a bug in React.");}}var Ic=/[<\u2028\u2029]/g;
+function Jc(a){return JSON.stringify(a).replace(Ic,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Kc=/[&><\u2028\u2029]/g;
+function Lc(a){return JSON.stringify(a).replace(Kc,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Mc=!1,Nc=!0;
+function Oc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);Nc=this.push("</style>");Mc=!0;b.length=0;c.length=0}}function Pc(a){return 2!==a.state?Mc=!0:!1}function Qc(a,b,c){Mc=!1;Nc=!0;b.styles.forEach(Oc,a);b.stylesheets.forEach(Pc);Mc&&(c.stylesToHoist=!0);return Nc}
+function R(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var Rc=[];function Sc(a){O(Rc,a.props);for(var b=0;b<Rc.length;b++)this.push(Rc[b]);Rc.length=0;a.state=2}
+function Tc(a){var b=0<a.sheets.size;a.sheets.forEach(Sc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
+function Uc(a){if(0===a.state){a.state=1;var b=a.props;O(Rc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Rc.length;a++)this.push(Rc[a]);Rc.length=0}}function Vc(a){a.sheets.forEach(Uc,this);a.sheets.clear()}
+function Wc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=Lc(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=Lc(""+d.props.href);a.push(g);e=""+e;a.push(",");e=Lc(e);a.push(e);for(var h in f)if(z.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!nb(h))break a;g=""+g}e.push(",");k=Lc(k);e.push(k);e.push(",");
+g=Lc(g);e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
+function Xc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=B(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=B(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=B(JSON.stringify(e));a.push(e);for(var h in f)if(z.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!nb(h))break a;g=""+g}e.push(",");k=B(JSON.stringify(k));
+e.push(k);e.push(",");g=B(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}function Yc(){return{styles:new Set,stylesheets:new Set}}
+function Nb(a){var b=T?T:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Zc,$c)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],O(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}ad(b)}}}
+function Ob(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Zc,$c)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(bd,cd);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],O(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}ad(c)}}}
+function Pb(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=D;e=f.headers;var n;e&&0<e.remainingCapacity&&"high"===k&&(n=Cc(a,b,c),2<=(e.remainingCapacity-=n.length))?(f.resets.image[m]=D,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=n):(e=[],O(e,u({rel:"preload",href:g?
+void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];O(g,u({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?D:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+O(g,u({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?D:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=D;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=Cc(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=D,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
+a=u({rel:"preload",href:a,as:b},c),O(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}ad(d)}}}
+function Qb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?D:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=D}O(f,u({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);ad(c)}}}
+function Rb(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:B(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:u({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&Bc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),ad(d))}}}
+function Sb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=u({src:a,async:!0},b),f&&(2===f.length&&Bc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),wc(a,b),ad(c))}}}
+function Tb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=u({src:a,type:"module",async:!0},b),f&&(2===f.length&&Bc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),wc(a,b),ad(c))}}}function Bc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function Cc(a,b,c){a=(""+a).replace(Zc,$c);b=(""+b).replace(bd,cd);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)z.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(bd,cd)+'"'));return b}var Zc=/[<>\r\n]/g;
+function $c(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var bd=/["';,\r\n]/g;
+function cd(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function dd(a){this.styles.add(a)}function ed(a){this.stylesheets.add(a)}
+function fd(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(Vb,Wb),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,m=new Set,n=new Set,l=new Map,q=new Set,r=new Set,C=new Set,v={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var x=0;x<f.length;x++){var w=f[x],p,F=void 0,E=void 0,t={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
+typeof w?t.href=p=w:(t.href=p=w.src,t.integrity=E="string"===typeof w.integrity?w.integrity:void 0,t.crossOrigin=F="string"===typeof w||null==w.crossOrigin?void 0:"use-credentials"===w.crossOrigin?"use-credentials":"");w=a;var y=p;w.scriptResources[y]=null;w.moduleScriptResources[y]=null;w=[];O(w,t);q.add(w);d.push('<script src="',B(p));"string"===typeof E&&d.push('" integrity="',B(E));"string"===typeof F&&d.push('" crossorigin="',B(F));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)t=
+g[f],F=p=void 0,E={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof t?E.href=x=t:(E.href=x=t.src,E.integrity=F="string"===typeof t.integrity?t.integrity:void 0,E.crossOrigin=p="string"===typeof t||null==t.crossOrigin?void 0:"use-credentials"===t.crossOrigin?"use-credentials":""),t=a,w=x,t.scriptResources[w]=null,t.moduleScriptResources[w]=null,t=[],O(t,E),q.add(t),d.push('<script type="module" src="',B(x)),"string"===typeof F&&d.push('" integrity="',B(F)),"string"===typeof p&&
+d.push('" crossorigin="',B(p)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,importMapChunks:[],onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:m,highImagePreloads:n,styles:l,bootstrapScripts:q,
+scripts:r,bulkPreloads:C,preloads:v,stylesToHoist:!1,generateStaticMarkup:b}}function gd(a,b,c,d){if(c.generateStaticMarkup)return a.push(B(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(B(b)),a=!0);return a}var hd=Symbol.for("react.client.reference");
+function id(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===hd?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case oa:return"Fragment";case ha:return"Portal";case qa:return"Profiler";case pa:return"StrictMode";case Da:return"Suspense";case Ka:return"SuspenseList";case eb:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case za:return(a._context.displayName||"Context")+".Provider";case Ba:return(a.displayName||"Context")+".Consumer";case Ca:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case La:return b=a.displayName||null,null!==b?b:id(a.type)||"Memo";case Ma:b=a._payload;a=a._init;try{return id(a(b))}catch(c){}}return null}var jd={};function kd(a,b){a=a.contextTypes;if(!a)return jd;var c={},d;for(d in a)c[d]=b[d];return c}var ld=null;
+function Od(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Od(a,c)}b.context._currentValue2=b.value}}function Pd(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Pd(a)}
+function Qd(a){var b=a.parent;null!==b&&Qd(b);a.context._currentValue2=a.value}function Rd(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Od(a,b):Rd(a,b)}
+function Sd(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Od(a,c):Sd(a,c);b.context._currentValue2=b.value}function Td(a){var b=ld;b!==a&&(null===b?Qd(a):null===a?Pd(b):b.depth===a.depth?Od(b,a):b.depth>a.depth?Rd(b,a):Sd(b,a),ld=a)}
+var Ud={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Vd(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Ud;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:u({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Ud.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=u({},f,h)):u(f,h))}a.state=f}else f.queue=null}
+var Wd={id:1,overflow:""};function Xd(a,b,c){var d=a.id;a=a.overflow;var e=32-Yd(d)-1;d&=~(1<<e);c+=1;var f=32-Yd(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Yd(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Yd=Math.clz32?Math.clz32:Zd,$d=Math.log,ae=Math.LN2;function Zd(a){a>>>=0;return 0===a?32:31-($d(a)/ae|0)|0}var be=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function ce(){}function de(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(ce,ce),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}ee=b;throw be;}}var ee=null;
+function fe(){if(null===ee)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=ee;ee=null;return a}function ge(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var he="function"===typeof Object.is?Object.is:ge,ie=null,je=null,ke=null,le=null,me=null,U=null,ne=!1,oe=!1,pe=0,qe=0,re=-1,se=0,te=null,ue=null,ve=0;
+function we(){if(null===ie)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return ie}
+function xe(){if(0<ve)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function ye(){null===U?null===me?(ne=!1,me=U=xe()):(ne=!0,U=me):null===U.next?(ne=!1,U=U.next=xe()):(ne=!0,U=U.next);return U}function ze(){var a=te;te=null;return a}function Ae(){le=ke=je=ie=null;oe=!1;me=null;ve=0;U=ue=null}function Be(a,b){return"function"===typeof b?b(a):b}
+function Ce(a,b,c){ie=we();U=ye();if(ne){var d=U.queue;b=d.dispatch;if(null!==ue&&(c=ue.get(d),void 0!==c)){ue.delete(d);d=U.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);U.memoizedState=d;return[d,b]}return[U.memoizedState,b]}a=a===Be?"function"===typeof b?b():b:void 0!==c?c(b):b;U.memoizedState=a;a=U.queue={last:null,dispatch:null};a=a.dispatch=De.bind(null,ie,a);return[U.memoizedState,a]}
+function Ee(a,b){ie=we();U=ye();b=void 0===b?null:b;if(null!==U){var c=U.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!he(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();U.memoizedState=[a,b];return a}
+function De(a,b,c){if(25<=ve)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===ie)if(oe=!0,a={action:c,next:null},null===ue&&(ue=new Map),c=ue.get(b),void 0===c)ue.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Fe(){throw Error("A function wrapped in useEffectEvent can't be called during rendering.");}function Ge(){throw Error("startTransition cannot be called during server rendering.");}
+function He(){throw Error("Cannot update optimistic state while rendering.");}function Ie(a){var b=se;se+=1;null===te&&(te=[]);return de(te,a,b)}function Je(){throw Error("Cache cannot be refreshed during server rendering.");}function Ke(){}
+var Me={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Ie(a);if(a.$$typeof===Ba)return a._currentValue2}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){we();return a._currentValue2},useMemo:Ee,useReducer:Ce,useRef:function(a){ie=we();U=ye();var b=U.memoizedState;return null===b?(a={current:a},U.memoizedState=a):b},useState:function(a){return Ce(Be,a)},useInsertionEffect:Ke,
+useLayoutEffect:Ke,useCallback:function(a,b){return Ee(function(){return a},b)},useImperativeHandle:Ke,useEffect:Ke,useDebugValue:Ke,useDeferredValue:function(a,b){we();return void 0!==b?b:a},useTransition:function(){we();return[!1,Ge]},useId:function(){var a=je.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Yd(a)-1)).toString(32)+b;var c=Le;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=pe++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+
+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Je},useEffectEvent:function(){return Fe},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=fb;return b},useHostTransitionStatus:function(){we();return Lb},useOptimistic:function(a){we();return[a,He]},useFormState:function(a,b,c){we();var d=qe++,
+e=ke;if("function"===typeof a.$$FORM_ACTION){var f=null,g=le;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+jb(JSON.stringify([g,null,d]),0),k===f&&(re=d,b=e[0]))}var m=a.bind(null,b);a=function(l){m(l)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(l){l=m.$$FORM_ACTION(l);void 0!==c&&(c+="",l.action=c);var q=l.data;q&&(null===f&&(f=void 0!==c?"p"+c:"k"+jb(JSON.stringify([g,null,d]),0)),q.append("$ACTION_KEY",
+f));return l});return[b,a]}var n=a.bind(null,b);return[b,function(l){n(l)}]}},Le=null,Ne={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},Oe;function Pe(a){if(void 0===Oe)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Oe=b&&b[1]||""}return"\n"+Oe+a}var Qe=!1;
+function Re(a,b){if(!a||Qe)return"";Qe=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var l=function(){throw Error();};Object.defineProperty(l.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(l,[])}catch(r){var q=r}Reflect.construct(a,[],l)}else{try{l.call()}catch(r){q=r}a.call(l.prototype)}}else{try{throw Error();}catch(r){q=r}(l=a())&&"function"===typeof l.catch&&
+l.catch(function(){})}}catch(r){if(r&&q&&"string"===typeof r.stack)return[r.stack,q.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var n="\n"+k[d].replace(" at new "," at ");a.displayName&&n.includes("<anonymous>")&&(n=n.replace("<anonymous>",a.displayName));return n}while(1<=d&&0<=e)}break}}}finally{Qe=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Pe(c):""}
+var Se=Kb.ReactCurrentDispatcher,Te=Kb.ReactCurrentCache;function Ue(a){console.error(a);return null}function Ve(){}
+function We(a,b,c,d,e,f,g,h,k,m,n,l){Mb.current=Ub;var q=[],r=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:r,pingedTasks:q,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Ue:f,onPostpone:void 0===n?Ve:n,onAllReady:void 0===g?
+Ve:g,onShellReady:void 0===h?Ve:h,onShellError:void 0===k?Ve:k,onFatalError:void 0===m?Ve:m,formState:void 0===l?null:l};c=Xe(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Ye(b,null,a,-1,null,c,null,r,null,d,jd,null,Wd,null,!1);q.push(a);return b}var T=null;function Ze(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,$e(a))}
+function af(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:Yc(),fallbackState:Yc(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function Ye(a,b,c,d,e,f,g,h,k,m,n,l,q,r,C){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var v={replay:null,node:c,childIndex:d,ping:function(){return Ze(a,v)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:q,componentStack:r,thenableState:b,isFallback:C};h.add(v);return v}
+function bf(a,b,c,d,e,f,g,h,k,m,n,l,q,r,C){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var v={replay:c,node:d,childIndex:e,ping:function(){return Ze(a,v)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:q,componentStack:r,thenableState:b,isFallback:C};h.add(v);return v}
+function Xe(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function cf(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function df(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Pe(b.type,null);break;case 1:a+=Re(b.type,!1);break;case 2:a+=Re(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function V(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function ef(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function ff(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;ie={};je=b;ke=a;le=c;qe=pe=0;re=-1;se=0;te=g;for(a=d(e,f);oe;)oe=!1,qe=pe=0,re=-1,se=0,ve+=1,U=null,a=d(e,f);Ae();return a}
+function gf(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((id(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=u({},c,d)}b.legacyContext=e;X(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,X(a,b,f,-1),b.keyPath=e}
+function hf(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Xd(c,1,0),lf(a,b,d,-1),b.treeContext=c):h?lf(a,b,d,-1):X(a,b,d,-1);b.keyPath=f}function mf(a,b){if(a&&a.defaultProps){b=u({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function nf(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=kd(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue2:g);Vd(h,d,e,g);gf(a,b,c,h,d);b.componentStack=f}else{f=kd(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=ff(a,b,c,d,e,f);var k=0!==pe,m=qe,n=re;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Vd(h,d,e,f),gf(a,b,c,h,d)):hf(a,b,c,h,k,m,n);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=cf(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,k=b.keyPath,b.formatContext=Zb(h,d,e),b.keyPath=c,lf(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Ac(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;m=b.keyPath;b.formatContext=
+Zb(h,d,e);b.keyPath=c;lf(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(vc(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case Ya:case Oa:case pa:case qa:case oa:d=b.keyPath;b.keyPath=c;X(a,b,e.children,-1);b.keyPath=d;return;case Pa:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,X(a,b,e.children,-1),b.keyPath=d);return;case Ka:d=b.componentStack;b.componentStack=cf(b,"SuspenseList");f=b.keyPath;b.keyPath=c;X(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Na:throw Error("ReactDOMServer does not yet support scope components.");case Da:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;
+try{lf(a,b,c,-1)}finally{b.keyPath=d}}else{var l=b.componentStack;d=b.componentStack=cf(b,"Suspense");var q=b.keyPath;f=b.blockedBoundary;var r=b.hoistableState,C=b.blockedSegment;g=e.fallback;var v=e.children;e=new Set;m=af(a,e);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);n=Xe(a,C.chunks.length,m,b.formatContext,!1,!1);C.children.push(n);C.lastPushedText=!1;var x=Xe(a,0,null,b.formatContext,!1,!1);x.parentFlushed=!0;b.blockedBoundary=m;b.hoistableState=m.contentState;b.blockedSegment=
+x;b.keyPath=c;try{if(lf(a,b,v,-1),a.renderState.generateStaticMarkup||x.lastPushedText&&x.textEmbedded&&x.chunks.push("\x3c!-- --\x3e"),x.status=1,of(m,x),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=l;break a}}catch(w){x.status=4,m.status=4,h=df(a,b.componentStack),"object"===typeof w&&null!==w&&w.$$typeof===gb?(a.onPostpone(w.message,h),k="POSTPONE"):k=V(a,w,h),m.errorDigest=k,pf(a,m)}finally{b.blockedBoundary=f,b.hoistableState=r,b.blockedSegment=C,b.keyPath=q,b.componentStack=
+l}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(l=[h[1],h[2],[],null],k.workingMap.set(h,l),5===m.status?k.workingMap.get(c)[4]=l:m.trackedFallbackNode=l);b=Ye(a,null,g,-1,f,n,m.fallbackState,e,h,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case Ca:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};if("ref"in e)for(g in k={},e)"ref"!==g&&(k[g]=e[g]);
+else k=e;e=ff(a,b,c,d.render,k,f);hf(a,b,c,e,0!==pe,qe,re);b.componentStack=h;return;case La:d=d.type;e=mf(d,e);nf(a,b,c,d,e,f);return;case za:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue2;d._currentValue2=e;k=ld;ld=e={parent:k,depth:null===k?0:k.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;X(a,b,g,-1);a=ld;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");a.context._currentValue2=a.parentValue;a=ld=a.parent;
+b.context=a;b.keyPath=f;return;case Ba:e=e.children;e=e(d._currentValue2);d=b.keyPath;b.keyPath=c;X(a,b,e,-1);b.keyPath=d;return;case Aa:case Ma:f=b.componentStack;b.componentStack=cf(b,"Lazy");g=d._init;d=g(d._payload);e=mf(d,e);nf(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==d?d:typeof d)+"."));}}
+function qf(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Xe(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,lf(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(of(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function X(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)qf(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case fa:var e=c.type,f=c.key,g=c.props;c=g.ref;var h=void 0!==c?c:null;var k=id(e),m=null==f?-1===d?0:d:f;f=[b.keyPath,k,m];if(null!==b.replay)a:{var n=b.replay;d=n.nodes;for(c=0;c<d.length;c++){var l=d[c];if(m===l[1]){if(4===l.length){if(null!==k&&k!==l[0])throw Error("Expected the resume to render <"+l[0]+"> in this slot but instead it rendered <"+
+k+">. The tree doesn't match so React will fallback to client rendering.");var q=l[2];k=l[3];m=b.node;b.replay={nodes:q,slots:k,pendingTasks:1};try{nf(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(y){if("object"===typeof y&&null!==y&&(y===be||"function"===typeof y.then))throw b.node===m&&(b.replay=n),y;
+b.replay.pendingTasks--;g=df(a,b.componentStack);rf(a,b.blockedBoundary,y,g,q,k)}b.replay=n}else{if(e!==Da)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(id(e)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{e=void 0;h=l[5];n=l[2];k=l[3];m=null===l[4]?[]:l[4][2];l=null===l[4]?null:l[4][3];var r=b.componentStack,C=b.componentStack=cf(b,"Suspense"),v=b.keyPath,x=b.replay,w=b.blockedBoundary,p=b.hoistableState,F=
+g.children;g=g.fallback;var E=new Set,t=af(a,E);t.parentFlushed=!0;t.rootSegmentID=h;b.blockedBoundary=t;b.hoistableState=t.contentState;b.replay={nodes:n,slots:k,pendingTasks:1};try{lf(a,b,F,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===t.pendingTasks&&0===t.status){t.status=1;a.completedBoundaries.push(t);break b}}catch(y){t.status=
+4,q=df(a,b.componentStack),"object"===typeof y&&null!==y&&y.$$typeof===gb?(a.onPostpone(y.message,q),e="POSTPONE"):e=V(a,y,q),t.errorDigest=e,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(t)}finally{b.blockedBoundary=w,b.hoistableState=p,b.replay=x,b.keyPath=v,b.componentStack=r}q=bf(a,null,{nodes:m,slots:l,pendingTasks:0},g,-1,w,t.fallbackState,E,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,C,!0);a.pingedTasks.push(q)}}d.splice(c,1);break a}}}else nf(a,
+b,f,e,g,h);return;case ha:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");case Ma:q=b.componentStack;b.componentStack=cf(b,"Lazy");g=c._init;c=g(c._payload);b.componentStack=q;X(a,b,c,d);return}if(ib(c)){sf(a,b,c,d);return}null===c||"object"!==typeof c?q=null:(q=hb&&c[hb]||c["@@iterator"],q="function"===typeof q?q:null);if(q&&(q=q.call(c))){c=q.next();if(!c.done){g=[];do g.push(c.value),c=q.next();
+while(!c.done);sf(a,b,g,d)}return}if("function"===typeof c.then)return b.thenableState=null,X(a,b,Ie(c),d);if(c.$$typeof===Ba)return X(a,b,c._currentValue2,d);d=Object.prototype.toString.call(c);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=gd(d.chunks,c,a.renderState,
+d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=gd(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function sf(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{sf(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(n){if("object"===typeof n&&
+null!==n&&(n===be||"function"===typeof n.then))throw n;b.replay.pendingTasks--;c=df(a,b.componentStack);rf(a,b.blockedBoundary,n,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=Xd(f,g,d);var m=h[d];"number"===typeof m?(qf(a,b,m,k,d),delete h[d]):lf(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Xd(f,g,h),lf(a,b,d,h);b.treeContext=
 f;b.keyPath=e}
-function df(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error("It should not be possible to postpone at the root. This is a bug in React.");var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:
-a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,d);ef(d,g[0],b);return}var l=b.workingMap.get(g);void 0===l?(l=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,l),ef(l,g[0],b)):(g=l,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],ef(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots=
-{};else{if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");}else if(f=b.workingMap,g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),ef(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");a[c.childIndex]=d.id}}}
-function $e(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function We(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,l=b.componentStack,m=b.blockedSegment;if(null===m)try{return X(a,b,null,c,d)}catch(q){if(qe(),d=q===Sd?Wd():q,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=re();a=Qe(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=
-e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Jd(g);return}}else{var p=m.children.length,n=m.chunks.length;try{return X(a,b,null,c,d)}catch(q){if(qe(),m.children.length=p,m.chunks.length=n,d=q===Sd?Wd():q,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=re();m=b.blockedSegment;p=Ke(a,m.chunks.length,null,b.formatContext,m.lastPushedText,!0);m.children.push(p);m.lastPushedText=!1;a=Me(a,d,b.node,b.childIndex,b.blockedBoundary,p,b.abortSet,b.keyPath,
-b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Jd(g);return}if(d.$$typeof===td&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;m=Se(a,b.componentStack);a.onPostpone(d.message,m);d=b.blockedSegment;m=Ke(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(m);d.lastPushedText=!1;
-df(a,c,b,m);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Jd(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Jd(g);throw d;}function bf(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===td?(a.onPostpone(c.message,d),d="POSTPONE"):d=W(a,c,d);ff(a,b,e,f,c,d)}function gf(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,hf(this,b,a))}
-function ff(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)ff(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,l=f,m=Pe(k,new Set);m.parentFlushed=!0;m.rootSegmentID=h;m.status=4;m.errorDigest=l;m.parentFlushed&&k.clientRenderedBoundaries.push(m)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var p in d)delete d[p]}}
-function jf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){W(b,c,d);Te(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=W(b,c,d),ff(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&kf(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Se(b,a.componentStack),a=W(b,c,a),d.errorDigest=a,$e(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return jf(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&lf(b)}
-function mf(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),l=k.next();0<e.remainingCapacity&&!l.done;l=k.next()){var m=l.value,p=m.props,n=p.href,q=m.props,C=Sb(q.href,"style",{crossOrigin:q.crossOrigin,integrity:q.integrity,
-nonce:q.nonce,type:q.type,fetchPriority:q.fetchPriority,referrerPolicy:q.referrerPolicy,media:q.media});if(2<=(e.remainingCapacity-=C.length))c.resets.style[n]=B,f&&(f+=", "),f+=C,c.resets.style[n]="string"===typeof p.crossOrigin||"string"===typeof p.integrity?[p.crossOrigin,p.integrity]:B;else break b}}f?d({Link:f}):d({})}}}catch(A){W(a,A,{})}}function kf(a){null===a.trackedPostpones&&mf(a,!0);a.onShellError=Ie;a=a.onShellReady;a()}
-function lf(a){mf(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function Ze(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&Ze(a,c)}else a.completedSegments.push(b)}
-function hf(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&kf(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&Ze(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(gf,a),b.fallbackAbortableTasks.clear())):
-null!==c&&c.parentFlushed&&1===c.status&&(Ze(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&lf(a)}
-function Oe(a){if(2!==a.status){var b=Dd,c=Fe.current;Fe.current=De;var d=Ge.current;Ge.current=Ee;var e=T;T=a;var f=Ce;Ce=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],l=a,m=k.blockedBoundary;l.renderState.boundaryResources=m?m.resources:null;var p=k.blockedSegment;if(null===p){var n=l;if(0!==k.replay.pendingTasks){Jd(k.context);try{var q=k.thenableState;k.thenableState=null;X(n,k,q,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
-k.replay.pendingTasks--;k.abortSet.delete(k);hf(n,k.blockedBoundary,null)}catch(P){qe();var C=P===Sd?Wd():P;if("object"===typeof C&&null!==C&&"function"===typeof C.then){var A=k.ping;C.then(A,A);k.thenableState=re()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var x=Se(n,k.componentStack);bf(n,k.blockedBoundary,C,x,k.replay.nodes,k.replay.slots);n.pendingRootTasks--;0===n.pendingRootTasks&&kf(n);n.allPendingTasks--;0===n.allPendingTasks&&lf(n)}}finally{n.renderState.boundaryResources=null}}}else a:{n=
-void 0;var u=p;if(0===u.status){Jd(k.context);var t=u.children.length,E=u.chunks.length;try{var w=k.thenableState;k.thenableState=null;X(l,k,w,k.node,k.childIndex);l.renderState.generateStaticMarkup||u.lastPushedText&&u.textEmbedded&&u.chunks.push("\x3c!-- --\x3e");k.abortSet.delete(k);u.status=1;hf(l,k.blockedBoundary,u)}catch(P){qe();u.children.length=t;u.chunks.length=E;var r=P===Sd?Wd():P;if("object"===typeof r&&null!==r){if("function"===typeof r.then){var D=k.ping;r.then(D,D);k.thenableState=
-re();break a}if(null!==l.trackedPostpones&&r.$$typeof===td){var O=l.trackedPostpones;k.abortSet.delete(k);var F=Se(l,k.componentStack);l.onPostpone(r.message,F);df(l,O,k,u);hf(l,k.blockedBoundary,u);break a}}var ha=Se(l,k.componentStack);k.abortSet.delete(k);u.status=4;var R=k.blockedBoundary;"object"===typeof r&&null!==r&&r.$$typeof===td?(l.onPostpone(r.message,ha),n="POSTPONE"):n=W(l,r,ha);null===R?Te(l,r):(R.pendingTasks--,4!==R.status&&(R.status=4,R.errorDigest=n,$e(l,R),R.parentFlushed&&l.clientRenderedBoundaries.push(R)));
-l.allPendingTasks--;0===l.allPendingTasks&&lf(l)}finally{l.renderState.boundaryResources=null}}}}g.splice(0,h);null!==a.destination&&nf(a,a.destination)}catch(P){W(a,P,{}),Te(a,P)}finally{Ce=f,Fe.current=c,Ge.current=d,c===De&&Jd(b),T=e}}}
-function of(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;b.push('<template id="');b.push(a.placeholderPrefix);a=d.toString(16);b.push(a);return b.push('"></template>');case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)b.push(d[f]);e=pf(a,b,e)}for(;f<d.length-1;f++)b.push(d[f]);f<d.length&&(e=b.push(d[f]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
+function tf(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error("It should not be possible to postpone at the root. This is a bug in React.");var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:
+a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,d);uf(d,g[0],b);return}var m=b.workingMap.get(g);void 0===m?(m=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,m),uf(m,g[0],b)):(g=m,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],uf(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots=
+{};else{if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");}else if(f=b.workingMap,g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),uf(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");a[c.childIndex]=d.id}}}
+function pf(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function lf(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,n=b.blockedSegment;if(null===n)try{return X(a,b,c,d)}catch(r){if(Ae(),d=r===be?fe():r,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=ze();a=bf(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Td(g);return}}else{var l=n.children.length,q=n.chunks.length;try{return X(a,b,c,d)}catch(r){if(Ae(),n.children.length=l,n.chunks.length=q,d=r===be?fe():r,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=ze();n=b.blockedSegment;l=Xe(a,n.chunks.length,null,b.formatContext,n.lastPushedText,!0);n.children.push(l);n.lastPushedText=!1;a=Ye(a,d,b.node,b.childIndex,b.blockedBoundary,l,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Td(g);return}if(d.$$typeof===gb&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;n=df(a,b.componentStack);a.onPostpone(d.message,n);d=b.blockedSegment;n=Xe(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(n);
+d.lastPushedText=!1;tf(a,c,b,n);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Td(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Td(g);throw d;}function rf(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===gb?(a.onPostpone(c.message,d),d="POSTPONE"):d=V(a,c,d);vf(a,b,e,f,c,d)}function wf(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,xf(this,b,a))}
+function vf(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)vf(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,n=af(k,new Set);n.parentFlushed=!0;n.rootSegmentID=h;n.status=4;n.errorDigest=m;n.parentFlushed&&k.clientRenderedBoundaries.push(n)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var l in d)delete d[l]}}
+function yf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){"object"===typeof c&&null!==c&&c.$$typeof===gb?(a=Error("The render was aborted with postpone when the shell is incomplete. Reason: "+c.message),V(b,a,d),ef(b,a)):(V(b,c,d),ef(b,c));return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&("object"===typeof c&&null!==c&&c.$$typeof===gb?(b.onPostpone(c.message,d),d="POSTPONE"):d=V(b,c,d),
+vf(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&zf(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=df(b,a.componentStack),"object"===typeof c&&null!==c&&c.$$typeof===gb?(b.onPostpone(c.message,a),a="POSTPONE"):a=V(b,c,a),d.errorDigest=a,pf(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return yf(f,b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&Af(b)}
+function Bf(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var n=m.value,l=n.props,q=l.href,r=n.props,C=Cc(r.href,"style",{crossOrigin:r.crossOrigin,integrity:r.integrity,
+nonce:r.nonce,type:r.type,fetchPriority:r.fetchPriority,referrerPolicy:r.referrerPolicy,media:r.media});if(2<=(e.remainingCapacity-=C.length))c.resets.style[q]=D,f&&(f+=", "),f+=C,c.resets.style[q]="string"===typeof l.crossOrigin||"string"===typeof l.integrity?[l.crossOrigin,l.integrity]:D;else break b}}f?d({Link:f}):d({})}}}catch(v){V(a,v,{})}}function zf(a){null===a.trackedPostpones&&Bf(a,!0);a.onShellError=Ve;a=a.onShellReady;a()}
+function Af(a){Bf(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function of(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&of(a,c)}else a.completedSegments.push(b)}
+function xf(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&zf(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&of(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(wf,a),b.fallbackAbortableTasks.clear())):
+null!==c&&c.parentFlushed&&1===c.status&&(of(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&Af(a)}
+function $e(a){if(2!==a.status){var b=ld,c=Se.current;Se.current=Me;var d=Te.current;Te.current=Ne;var e=T;T=a;var f=Le;Le=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,n=k.blockedSegment;if(null===n){var l=m;if(0!==k.replay.pendingTasks){Td(k.context);try{X(l,k,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
+k.replay.pendingTasks--;k.abortSet.delete(k);xf(l,k.blockedBoundary,null)}catch(G){Ae();var q=G===be?fe():G;if("object"===typeof q&&null!==q&&"function"===typeof q.then){var r=k.ping;q.then(r,r);k.thenableState=ze()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var C=df(l,k.componentStack);rf(l,k.blockedBoundary,q,C,k.replay.nodes,k.replay.slots);l.pendingRootTasks--;0===l.pendingRootTasks&&zf(l);l.allPendingTasks--;0===l.allPendingTasks&&Af(l)}}finally{}}}else a:{l=void 0;var v=n;if(0===v.status){Td(k.context);
+var x=v.children.length,w=v.chunks.length;try{X(m,k,k.node,k.childIndex),m.renderState.generateStaticMarkup||v.lastPushedText&&v.textEmbedded&&v.chunks.push("\x3c!-- --\x3e"),k.abortSet.delete(k),v.status=1,xf(m,k.blockedBoundary,v)}catch(G){Ae();v.children.length=x;v.chunks.length=w;var p=G===be?fe():G;if("object"===typeof p&&null!==p){if("function"===typeof p.then){var F=k.ping;p.then(F,F);k.thenableState=ze();break a}if(null!==m.trackedPostpones&&p.$$typeof===gb){var E=m.trackedPostpones;k.abortSet.delete(k);
+var t=df(m,k.componentStack);m.onPostpone(p.message,t);tf(m,E,k,v);xf(m,k.blockedBoundary,v);break a}}var y=df(m,k.componentStack);k.abortSet.delete(k);v.status=4;var A=k.blockedBoundary;"object"===typeof p&&null!==p&&p.$$typeof===gb?(m.onPostpone(p.message,y),l="POSTPONE"):l=V(m,p,y);null===A?ef(m,p):(A.pendingTasks--,4!==A.status&&(A.status=4,A.errorDigest=l,pf(m,A),A.parentFlushed&&m.clientRenderedBoundaries.push(A)));m.allPendingTasks--;0===m.allPendingTasks&&Af(m)}finally{}}}}g.splice(0,h);null!==
+a.destination&&Cf(a,a.destination)}catch(G){V(a,G,{}),ef(a,G)}finally{Le=f,Se.current=c,Te.current=d,c===Me&&Td(b),T=e}}}
+function Df(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,b.push('<template id="'),b.push(a.placeholderPrefix),a=d.toString(16),b.push(a),b.push('"></template>');case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)b.push(f[g]);e=Ef(a,b,e,d)}for(;g<f.length-1;g++)b.push(f[g]);g<f.length&&(e=b.push(f[g]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
 }}
-function pf(a,b,c){var d=c.boundary;if(null===d)return of(a,b,c);d.parentFlushed=!0;if(4===d.status)return a.renderState.generateStaticMarkup||(d=d.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),d&&(b.push(' data-dgst="'),d=z(d),b.push(d),b.push('"')),b.push("></template>")),of(a,b,c),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==d.status)return 0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Vb(b,a.renderState,
-d.rootSegmentID),of(a,b,c),b.push("\x3c!--/$--\x3e");if(d.byteSize>a.progressiveChunkSize)return d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Vb(b,a.renderState,d.rootSegmentID),of(a,b,c),b.push("\x3c!--/$--\x3e");c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach(Bc,e),c.stylesheets.forEach(Cc,e));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=d.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");
-pf(a,b,c[0]);a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e");return a}function qf(a,b,c){Wb(b,a.renderState,c.parentFormatContext,c.id);pf(a,b,c);return Xb(b,c.parentFormatContext)}
-function rf(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)sf(a,b,c,d[e]);d.length=0;oc(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
+function Ef(a,b,c,d){var e=c.boundary;if(null===e)return Df(a,b,c,d);e.parentFlushed=!0;if(4===e.status)return a.renderState.generateStaticMarkup||(e=e.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),e&&(b.push(' data-dgst="'),e=B(e),b.push(e),b.push('"')),b.push("></template>")),Df(a,b,c,d),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==e.status)return 0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),Fc(b,
+a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(dd,d),e.stylesheets.forEach(ed,d)),Df(a,b,c,d),b.push("\x3c!--/$--\x3e");if(e.byteSize>a.progressiveChunkSize)return e.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(e),Fc(b,a.renderState,e.rootSegmentID),Df(a,b,c,d),b.push("\x3c!--/$--\x3e");d&&(c=e.contentState,c.styles.forEach(dd,d),c.stylesheets.forEach(ed,d));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=e.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");
+Ef(a,b,c[0],d);a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e");return a}function Ff(a,b,c,d){Gc(b,a.renderState,c.parentFormatContext,c.id);Ef(a,b,c,d);return Hc(b,c.parentFormatContext)}
+function Gf(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Hf(a,b,c,d[e]);d.length=0;Qc(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 0===(d.instructions&8)?(d.instructions|=8,b.push('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 b.push('$RR("'):0===(d.instructions&2)?(d.instructions|=2,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("')):
-b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),uc(b,c)):(b.push('" data-sty="'),vc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Ub(b,a)&&d}
-function sf(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return qf(a,b,d)}if(e===c.rootSegmentID)return qf(a,b,d);qf(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
-b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);e=e.toString(16);b.push(e);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(e);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
-function nf(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var l=e.htmlChunks,m=e.headChunks;f=0;if(l){for(f=0;f<l.length;f++)b.push(l[f]);if(m)for(f=0;f<m.length;f++)b.push(m[f]);else{var p=N("head");b.push(p);
-b.push(">")}}else if(m)for(f=0;f<m.length;f++)b.push(m[f]);var n=e.charsetChunks;for(f=0;f<n.length;f++)b.push(n[f]);n.length=0;e.preconnects.forEach(Q,b);e.preconnects.clear();var q=e.preconnectChunks;for(f=0;f<q.length;f++)b.push(q[f]);q.length=0;e.fontPreloads.forEach(Q,b);e.fontPreloads.clear();e.highImagePreloads.forEach(Q,b);e.highImagePreloads.clear();e.styles.forEach(rc,b);var C=e.importMapChunks;for(f=0;f<C.length;f++)b.push(C[f]);C.length=0;e.bootstrapScripts.forEach(Q,b);e.scripts.forEach(Q,
-b);e.scripts.clear();e.bulkPreloads.forEach(Q,b);e.bulkPreloads.clear();var A=e.preloadChunks;for(f=0;f<A.length;f++)b.push(A[f]);A.length=0;var x=e.hoistableChunks;for(f=0;f<x.length;f++)b.push(x[f]);x.length=0;if(l&&null===m){var u=Mb("head");b.push(u)}pf(a,b,d);a.completedRootSegment=null;Ub(b,a.renderState)}else return;var t=a.renderState;d=0;t.preconnects.forEach(Q,b);t.preconnects.clear();var E=t.preconnectChunks;for(d=0;d<E.length;d++)b.push(E[d]);E.length=0;t.fontPreloads.forEach(Q,b);t.fontPreloads.clear();
-t.highImagePreloads.forEach(Q,b);t.highImagePreloads.clear();t.styles.forEach(tc,b);t.scripts.forEach(Q,b);t.scripts.clear();t.bulkPreloads.forEach(Q,b);t.bulkPreloads.clear();var w=t.preloadChunks;for(d=0;d<w.length;d++)b.push(w[d]);w.length=0;var r=t.hoistableChunks;for(d=0;d<r.length;d++)b.push(r[d]);r.length=0;var D=a.clientRenderedBoundaries;for(c=0;c<D.length;c++){var O=D[c];t=b;var F=a.resumableState,ha=a.renderState,R=O.rootSegmentID,P=O.errorDigest,oa=O.errorMessage,ia=O.errorComponentStack,
-Y=0===F.streamingFormat;Y?(t.push(ha.startInlineScript),0===(F.instructions&4)?(F.instructions|=4,t.push('$RX=function(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("')):t.push('$RX("')):t.push('<template data-rxi="" data-bid="');t.push(ha.boundaryPrefix);var Ta=R.toString(16);t.push(Ta);Y&&t.push('"');if(P||oa||ia)if(Y){t.push(",");var Ua=Zb(P||"");t.push(Ua)}else{t.push('" data-dgst="');
-var Va=z(P||"");t.push(Va)}if(oa||ia)if(Y){t.push(",");var pa=Zb(oa||"");t.push(pa)}else{t.push('" data-msg="');var S=z(oa||"");t.push(S)}if(ia)if(Y){t.push(",");var tb=Zb(ia);t.push(tb)}else{t.push('" data-stck="');var qa=z(ia);t.push(qa)}if(Y?!t.push(")\x3c/script>"):!t.push('"></template>')){a.destination=null;c++;D.splice(0,c);return}}D.splice(0,c);var ra=a.completedBoundaries;for(c=0;c<ra.length;c++)if(!rf(a,b,ra[c])){a.destination=null;c++;ra.splice(0,c);return}ra.splice(0,c);var ca=a.partialBoundaries;
-for(c=0;c<ca.length;c++){var sa=ca[c];a:{D=a;O=b;D.renderState.boundaryResources=sa.resources;var ta=sa.completedSegments;for(F=0;F<ta.length;F++)if(!sf(D,O,sa,ta[F])){F++;ta.splice(0,F);var Wa=!1;break a}ta.splice(0,F);Wa=oc(O,sa.resources,D.renderState)}if(!Wa){a.destination=null;c++;ca.splice(0,c);return}}ca.splice(0,c);var ua=a.completedBoundaries;for(c=0;c<ua.length;c++)if(!rf(a,b,ua[c])){a.destination=null;c++;ua.splice(0,c);return}ua.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&
-0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&(ca=Mb("body"),b.push(ca)),c.hasHtml&&(c=Mb("html"),b.push(c))),b.push(null),a.destination=null)}}function tf(a){a.flushScheduled=null!==a.destination;Oe(a);null===a.trackedPostpones&&mf(a,0===a.pendingRootTasks)}
-function yc(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?nf(a,b):a.flushScheduled=!1}}function uf(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{nf(a,b)}catch(c){W(a,c,{}),Te(a,c)}}}
-function vf(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return jf(e,a,d)});c.clear()}null!==a.destination&&nf(a,a.destination)}catch(e){W(a,e,{}),Te(a,e)}}function ef(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),ef(e,b[0],c));e[2].push(a)}}function wf(){}
-function xf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=nb(b?b.identifierPrefix:void 0,void 0);a=Je(a,b,Dc(b,c),ob(),Infinity,wf,void 0,function(){h=!0},void 0,void 0,void 0);tf(a);vf(a,d);uf(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error("A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition.");return g}
-function yf(a,b){a.prototype=Object.create(b.prototype);a.prototype.constructor=a;a.__proto__=b}var zf=function(a){function b(){var d=a.call(this,{})||this;d.request=null;d.startedFlowing=!1;return d}yf(b,a);var c=b.prototype;c._destroy=function(d,e){vf(this.request);e(d)};c._read=function(){this.startedFlowing&&uf(this.request,this)};return b}(ea.Readable);function Af(){}
-function Bf(a,b){var c=new zf;b=nb(b?b.identifierPrefix:void 0,void 0);var d=Je(a,b,Dc(b,!1),ob(),Infinity,Af,function(){c.startedFlowing=!0;uf(d,c)},void 0,void 0,void 0);c.request=d;tf(d);return c}exports.renderToNodeStream=function(a,b){return Bf(a,b)};exports.renderToStaticMarkup=function(a,b){return xf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server')};
-exports.renderToStaticNodeStream=function(a,b){return Bf(a,b)};exports.renderToString=function(a,b){return xf(a,b,!1,'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="18.3.0-experimental-60a927d04-20240113";
+b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),Wc(b,c)):(b.push('" data-sty="'),Xc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Ec(b,a)&&d}
+function Hf(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return Ff(a,b,d,e)}if(f===c.rootSegmentID)return Ff(a,b,d,e);Ff(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
+b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);f=f.toString(16);b.push(f);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(f);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
+function Cf(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,n=e.headChunks,l;if(m){for(l=0;l<m.length;l++)b.push(m[l]);if(n)for(l=0;l<n.length;l++)b.push(n[l]);else{var q=P("head");b.push(q);
+b.push(">")}}else if(n)for(l=0;l<n.length;l++)b.push(n[l]);var r=e.charsetChunks;for(l=0;l<r.length;l++)b.push(r[l]);r.length=0;e.preconnects.forEach(R,b);e.preconnects.clear();var C=e.viewportChunks;for(l=0;l<C.length;l++)b.push(C[l]);C.length=0;e.fontPreloads.forEach(R,b);e.fontPreloads.clear();e.highImagePreloads.forEach(R,b);e.highImagePreloads.clear();e.styles.forEach(Tc,b);var v=e.importMapChunks;for(l=0;l<v.length;l++)b.push(v[l]);v.length=0;e.bootstrapScripts.forEach(R,b);e.scripts.forEach(R,
+b);e.scripts.clear();e.bulkPreloads.forEach(R,b);e.bulkPreloads.clear();var x=e.hoistableChunks;for(l=0;l<x.length;l++)b.push(x[l]);x.length=0;if(m&&null===n){var w=vc("head");b.push(w)}Ef(a,b,d,null);a.completedRootSegment=null;Ec(b,a.renderState)}else return;var p=a.renderState;d=0;var F=p.viewportChunks;for(d=0;d<F.length;d++)b.push(F[d]);F.length=0;p.preconnects.forEach(R,b);p.preconnects.clear();p.fontPreloads.forEach(R,b);p.fontPreloads.clear();p.highImagePreloads.forEach(R,b);p.highImagePreloads.clear();
+p.styles.forEach(Vc,b);p.scripts.forEach(R,b);p.scripts.clear();p.bulkPreloads.forEach(R,b);p.bulkPreloads.clear();var E=p.hoistableChunks;for(d=0;d<E.length;d++)b.push(E[d]);E.length=0;var t=a.clientRenderedBoundaries;for(c=0;c<t.length;c++){var y=t[c];p=b;var A=a.resumableState,G=a.renderState,rb=y.rootSegmentID,ra=y.errorDigest,Q=y.errorMessage,ca=y.errorComponentStack,S=0===A.streamingFormat;S?(p.push(G.startInlineScript),0===(A.instructions&4)?(A.instructions|=4,p.push('$RX=function(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("')):
+p.push('$RX("')):p.push('<template data-rxi="" data-bid="');p.push(G.boundaryPrefix);var sa=rb.toString(16);p.push(sa);S&&p.push('"');if(ra||Q||ca)if(S){p.push(",");var ta=Jc(ra||"");p.push(ta)}else{p.push('" data-dgst="');var sb=B(ra||"");p.push(sb)}if(Q||ca)if(S){p.push(",");var tb=Jc(Q||"");p.push(tb)}else{p.push('" data-msg="');var ub=B(Q||"");p.push(ub)}if(ca)if(S){p.push(",");var vb=Jc(ca);p.push(vb)}else{p.push('" data-stck="');var wb=B(ca);p.push(wb)}if(S?!p.push(")\x3c/script>"):!p.push('"></template>')){a.destination=
+null;c++;t.splice(0,c);return}}t.splice(0,c);var ia=a.completedBoundaries;for(c=0;c<ia.length;c++)if(!Gf(a,b,ia[c])){a.destination=null;c++;ia.splice(0,c);return}ia.splice(0,c);var Y=a.partialBoundaries;for(c=0;c<Y.length;c++){var ua=Y[c];a:{t=a;y=b;var ja=ua.completedSegments;for(A=0;A<ja.length;A++)if(!Hf(t,y,ua,ja[A])){A++;ja.splice(0,A);var ka=!1;break a}ja.splice(0,A);ka=Qc(y,ua.contentState,t.renderState)}if(!ka){a.destination=null;c++;Y.splice(0,c);return}}Y.splice(0,c);var M=a.completedBoundaries;
+for(c=0;c<M.length;c++)if(!Gf(a,b,M[c])){a.destination=null;c++;M.splice(0,c);return}M.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&(Y=vc("body"),b.push(Y)),c.hasHtml&&(c=vc("html"),b.push(c))),b.push(null),a.destination=null)}}
+function If(a){a.flushScheduled=null!==a.destination;$e(a);null===a.trackedPostpones&&Bf(a,0===a.pendingRootTasks)}function ad(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?Cf(a,b):a.flushScheduled=!1}}function Jf(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Cf(a,b)}catch(c){V(a,c,{}),ef(a,c)}}}
+function Kf(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return yf(e,a,d)});c.clear()}null!==a.destination&&Cf(a,a.destination)}catch(e){V(a,e,{}),ef(a,e)}}function uf(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),uf(e,b[0],c));e[2].push(a)}}function Lf(){}
+function Mf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=Xb(b?b.identifierPrefix:void 0,void 0);a=We(a,b,fd(b,c),Yb(),Infinity,Lf,void 0,function(){h=!0},void 0,void 0,void 0);If(a);Kf(a,d);Jf(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error("A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition.");return g}
+function Nf(a,b){a.prototype=Object.create(b.prototype);a.prototype.constructor=a;a.__proto__=b}var Of=function(a){function b(){var d=a.call(this,{})||this;d.request=null;d.startedFlowing=!1;return d}Nf(b,a);var c=b.prototype;c._destroy=function(d,e){Kf(this.request);e(d)};c._read=function(){this.startedFlowing&&Jf(this.request,this)};return b}(ea.Readable);function Pf(){}
+function Qf(a,b){var c=new Of;b=Xb(b?b.identifierPrefix:void 0,void 0);var d=We(a,b,fd(b,!1),Yb(),Infinity,Pf,function(){c.startedFlowing=!0;Jf(d,c)},void 0,void 0,void 0);c.request=d;If(d);return c}exports.renderToNodeStream=function(a,b){return Qf(a,b)};exports.renderToStaticMarkup=function(a,b){return Mf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server')};
+exports.renderToStaticNodeStream=function(a,b){return Qf(a,b)};exports.renderToString=function(a,b){return Mf(a,b,!1,'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="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server-legacy.node.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.development.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.development.js
index 86cdf43ffea97b..17e8c7eec75a61 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.development.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.development.js
@@ -55,7 +55,7 @@ function printWarning(level, format, args) {
   }
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 var Internals = {
   usingClientEntryPoint: false,
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.js
index 3e65ec2b6f806c..b460623957180e 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.js
@@ -12,7 +12,7 @@
 
 var React = require("next/dist/compiled/react-experimental");
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 const Internals = {
   usingClientEntryPoint: false,
@@ -26,10 +26,14 @@ const Internals = {
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.min.js
index b76117d124384e..9ff0439dcfadf9 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server-rendering-stub.production.min.js
@@ -7,13 +7,13 @@
  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("next/dist/compiled/react-experimental"),f={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function h(b){for(var a="https://reactjs.org/docs/error-decoder.html?invariant="+b,c=1;c<arguments.length;c++)a+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+b+"; visit "+a+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+'use strict';var e=require("next/dist/compiled/react-experimental"),f={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function h(b){var a="https://react.dev/errors/"+b;if(1<arguments.length){a+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)a+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+b+"; visit "+a+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
 function k(b,a){if("font"===b)return"";if("string"===typeof a)return"use-credentials"===a?a:""}var l=f.Dispatcher,m=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher;function n(){return m.current.useHostTransitionStatus()}function r(b,a,c){return m.current.useFormState(b,a,c)}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=f;exports.createPortal=function(){throw Error(h(448));};exports.experimental_useFormState=function(b,a,c){return r(b,a,c)};
 exports.experimental_useFormStatus=function(){return n()};exports.flushSync=function(){throw Error(h(449));};exports.preconnect=function(b,a){var c=l.current;c&&"string"===typeof b&&(a?(a=a.crossOrigin,a="string"===typeof a?"use-credentials"===a?a:"":void 0):a=null,c.preconnect(b,a))};exports.prefetchDNS=function(b){var a=l.current;a&&"string"===typeof b&&a.prefetchDNS(b)};
 exports.preinit=function(b,a){var c=l.current;if(c&&"string"===typeof b&&a&&"string"===typeof a.as){var d=a.as,g=k(d,a.crossOrigin),p="string"===typeof a.integrity?a.integrity:void 0,q="string"===typeof a.fetchPriority?a.fetchPriority:void 0;"style"===d?c.preinitStyle(b,"string"===typeof a.precedence?a.precedence:void 0,{crossOrigin:g,integrity:p,fetchPriority:q}):"script"===d&&c.preinitScript(b,{crossOrigin:g,integrity:p,fetchPriority:q,nonce:"string"===typeof a.nonce?a.nonce:void 0})}};
 exports.preinitModule=function(b,a){var c=l.current;if(c&&"string"===typeof b)if("object"===typeof a&&null!==a){if(null==a.as||"script"===a.as){var d=k(a.as,a.crossOrigin);c.preinitModuleScript(b,{crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0})}}else null==a&&c.preinitModuleScript(b)};
 exports.preload=function(b,a){var c=l.current;if(c&&"string"===typeof b&&"object"===typeof a&&null!==a&&"string"===typeof a.as){var d=a.as,g=k(d,a.crossOrigin);c.preload(b,d,{crossOrigin:g,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0,type:"string"===typeof a.type?a.type:void 0,fetchPriority:"string"===typeof a.fetchPriority?a.fetchPriority:void 0,referrerPolicy:"string"===typeof a.referrerPolicy?a.referrerPolicy:void 0,imageSrcSet:"string"===
 typeof a.imageSrcSet?a.imageSrcSet:void 0,imageSizes:"string"===typeof a.imageSizes?a.imageSizes:void 0})}};exports.preloadModule=function(b,a){var c=l.current;if(c&&"string"===typeof b)if(a){var d=k(a.as,a.crossOrigin);c.preloadModule(b,{as:"string"===typeof a.as&&"script"!==a.as?a.as:void 0,crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0})}else c.preloadModule(b)};exports.unstable_batchedUpdates=function(b,a){return b(a)};exports.useFormState=r;exports.useFormStatus=n;
-exports.version="18.3.0-experimental-60a927d04-20240113";
+exports.version="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server-rendering-stub.production.min.js.map
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 8ac86fce754420..bd00ba3ef5340f 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
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -74,6 +74,326 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -169,7 +489,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   callback();
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -182,15 +502,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -245,19 +559,17 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function stringToPrecomputedChunk(content) {
   var precomputedChunk = textEncoder.encode(content);
 
   {
-    precomputedChunkSet.add(precomputedChunk);
+    if (precomputedChunk.byteLength > VIEW_SIZE) {
+      error('precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.');
+    }
   }
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -1270,6 +1582,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1687,19 +2000,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1894,6 +2201,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1908,9 +2216,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1929,7 +2235,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2333,7 +2639,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2510,6 +2816,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -2749,6 +3056,59 @@ function checkSelectProp(props, propName) {
   }
 }
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  var children = null;
+  var innerHTML = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
   {
     checkControlledValueProps('select', props);
@@ -3389,7 +3749,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3400,11 +3760,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3412,7 +3785,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3504,8 +3877,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3517,8 +3890,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3545,16 +3918,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3587,7 +3958,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3655,8 +4026,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3902,7 +4273,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3926,8 +4297,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4191,6 +4569,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4326,7 +4705,7 @@ function startChunkForTag(tag) {
 }
 
 var doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4348,7 +4727,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4378,19 +4764,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4818,7 +5204,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4838,7 +5224,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4881,12 +5267,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -5104,14 +5490,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5265,13 +5654,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5289,15 +5678,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5305,14 +5686,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5325,15 +5703,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5350,15 +5728,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5384,10 +5754,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5483,6 +5853,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5554,10 +5925,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5653,6 +6024,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5728,15 +6100,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6538,13 +6907,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6640,47 +7005,6 @@ function emitEarlyPreloads(renderState, resumableState, shellComplete) {
 }
 var NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6752,13 +7076,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6784,605 +7118,97 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-  {
-    var frame = componentFrameCache.get(fn);
+var currentActiveSnapshot = null;
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
-
+function pushNode(next) {
   {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
-
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
-  }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
-
-
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
-    }
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
-var warnedAboutMissingGetChildContext;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-var emptyContextObject = {};
-
-{
-  Object.freeze(emptyContextObject);
-}
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    var context = {};
-
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
-        }
-      }
-
-      return parentContext;
-    }
-
-    var childContext = instance.getChildContext();
-
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
+    next.context._currentValue = next.value;
   }
 }
 
@@ -7538,12 +7364,7 @@ function popProvider(context) {
 
   {
     var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
 
     {
       if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
@@ -7602,18 +7423,19 @@ var didWarnOnInvalidCallback;
   didWarnOnInvalidCallback = new Set();
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
 
-    var key = callerName + '_' + callback;
+
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -7642,7 +7464,7 @@ function warnNoop(publicInstance, callerName) {
       return;
     }
 
-    error('%s(...): 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, callerName, componentName);
+    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, componentName);
 
     didWarnAboutNoopUpdateForComponent[warningKey] = true;
   }
@@ -7663,7 +7485,7 @@ var classComponentUpdater = {
 
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7675,7 +7497,7 @@ var classComponentUpdater = {
 
     {
       if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
+        warnOnInvalidCallback(callback);
       }
     }
   },
@@ -7688,7 +7510,7 @@ var classComponentUpdater = {
     } else {
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7714,7 +7536,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -7724,10 +7546,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -7807,9 +7626,9 @@ function checkClassInstance(instance, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -7868,7 +7687,7 @@ function checkClassInstance(instance, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -8625,377 +8444,749 @@ function useMemo(nextCreate, deps) {
       if (nextDeps !== null) {
         var prevDeps = prevState[1];
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
+    }
+  }
+
+  {
+    isInHookUserCodeInDev = true;
+  }
+
+  var nextValue = nextCreate();
+
+  {
+    isInHookUserCodeInDev = false;
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
+
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
+
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+    workInProgressHook.memoizedState = ref;
+    return ref;
+  } else {
+    return previousRef;
+  }
+}
+
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
+    }
+
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
+
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
+
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
+}
+
+function throwOnUseEffectEventCall() {
+  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+}
+
+function useEffectEvent(callback) {
+  // $FlowIgnore[incompatible-return]
+  return throwOnUseEffectEventCall;
+}
+
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+  }
+
+  return getServerSnapshot();
+}
+
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
+  {
+    return initialValue !== undefined ? initialValue : value;
+  }
+}
+
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
+}
+
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
+
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
+}
+
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
+
+function useOptimistic(passthrough, reducer) {
+  resolveCurrentlyRenderingComponent();
+  return [passthrough, unsupportedSetOptimisticState];
+}
+
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
+
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
+  }
+}
+
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
+
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+
+  var formAction = action.$$FORM_ACTION;
+
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
+
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
+
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
+
+
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
+
+
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
+
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
+
+        return metadata;
+      };
+    }
+
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+
+
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
+    };
+
+    return [initialState, _dispatch2];
   }
+}
 
-  {
-    isInHookUserCodeInDev = true;
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
+
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
 
-  var nextValue = nextCreate();
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
 
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+function useMemoCache(size) {
+  var data = new Array(size);
+
+  for (var i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
   }
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+  return data;
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function noop$1() {}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
 
-      lastRenderPhaseUpdate.next = update;
-    }
-  }
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
 }
 
-function throwOnUseEffectEventCall() {
-  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function useEffectEvent(callback) {
-  // $FlowIgnore[incompatible-return]
-  return throwOnUseEffectEventCall;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
-  }
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-  return getServerSnapshot();
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
   {
-    return initialValue !== undefined ? initialValue : value;
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
 }
 
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
-
-
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
-
-    return [initialState, _dispatch2];
-  }
-}
-
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
   }
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
 
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function useMemoCache(size) {
-  var data = new Array(size);
 
-  for (var i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  return data;
-}
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-function noop$1() {}
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -9005,15 +9196,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9106,7 +9297,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9161,7 +9352,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
 
     rootSegment.parentFlushed = true;
 
-    var _rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+    var _rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
 
     pingedTasks.push(_rootTask);
     return request;
@@ -9172,7 +9363,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     slots: postponedState.replaySlots,
     pendingTasks: 0
   };
-  var rootTask = createReplayTask(request, null, replay, children, -1, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createReplayTask(request, null, replay, children, -1, null, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9205,13 +9396,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9229,6 +9421,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9236,13 +9429,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9261,6 +9455,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9268,7 +9463,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9350,19 +9546,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9435,6 +9631,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9470,12 +9667,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9514,11 +9707,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9545,9 +9735,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9561,6 +9751,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9572,16 +9763,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9624,11 +9812,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9642,9 +9827,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9672,7 +9857,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9697,7 +9882,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9724,7 +9914,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9732,7 +9922,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9753,11 +9943,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9779,7 +9968,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9873,7 +10062,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9883,7 +10072,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9937,10 +10126,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (var key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9948,37 +10157,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9991,12 +10176,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -10008,7 +10192,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -10019,14 +10203,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -10038,18 +10222,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -10077,7 +10261,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -10095,7 +10279,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -10121,31 +10305,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10193,7 +10393,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10222,7 +10422,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10294,13 +10494,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10311,9 +10526,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10321,17 +10541,26 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10352,7 +10581,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10407,13 +10636,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10443,7 +10674,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10738,9 +10973,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10755,9 +10990,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10781,7 +11016,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10819,7 +11054,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -11058,8 +11293,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = error;
+          var fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -11068,7 +11311,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            var _postponeInstance = error;
+            logPostpone(request, _postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -11088,7 +11341,16 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        var _postponeInstance2 = error;
+        logPostpone(request, _postponeInstance2.message, _errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        _errorDigest = 'POSTPONE';
+      } else {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -11266,11 +11528,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -11305,12 +11562,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -11356,10 +11608,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11386,12 +11634,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11438,10 +11681,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11520,7 +11759,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11555,7 +11799,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11577,12 +11821,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11593,7 +11837,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11609,9 +11853,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11623,13 +11875,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11641,7 +11899,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -11650,17 +11908,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11672,17 +11926,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11701,11 +11951,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11715,6 +11961,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11726,13 +11973,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11754,10 +12001,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 38efa2db8cb157..d506ef9ace5ea6 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
@@ -13,21 +13,72 @@
 var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 // Do not require this module directly! Use normal `invariant` calls with
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -123,7 +174,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   callback();
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -136,10 +187,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -199,9 +249,6 @@ function stringToPrecomputedChunk(content) {
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -392,19 +439,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -580,6 +621,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -594,9 +636,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -615,7 +655,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -1003,7 +1043,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1149,6 +1189,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1350,6 +1391,59 @@ function pushInnerHTML(target, innerHTML, children) {
   }
 } // TODO: Move these to RenderState so that we warn for every request.
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  let children = null;
+  let innerHTML = null;
+
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
 
   target.push(startChunkForTag('select'));
@@ -1872,7 +1966,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1883,11 +1977,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1895,7 +2002,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1966,8 +2073,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1979,8 +2086,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -2007,16 +2114,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -2049,7 +2154,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -2093,8 +2198,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2340,12 +2445,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2601,6 +2713,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2733,14 +2846,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2770,19 +2890,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3196,7 +3316,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3216,7 +3336,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3259,12 +3379,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3476,14 +3596,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3637,13 +3760,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3661,15 +3784,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3677,14 +3792,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3697,15 +3809,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3722,15 +3834,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3756,10 +3860,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3846,6 +3950,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3905,10 +4010,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3995,6 +4100,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -4058,15 +4164,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4851,13 +4954,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4953,47 +5052,6 @@ function emitEarlyPreloads(renderState, resumableState, shellComplete) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5060,13 +5118,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5092,302 +5160,55 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
+
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
+    const context = {};
 
-    return '\n' + prefix + name;
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
+
+    return context;
   }
 }
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+
+      return parentContext;
+    }
 
+    const childContext = instance.getChildContext();
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
+      }
+    }
+
+    return assign({}, parentContext, childContext);
   }
+}
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
 const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
@@ -5546,12 +5367,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6492,124 +6308,364 @@ function useId() {
   const treeId = getTreeId(task.treeContext);
   const resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw Error(formatProdErrorMessage(404));
-  }
+  if (resumableState === null) {
+    throw Error(formatProdErrorMessage(404));
+  }
+
+  const localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      const thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      const context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw Error(formatProdErrorMessage(438, String(usable)));
+}
+
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  return trackUsedThenable(thenableState, thenable, index);
+}
+
+function unsupportedRefresh() {
+  throw Error(formatProdErrorMessage(393));
+}
+
+function useCacheRefresh() {
+  return unsupportedRefresh;
+}
+
+function useMemoCache(size) {
+  const data = new Array(size);
+
+  for (let i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
+  }
+
+  return data;
+}
+
+function noop$1() {}
+
+const HooksDispatcher = {
+  readContext,
+  use,
+  useContext,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue,
+  useTransition,
+  useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore
+};
+
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
+
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
+
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
+}
+
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
+
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
+}
+
+let currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
+
+function getCacheSignal() {
+  throw Error(formatProdErrorMessage(248));
+}
+
+function getCacheForType(resourceType) {
+  throw Error(formatProdErrorMessage(248));
+}
+
+const DefaultCacheDispatcher = {
+  getCacheSignal,
+  getCacheForType
+};
+
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
 
-  const localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  }; // $FlowFixMe[prop-missing]
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      const thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
-  throw Error(formatProdErrorMessage(438, String(usable)));
-}
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unsupportedRefresh() {
-  throw Error(formatProdErrorMessage(393));
-}
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-function useMemoCache(size) {
-  const data = new Array(size);
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-  for (let i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-  return data;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function noop$1() {}
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
 
-const HooksDispatcher = {
-  readContext,
-  use,
-  useContext,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue,
-  useTransition,
-  useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore
-};
+                if (false) ; // Return the line we found.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
 
-let currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-function getCacheSignal() {
-  throw Error(formatProdErrorMessage(248));
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw Error(formatProdErrorMessage(248));
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-const DefaultCacheDispatcher = {
-  getCacheSignal,
-  getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -6619,15 +6675,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6719,7 +6775,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6773,7 +6829,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     rootSegment.id = resumedId; // There is no parent so conceptually, we're unblocked to flush this segment.
 
     rootSegment.parentFlushed = true;
-    const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+    const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
     pingedTasks.push(rootTask);
     return request;
   }
@@ -6783,7 +6839,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     slots: postponedState.replaySlots,
     pendingTasks: 0
   };
-  const rootTask = createReplayTask(request, null, replay, children, -1, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createReplayTask(request, null, replay, children, -1, null, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6814,13 +6870,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6836,6 +6893,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6843,13 +6901,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6866,6 +6925,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6873,7 +6933,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -7006,6 +7067,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -7041,12 +7103,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -7085,11 +7143,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7116,9 +7171,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7132,6 +7187,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -7143,16 +7199,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7195,11 +7248,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7213,9 +7263,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7243,7 +7293,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7267,7 +7317,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7284,7 +7339,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7292,7 +7347,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7307,7 +7362,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7317,7 +7372,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7384,7 +7439,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7408,10 +7463,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7419,45 +7494,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7469,18 +7542,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7508,7 +7581,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7526,7 +7599,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7552,31 +7625,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7618,7 +7701,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7647,7 +7730,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7699,9 +7782,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7712,9 +7793,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7722,17 +7808,26 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7753,7 +7848,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7805,13 +7900,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -8127,9 +8224,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -8144,9 +8241,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -8170,7 +8267,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -8208,7 +8305,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8433,8 +8530,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          const postponeInstance = error;
+          const fatal = Error(formatProdErrorMessage(501, postponeInstance.message));
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8443,7 +8548,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            const postponeInstance = error;
+            logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8462,7 +8577,16 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        const postponeInstance = error;
+        logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        errorDigest = 'POSTPONE';
+      } else {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8625,11 +8749,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8658,12 +8777,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8709,9 +8823,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8729,12 +8840,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw Error(formatProdErrorMessage(488));
@@ -8781,9 +8887,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8849,7 +8952,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8884,7 +8992,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8906,12 +9014,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8922,7 +9030,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8938,9 +9046,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8952,13 +9068,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8970,7 +9092,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8979,17 +9101,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -9001,17 +9119,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -9030,11 +9144,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -9044,6 +9154,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -9055,13 +9166,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw Error(formatProdErrorMessage(392));
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -9083,10 +9194,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.min.js
index 99d2e72ce367d3..686277e2ddfb02 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.browser.production.min.js
@@ -29,196 +29,196 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var aa=require("next/dist/compiled/react-experimental"),da=require("react-dom");function m(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
-function ea(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
-16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}var n=null,r=0;
-function v(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<r&&(a.enqueue(new Uint8Array(n.buffer,0,r)),n=new Uint8Array(512),r=0),a.enqueue(b);else{var c=n.length-r;c<b.byteLength&&(0===c?a.enqueue(n):(n.set(b.subarray(0,c),r),a.enqueue(n),b=b.subarray(c)),n=new Uint8Array(512),r=0);n.set(b,r);r+=b.byteLength}}function x(a,b){v(a,b);return!0}function fa(a){n&&0<r&&(a.enqueue(new Uint8Array(n.buffer,0,r)),n=null,r=0)}var ha=new TextEncoder;function A(a){return ha.encode(a)}
-function C(a){return ha.encode(a)}function ma(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var D=Object.assign,F=Object.prototype.hasOwnProperty,na=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),sa={},ta={};
-function ua(a){if(F.call(ta,a))return!0;if(F.call(sa,a))return!1;if(na.test(a))return ta[a]=!0;sa[a]=!0;return!1}
-var va=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ba=
+'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("react-dom");function l(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var ca=Symbol.for("react.element"),da=Symbol.for("react.portal"),ea=Symbol.for("react.fragment"),ja=Symbol.for("react.strict_mode"),ka=Symbol.for("react.profiler"),na=Symbol.for("react.provider"),oa=Symbol.for("react.consumer"),sa=Symbol.for("react.context"),ta=Symbol.for("react.forward_ref"),ua=Symbol.for("react.suspense"),va=Symbol.for("react.suspense_list"),wa=Symbol.for("react.memo"),Ba=Symbol.for("react.lazy"),Ca=Symbol.for("react.scope"),Da=Symbol.for("react.debug_trace_mode"),Ka=Symbol.for("react.offscreen"),
+La=Symbol.for("react.legacy_hidden"),Ma=Symbol.for("react.cache"),Na=Symbol.for("react.memo_cache_sentinel"),Oa=Symbol.for("react.postpone"),Pa=Symbol.iterator,Qa=Array.isArray;
+function Xa(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}var p=null,r=0;
+function u(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<r&&(a.enqueue(new Uint8Array(p.buffer,0,r)),p=new Uint8Array(2048),r=0),a.enqueue(b);else{var c=p.length-r;c<b.byteLength&&(0===c?a.enqueue(p):(p.set(b.subarray(0,c),r),a.enqueue(p),b=b.subarray(c)),p=new Uint8Array(2048),r=0);p.set(b,r);r+=b.byteLength}}function x(a,b){u(a,b);return!0}function Ya(a){p&&0<r&&(a.enqueue(new Uint8Array(p.buffer,0,r)),p=null,r=0)}var Za=new TextEncoder;function z(a){return Za.encode(a)}
+function C(a){return Za.encode(a)}function $a(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var D=Object.assign,F=Object.prototype.hasOwnProperty,ab=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),bb={},cb={};
+function nb(a){if(F.call(cb,a))return!0;if(F.call(bb,a))return!1;if(ab.test(a))return cb[a]=!0;bb[a]=!0;return!1}
+var ub=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),vb=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ca=/["'&<>]/;
-function I(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ca.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Da=/([A-Z])/g,Ja=/^ms-/,Ka=Array.isArray,La=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ma={pending:!1,data:null,method:null,action:null},Na=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,ab={prefetchDNS:Oa,preconnect:Pa,preload:Qa,preloadModule:Xa,preinitStyle:Ya,preinitScript:Za,preinitModuleScript:$a},L=[],bb=C('"></template>'),cb=C("<script>"),db=C("\x3c/script>"),eb=C('<script src="'),fb=C('<script type="module" src="'),tb=C('" nonce="'),ub=C('" integrity="'),
-vb=C('" crossorigin="'),wb=C('" async="">\x3c/script>'),xb=/(<\/|<)(s)(cript)/gi;function yb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var zb=C('<script type="importmap">'),Ab=C("\x3c/script>");
-function Bb(a,b,c,d,e,f){var g=void 0===b?cb:C('<script nonce="'+I(b)+'">'),h=a.idPrefix,k=[],l=null,p=a.bootstrapScriptContent,q=a.bootstrapScripts,t=a.bootstrapModules;void 0!==p&&k.push(g,A((""+p).replace(xb,yb)),db);void 0!==c&&("string"===typeof c?(l={src:c,chunks:[]},Cb(l.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(l={src:c.src,chunks:[]},Cb(l.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(zb),c.push(A((""+JSON.stringify(d)).replace(xb,yb))),c.push(Ab));
-d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:C(h+"P:"),segmentPrefix:C(h+"S:"),boundaryPrefix:C(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:l,bootstrapChunks:k,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:c,preloadChunks:[],hoistableChunks:[],preconnects:new Set,
-fontPreloads:new Set,highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,boundaryResources:null,stylesToHoist:!1};if(void 0!==q)for(g=0;g<q.length;g++)c=q[g],d=l=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=l="string"===
-typeof c||null==c.crossOrigin?void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,p=h,c.scriptResources[p]=null,c.moduleScriptResources[p]=null,c=[],M(c,f),e.bootstrapScripts.add(c),k.push(eb,A(I(h))),b&&k.push(tb,A(I(b))),"string"===typeof d&&k.push(ub,A(I(d))),"string"===typeof l&&k.push(vb,A(I(l))),k.push(wb);if(void 0!==t)for(q=0;q<t.length;q++)f=t[q],l=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=l="string"===
-typeof f.integrity?f.integrity:void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],M(f,d),e.bootstrapScripts.add(f),k.push(fb,A(I(g))),b&&k.push(tb,A(I(b))),"string"===typeof l&&k.push(ub,A(I(l))),"string"===typeof h&&k.push(vb,A(I(h))),k.push(wb);return e}
-function Lb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function P(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function Mb(a){return P("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
-function Nb(a,b,c){switch(b){case "noscript":return P(2,null,a.tagScope|1);case "select":return P(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return P(3,null,a.tagScope);case "picture":return P(2,null,a.tagScope|2);case "math":return P(4,null,a.tagScope);case "foreignObject":return P(2,null,a.tagScope);case "table":return P(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return P(6,null,a.tagScope);case "colgroup":return P(8,null,a.tagScope);case "tr":return P(7,null,a.tagScope)}return 5<=
-a.insertionMode?P(2,null,a.tagScope):0===a.insertionMode?"html"===b?P(1,null,a.tagScope):P(2,null,a.tagScope):1===a.insertionMode?P(2,null,a.tagScope):a}var Ob=C("\x3c!-- --\x3e");function Pb(a,b,c,d){if(""===b)return d;d&&a.push(Ob);a.push(A(I(b)));return!0}var Qb=new Map,Rb=C(' style="'),Sb=C(":"),Tb=C(";");
-function Ub(a,b){if("object"!==typeof b)throw Error(m(62));var c=!0,d;for(d in b)if(F.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=A(I(d));e=A(I((""+e).trim()))}else f=Qb.get(d),void 0===f&&(f=C(I(d.replace(Da,"-$1").toLowerCase().replace(Ja,"-ms-"))),Qb.set(d,f)),e="number"===typeof e?0===e||va.has(d)?A(""+e):A(e+"px"):A(I((""+e).trim()));c?(c=!1,a.push(Rb,f,Sb,e)):a.push(Tb,f,Sb,e)}}c||a.push(Q)}var R=C(" "),Vb=C('="'),Q=C('"'),Wb=C('=""');
-function Xb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(R,A(b),Wb)}function S(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(R,A(b),Vb,A(I(c)),Q)}function Yb(a){var b=a.nextFormID++;return a.idPrefix+b}var Zb=C(I("javascript:throw new Error('A React form was unexpectedly submitted.')")),$b=C('<input type="hidden"');function ac(a,b){this.push($b);if("string"!==typeof a)throw Error(m(480));S(this,"name",b);S(this,"value",a);this.push(bc)}
-function cc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Yb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(R,A("formAction"),Vb,Zb,Q),g=f=e=d=h=null,dc(b,c)));null!=h&&T(a,"name",h);null!=d&&T(a,"formAction",d);null!=e&&T(a,"formEncType",e);null!=f&&T(a,"formMethod",f);null!=g&&T(a,"formTarget",g);return k}
-function T(a,b,c){switch(b){case "className":S(a,"class",c);break;case "tabIndex":S(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":S(a,b,c);break;case "style":Ub(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(R,A(b),Vb,A(I(c)),Q);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":Xb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(R,A("xlink:href"),Vb,A(I(c)),Q);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(R,A(b),Vb,A(I(c)),Q);break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(R,A(b),Wb);break;case "capture":case "download":!0===c?a.push(R,A(b),Wb):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(R,A(b),Vb,A(I(c)),Q);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(R,A(b),Vb,A(I(c)),Q);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(R,A(b),Vb,A(I(c)),Q);break;case "xlinkActuate":S(a,"xlink:actuate",
-c);break;case "xlinkArcrole":S(a,"xlink:arcrole",c);break;case "xlinkRole":S(a,"xlink:role",c);break;case "xlinkShow":S(a,"xlink:show",c);break;case "xlinkTitle":S(a,"xlink:title",c);break;case "xlinkType":S(a,"xlink:type",c);break;case "xmlBase":S(a,"xml:base",c);break;case "xmlLang":S(a,"xml:lang",c);break;case "xmlSpace":S(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ba.get(b)||b,ua(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(R,A(b),Vb,A(I(c)),Q)}}}var U=C(">"),bc=C("/>");function ec(a,b,c){if(null!=b){if(null!=c)throw Error(m(60));if("object"!==typeof b||!("__html"in b))throw Error(m(61));b=b.__html;null!==b&&void 0!==b&&a.push(A(""+b))}}function fc(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var gc=C(' selected=""'),hc=C('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});');
-function dc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,hc,db))}var ic=C("\x3c!--F!--\x3e"),jc=C("\x3c!--F--\x3e");
-function kc(a,b,c,d,e,f,g){var h=b.rel,k=b.href,l=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return M(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof l||null!=b.disabled||b.onLoad||b.onError)return M(a,b);f=d.styles.get(l);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:A(I(l)),rules:[],hrefs:[],sheets:new Map},d.styles.set(l,f)),b={state:0,props:D({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&lc(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push(Ob);return null}if(b.onLoad||b.onError)return M(a,b);e&&a.push(Ob);switch(b.rel){case "preconnect":case "dns-prefetch":return M(d.preconnectChunks,b);case "preload":return M(d.preloadChunks,b);default:return M(d.hoistableChunks,
-b)}}function M(a,b){a.push(V("link"));for(var c in b)if(F.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(m(399,"link"));default:T(a,c,d)}}a.push(bc);return null}function mc(a,b,c){a.push(V(c));for(var d in b)if(F.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(m(399,c));default:T(a,d,e)}}a.push(bc);return null}
-function nc(a,b){a.push(V("title"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(A(I(""+b)));ec(a,d,c);a.push(oc("title"));return null}
-function Cb(a,b){a.push(V("script"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);ec(a,d,c);"string"===typeof c&&a.push(A(I(c)));a.push(oc("script"));return null}
-function pc(a,b,c){a.push(V(c));var d=c=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);ec(a,d,c);return"string"===typeof c?(a.push(A(I(c))),null):c}var qc=C("\n"),rc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Bc=new Map;function V(a){var b=Bc.get(a);if(void 0===b){if(!rc.test(a))throw Error(m(65,a));b=C("<"+a);Bc.set(a,b)}return b}var Cc=C("<!DOCTYPE html>");
-function Dc(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(V("select"));var h=null,k=null,l;for(l in c)if(F.call(c,l)){var p=c[l];if(null!=p)switch(l){case "children":h=p;break;case "dangerouslySetInnerHTML":k=p;break;case "defaultValue":case "value":break;default:T(a,l,p)}}a.push(U);ec(a,k,h);return h;case "option":var q=f.selectedValue;a.push(V("option"));var t=null,u=null,E=null,G=null,w;for(w in c)if(F.call(c,
-w)){var B=c[w];if(null!=B)switch(w){case "children":t=B;break;case "selected":E=B;break;case "dangerouslySetInnerHTML":G=B;break;case "value":u=B;default:T(a,w,B)}}if(null!=q){var ia=null!==u?""+u:fc(t);if(Ka(q))for(var Z=0;Z<q.length;Z++){if(""+q[Z]===ia){a.push(gc);break}}else""+q===ia&&a.push(gc)}else E&&a.push(gc);a.push(U);ec(a,G,t);return t;case "textarea":a.push(V("textarea"));var z=null,y=null,H=null,ja;for(ja in c)if(F.call(c,ja)){var oa=c[ja];if(null!=oa)switch(ja){case "children":H=oa;
-break;case "value":z=oa;break;case "defaultValue":y=oa;break;case "dangerouslySetInnerHTML":throw Error(m(91));default:T(a,ja,oa)}}null===z&&null!==y&&(z=y);a.push(U);if(null!=H){if(null!=z)throw Error(m(92));if(Ka(H)){if(1<H.length)throw Error(m(93));z=""+H[0]}z=""+H}"string"===typeof z&&"\n"===z[0]&&a.push(qc);null!==z&&a.push(A(I(""+z)));return null;case "input":a.push(V("input"));var pa=null,N=null,J=null,qa=null,Ea=null,wa=null,xa=null,ya=null,Ra=null,ka;for(ka in c)if(F.call(c,ka)){var ba=c[ka];
-if(null!=ba)switch(ka){case "children":case "dangerouslySetInnerHTML":throw Error(m(399,"input"));case "name":pa=ba;break;case "formAction":N=ba;break;case "formEncType":J=ba;break;case "formMethod":qa=ba;break;case "formTarget":Ea=ba;break;case "defaultChecked":Ra=ba;break;case "defaultValue":xa=ba;break;case "checked":ya=ba;break;case "value":wa=ba;break;default:T(a,ka,ba)}}var Hd=cc(a,d,e,N,J,qa,Ea,pa);null!==ya?Xb(a,"checked",ya):null!==Ra&&Xb(a,"checked",Ra);null!==wa?T(a,"value",wa):null!==
-xa&&T(a,"value",xa);a.push(bc);null!==Hd&&Hd.forEach(ac,a);return null;case "button":a.push(V("button"));var gb=null,Id=null,Jd=null,Kd=null,Ld=null,Md=null,Nd=null,hb;for(hb in c)if(F.call(c,hb)){var ra=c[hb];if(null!=ra)switch(hb){case "children":gb=ra;break;case "dangerouslySetInnerHTML":Id=ra;break;case "name":Jd=ra;break;case "formAction":Kd=ra;break;case "formEncType":Ld=ra;break;case "formMethod":Md=ra;break;case "formTarget":Nd=ra;break;default:T(a,hb,ra)}}var Od=cc(a,d,e,Kd,Ld,Md,Nd,Jd);
-a.push(U);null!==Od&&Od.forEach(ac,a);ec(a,Id,gb);if("string"===typeof gb){a.push(A(I(gb)));var Pd=null}else Pd=gb;return Pd;case "form":a.push(V("form"));var ib=null,Qd=null,za=null,jb=null,kb=null,lb=null,mb;for(mb in c)if(F.call(c,mb)){var Aa=c[mb];if(null!=Aa)switch(mb){case "children":ib=Aa;break;case "dangerouslySetInnerHTML":Qd=Aa;break;case "action":za=Aa;break;case "encType":jb=Aa;break;case "method":kb=Aa;break;case "target":lb=Aa;break;default:T(a,mb,Aa)}}var sc=null,tc=null;if("function"===
-typeof za)if("function"===typeof za.$$FORM_ACTION){var Df=Yb(d),Sa=za.$$FORM_ACTION(Df);za=Sa.action||"";jb=Sa.encType;kb=Sa.method;lb=Sa.target;sc=Sa.data;tc=Sa.name}else a.push(R,A("action"),Vb,Zb,Q),lb=kb=jb=za=null,dc(d,e);null!=za&&T(a,"action",za);null!=jb&&T(a,"encType",jb);null!=kb&&T(a,"method",kb);null!=lb&&T(a,"target",lb);a.push(U);null!==tc&&(a.push($b),S(a,"name",tc),a.push(bc),null!==sc&&sc.forEach(ac,a));ec(a,Qd,ib);if("string"===typeof ib){a.push(A(I(ib)));var Rd=null}else Rd=ib;
-return Rd;case "menuitem":a.push(V("menuitem"));for(var Db in c)if(F.call(c,Db)){var Sd=c[Db];if(null!=Sd)switch(Db){case "children":case "dangerouslySetInnerHTML":throw Error(m(400));default:T(a,Db,Sd)}}a.push(U);return null;case "title":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Td=nc(a,c);else nc(e.hoistableChunks,c),Td=null;return Td;case "link":return kc(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var uc=c.async;if("string"!==typeof c.src||!c.src||!uc||"function"===
-typeof uc||"symbol"===typeof uc||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Ud=Cb(a,c);else{var Eb=c.src;if("module"===c.type){var Fb=d.moduleScriptResources;var Vd=e.preloads.moduleScripts}else Fb=d.scriptResources,Vd=e.preloads.scripts;var Gb=Fb.hasOwnProperty(Eb)?Fb[Eb]:void 0;if(null!==Gb){Fb[Eb]=null;var vc=c;if(Gb){2===Gb.length&&(vc=D({},c),lc(vc,Gb));var Wd=Vd.get(Eb);Wd&&(Wd.length=0)}var Xd=[];e.scripts.add(Xd);Cb(Xd,vc)}g&&a.push(Ob);Ud=null}return Ud;
-case "style":var Hb=c.precedence,Fa=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof Hb||"string"!==typeof Fa||""===Fa){a.push(V("style"));var Ta=null,Yd=null,nb;for(nb in c)if(F.call(c,nb)){var Ib=c[nb];if(null!=Ib)switch(nb){case "children":Ta=Ib;break;case "dangerouslySetInnerHTML":Yd=Ib;break;default:T(a,nb,Ib)}}a.push(U);var ob=Array.isArray(Ta)?2>Ta.length?Ta[0]:null:Ta;"function"!==typeof ob&&"symbol"!==typeof ob&&null!==ob&&void 0!==ob&&a.push(A(I(""+ob)));
-ec(a,Yd,Ta);a.push(oc("style"));var Zd=null}else{var Ga=e.styles.get(Hb);if(null!==(d.styleResources.hasOwnProperty(Fa)?d.styleResources[Fa]:void 0)){d.styleResources[Fa]=null;Ga?Ga.hrefs.push(A(I(Fa))):(Ga={precedence:A(I(Hb)),rules:[],hrefs:[A(I(Fa))],sheets:new Map},e.styles.set(Hb,Ga));var $d=Ga.rules,Ua=null,ae=null,Jb;for(Jb in c)if(F.call(c,Jb)){var wc=c[Jb];if(null!=wc)switch(Jb){case "children":Ua=wc;break;case "dangerouslySetInnerHTML":ae=wc}}var pb=Array.isArray(Ua)?2>Ua.length?Ua[0]:null:
-Ua;"function"!==typeof pb&&"symbol"!==typeof pb&&null!==pb&&void 0!==pb&&$d.push(A(I(""+pb)));ec($d,ae,Ua)}Ga&&e.boundaryResources&&e.boundaryResources.styles.add(Ga);g&&a.push(Ob);Zd=void 0}return Zd;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var be=mc(a,c,"meta");else g&&a.push(Ob),be="string"===typeof c.charSet?mc(e.charsetChunks,c,"meta"):"viewport"===c.name?mc(e.preconnectChunks,c,"meta"):mc(e.hoistableChunks,c,"meta");return be;case "listing":case "pre":a.push(V(b));
-var qb=null,rb=null,sb;for(sb in c)if(F.call(c,sb)){var Kb=c[sb];if(null!=Kb)switch(sb){case "children":qb=Kb;break;case "dangerouslySetInnerHTML":rb=Kb;break;default:T(a,sb,Kb)}}a.push(U);if(null!=rb){if(null!=qb)throw Error(m(60));if("object"!==typeof rb||!("__html"in rb))throw Error(m(61));var Ha=rb.__html;null!==Ha&&void 0!==Ha&&("string"===typeof Ha&&0<Ha.length&&"\n"===Ha[0]?a.push(qc,A(Ha)):a.push(A(""+Ha)))}"string"===typeof qb&&"\n"===qb[0]&&a.push(qc);return qb;case "img":var O=c.src,K=
-c.srcSet;if(!("lazy"===c.loading||!O&&!K||"string"!==typeof O&&null!=O||"string"!==typeof K&&null!=K)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof O||":"!==O[4]||"d"!==O[0]&&"D"!==O[0]||"a"!==O[1]&&"A"!==O[1]||"t"!==O[2]&&"T"!==O[2]||"a"!==O[3]&&"A"!==O[3])&&("string"!==typeof K||":"!==K[4]||"d"!==K[0]&&"D"!==K[0]||"a"!==K[1]&&"A"!==K[1]||"t"!==K[2]&&"T"!==K[2]||"a"!==K[3]&&"A"!==K[3])){var ce="string"===typeof c.sizes?c.sizes:void 0,Va=K?K+"\n"+(ce||""):O,xc=e.preloads.images,
-Ia=xc.get(Va);if(Ia){if("high"===c.fetchPriority||10>e.highImagePreloads.size)xc.delete(Va),e.highImagePreloads.add(Ia)}else if(!d.imageResources.hasOwnProperty(Va)){d.imageResources[Va]=L;var yc=c.crossOrigin;var de="string"===typeof yc?"use-credentials"===yc?yc:"":void 0;var la=e.headers,zc;la&&0<la.remainingCapacity&&("high"===c.fetchPriority||500>la.highImagePreloads.length)&&(zc=Ec(O,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:de,integrity:c.integrity,nonce:c.nonce,type:c.type,
-fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(la.remainingCapacity-=zc.length))?(e.resets.image[Va]=L,la.highImagePreloads&&(la.highImagePreloads+=", "),la.highImagePreloads+=zc):(Ia=[],M(Ia,{rel:"preload",as:"image",href:K?void 0:O,imageSrcSet:K,imageSizes:ce,crossOrigin:de,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ia):(e.bulkPreloads.add(Ia),
-xc.set(Va,Ia)))}}return mc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return mc(a,c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var ee=pc(e.headChunks,c,"head")}else ee=pc(a,c,"head");return ee;case "html":if(0===
-f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[Cc];var fe=pc(e.htmlChunks,c,"html")}else fe=pc(a,c,"html");return fe;default:if(-1!==b.indexOf("-")){a.push(V(b));var Ac=null,ge=null,Wa;for(Wa in c)if(F.call(c,Wa)){var ca=c[Wa];if(null!=ca){var he=Wa;switch(Wa){case "children":Ac=ca;break;case "dangerouslySetInnerHTML":ge=ca;break;case "style":Ub(a,ca);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;case "className":he="class";default:if(ua(Wa)&&"function"!==
-typeof ca&&"symbol"!==typeof ca&&!1!==ca){if(!0===ca)ca="";else if("object"===typeof ca)continue;a.push(R,A(he),Vb,A(I(ca)),Q)}}}}a.push(U);ec(a,ge,Ac);return Ac}}return pc(a,c,b)}var Fc=new Map;function oc(a){var b=Fc.get(a);void 0===b&&(b=C("</"+a+">"),Fc.set(a,b));return b}function Gc(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)v(a,b[c]);return c<b.length?(c=b[c],b.length=0,x(a,c)):!0}
-var Hc=C('<template id="'),Ic=C('"></template>'),Jc=C("\x3c!--$--\x3e"),Kc=C('\x3c!--$?--\x3e<template id="'),Lc=C('"></template>'),Mc=C("\x3c!--$!--\x3e"),Nc=C("\x3c!--/$--\x3e"),Oc=C("<template"),Pc=C('"'),Qc=C(' data-dgst="');C(' data-msg="');C(' data-stck="');var Rc=C("></template>");function Sc(a,b,c){v(a,Kc);if(null===c)throw Error(m(395));v(a,b.boundaryPrefix);v(a,A(c.toString(16)));return x(a,Lc)}
-var Tc=C('<div hidden id="'),Uc=C('">'),Vc=C("</div>"),Wc=C('<svg aria-hidden="true" style="display:none" id="'),Xc=C('">'),Yc=C("</svg>"),Zc=C('<math aria-hidden="true" style="display:none" id="'),$c=C('">'),ad=C("</math>"),bd=C('<table hidden id="'),cd=C('">'),dd=C("</table>"),ed=C('<table hidden><tbody id="'),fd=C('">'),gd=C("</tbody></table>"),hd=C('<table hidden><tr id="'),id=C('">'),jd=C("</tr></table>"),kd=C('<table hidden><colgroup id="'),ld=C('">'),md=C("</colgroup></table>");
-function nd(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return v(a,Tc),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,Uc);case 3:return v(a,Wc),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,Xc);case 4:return v(a,Zc),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,$c);case 5:return v(a,bd),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,cd);case 6:return v(a,ed),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,fd);case 7:return v(a,hd),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,id);
-case 8:return v(a,kd),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,ld);default:throw Error(m(397));}}function od(a,b){switch(b.insertionMode){case 0:case 1:case 2:return x(a,Vc);case 3:return x(a,Yc);case 4:return x(a,ad);case 5:return x(a,dd);case 6:return x(a,gd);case 7:return x(a,jd);case 8:return x(a,md);default:throw Error(m(397));}}
-var pd=C('$RS=function(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("'),qd=C('$RS("'),rd=C('","'),sd=C('")\x3c/script>'),td=C('<template data-rsi="" data-sid="'),ud=C('" data-pid="'),vd=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
-wd=C('$RC("'),xd=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-yd=C('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-zd=C('$RR("'),Ad=C('","'),Bd=C('",'),Cd=C('"'),Dd=C(")\x3c/script>"),Ed=C('<template data-rci="" data-bid="'),Fd=C('<template data-rri="" data-bid="'),Gd=C('" data-sid="'),ie=C('" data-sty="'),je=C('$RX=function(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("'),ke=C('$RX("'),le=C('"'),me=C(","),ne=C(")\x3c/script>"),oe=C('<template data-rxi="" data-bid="'),pe=C('" data-dgst="'),
-qe=C('" data-msg="'),re=C('" data-stck="'),se=/[<\u2028\u2029]/g;function te(a){return JSON.stringify(a).replace(se,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var ue=/[&><\u2028\u2029]/g;
-function ve(a){return JSON.stringify(a).replace(ue,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
-var we=C('<style media="not all" data-precedence="'),xe=C('" data-href="'),ye=C('">'),ze=C("</style>"),Ae=!1,Be=!0;function Ce(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){v(this,we);v(this,a.precedence);for(v(this,xe);d<c.length-1;d++)v(this,c[d]),v(this,De);v(this,c[d]);v(this,ye);for(d=0;d<b.length;d++)v(this,b[d]);Be=x(this,ze);Ae=!0;b.length=0;c.length=0}}function Ee(a){return 2!==a.state?Ae=!0:!1}
-function Fe(a,b,c){Ae=!1;Be=!0;b.styles.forEach(Ce,a);b.stylesheets.forEach(Ee);Ae&&(c.stylesToHoist=!0);return Be}function Ge(a){for(var b=0;b<a.length;b++)v(this,a[b]);a.length=0}var He=[];function Ie(a){M(He,a.props);for(var b=0;b<He.length;b++)v(this,He[b]);He.length=0;a.state=2}var Je=C('<style data-precedence="'),Ke=C('" data-href="'),De=C(" "),Le=C('">'),Me=C("</style>");
-function Ne(a){var b=0<a.sheets.size;a.sheets.forEach(Ie,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){v(this,Je);v(this,a.precedence);a=0;if(d.length){for(v(this,Ke);a<d.length-1;a++)v(this,d[a]),v(this,De);v(this,d[a])}v(this,Le);for(a=0;a<c.length;a++)v(this,c[a]);v(this,Me);c.length=0;d.length=0}}
-function Oe(a){if(0===a.state){a.state=1;var b=a.props;M(He,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<He.length;a++)v(this,He[a]);He.length=0}}function Pe(a){a.sheets.forEach(Oe,this);a.sheets.clear()}var Qe=C("["),Re=C(",["),Se=C(","),Te=C("]");
-function Ue(a,b){v(a,Qe);var c=Qe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,A(ve(""+d.props.href))),v(a,Te),c=Re;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,A(ve(""+d.props.href)));e=""+e;v(a,Se);v(a,A(ve(e)));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(m(399,"link"));default:a:{e=a;var k=g.toLowerCase();
-switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ua(g))break a;h=""+h}v(e,Se);v(e,A(ve(k)));v(e,Se);v(e,A(ve(h)))}}}v(a,Te);c=Re;d.state=3}});v(a,Te)}
-function Ve(a,b){v(a,Qe);var c=Qe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,A(I(JSON.stringify(""+d.props.href)))),v(a,Te),c=Re;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,A(I(JSON.stringify(""+d.props.href))));e=""+e;v(a,Se);v(a,A(I(JSON.stringify(e))));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(m(399,
-"link"));default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ua(g))break a;h=""+h}v(e,Se);v(e,A(I(JSON.stringify(k))));
-v(e,Se);v(e,A(I(JSON.stringify(h))))}}}v(a,Te);c=Re;d.state=3}});v(a,Te)}
-function Oa(a){var b=W?W:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(We,Xe)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],M(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Ye(b)}}}
-function Pa(a,b){var c=W?W:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(We,Xe)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(Ze,$e);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],M(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Ye(c)}}}
-function Qa(a,b,c){var d=W?W:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var l=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(l))return;e.imageResources[l]=L;e=f.headers;var p;e&&0<e.remainingCapacity&&"high"===k&&(p=Ec(a,b,c),2<=(e.remainingCapacity-=p.length))?(f.resets.image[l]=L,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=p):(e=[],M(e,D({rel:"preload",href:g?
-void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(l,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];M(g,D({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?L:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-M(g,D({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?L:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=L;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(l=Ec(a,b,c),2<=(e.remainingCapacity-=l.length)))f.resets.font[a]=L,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=l;else switch(e=[],
-a=D({rel:"preload",href:a,as:b},c),M(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Ye(d)}}}
-function Xa(a,b){var c=W?W:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?L:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=L}M(f,D({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Ye(c)}}}
-function Ya(a,b,c){var d=W?W:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:A(I(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:D({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&lc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Ye(d))}}}
-function Za(a,b){var c=W?W:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=D({src:a,async:!0},b),f&&(2===f.length&&lc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Cb(a,b),Ye(c))}}}
-function $a(a,b){var c=W?W:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=D({src:a,type:"module",async:!0},b),f&&(2===f.length&&lc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Cb(a,b),Ye(c))}}}function lc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Ec(a,b,c){a=(""+a).replace(We,Xe);b=(""+b).replace(Ze,$e);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)F.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Ze,$e)+'"'));return b}var We=/[<>\r\n]/g;
-function Xe(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Ze=/["';,\r\n]/g;
-function $e(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function af(a){this.styles.add(a)}function bf(a){this.stylesheets.add(a)}
-var cf=Symbol.for("react.element"),df=Symbol.for("react.portal"),ef=Symbol.for("react.fragment"),ff=Symbol.for("react.strict_mode"),gf=Symbol.for("react.profiler"),hf=Symbol.for("react.provider"),jf=Symbol.for("react.context"),kf=Symbol.for("react.server_context"),lf=Symbol.for("react.forward_ref"),mf=Symbol.for("react.suspense"),nf=Symbol.for("react.suspense_list"),of=Symbol.for("react.memo"),pf=Symbol.for("react.lazy"),qf=Symbol.for("react.scope"),rf=Symbol.for("react.debug_trace_mode"),sf=Symbol.for("react.offscreen"),
-tf=Symbol.for("react.legacy_hidden"),uf=Symbol.for("react.cache"),vf=Symbol.for("react.default_value"),wf=Symbol.for("react.memo_cache_sentinel"),xf=Symbol.for("react.postpone"),yf=Symbol.iterator,zf=Symbol.for("react.client.reference");
-function Af(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===zf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ef:return"Fragment";case df:return"Portal";case gf:return"Profiler";case ff:return"StrictMode";case mf:return"Suspense";case nf:return"SuspenseList";case uf:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case jf:return(a.displayName||"Context")+".Consumer";case hf:return(a._context.displayName||"Context")+".Provider";case lf:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case of:return b=a.displayName||null,null!==b?b:Af(a.type)||"Memo";case pf:b=a._payload;a=a._init;try{return Af(a(b))}catch(c){break}case kf:return(a.displayName||a._globalName)+".Provider"}return null}var Bf;function Cf(a){if(void 0===Bf)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Bf=b&&b[1]||""}return"\n"+Bf+a}var Ef=!1;
-function Ff(a,b){if(!a||Ef)return"";Ef=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var q=function(){throw Error();};Object.defineProperty(q.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(q,[])}catch(u){var t=u}Reflect.construct(a,[],q)}else{try{q.call()}catch(u){t=u}a.call(q.prototype)}}else{try{throw Error();}catch(u){t=u}(q=a())&&"function"===typeof q.catch&&
-q.catch(function(){})}}catch(u){if(u&&t&&"string"===typeof u.stack)return[u.stack,t.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),l=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<l.length&&!l[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===l.length)for(d=k.length-1,e=l.length-1;1<=d&&0<=e&&k[d]!==l[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==l[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==l[e]){var p="\n"+k[d].replace(" at new "," at ");a.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",a.displayName));return p}while(1<=d&&0<=e)}break}}}finally{Ef=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Cf(c):""}
-var Gf={};function Hf(a,b){a=a.contextTypes;if(!a)return Gf;var c={},d;for(d in a)c[d]=b[d];return c}var If=null;function Jf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(m(401));}else{if(null===c)throw Error(m(401));Jf(a,c)}b.context._currentValue=b.value}}function Kf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Kf(a)}function Lf(a){var b=a.parent;null!==b&&Lf(b);a.context._currentValue=a.value}
-function Mf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error(m(402));a.depth===b.depth?Jf(a,b):Mf(a,b)}function Nf(a,b){var c=b.parent;if(null===c)throw Error(m(402));a.depth===c.depth?Jf(a,c):Nf(a,c);b.context._currentValue=b.value}function Of(a){var b=If;b!==a&&(null===b?Lf(a):null===a?Kf(b):b.depth===a.depth?Jf(b,a):b.depth>a.depth?Mf(b,a):Nf(b,a),If=a)}
-var Pf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Qf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Pf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:D({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Pf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=D({},f,h)):D(f,h))}a.state=f}else f.queue=null}
-var Rf={id:1,overflow:""};function Sf(a,b,c){var d=a.id;a=a.overflow;var e=32-Tf(d)-1;d&=~(1<<e);c+=1;var f=32-Tf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Tf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Tf=Math.clz32?Math.clz32:Uf,Vf=Math.log,Wf=Math.LN2;function Uf(a){a>>>=0;return 0===a?32:31-(Vf(a)/Wf|0)|0}var Xf=Error(m(460));function Yf(){}
-function Zf(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Yf,Yf),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}$f=b;throw Xf;}}var $f=null;
-function ag(){if(null===$f)throw Error(m(459));var a=$f;$f=null;return a}function bg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var cg="function"===typeof Object.is?Object.is:bg,dg=null,eg=null,fg=null,gg=null,hg=null,X=null,ig=!1,jg=!1,kg=0,lg=0,mg=-1,ng=0,og=null,pg=null,qg=0;function rg(){if(null===dg)throw Error(m(321));return dg}function sg(){if(0<qg)throw Error(m(312));return{memoizedState:null,queue:null,next:null}}
-function tg(){null===X?null===hg?(ig=!1,hg=X=sg()):(ig=!0,X=hg):null===X.next?(ig=!1,X=X.next=sg()):(ig=!0,X=X.next);return X}function ug(a,b,c,d){for(;jg;)jg=!1,lg=kg=0,mg=-1,ng=0,qg+=1,X=null,c=a(b,d);vg();return c}function wg(){var a=og;og=null;return a}function vg(){gg=fg=eg=dg=null;jg=!1;hg=null;qg=0;X=pg=null}function xg(a,b){return"function"===typeof b?b(a):b}
-function yg(a,b,c){dg=rg();X=tg();if(ig){var d=X.queue;b=d.dispatch;if(null!==pg&&(c=pg.get(d),void 0!==c)){pg.delete(d);d=X.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);X.memoizedState=d;return[d,b]}return[X.memoizedState,b]}a=a===xg?"function"===typeof b?b():b:void 0!==c?c(b):b;X.memoizedState=a;a=X.queue={last:null,dispatch:null};a=a.dispatch=zg.bind(null,dg,a);return[X.memoizedState,a]}
-function Ag(a,b){dg=rg();X=tg();b=void 0===b?null:b;if(null!==X){var c=X.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!cg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();X.memoizedState=[a,b];return a}function zg(a,b,c){if(25<=qg)throw Error(m(301));if(a===dg)if(jg=!0,a={action:c,next:null},null===pg&&(pg=new Map),c=pg.get(b),void 0===c)pg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
-function Bg(){throw Error(m(440));}function Cg(){throw Error(m(394));}function Dg(){throw Error(m(479));}function Eg(a){var b=ng;ng+=1;null===og&&(og=[]);return Zf(og,a,b)}function Fg(){throw Error(m(393));}function Gg(){}
-var Ig={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Eg(a);if(a.$$typeof===jf||a.$$typeof===kf)return a._currentValue}throw Error(m(438,String(a)));},useContext:function(a){rg();return a._currentValue},useMemo:Ag,useReducer:yg,useRef:function(a){dg=rg();X=tg();var b=X.memoizedState;return null===b?(a={current:a},X.memoizedState=a):b},useState:function(a){return yg(xg,a)},useInsertionEffect:Gg,useLayoutEffect:Gg,
-useCallback:function(a,b){return Ag(function(){return a},b)},useImperativeHandle:Gg,useEffect:Gg,useDebugValue:Gg,useDeferredValue:function(a,b){rg();return void 0!==b?b:a},useTransition:function(){rg();return[!1,Cg]},useId:function(){var a=eg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Tf(a)-1)).toString(32)+b;var c=Hg;if(null===c)throw Error(m(404));b=kg++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(m(407));
-return c()},useCacheRefresh:function(){return Fg},useEffectEvent:function(){return Bg},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=wf;return b},useHostTransitionStatus:function(){rg();return Ma},useOptimistic:function(a){rg();return[a,Dg]},useFormState:function(a,b,c){rg();var d=lg++,e=fg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=gg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+ea(JSON.stringify([g,
-null,d]),0),k===f&&(mg=d,b=e[0]))}var l=a.bind(null,b);a=function(q){l(q)};"function"===typeof l.$$FORM_ACTION&&(a.$$FORM_ACTION=function(q){q=l.$$FORM_ACTION(q);void 0!==c&&(c+="",q.action=c);var t=q.data;t&&(null===f&&(f=void 0!==c?"p"+c:"k"+ea(JSON.stringify([g,null,d]),0)),t.append("$ACTION_KEY",f));return q});return[b,a]}var p=a.bind(null,b);return[b,function(q){p(q)}]}},Hg=null,Jg={getCacheSignal:function(){throw Error(m(248));},getCacheForType:function(){throw Error(m(248));}},Kg=La.ReactCurrentDispatcher,
-Lg=La.ReactCurrentCache;function Mg(a){console.error(a);return null}function Ng(){}
-function Og(a,b,c,d,e,f,g,h,k,l,p,q){Na.current=ab;var t=[],u=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:u,pingedTasks:t,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Mg:f,onPostpone:void 0===p?Ng:p,onAllReady:void 0===g?
-Ng:g,onShellReady:void 0===h?Ng:h,onShellError:void 0===k?Ng:k,onFatalError:void 0===l?Ng:l,formState:void 0===q?null:q};c=Pg(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Qg(b,null,a,-1,null,c,u,null,d,Gf,null,Rf,null);t.push(a);return b}function Rg(a,b,c,d,e,f,g,h,k,l,p){a=Og(a,b,c,d,e,f,g,h,k,l,p,void 0);a.trackedPostpones={workingMap:new Map,rootNodes:[],rootSlots:null};return a}
-function Sg(a,b,c,d,e,f,g,h,k){Na.current=ab;var l=[],p=new Set;c={destination:null,flushScheduled:!1,resumableState:b.resumableState,renderState:c,rootFormatContext:b.rootFormatContext,progressiveChunkSize:b.progressiveChunkSize,status:0,fatalError:null,nextSegmentId:b.nextSegmentId,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:p,pingedTasks:l,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===d?Mg:d,onPostpone:void 0===
-k?Ng:k,onAllReady:void 0===e?Ng:e,onShellReady:void 0===f?Ng:f,onShellError:void 0===g?Ng:g,onFatalError:void 0===h?Ng:h,formState:null};if("number"===typeof b.replaySlots)return d=b.replaySlots,e=Pg(c,0,null,b.rootFormatContext,!1,!1),e.id=d,e.parentFlushed=!0,a=Qg(c,null,a,-1,null,e,p,null,b.rootFormatContext,Gf,null,Rf,null),l.push(a),c;a=Tg(c,null,{nodes:b.replayNodes,slots:b.replaySlots,pendingTasks:0},a,-1,null,p,null,b.rootFormatContext,Gf,null,Rf,null);l.push(a);return c}var W=null;
-function Ug(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Vg(a))}function Wg(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Qg(a,b,c,d,e,f,g,h,k,l,p,q,t){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var u={replay:null,node:c,childIndex:d,ping:function(){return Ug(a,u)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Tg(a,b,c,d,e,f,g,h,k,l,p,q,t){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var u={replay:c,node:d,childIndex:e,ping:function(){return Ug(a,u)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Pg(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Xg(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Yg(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Cf(b.type,null,null);break;case 1:a+=Ff(b.type,!1);break;case 2:a+=Ff(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function Zg(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function $g(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,ma(a.destination,b)):(a.status=1,a.fatalError=b)}
-function ah(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(m(108,Af(e)||"Unknown",h));e=D({},c,d)}b.legacyContext=e;Y(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Y(a,b,null,f,-1),b.keyPath=e}
-function bh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var l=0;l<f;l++)l===g?k.push(ic):k.push(jc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Sf(c,1,0),ch(a,b,d,-1),b.treeContext=c):h?ch(a,b,d,-1):Y(a,b,null,d,-1);b.keyPath=f}function dh(a,b){if(a&&a.defaultProps){b=D({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function eh(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=Hf(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue:g);Qf(h,e,f,g);ah(a,b,c,h,e);b.componentStack=d}else{g=Hf(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};dg={};eg=b;fg=a;gg=c;lg=kg=0;mg=-1;ng=0;og=d;d=e(f,g);d=ug(e,f,d,g);var k=0!==
-kg,l=lg,p=mg;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Qf(d,e,f,g),ah(a,b,c,d,e)):bh(a,b,c,d,k,l,p);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Xg(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=Nb(h,e,f),b.keyPath=c,ch(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Dc(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-l=b.keyPath;b.formatContext=Nb(h,e,f);b.keyPath=c;ch(a,b,k,-1);b.formatContext=h;b.keyPath=l;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(oc(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case tf:case rf:case ff:case gf:case ef:e=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=e;return;case sf:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,Y(a,b,null,f.children,-1),b.keyPath=e);return;case nf:e=b.componentStack;b.componentStack=Xg(b,"SuspenseList");d=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case qf:throw Error(m(343));case mf:a:if(null!==b.replay){e=b.keyPath;b.keyPath=c;c=f.children;try{ch(a,
-b,c,-1)}finally{b.keyPath=e}}else{var q=b.componentStack;e=b.componentStack=Xg(b,"Suspense");var t=b.keyPath;d=b.blockedBoundary;var u=b.blockedSegment;g=f.fallback;var E=f.children;f=new Set;l=Wg(a,f);null!==a.trackedPostpones&&(l.trackedContentKeyPath=c);p=Pg(a,u.chunks.length,l,b.formatContext,!1,!1);u.children.push(p);u.lastPushedText=!1;var G=Pg(a,0,null,b.formatContext,!1,!1);G.parentFlushed=!0;b.blockedBoundary=l;b.blockedSegment=G;a.renderState.boundaryResources=l.resources;b.keyPath=c;try{if(ch(a,
-b,E,-1),G.lastPushedText&&G.textEmbedded&&G.chunks.push(Ob),G.status=1,fh(l,G),0===l.pendingTasks&&0===l.status){l.status=1;b.componentStack=q;break a}}catch(w){G.status=4,l.status=4,h=Yg(a,b.componentStack),"object"===typeof w&&null!==w&&w.$$typeof===xf?(a.onPostpone(w.message,h),k="POSTPONE"):k=Zg(a,w,h),l.errorDigest=k,gh(a,l)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=u,b.keyPath=t,b.componentStack=q}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;
-null!==k&&(q=[h[1],h[2],[],null],k.workingMap.set(h,q),5===l.status?k.workingMap.get(c)[4]=q:l.trackedFallbackNode=q);b=Qg(a,null,g,-1,d,p,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case lf:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;dg={};eg=b;fg=a;gg=c;lg=kg=0;mg=-1;ng=0;og=d;d=e(f,g);f=ug(e,f,d,g);bh(a,b,c,f,0!==kg,lg,mg);b.componentStack=h;return;
-case of:e=e.type;f=dh(e,f);eh(a,b,c,d,e,f,g);return;case hf:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue;e._currentValue=f;k=If;If=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;Y(a,b,null,g,-1);a=If;if(null===a)throw Error(m(403));c=a.parentValue;a.context._currentValue=c===vf?a.context._defaultValue:c;a=If=a.parent;b.context=a;b.keyPath=d;return;case jf:f=f.children;f=f(e._currentValue);e=b.keyPath;b.keyPath=c;Y(a,b,null,f,-1);
-b.keyPath=e;return;case pf:g=b.componentStack;b.componentStack=Xg(b,"Lazy");h=e._init;e=h(e._payload);f=dh(e,f);eh(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error(m(130,null==e?e:typeof e,""));}}
-function hh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Pg(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,ch(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(fh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function Y(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)hh(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case cf:var f=d.type,g=d.key,h=d.props,k=d.ref,l=Af(f),p=null==g?-1===e?0:e:g;g=[b.keyPath,l,p];if(null!==b.replay)a:{var q=b.replay;e=q.nodes;for(d=0;d<e.length;d++){var t=e[d];if(p===t[1]){if(4===t.length){if(null!==l&&l!==t[0])throw Error(m(490,t[0],l));var u=t[2];l=t[3];t=b.node;b.replay={nodes:u,slots:l,pendingTasks:1};
-try{eh(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(m(488));b.replay.pendingTasks--}catch(y){if("object"===typeof y&&null!==y&&(y===Xf||"function"===typeof y.then))throw b.node===t&&(b.replay=q),y;b.replay.pendingTasks--;h=Yg(a,b.componentStack);ih(a,b.blockedBoundary,y,h,u,l)}b.replay=q}else{if(f!==mf)throw Error(m(490,"Suspense",Af(f)||"Unknown"));b:{c=void 0;f=t[5];k=t[2];q=t[3];l=null===t[4]?[]:t[4][2];t=null===t[4]?null:t[4][3];p=b.componentStack;var E=b.componentStack=
-Xg(b,"Suspense"),G=b.keyPath,w=b.replay,B=b.blockedBoundary,ia=h.children;h=h.fallback;var Z=new Set,z=Wg(a,Z);z.parentFlushed=!0;z.rootSegmentID=f;b.blockedBoundary=z;b.replay={nodes:k,slots:q,pendingTasks:1};a.renderState.boundaryResources=z.resources;try{ch(a,b,ia,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(m(488));b.replay.pendingTasks--;if(0===z.pendingTasks&&0===z.status){z.status=1;a.completedBoundaries.push(z);break b}}catch(y){z.status=4,u=Yg(a,b.componentStack),
-"object"===typeof y&&null!==y&&y.$$typeof===xf?(a.onPostpone(y.message,u),c="POSTPONE"):c=Zg(a,y,u),z.errorDigest=c,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(z)}finally{a.renderState.boundaryResources=B?B.resources:null,b.blockedBoundary=B,b.replay=w,b.keyPath=G,b.componentStack=p}h=Tg(a,null,{nodes:l,slots:t,pendingTasks:0},h,-1,B,Z,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,E);a.pingedTasks.push(h)}}e.splice(d,1);break a}}}else eh(a,b,g,
-c,f,h,k);return;case df:throw Error(m(257));case pf:h=b.componentStack;b.componentStack=Xg(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;Y(a,b,null,d,e);return}if(Ka(d)){jh(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=yf&&d[yf]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];do g.push(d.value),d=h.next();while(!d.done);jh(a,b,g,e)}return}if("function"===typeof d.then)return Y(a,b,null,Eg(d),e);if(d.$$typeof===jf||d.$$typeof===kf)return Y(a,
-b,null,d._currentValue,e);e=Object.prototype.toString.call(d);throw Error(m(31,"[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e));}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=Pb(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Pb(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function jh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{jh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(m(488));b.replay.pendingTasks--}catch(p){if("object"===typeof p&&null!==p&&(p===Xf||"function"===typeof p.then))throw p;b.replay.pendingTasks--;c=Yg(a,b.componentStack);ih(a,b.blockedBoundary,
-p,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=Sf(f,g,d);var l=h[d];"number"===typeof l?(hh(a,b,l,k,d),delete h[d]):ch(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Sf(f,g,h),ch(a,b,d,h);b.treeContext=f;b.keyPath=e}
-function kh(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error(m(486));var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,
-d);lh(d,g[0],b);return}var l=b.workingMap.get(g);void 0===l?(l=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,l),lh(l,g[0],b)):(g=l,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],lh(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots={};else{if("number"===typeof a)throw Error(m(491));}else if(f=b.workingMap,
-g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),lh(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error(m(491));a[c.childIndex]=d.id}}}function gh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function ch(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,l=b.componentStack,p=b.blockedSegment;if(null===p)try{return Y(a,b,null,c,d)}catch(u){if(vg(),d=u===Xf?ag():u,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=wg();a=Tg(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=
-e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Of(g);return}}else{var q=p.children.length,t=p.chunks.length;try{return Y(a,b,null,c,d)}catch(u){if(vg(),p.children.length=q,p.chunks.length=t,d=u===Xf?ag():u,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=wg();p=b.blockedSegment;q=Pg(a,p.chunks.length,null,b.formatContext,p.lastPushedText,!0);p.children.push(q);p.lastPushedText=!1;a=Qg(a,d,b.node,b.childIndex,b.blockedBoundary,q,b.abortSet,b.keyPath,
-b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Of(g);return}if(d.$$typeof===xf&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;p=Yg(a,b.componentStack);a.onPostpone(d.message,p);d=b.blockedSegment;p=Pg(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(p);d.lastPushedText=!1;
-kh(a,c,b,p);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Of(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Of(g);throw d;}function ih(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===xf?(a.onPostpone(c.message,d),d="POSTPONE"):d=Zg(a,c,d);mh(a,b,e,f,c,d)}function nh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,oh(this,b,a))}
-function mh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)mh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,l=f,p=Wg(k,new Set);p.parentFlushed=!0;p.rootSegmentID=h;p.status=4;p.errorDigest=l;p.parentFlushed&&k.clientRenderedBoundaries.push(p)}}c.length=0;if(null!==d){if(null===b)throw Error(m(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var q in d)delete d[q]}}
-function ph(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){Zg(b,c,d);$g(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=Zg(b,c,d),mh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&qh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Yg(b,a.componentStack),a=Zg(b,c,a),d.errorDigest=a,gh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return ph(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&rh(b)}
-function sh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),l=k.next();0<e.remainingCapacity&&!l.done;l=k.next()){var p=l.value,q=p.props,t=q.href,u=p.props,E=Ec(u.href,"style",{crossOrigin:u.crossOrigin,integrity:u.integrity,
-nonce:u.nonce,type:u.type,fetchPriority:u.fetchPriority,referrerPolicy:u.referrerPolicy,media:u.media});if(2<=(e.remainingCapacity-=E.length))c.resets.style[t]=L,f&&(f+=", "),f+=E,c.resets.style[t]="string"===typeof q.crossOrigin||"string"===typeof q.integrity?[q.crossOrigin,q.integrity]:L;else break b}}f?d({Link:f}):d({})}}}catch(G){Zg(a,G,{})}}function qh(a){null===a.trackedPostpones&&sh(a,!0);a.onShellError=Ng;a=a.onShellReady;a()}
-function rh(a){sh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function fh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&fh(a,c)}else a.completedSegments.push(b)}
-function oh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(m(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&qh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&fh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(nh,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
-(fh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&rh(a)}
-function Vg(a){if(2!==a.status){var b=If,c=Kg.current;Kg.current=Ig;var d=Lg.current;Lg.current=Jg;var e=W;W=a;var f=Hg;Hg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],l=a,p=k.blockedBoundary;l.renderState.boundaryResources=p?p.resources:null;var q=k.blockedSegment;if(null===q){var t=l;if(0!==k.replay.pendingTasks){Of(k.context);try{var u=k.thenableState;k.thenableState=null;Y(t,k,u,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.replay.nodes.length)throw Error(m(488));
-k.replay.pendingTasks--;k.abortSet.delete(k);oh(t,k.blockedBoundary,null)}catch(J){vg();var E=J===Xf?ag():J;if("object"===typeof E&&null!==E&&"function"===typeof E.then){var G=k.ping;E.then(G,G);k.thenableState=wg()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var w=Yg(t,k.componentStack);ih(t,k.blockedBoundary,E,w,k.replay.nodes,k.replay.slots);t.pendingRootTasks--;0===t.pendingRootTasks&&qh(t);t.allPendingTasks--;0===t.allPendingTasks&&rh(t)}}finally{t.renderState.boundaryResources=null}}}else a:{t=
-void 0;var B=q;if(0===B.status){Of(k.context);var ia=B.children.length,Z=B.chunks.length;try{var z=k.thenableState;k.thenableState=null;Y(l,k,z,k.node,k.childIndex);B.lastPushedText&&B.textEmbedded&&B.chunks.push(Ob);k.abortSet.delete(k);B.status=1;oh(l,k.blockedBoundary,B)}catch(J){vg();B.children.length=ia;B.chunks.length=Z;var y=J===Xf?ag():J;if("object"===typeof y&&null!==y){if("function"===typeof y.then){var H=k.ping;y.then(H,H);k.thenableState=wg();break a}if(null!==l.trackedPostpones&&y.$$typeof===
-xf){var ja=l.trackedPostpones;k.abortSet.delete(k);var oa=Yg(l,k.componentStack);l.onPostpone(y.message,oa);kh(l,ja,k,B);oh(l,k.blockedBoundary,B);break a}}var pa=Yg(l,k.componentStack);k.abortSet.delete(k);B.status=4;var N=k.blockedBoundary;"object"===typeof y&&null!==y&&y.$$typeof===xf?(l.onPostpone(y.message,pa),t="POSTPONE"):t=Zg(l,y,pa);null===N?$g(l,y):(N.pendingTasks--,4!==N.status&&(N.status=4,N.errorDigest=t,gh(l,N),N.parentFlushed&&l.clientRenderedBoundaries.push(N)));l.allPendingTasks--;
-0===l.allPendingTasks&&rh(l)}finally{l.renderState.boundaryResources=null}}}}g.splice(0,h);null!==a.destination&&th(a,a.destination)}catch(J){Zg(a,J,{}),$g(a,J)}finally{Hg=f,Kg.current=c,Lg.current=d,c===Ig&&Of(b),W=e}}}
-function uh(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;v(b,Hc);v(b,a.placeholderPrefix);a=A(d.toString(16));v(b,a);return x(b,Ic);case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)v(b,d[f]);e=vh(a,b,e)}for(;f<d.length-1;f++)v(b,d[f]);f<d.length&&(e=x(b,d[f]));return e;default:throw Error(m(390));}}
-function vh(a,b,c){var d=c.boundary;if(null===d)return uh(a,b,c);d.parentFlushed=!0;if(4===d.status)d=d.errorDigest,x(b,Mc),v(b,Oc),d&&(v(b,Qc),v(b,A(I(d))),v(b,Pc)),x(b,Rc),uh(a,b,c);else if(1!==d.status)0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Sc(b,a.renderState,d.rootSegmentID),uh(a,b,c);else if(d.byteSize>a.progressiveChunkSize)d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Sc(b,a.renderState,d.rootSegmentID),
-uh(a,b,c);else{c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach(af,e),c.stylesheets.forEach(bf,e));x(b,Jc);d=d.completedSegments;if(1!==d.length)throw Error(m(391));vh(a,b,d[0])}return x(b,Nc)}function wh(a,b,c){nd(b,a.renderState,c.parentFormatContext,c.id);vh(a,b,c);return od(b,c.parentFormatContext)}
-function xh(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)yh(a,b,c,d[e]);d.length=0;Fe(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(v(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,v(b,512<xd.byteLength?xd.slice():xd)):0===(d.instructions&8)?(d.instructions|=8,v(b,yd)):v(b,zd):0===(d.instructions&2)?(d.instructions|=
-2,v(b,vd)):v(b,wd)):f?v(b,Fd):v(b,Ed);d=A(e.toString(16));v(b,a.boundaryPrefix);v(b,d);g?v(b,Ad):v(b,Gd);v(b,a.segmentPrefix);v(b,d);f?g?(v(b,Bd),Ue(b,c)):(v(b,ie),Ve(b,c)):g&&v(b,Cd);d=g?x(b,Dd):x(b,bb);return Gc(b,a)&&d}
-function yh(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error(m(392));return wh(a,b,d)}if(e===c.rootSegmentID)return wh(a,b,d);wh(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(v(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,v(b,pd)):v(b,qd)):v(b,td);v(b,a.segmentPrefix);e=A(e.toString(16));v(b,e);d?v(b,rd):v(b,ud);v(b,a.placeholderPrefix);v(b,e);b=d?x(b,sd):x(b,bb);return b}
-function th(a,b){n=new Uint8Array(512);r=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var l=e.htmlChunks,p=e.headChunks;f=0;if(l){for(f=0;f<l.length;f++)v(b,l[f]);if(p)for(f=0;f<p.length;f++)v(b,p[f]);else v(b,
-V("head")),v(b,U)}else if(p)for(f=0;f<p.length;f++)v(b,p[f]);var q=e.charsetChunks;for(f=0;f<q.length;f++)v(b,q[f]);q.length=0;e.preconnects.forEach(Ge,b);e.preconnects.clear();var t=e.preconnectChunks;for(f=0;f<t.length;f++)v(b,t[f]);t.length=0;e.fontPreloads.forEach(Ge,b);e.fontPreloads.clear();e.highImagePreloads.forEach(Ge,b);e.highImagePreloads.clear();e.styles.forEach(Ne,b);var u=e.importMapChunks;for(f=0;f<u.length;f++)v(b,u[f]);u.length=0;e.bootstrapScripts.forEach(Ge,b);e.scripts.forEach(Ge,
-b);e.scripts.clear();e.bulkPreloads.forEach(Ge,b);e.bulkPreloads.clear();var E=e.preloadChunks;for(f=0;f<E.length;f++)v(b,E[f]);E.length=0;var G=e.hoistableChunks;for(f=0;f<G.length;f++)v(b,G[f]);G.length=0;l&&null===p&&v(b,oc("head"));vh(a,b,d);a.completedRootSegment=null;Gc(b,a.renderState)}else return;var w=a.renderState;d=0;w.preconnects.forEach(Ge,b);w.preconnects.clear();var B=w.preconnectChunks;for(d=0;d<B.length;d++)v(b,B[d]);B.length=0;w.fontPreloads.forEach(Ge,b);w.fontPreloads.clear();
-w.highImagePreloads.forEach(Ge,b);w.highImagePreloads.clear();w.styles.forEach(Pe,b);w.scripts.forEach(Ge,b);w.scripts.clear();w.bulkPreloads.forEach(Ge,b);w.bulkPreloads.clear();var ia=w.preloadChunks;for(d=0;d<ia.length;d++)v(b,ia[d]);ia.length=0;var Z=w.hoistableChunks;for(d=0;d<Z.length;d++)v(b,Z[d]);Z.length=0;var z=a.clientRenderedBoundaries;for(c=0;c<z.length;c++){var y=z[c];w=b;var H=a.resumableState,ja=a.renderState,oa=y.rootSegmentID,pa=y.errorDigest,N=y.errorMessage,J=y.errorComponentStack,
-qa=0===H.streamingFormat;qa?(v(w,ja.startInlineScript),0===(H.instructions&4)?(H.instructions|=4,v(w,je)):v(w,ke)):v(w,oe);v(w,ja.boundaryPrefix);v(w,A(oa.toString(16)));qa&&v(w,le);if(pa||N||J)qa?(v(w,me),v(w,A(te(pa||"")))):(v(w,pe),v(w,A(I(pa||""))));if(N||J)qa?(v(w,me),v(w,A(te(N||"")))):(v(w,qe),v(w,A(I(N||""))));J&&(qa?(v(w,me),v(w,A(te(J)))):(v(w,re),v(w,A(I(J)))));if(qa?!x(w,ne):!x(w,bb)){a.destination=null;c++;z.splice(0,c);return}}z.splice(0,c);var Ea=a.completedBoundaries;for(c=0;c<Ea.length;c++)if(!xh(a,
-b,Ea[c])){a.destination=null;c++;Ea.splice(0,c);return}Ea.splice(0,c);fa(b);n=new Uint8Array(512);r=0;var wa=a.partialBoundaries;for(c=0;c<wa.length;c++){var xa=wa[c];a:{z=a;y=b;z.renderState.boundaryResources=xa.resources;var ya=xa.completedSegments;for(H=0;H<ya.length;H++)if(!yh(z,y,xa,ya[H])){H++;ya.splice(0,H);var Ra=!1;break a}ya.splice(0,H);Ra=Fe(y,xa.resources,z.renderState)}if(!Ra){a.destination=null;c++;wa.splice(0,c);return}}wa.splice(0,c);var ka=a.completedBoundaries;for(c=0;c<ka.length;c++)if(!xh(a,
-b,ka[c])){a.destination=null;c++;ka.splice(0,c);return}ka.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&v(b,oc("body")),c.hasHtml&&v(b,oc("html"))),fa(b),b.close(),a.destination=null):fa(b)}}function zh(a){a.flushScheduled=null!==a.destination;Vg(a);null===a.trackedPostpones&&sh(a,0===a.pendingRootTasks)}
-function Ye(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?th(a,b):a.flushScheduled=!1}}function Ah(a,b){if(1===a.status)a.status=2,ma(b,a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{th(a,b)}catch(c){Zg(a,c,{}),$g(a,c)}}}
-function Bh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(m(432)):b;c.forEach(function(e){return ph(e,a,d)});c.clear()}null!==a.destination&&th(a,a.destination)}catch(e){Zg(a,e,{}),$g(a,e)}}function lh(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),lh(e,b[0],c));e[2].push(a)}}
-function Ch(a){var b=a.trackedPostpones;if(null===b||0===b.rootNodes.length&&null===b.rootSlots)return a.trackedPostpones=null;if(null!==a.completedRootSegment&&5===a.completedRootSegment.status){var c=a.resumableState,d=a.renderState;c.nextFormID=0;c.hasBody=!1;c.hasHtml=!1;c.unknownResources={font:d.resets.font};c.dnsResources=d.resets.dns;c.connectResources=d.resets.connect;c.imageResources=d.resets.image;c.styleResources=d.resets.style;c.scriptResources={};c.moduleUnknownResources={};c.moduleScriptResources=
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),wb=/["'&<>]/;
+function J(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=wb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var xb=/([A-Z])/g,yb=/^ms-/,zb=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ab={pending:!1,data:null,method:null,action:null},Bb=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Ub={prefetchDNS:Cb,preconnect:Db,preload:Eb,preloadModule:Fb,preinitStyle:Rb,preinitScript:Sb,preinitModuleScript:Tb},Vb=[],Wb=C('"></template>'),Xb=C("<script>"),Yb=C("\x3c/script>"),Zb=C('<script src="'),$b=C('<script type="module" src="'),ac=C('" nonce="'),bc=C('" integrity="'),cc=C('" crossorigin="'),
+dc=C('" async="">\x3c/script>'),ec=/(<\/|<)(s)(cript)/gi;function fc(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var gc=C('<script type="importmap">'),hc=C("\x3c/script>");
+function ic(a,b,c,d,e,f){var g=void 0===b?Xb:C('<script nonce="'+J(b)+'">'),h=a.idPrefix,k=[],m=null,q=a.bootstrapScriptContent,n=a.bootstrapScripts,t=a.bootstrapModules;void 0!==q&&k.push(g,z((""+q).replace(ec,fc)),Yb);void 0!==c&&("string"===typeof c?(m={src:c,chunks:[]},jc(m.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(m={src:c.src,chunks:[]},jc(m.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(gc),c.push(z((""+JSON.stringify(d)).replace(ec,fc))),c.push(hc));
+d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:C(h+"P:"),segmentPrefix:C(h+"S:"),boundaryPrefix:C(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:m,bootstrapChunks:k,importMapChunks:c,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:new Set,fontPreloads:new Set,
+highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,hoistableState:null,stylesToHoist:!1};if(void 0!==n)for(g=0;g<n.length;g++)c=n[g],d=m=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=m="string"===typeof c||null==c.crossOrigin?
+void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,q=h,c.scriptResources[q]=null,c.moduleScriptResources[q]=null,c=[],N(c,f),e.bootstrapScripts.add(c),k.push(Zb,z(J(h))),b&&k.push(ac,z(J(b))),"string"===typeof d&&k.push(bc,z(J(d))),"string"===typeof m&&k.push(cc,z(J(m))),k.push(dc);if(void 0!==t)for(n=0;n<t.length;n++)f=t[n],m=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=m="string"===typeof f.integrity?f.integrity:
+void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],N(f,d),e.bootstrapScripts.add(f),k.push($b,z(J(g))),b&&k.push(ac,z(J(b))),"string"===typeof m&&k.push(bc,z(J(m))),"string"===typeof h&&k.push(cc,z(J(h))),k.push(dc);return e}
+function kc(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function O(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function lc(a){return O("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
+function mc(a,b,c){switch(b){case "noscript":return O(2,null,a.tagScope|1);case "select":return O(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return O(3,null,a.tagScope);case "picture":return O(2,null,a.tagScope|2);case "math":return O(4,null,a.tagScope);case "foreignObject":return O(2,null,a.tagScope);case "table":return O(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return O(6,null,a.tagScope);case "colgroup":return O(8,null,a.tagScope);case "tr":return O(7,null,a.tagScope)}return 5<=
+a.insertionMode?O(2,null,a.tagScope):0===a.insertionMode?"html"===b?O(1,null,a.tagScope):O(2,null,a.tagScope):1===a.insertionMode?O(2,null,a.tagScope):a}var nc=C("\x3c!-- --\x3e");function oc(a,b,c,d){if(""===b)return d;d&&a.push(nc);a.push(z(J(b)));return!0}var pc=new Map,qc=C(' style="'),rc=C(":"),sc=C(";");
+function tc(a,b){if("object"!==typeof b)throw Error(l(62));var c=!0,d;for(d in b)if(F.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=z(J(d));e=z(J((""+e).trim()))}else f=pc.get(d),void 0===f&&(f=C(J(d.replace(xb,"-$1").toLowerCase().replace(yb,"-ms-"))),pc.set(d,f)),e="number"===typeof e?0===e||ub.has(d)?z(""+e):z(e+"px"):z(J((""+e).trim()));c?(c=!1,a.push(qc,f,rc,e)):a.push(sc,f,rc,e)}}c||a.push(uc)}var P=C(" "),vc=C('="'),uc=C('"'),wc=C('=""');
+function Mc(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,z(b),wc)}function T(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(P,z(b),vc,z(J(c)),uc)}function Nc(a){var b=a.nextFormID++;return a.idPrefix+b}var Oc=C(J("javascript:throw new Error('React form unexpectedly submitted.')")),Pc=C('<input type="hidden"');function Qc(a,b){this.push(Pc);if("string"!==typeof a)throw Error(l(480));T(this,"name",b);T(this,"value",a);this.push(Rc)}
+function Sc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Nc(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(P,z("formAction"),vc,Oc,uc),g=f=e=d=h=null,Tc(b,c)));null!=h&&U(a,"name",h);null!=d&&U(a,"formAction",d);null!=e&&U(a,"formEncType",e);null!=f&&U(a,"formMethod",f);null!=g&&U(a,"formTarget",g);return k}
+function U(a,b,c){switch(b){case "className":T(a,"class",c);break;case "tabIndex":T(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":T(a,b,c);break;case "style":tc(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(P,z(b),vc,z(J(c)),uc);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":Mc(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(P,z("xlink:href"),vc,z(J(c)),uc);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,z(b),vc,z(J(c)),uc);break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,z(b),wc);break;case "capture":case "download":!0===c?a.push(P,z(b),wc):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,z(b),vc,z(J(c)),uc);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(P,z(b),vc,z(J(c)),uc);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(P,z(b),vc,z(J(c)),uc);break;case "xlinkActuate":T(a,"xlink:actuate",
+c);break;case "xlinkArcrole":T(a,"xlink:arcrole",c);break;case "xlinkRole":T(a,"xlink:role",c);break;case "xlinkShow":T(a,"xlink:show",c);break;case "xlinkTitle":T(a,"xlink:title",c);break;case "xlinkType":T(a,"xlink:type",c);break;case "xmlBase":T(a,"xml:base",c);break;case "xmlLang":T(a,"xml:lang",c);break;case "xmlSpace":T(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=vb.get(b)||b,nb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(P,z(b),vc,z(J(c)),uc)}}}var V=C(">"),Rc=C("/>");function Uc(a,b,c){if(null!=b){if(null!=c)throw Error(l(60));if("object"!==typeof b||!("__html"in b))throw Error(l(61));b=b.__html;null!==b&&void 0!==b&&a.push(z(""+b))}}function Vc(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var Wc=C(' selected=""'),Xc=C('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});');
+function Tc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,Xc,Yb))}var Yc=C("\x3c!--F!--\x3e"),Zc=C("\x3c!--F--\x3e");function N(a,b){a.push(W("link"));for(var c in b)if(F.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"link"));default:U(a,c,d)}}a.push(Rc);return null}
+function $c(a,b,c){a.push(W(c));for(var d in b)if(F.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,c));default:U(a,d,e)}}a.push(Rc);return null}
+function ad(a,b){a.push(W("title"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:U(a,e,f)}}a.push(V);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(z(J(""+b)));Uc(a,d,c);a.push(bd("title"));return null}
+function jc(a,b){a.push(W("script"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:U(a,e,f)}}a.push(V);Uc(a,d,c);"string"===typeof c&&a.push(z(J(c)));a.push(bd("script"));return null}
+function cd(a,b,c){a.push(W(c));var d=c=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:U(a,e,f)}}a.push(V);Uc(a,d,c);return"string"===typeof c?(a.push(z(J(c))),null):c}var dd=C("\n"),ed=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,fd=new Map;function W(a){var b=fd.get(a);if(void 0===b){if(!ed.test(a))throw Error(l(65,a));b=C("<"+a);fd.set(a,b)}return b}var gd=C("<!DOCTYPE html>");
+function hd(a,b,c,d,e,f,g,h,k){switch(b){case "div":case "span":case "svg":case "path":break;case "a":a.push(W("a"));var m=null,q=null,n;for(n in c)if(F.call(c,n)){var t=c[n];if(null!=t)switch(n){case "children":m=t;break;case "dangerouslySetInnerHTML":q=t;break;case "href":""===t?T(a,"href",""):U(a,n,t);break;default:U(a,n,t)}}a.push(V);Uc(a,q,m);if("string"===typeof m){a.push(z(J(m)));var v=null}else v=m;return v;case "g":case "p":case "li":break;case "select":a.push(W("select"));var A=null,y=null,
+w;for(w in c)if(F.call(c,w)){var H=c[w];if(null!=H)switch(w){case "children":A=H;break;case "dangerouslySetInnerHTML":y=H;break;case "defaultValue":case "value":break;default:U(a,w,H)}}a.push(V);Uc(a,y,A);return A;case "option":var E=g.selectedValue;a.push(W("option"));var K=null,Q=null,B=null,G=null,R;for(R in c)if(F.call(c,R)){var I=c[R];if(null!=I)switch(R){case "children":K=I;break;case "selected":B=I;break;case "dangerouslySetInnerHTML":G=I;break;case "value":Q=I;default:U(a,R,I)}}if(null!=E){var Ea=
+null!==Q?""+Q:Vc(K);if(Qa(E))for(var pa=0;pa<E.length;pa++){if(""+E[pa]===Ea){a.push(Wc);break}}else""+E===Ea&&a.push(Wc)}else B&&a.push(Wc);a.push(V);Uc(a,G,K);return K;case "textarea":a.push(W("textarea"));var L=null,xa=null,fa=null,qa;for(qa in c)if(F.call(c,qa)){var la=c[qa];if(null!=la)switch(qa){case "children":fa=la;break;case "value":L=la;break;case "defaultValue":xa=la;break;case "dangerouslySetInnerHTML":throw Error(l(91));default:U(a,qa,la)}}null===L&&null!==xa&&(L=xa);a.push(V);if(null!=
+fa){if(null!=L)throw Error(l(92));if(Qa(fa)){if(1<fa.length)throw Error(l(93));L=""+fa[0]}L=""+fa}"string"===typeof L&&"\n"===L[0]&&a.push(dd);null!==L&&a.push(z(J(""+L)));return null;case "input":a.push(W("input"));var db=null,Fa=null,$d=null,ae=null,be=null,xc=null,yc=null,zc=null,Ac=null,eb;for(eb in c)if(F.call(c,eb)){var ha=c[eb];if(null!=ha)switch(eb){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"input"));case "name":db=ha;break;case "formAction":Fa=ha;break;case "formEncType":$d=
+ha;break;case "formMethod":ae=ha;break;case "formTarget":be=ha;break;case "defaultChecked":Ac=ha;break;case "defaultValue":yc=ha;break;case "checked":zc=ha;break;case "value":xc=ha;break;default:U(a,eb,ha)}}var ce=Sc(a,d,e,Fa,$d,ae,be,db);null!==zc?Mc(a,"checked",zc):null!==Ac&&Mc(a,"checked",Ac);null!==xc?U(a,"value",xc):null!==yc&&U(a,"value",yc);a.push(Rc);null!==ce&&ce.forEach(Qc,a);return null;case "button":a.push(W("button"));var fb=null,de=null,ee=null,fe=null,ge=null,he=null,ie=null,gb;for(gb in c)if(F.call(c,
+gb)){var ra=c[gb];if(null!=ra)switch(gb){case "children":fb=ra;break;case "dangerouslySetInnerHTML":de=ra;break;case "name":ee=ra;break;case "formAction":fe=ra;break;case "formEncType":ge=ra;break;case "formMethod":he=ra;break;case "formTarget":ie=ra;break;default:U(a,gb,ra)}}var je=Sc(a,d,e,fe,ge,he,ie,ee);a.push(V);null!==je&&je.forEach(Qc,a);Uc(a,de,fb);if("string"===typeof fb){a.push(z(J(fb)));var ke=null}else ke=fb;return ke;case "form":a.push(W("form"));var hb=null,le=null,ya=null,ib=null,jb=
+null,kb=null,lb;for(lb in c)if(F.call(c,lb)){var za=c[lb];if(null!=za)switch(lb){case "children":hb=za;break;case "dangerouslySetInnerHTML":le=za;break;case "action":ya=za;break;case "encType":ib=za;break;case "method":jb=za;break;case "target":kb=za;break;default:U(a,lb,za)}}var Bc=null,Cc=null;if("function"===typeof ya)if("function"===typeof ya.$$FORM_ACTION){var $f=Nc(d),Ra=ya.$$FORM_ACTION($f);ya=Ra.action||"";ib=Ra.encType;jb=Ra.method;kb=Ra.target;Bc=Ra.data;Cc=Ra.name}else a.push(P,z("action"),
+vc,Oc,uc),kb=jb=ib=ya=null,Tc(d,e);null!=ya&&U(a,"action",ya);null!=ib&&U(a,"encType",ib);null!=jb&&U(a,"method",jb);null!=kb&&U(a,"target",kb);a.push(V);null!==Cc&&(a.push(Pc),T(a,"name",Cc),a.push(Rc),null!==Bc&&Bc.forEach(Qc,a));Uc(a,le,hb);if("string"===typeof hb){a.push(z(J(hb)));var me=null}else me=hb;return me;case "menuitem":a.push(W("menuitem"));for(var Gb in c)if(F.call(c,Gb)){var ne=c[Gb];if(null!=ne)switch(Gb){case "children":case "dangerouslySetInnerHTML":throw Error(l(400));default:U(a,
+Gb,ne)}}a.push(V);return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Dc=ad(a,c);else k?Dc=null:(ad(e.hoistableChunks,c),Dc=void 0);return Dc;case "link":var ag=c.rel,Aa=c.href,Hb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof ag||"string"!==typeof Aa||""===Aa){N(a,c);var mb=null}else if("stylesheet"===c.rel)if("string"!==typeof Hb||null!=c.disabled||c.onLoad||c.onError)mb=N(a,c);else{var Sa=e.styles.get(Hb),Ib=d.styleResources.hasOwnProperty(Aa)?
+d.styleResources[Aa]:void 0;if(null!==Ib){d.styleResources[Aa]=null;Sa||(Sa={precedence:z(J(Hb)),rules:[],hrefs:[],sheets:new Map},e.styles.set(Hb,Sa));var Jb={state:0,props:D({},c,{"data-precedence":c.precedence,precedence:null})};if(Ib){2===Ib.length&&id(Jb.props,Ib);var Ec=e.preloads.stylesheets.get(Aa);Ec&&0<Ec.length?Ec.length=0:Jb.state=1}Sa.sheets.set(Aa,Jb);f&&f.stylesheets.add(Jb)}else if(Sa){var oe=Sa.sheets.get(Aa);oe&&f&&f.stylesheets.add(oe)}h&&a.push(nc);mb=null}else c.onLoad||c.onError?
+mb=N(a,c):(h&&a.push(nc),mb=k?null:N(e.hoistableChunks,c));return mb;case "script":var Fc=c.async;if("string"!==typeof c.src||!c.src||!Fc||"function"===typeof Fc||"symbol"===typeof Fc||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var pe=jc(a,c);else{var Kb=c.src;if("module"===c.type){var Lb=d.moduleScriptResources;var qe=e.preloads.moduleScripts}else Lb=d.scriptResources,qe=e.preloads.scripts;var Mb=Lb.hasOwnProperty(Kb)?Lb[Kb]:void 0;if(null!==Mb){Lb[Kb]=null;var Gc=c;
+if(Mb){2===Mb.length&&(Gc=D({},c),id(Gc,Mb));var re=qe.get(Kb);re&&(re.length=0)}var se=[];e.scripts.add(se);jc(se,Gc)}h&&a.push(nc);pe=null}return pe;case "style":var Nb=c.precedence,Ga=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Nb||"string"!==typeof Ga||""===Ga){a.push(W("style"));var Ta=null,te=null,ob;for(ob in c)if(F.call(c,ob)){var Ob=c[ob];if(null!=Ob)switch(ob){case "children":Ta=Ob;break;case "dangerouslySetInnerHTML":te=Ob;break;default:U(a,ob,Ob)}}a.push(V);
+var pb=Array.isArray(Ta)?2>Ta.length?Ta[0]:null:Ta;"function"!==typeof pb&&"symbol"!==typeof pb&&null!==pb&&void 0!==pb&&a.push(z(J(""+pb)));Uc(a,te,Ta);a.push(bd("style"));var ue=null}else{var Ha=e.styles.get(Nb);if(null!==(d.styleResources.hasOwnProperty(Ga)?d.styleResources[Ga]:void 0)){d.styleResources[Ga]=null;Ha?Ha.hrefs.push(z(J(Ga))):(Ha={precedence:z(J(Nb)),rules:[],hrefs:[z(J(Ga))],sheets:new Map},e.styles.set(Nb,Ha));var ve=Ha.rules,Ua=null,we=null,Pb;for(Pb in c)if(F.call(c,Pb)){var Hc=
+c[Pb];if(null!=Hc)switch(Pb){case "children":Ua=Hc;break;case "dangerouslySetInnerHTML":we=Hc}}var qb=Array.isArray(Ua)?2>Ua.length?Ua[0]:null:Ua;"function"!==typeof qb&&"symbol"!==typeof qb&&null!==qb&&void 0!==qb&&ve.push(z(J(""+qb)));Uc(ve,we,Ua)}Ha&&f&&f.styles.add(Ha);h&&a.push(nc);ue=void 0}return ue;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var xe=$c(a,c,"meta");else h&&a.push(nc),xe=k?null:"string"===typeof c.charSet?$c(e.charsetChunks,c,"meta"):"viewport"===c.name?
+$c(e.viewportChunks,c,"meta"):$c(e.hoistableChunks,c,"meta");return xe;case "listing":case "pre":a.push(W(b));var rb=null,sb=null,tb;for(tb in c)if(F.call(c,tb)){var Qb=c[tb];if(null!=Qb)switch(tb){case "children":rb=Qb;break;case "dangerouslySetInnerHTML":sb=Qb;break;default:U(a,tb,Qb)}}a.push(V);if(null!=sb){if(null!=rb)throw Error(l(60));if("object"!==typeof sb||!("__html"in sb))throw Error(l(61));var Ia=sb.__html;null!==Ia&&void 0!==Ia&&("string"===typeof Ia&&0<Ia.length&&"\n"===Ia[0]?a.push(dd,
+z(Ia)):a.push(z(""+Ia)))}"string"===typeof rb&&"\n"===rb[0]&&a.push(dd);return rb;case "img":var S=c.src,M=c.srcSet;if(!("lazy"===c.loading||!S&&!M||"string"!==typeof S&&null!=S||"string"!==typeof M&&null!=M)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof S||":"!==S[4]||"d"!==S[0]&&"D"!==S[0]||"a"!==S[1]&&"A"!==S[1]||"t"!==S[2]&&"T"!==S[2]||"a"!==S[3]&&"A"!==S[3])&&("string"!==typeof M||":"!==M[4]||"d"!==M[0]&&"D"!==M[0]||"a"!==M[1]&&"A"!==M[1]||"t"!==M[2]&&"T"!==M[2]||"a"!==
+M[3]&&"A"!==M[3])){var ye="string"===typeof c.sizes?c.sizes:void 0,Va=M?M+"\n"+(ye||""):S,Ic=e.preloads.images,Ja=Ic.get(Va);if(Ja){if("high"===c.fetchPriority||10>e.highImagePreloads.size)Ic.delete(Va),e.highImagePreloads.add(Ja)}else if(!d.imageResources.hasOwnProperty(Va)){d.imageResources[Va]=Vb;var Jc=c.crossOrigin;var ze="string"===typeof Jc?"use-credentials"===Jc?Jc:"":void 0;var ma=e.headers,Kc;ma&&0<ma.remainingCapacity&&("high"===c.fetchPriority||500>ma.highImagePreloads.length)&&(Kc=jd(S,
+"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:ze,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ma.remainingCapacity-=Kc.length))?(e.resets.image[Va]=Vb,ma.highImagePreloads&&(ma.highImagePreloads+=", "),ma.highImagePreloads+=Kc):(Ja=[],N(Ja,{rel:"preload",as:"image",href:M?void 0:S,imageSrcSet:M,imageSizes:ye,crossOrigin:ze,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),
+"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ja):(e.bulkPreloads.add(Ja),Ic.set(Va,Ja)))}}return $c(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return $c(a,c,b);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":break;case "head":if(2>g.insertionMode&&
+null===e.headChunks){e.headChunks=[];var Ae=cd(e.headChunks,c,"head")}else Ae=cd(a,c,"head");return Ae;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[gd];var Be=cd(e.htmlChunks,c,"html")}else Be=cd(a,c,"html");return Be;default:if(-1!==b.indexOf("-")){a.push(W(b));var Lc=null,Ce=null,Wa;for(Wa in c)if(F.call(c,Wa)){var ia=c[Wa];if(null!=ia){var De=Wa;switch(Wa){case "children":Lc=ia;break;case "dangerouslySetInnerHTML":Ce=ia;break;case "style":tc(a,ia);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "className":De="class";default:if(nb(Wa)&&"function"!==typeof ia&&"symbol"!==typeof ia&&!1!==ia){if(!0===ia)ia="";else if("object"===typeof ia)continue;a.push(P,z(De),vc,z(J(ia)),uc)}}}}a.push(V);Uc(a,Ce,Lc);return Lc}}return cd(a,c,b)}var kd=new Map;function bd(a){var b=kd.get(a);void 0===b&&(b=C("</"+a+">"),kd.set(a,b));return b}function ld(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)u(a,b[c]);return c<b.length?(c=b[c],b.length=0,x(a,c)):!0}
+var md=C('<template id="'),nd=C('"></template>'),od=C("\x3c!--$--\x3e"),pd=C('\x3c!--$?--\x3e<template id="'),qd=C('"></template>'),rd=C("\x3c!--$!--\x3e"),sd=C("\x3c!--/$--\x3e"),td=C("<template"),ud=C('"'),vd=C(' data-dgst="');C(' data-msg="');C(' data-stck="');var wd=C("></template>");function xd(a,b,c){u(a,pd);if(null===c)throw Error(l(395));u(a,b.boundaryPrefix);u(a,z(c.toString(16)));return x(a,qd)}
+var yd=C('<div hidden id="'),zd=C('">'),Ad=C("</div>"),Bd=C('<svg aria-hidden="true" style="display:none" id="'),Cd=C('">'),Dd=C("</svg>"),Ed=C('<math aria-hidden="true" style="display:none" id="'),Fd=C('">'),Gd=C("</math>"),Hd=C('<table hidden id="'),Id=C('">'),Jd=C("</table>"),Kd=C('<table hidden><tbody id="'),Ld=C('">'),Md=C("</tbody></table>"),Nd=C('<table hidden><tr id="'),Od=C('">'),Pd=C("</tr></table>"),Qd=C('<table hidden><colgroup id="'),Rd=C('">'),Sd=C("</colgroup></table>");
+function Td(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return u(a,yd),u(a,b.segmentPrefix),u(a,z(d.toString(16))),x(a,zd);case 3:return u(a,Bd),u(a,b.segmentPrefix),u(a,z(d.toString(16))),x(a,Cd);case 4:return u(a,Ed),u(a,b.segmentPrefix),u(a,z(d.toString(16))),x(a,Fd);case 5:return u(a,Hd),u(a,b.segmentPrefix),u(a,z(d.toString(16))),x(a,Id);case 6:return u(a,Kd),u(a,b.segmentPrefix),u(a,z(d.toString(16))),x(a,Ld);case 7:return u(a,Nd),u(a,b.segmentPrefix),u(a,z(d.toString(16))),x(a,Od);
+case 8:return u(a,Qd),u(a,b.segmentPrefix),u(a,z(d.toString(16))),x(a,Rd);default:throw Error(l(397));}}function Ud(a,b){switch(b.insertionMode){case 0:case 1:case 2:return x(a,Ad);case 3:return x(a,Dd);case 4:return x(a,Gd);case 5:return x(a,Jd);case 6:return x(a,Md);case 7:return x(a,Pd);case 8:return x(a,Sd);default:throw Error(l(397));}}
+var Vd=C('$RS=function(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("'),Wd=C('$RS("'),Xd=C('","'),Yd=C('")\x3c/script>'),Zd=C('<template data-rsi="" data-sid="'),Ee=C('" data-pid="'),Fe=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
+Ge=C('$RC("'),He=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Ie=C('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Je=C('$RR("'),Ke=C('","'),Le=C('",'),Me=C('"'),Ne=C(")\x3c/script>"),Oe=C('<template data-rci="" data-bid="'),Pe=C('<template data-rri="" data-bid="'),Qe=C('" data-sid="'),Re=C('" data-sty="'),Se=C('$RX=function(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("'),Te=C('$RX("'),Ue=C('"'),Ve=C(","),We=C(")\x3c/script>"),Xe=C('<template data-rxi="" data-bid="'),Ye=C('" data-dgst="'),
+Ze=C('" data-msg="'),$e=C('" data-stck="'),af=/[<\u2028\u2029]/g;function bf(a){return JSON.stringify(a).replace(af,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var cf=/[&><\u2028\u2029]/g;
+function df(a){return JSON.stringify(a).replace(cf,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
+var ef=C('<style media="not all" data-precedence="'),ff=C('" data-href="'),gf=C('">'),hf=C("</style>"),jf=!1,kf=!0;function lf(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){u(this,ef);u(this,a.precedence);for(u(this,ff);d<c.length-1;d++)u(this,c[d]),u(this,mf);u(this,c[d]);u(this,gf);for(d=0;d<b.length;d++)u(this,b[d]);kf=x(this,hf);jf=!0;b.length=0;c.length=0}}function nf(a){return 2!==a.state?jf=!0:!1}
+function of(a,b,c){jf=!1;kf=!0;b.styles.forEach(lf,a);b.stylesheets.forEach(nf);jf&&(c.stylesToHoist=!0);return kf}function pf(a){for(var b=0;b<a.length;b++)u(this,a[b]);a.length=0}var qf=[];function rf(a){N(qf,a.props);for(var b=0;b<qf.length;b++)u(this,qf[b]);qf.length=0;a.state=2}var sf=C('<style data-precedence="'),tf=C('" data-href="'),mf=C(" "),uf=C('">'),vf=C("</style>");
+function wf(a){var b=0<a.sheets.size;a.sheets.forEach(rf,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){u(this,sf);u(this,a.precedence);a=0;if(d.length){for(u(this,tf);a<d.length-1;a++)u(this,d[a]),u(this,mf);u(this,d[a])}u(this,uf);for(a=0;a<c.length;a++)u(this,c[a]);u(this,vf);c.length=0;d.length=0}}
+function xf(a){if(0===a.state){a.state=1;var b=a.props;N(qf,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<qf.length;a++)u(this,qf[a]);qf.length=0}}function yf(a){a.sheets.forEach(xf,this);a.sheets.clear()}var zf=C("["),Af=C(",["),Bf=C(","),Cf=C("]");
+function Df(a,b){u(a,zf);var c=zf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,z(df(""+d.props.href))),u(a,Cf),c=Af;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,z(df(""+d.props.href)));e=""+e;u(a,Bf);u(a,z(df(e)));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"link"));default:a:{e=a;var k=g.toLowerCase();
+switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!nb(g))break a;h=""+h}u(e,Bf);u(e,z(df(k)));u(e,Bf);u(e,z(df(h)))}}}u(a,Cf);c=Af;d.state=3}});
+u(a,Cf)}
+function Ef(a,b){u(a,zf);var c=zf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,z(J(JSON.stringify(""+d.props.href)))),u(a,Cf),c=Af;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,z(J(JSON.stringify(""+d.props.href))));e=""+e;u(a,Bf);u(a,z(J(JSON.stringify(e))));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"link"));
+default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!nb(g))break a;h=""+h}u(e,Bf);u(e,z(J(JSON.stringify(k))));
+u(e,Bf);u(e,z(J(JSON.stringify(h))))}}}u(a,Cf);c=Af;d.state=3}});u(a,Cf)}function Ff(){return{styles:new Set,stylesheets:new Set}}
+function Cb(a){var b=X?X:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Gf,Hf)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],N(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}If(b)}}}
+function Db(a,b){var c=X?X:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Gf,Hf)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(Jf,Kf);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],N(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}If(c)}}}
+function Eb(a,b,c){var d=X?X:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=Vb;e=f.headers;var q;e&&0<e.remainingCapacity&&"high"===k&&(q=jd(a,b,c),2<=(e.remainingCapacity-=q.length))?(f.resets.image[m]=Vb,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=q):(e=[],N(e,D({rel:"preload",href:g?
+void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];N(g,D({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?Vb:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+N(g,D({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?Vb:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=Vb;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=jd(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=Vb,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=
+[],a=D({rel:"preload",href:a,as:b},c),N(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}If(d)}}}
+function Fb(a,b){var c=X?X:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?Vb:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=Vb}N(f,D({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);If(c)}}}
+function Rb(a,b,c){var d=X?X:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:z(J(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:D({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&id(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),If(d))}}}
+function Sb(a,b){var c=X?X:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=D({src:a,async:!0},b),f&&(2===f.length&&id(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),jc(a,b),If(c))}}}
+function Tb(a,b){var c=X?X:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=D({src:a,type:"module",async:!0},b),f&&(2===f.length&&id(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),jc(a,b),If(c))}}}function id(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function jd(a,b,c){a=(""+a).replace(Gf,Hf);b=(""+b).replace(Jf,Kf);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)F.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Jf,Kf)+'"'));return b}var Gf=/[<>\r\n]/g;
+function Hf(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Jf=/["';,\r\n]/g;
+function Kf(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Lf(a){this.styles.add(a)}function Mf(a){this.stylesheets.add(a)}var Nf=Symbol.for("react.client.reference");
+function Of(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Nf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ea:return"Fragment";case da:return"Portal";case ka:return"Profiler";case ja:return"StrictMode";case ua:return"Suspense";case va:return"SuspenseList";case Ma:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case na:return(a._context.displayName||"Context")+".Provider";case sa:return(a.displayName||"Context")+".Consumer";case ta:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case wa:return b=a.displayName||null,null!==b?b:Of(a.type)||"Memo";case Ba:b=a._payload;a=a._init;try{return Of(a(b))}catch(c){}}return null}var Pf={};function Qf(a,b){a=a.contextTypes;if(!a)return Pf;var c={},d;for(d in a)c[d]=b[d];return c}var Rf=null;
+function Sf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(l(401));}else{if(null===c)throw Error(l(401));Sf(a,c)}b.context._currentValue=b.value}}function Tf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Tf(a)}function Uf(a){var b=a.parent;null!==b&&Uf(b);a.context._currentValue=a.value}
+function Vf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error(l(402));a.depth===b.depth?Sf(a,b):Vf(a,b)}function Wf(a,b){var c=b.parent;if(null===c)throw Error(l(402));a.depth===c.depth?Sf(a,c):Wf(a,c);b.context._currentValue=b.value}function Xf(a){var b=Rf;b!==a&&(null===b?Uf(a):null===a?Tf(b):b.depth===a.depth?Sf(b,a):b.depth>a.depth?Vf(b,a):Wf(b,a),Rf=a)}
+var Yf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Zf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Yf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:D({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Yf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=D({},f,h)):D(f,h))}a.state=f}else f.queue=null}
+var bg={id:1,overflow:""};function cg(a,b,c){var d=a.id;a=a.overflow;var e=32-dg(d)-1;d&=~(1<<e);c+=1;var f=32-dg(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-dg(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var dg=Math.clz32?Math.clz32:eg,fg=Math.log,gg=Math.LN2;function eg(a){a>>>=0;return 0===a?32:31-(fg(a)/gg|0)|0}var hg=Error(l(460));function ig(){}
+function jg(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(ig,ig),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}kg=b;throw hg;}}var kg=null;
+function lg(){if(null===kg)throw Error(l(459));var a=kg;kg=null;return a}function mg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var ng="function"===typeof Object.is?Object.is:mg,og=null,pg=null,qg=null,rg=null,sg=null,Y=null,tg=!1,ug=!1,vg=0,wg=0,xg=-1,yg=0,zg=null,Ag=null,Bg=0;function Cg(){if(null===og)throw Error(l(321));return og}function Dg(){if(0<Bg)throw Error(l(312));return{memoizedState:null,queue:null,next:null}}
+function Eg(){null===Y?null===sg?(tg=!1,sg=Y=Dg()):(tg=!0,Y=sg):null===Y.next?(tg=!1,Y=Y.next=Dg()):(tg=!0,Y=Y.next);return Y}function Fg(){var a=zg;zg=null;return a}function Gg(){rg=qg=pg=og=null;ug=!1;sg=null;Bg=0;Y=Ag=null}function Hg(a,b){return"function"===typeof b?b(a):b}
+function Ig(a,b,c){og=Cg();Y=Eg();if(tg){var d=Y.queue;b=d.dispatch;if(null!==Ag&&(c=Ag.get(d),void 0!==c)){Ag.delete(d);d=Y.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);Y.memoizedState=d;return[d,b]}return[Y.memoizedState,b]}a=a===Hg?"function"===typeof b?b():b:void 0!==c?c(b):b;Y.memoizedState=a;a=Y.queue={last:null,dispatch:null};a=a.dispatch=Jg.bind(null,og,a);return[Y.memoizedState,a]}
+function Kg(a,b){og=Cg();Y=Eg();b=void 0===b?null:b;if(null!==Y){var c=Y.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!ng(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();Y.memoizedState=[a,b];return a}function Jg(a,b,c){if(25<=Bg)throw Error(l(301));if(a===og)if(ug=!0,a={action:c,next:null},null===Ag&&(Ag=new Map),c=Ag.get(b),void 0===c)Ag.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
+function Lg(){throw Error(l(440));}function Mg(){throw Error(l(394));}function Ng(){throw Error(l(479));}function Og(a){var b=yg;yg+=1;null===zg&&(zg=[]);return jg(zg,a,b)}function Pg(){throw Error(l(393));}function Qg(){}
+var Sg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Og(a);if(a.$$typeof===sa)return a._currentValue}throw Error(l(438,String(a)));},useContext:function(a){Cg();return a._currentValue},useMemo:Kg,useReducer:Ig,useRef:function(a){og=Cg();Y=Eg();var b=Y.memoizedState;return null===b?(a={current:a},Y.memoizedState=a):b},useState:function(a){return Ig(Hg,a)},useInsertionEffect:Qg,useLayoutEffect:Qg,useCallback:function(a,
+b){return Kg(function(){return a},b)},useImperativeHandle:Qg,useEffect:Qg,useDebugValue:Qg,useDeferredValue:function(a,b){Cg();return void 0!==b?b:a},useTransition:function(){Cg();return[!1,Mg]},useId:function(){var a=pg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-dg(a)-1)).toString(32)+b;var c=Rg;if(null===c)throw Error(l(404));b=vg++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(l(407));return c()},useCacheRefresh:function(){return Pg},
+useEffectEvent:function(){return Lg},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Na;return b},useHostTransitionStatus:function(){Cg();return Ab},useOptimistic:function(a){Cg();return[a,Ng]},useFormState:function(a,b,c){Cg();var d=wg++,e=qg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=rg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0),k===f&&(xg=d,b=e[0]))}var m=
+a.bind(null,b);a=function(n){m(n)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(n){n=m.$$FORM_ACTION(n);void 0!==c&&(c+="",n.action=c);var t=n.data;t&&(null===f&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0)),t.append("$ACTION_KEY",f));return n});return[b,a]}var q=a.bind(null,b);return[b,function(n){q(n)}]}},Rg=null,Tg={getCacheSignal:function(){throw Error(l(248));},getCacheForType:function(){throw Error(l(248));}},Ug;
+function Vg(a){if(void 0===Ug)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Ug=b&&b[1]||""}return"\n"+Ug+a}var Wg=!1;
+function Xg(a,b){if(!a||Wg)return"";Wg=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var n=function(){throw Error();};Object.defineProperty(n.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(v){var t=v}Reflect.construct(a,[],n)}else{try{n.call()}catch(v){t=v}a.call(n.prototype)}}else{try{throw Error();}catch(v){t=v}(n=a())&&"function"===typeof n.catch&&
+n.catch(function(){})}}catch(v){if(v&&t&&"string"===typeof v.stack)return[v.stack,t.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{Wg=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Vg(c):""}
+var Yg=zb.ReactCurrentDispatcher,Zg=zb.ReactCurrentCache;function $g(a){console.error(a);return null}function ah(){}
+function bh(a,b,c,d,e,f,g,h,k,m,q,n){Bb.current=Ub;var t=[],v=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:v,pingedTasks:t,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?$g:f,onPostpone:void 0===q?ah:q,onAllReady:void 0===g?
+ah:g,onShellReady:void 0===h?ah:h,onShellError:void 0===k?ah:k,onFatalError:void 0===m?ah:m,formState:void 0===n?null:n};c=ch(b,0,null,d,!1,!1);c.parentFlushed=!0;a=dh(b,null,a,-1,null,c,null,v,null,d,Pf,null,bg,null,!1);t.push(a);return b}function eh(a,b,c,d,e,f,g,h,k,m,q){a=bh(a,b,c,d,e,f,g,h,k,m,q,void 0);a.trackedPostpones={workingMap:new Map,rootNodes:[],rootSlots:null};return a}
+function fh(a,b,c,d,e,f,g,h,k){Bb.current=Ub;var m=[],q=new Set;c={destination:null,flushScheduled:!1,resumableState:b.resumableState,renderState:c,rootFormatContext:b.rootFormatContext,progressiveChunkSize:b.progressiveChunkSize,status:0,fatalError:null,nextSegmentId:b.nextSegmentId,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:m,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===d?$g:d,onPostpone:void 0===
+k?ah:k,onAllReady:void 0===e?ah:e,onShellReady:void 0===f?ah:f,onShellError:void 0===g?ah:g,onFatalError:void 0===h?ah:h,formState:null};if("number"===typeof b.replaySlots)return d=b.replaySlots,e=ch(c,0,null,b.rootFormatContext,!1,!1),e.id=d,e.parentFlushed=!0,a=dh(c,null,a,-1,null,e,null,q,null,b.rootFormatContext,Pf,null,bg,null,!1),m.push(a),c;a=gh(c,null,{nodes:b.replayNodes,slots:b.replaySlots,pendingTasks:0},a,-1,null,null,q,null,b.rootFormatContext,Pf,null,bg,null,!1);m.push(a);return c}
+var X=null;function hh(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,ih(a))}function jh(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:Ff(),fallbackState:Ff(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function dh(a,b,c,d,e,f,g,h,k,m,q,n,t,v,A){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var y={replay:null,node:c,childIndex:d,ping:function(){return hh(a,y)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:q,context:n,treeContext:t,componentStack:v,thenableState:b,isFallback:A};h.add(y);return y}
+function gh(a,b,c,d,e,f,g,h,k,m,q,n,t,v,A){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var y={replay:c,node:d,childIndex:e,ping:function(){return hh(a,y)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:q,context:n,treeContext:t,componentStack:v,thenableState:b,isFallback:A};h.add(y);return y}
+function ch(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function kh(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function lh(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Vg(b.type,null);break;case 1:a+=Xg(b.type,!1);break;case 2:a+=Xg(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function mh(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function nh(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,$a(a.destination,b)):(a.status=1,a.fatalError=b)}function oh(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;og={};pg=b;qg=a;rg=c;wg=vg=0;xg=-1;yg=0;zg=g;for(a=d(e,f);ug;)ug=!1,wg=vg=0,xg=-1,yg=0,Bg+=1,Y=null,a=d(e,f);Gg();return a}
+function ph(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(l(108,Of(e)||"Unknown",h));e=D({},c,d)}b.legacyContext=e;Z(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,f,-1),b.keyPath=e}
+function qh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push(Yc):k.push(Zc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=cg(c,1,0),rh(a,b,d,-1),b.treeContext=c):h?rh(a,b,d,-1):Z(a,b,d,-1);b.keyPath=f}function sh(a,b){if(a&&a.defaultProps){b=D({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function th(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Qf(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue:g);Zf(h,d,e,g);ph(a,b,c,h,d);b.componentStack=f}else{f=Qf(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=oh(a,b,c,d,e,f);var k=0!==vg,m=wg,q=xg;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Zf(h,d,e,f),ph(a,b,c,h,d)):qh(a,b,c,h,k,m,q);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=kh(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,k=b.keyPath,b.formatContext=mc(h,d,e),b.keyPath=c,rh(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=hd(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;m=b.keyPath;b.formatContext=
+mc(h,d,e);b.keyPath=c;rh(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(bd(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case La:case Da:case ja:case ka:case ea:d=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=d;return;case Ka:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,Z(a,b,e.children,-1),b.keyPath=d);return;case va:d=b.componentStack;b.componentStack=kh(b,"SuspenseList");f=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Ca:throw Error(l(343));case ua:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;try{rh(a,b,c,-1)}finally{b.keyPath=d}}else{var n=
+b.componentStack;d=b.componentStack=kh(b,"Suspense");var t=b.keyPath;f=b.blockedBoundary;var v=b.hoistableState,A=b.blockedSegment;g=e.fallback;var y=e.children;e=new Set;m=jh(a,e);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);q=ch(a,A.chunks.length,m,b.formatContext,!1,!1);A.children.push(q);A.lastPushedText=!1;var w=ch(a,0,null,b.formatContext,!1,!1);w.parentFlushed=!0;b.blockedBoundary=m;b.hoistableState=m.contentState;b.blockedSegment=w;b.keyPath=c;try{if(rh(a,b,y,-1),w.lastPushedText&&
+w.textEmbedded&&w.chunks.push(nc),w.status=1,uh(m,w),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=n;break a}}catch(H){w.status=4,m.status=4,h=lh(a,b.componentStack),"object"===typeof H&&null!==H&&H.$$typeof===Oa?(a.onPostpone(H.message,h),k="POSTPONE"):k=mh(a,H,h),m.errorDigest=k,vh(a,m)}finally{b.blockedBoundary=f,b.hoistableState=v,b.blockedSegment=A,b.keyPath=t,b.componentStack=n}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(n=[h[1],h[2],[],null],k.workingMap.set(h,
+n),5===m.status?k.workingMap.get(c)[4]=n:m.trackedFallbackNode=n);b=dh(a,null,g,-1,f,q,m.fallbackState,e,h,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case ta:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};if("ref"in e)for(g in k={},e)"ref"!==g&&(k[g]=e[g]);else k=e;e=oh(a,b,c,d.render,k,f);qh(a,b,c,e,0!==vg,wg,xg);b.componentStack=h;return;case wa:d=d.type;e=sh(d,
+e);th(a,b,c,d,e,f);return;case na:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue;d._currentValue=e;k=Rf;Rf=e={parent:k,depth:null===k?0:k.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;Z(a,b,g,-1);a=Rf;if(null===a)throw Error(l(403));a.context._currentValue=a.parentValue;a=Rf=a.parent;b.context=a;b.keyPath=f;return;case sa:e=e.children;e=e(d._currentValue);d=b.keyPath;b.keyPath=c;Z(a,b,e,-1);b.keyPath=d;return;case oa:case Ba:f=b.componentStack;b.componentStack=
+kh(b,"Lazy");g=d._init;d=g(d._payload);e=sh(d,e);th(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error(l(130,null==d?d:typeof d,""));}}function wh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=ch(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,rh(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(uh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function Z(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)wh(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case ca:var e=c.type,f=c.key,g=c.props;c=g.ref;var h=void 0!==c?c:null;var k=Of(e),m=null==f?-1===d?0:d:f;f=[b.keyPath,k,m];if(null!==b.replay)a:{var q=b.replay;d=q.nodes;for(c=0;c<d.length;c++){var n=d[c];if(m===n[1]){if(4===n.length){if(null!==k&&k!==n[0])throw Error(l(490,n[0],k));var t=n[2];k=n[3];m=b.node;b.replay=
+{nodes:t,slots:k,pendingTasks:1};try{th(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(l(488));b.replay.pendingTasks--}catch(G){if("object"===typeof G&&null!==G&&(G===hg||"function"===typeof G.then))throw b.node===m&&(b.replay=q),G;b.replay.pendingTasks--;g=lh(a,b.componentStack);xh(a,b.blockedBoundary,G,g,t,k)}b.replay=q}else{if(e!==ua)throw Error(l(490,"Suspense",Of(e)||"Unknown"));b:{e=void 0;h=n[5];q=n[2];k=n[3];m=null===n[4]?[]:n[4][2];n=null===n[4]?null:n[4][3];
+var v=b.componentStack,A=b.componentStack=kh(b,"Suspense"),y=b.keyPath,w=b.replay,H=b.blockedBoundary,E=b.hoistableState,K=g.children;g=g.fallback;var Q=new Set,B=jh(a,Q);B.parentFlushed=!0;B.rootSegmentID=h;b.blockedBoundary=B;b.hoistableState=B.contentState;b.replay={nodes:q,slots:k,pendingTasks:1};try{rh(a,b,K,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(l(488));b.replay.pendingTasks--;if(0===B.pendingTasks&&0===B.status){B.status=1;a.completedBoundaries.push(B);break b}}catch(G){B.status=
+4,t=lh(a,b.componentStack),"object"===typeof G&&null!==G&&G.$$typeof===Oa?(a.onPostpone(G.message,t),e="POSTPONE"):e=mh(a,G,t),B.errorDigest=e,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(B)}finally{b.blockedBoundary=H,b.hoistableState=E,b.replay=w,b.keyPath=y,b.componentStack=v}t=gh(a,null,{nodes:m,slots:n,pendingTasks:0},g,-1,H,B.fallbackState,Q,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,A,!0);a.pingedTasks.push(t)}}d.splice(c,1);break a}}}else th(a,
+b,f,e,g,h);return;case da:throw Error(l(257));case Ba:t=b.componentStack;b.componentStack=kh(b,"Lazy");g=c._init;c=g(c._payload);b.componentStack=t;Z(a,b,c,d);return}if(Qa(c)){yh(a,b,c,d);return}null===c||"object"!==typeof c?t=null:(t=Pa&&c[Pa]||c["@@iterator"],t="function"===typeof t?t:null);if(t&&(t=t.call(c))){c=t.next();if(!c.done){g=[];do g.push(c.value),c=t.next();while(!c.done);yh(a,b,g,d)}return}if("function"===typeof c.then)return b.thenableState=null,Z(a,b,Og(c),d);if(c.$$typeof===sa)return Z(a,
+b,c._currentValue,d);d=Object.prototype.toString.call(c);throw Error(l(31,"[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d));}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=oc(d.chunks,c,a.renderState,d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=oc(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function yh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{yh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(l(488));b.replay.pendingTasks--}catch(q){if("object"===typeof q&&null!==q&&(q===hg||"function"===typeof q.then))throw q;b.replay.pendingTasks--;c=lh(a,b.componentStack);xh(a,b.blockedBoundary,
+q,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=cg(f,g,d);var m=h[d];"number"===typeof m?(wh(a,b,m,k,d),delete h[d]):rh(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=cg(f,g,h),rh(a,b,d,h);b.treeContext=f;b.keyPath=e}
+function zh(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error(l(486));var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,
+d);Ah(d,g[0],b);return}var m=b.workingMap.get(g);void 0===m?(m=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,m),Ah(m,g[0],b)):(g=m,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],Ah(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots={};else{if("number"===typeof a)throw Error(l(491));}else if(f=b.workingMap,
+g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),Ah(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error(l(491));a[c.childIndex]=d.id}}}function vh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function rh(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,q=b.blockedSegment;if(null===q)try{return Z(a,b,c,d)}catch(v){if(Gg(),d=v===hg?lg():v,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=Fg();a=gh(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Xf(g);return}}else{var n=q.children.length,t=q.chunks.length;try{return Z(a,b,c,d)}catch(v){if(Gg(),q.children.length=n,q.chunks.length=t,d=v===hg?lg():v,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=Fg();q=b.blockedSegment;n=ch(a,q.chunks.length,null,b.formatContext,q.lastPushedText,!0);q.children.push(n);q.lastPushedText=!1;a=dh(a,d,b.node,b.childIndex,b.blockedBoundary,n,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Xf(g);return}if(d.$$typeof===Oa&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;q=lh(a,b.componentStack);a.onPostpone(d.message,q);d=b.blockedSegment;q=ch(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(q);
+d.lastPushedText=!1;zh(a,c,b,q);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Xf(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Xf(g);throw d;}function xh(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===Oa?(a.onPostpone(c.message,d),d="POSTPONE"):d=mh(a,c,d);Bh(a,b,e,f,c,d)}function Ch(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,Dh(this,b,a))}
+function Bh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)Bh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,q=jh(k,new Set);q.parentFlushed=!0;q.rootSegmentID=h;q.status=4;q.errorDigest=m;q.parentFlushed&&k.clientRenderedBoundaries.push(q)}}c.length=0;if(null!==d){if(null===b)throw Error(l(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var n in d)delete d[n]}}
+function Eh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){"object"===typeof c&&null!==c&&c.$$typeof===Oa?(a=Error(l(501,c.message)),mh(b,a,d),nh(b,a)):(mh(b,c,d),nh(b,c));return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&("object"===typeof c&&null!==c&&c.$$typeof===Oa?(b.onPostpone(c.message,d),d="POSTPONE"):d=mh(b,c,d),Bh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&
+Fh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=lh(b,a.componentStack),"object"===typeof c&&null!==c&&c.$$typeof===Oa?(b.onPostpone(c.message,a),a="POSTPONE"):a=mh(b,c,a),d.errorDigest=a,vh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return Eh(f,b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&Gh(b)}
+function Hh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var q=m.value,n=q.props,t=n.href,v=q.props,A=jd(v.href,"style",{crossOrigin:v.crossOrigin,integrity:v.integrity,
+nonce:v.nonce,type:v.type,fetchPriority:v.fetchPriority,referrerPolicy:v.referrerPolicy,media:v.media});if(2<=(e.remainingCapacity-=A.length))c.resets.style[t]=Vb,f&&(f+=", "),f+=A,c.resets.style[t]="string"===typeof n.crossOrigin||"string"===typeof n.integrity?[n.crossOrigin,n.integrity]:Vb;else break b}}f?d({Link:f}):d({})}}}catch(y){mh(a,y,{})}}function Fh(a){null===a.trackedPostpones&&Hh(a,!0);a.onShellError=ah;a=a.onShellReady;a()}
+function Gh(a){Hh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function uh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&uh(a,c)}else a.completedSegments.push(b)}
+function Dh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(l(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&Fh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&uh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(Ch,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
+(uh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&Gh(a)}
+function ih(a){if(2!==a.status){var b=Rf,c=Yg.current;Yg.current=Sg;var d=Zg.current;Zg.current=Tg;var e=X;X=a;var f=Rg;Rg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,q=k.blockedSegment;if(null===q){var n=m;if(0!==k.replay.pendingTasks){Xf(k.context);try{Z(n,k,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.replay.nodes.length)throw Error(l(488));k.replay.pendingTasks--;k.abortSet.delete(k);Dh(n,k.blockedBoundary,null)}catch(I){Gg();var t=I===hg?lg():I;
+if("object"===typeof t&&null!==t&&"function"===typeof t.then){var v=k.ping;t.then(v,v);k.thenableState=Fg()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var A=lh(n,k.componentStack);xh(n,k.blockedBoundary,t,A,k.replay.nodes,k.replay.slots);n.pendingRootTasks--;0===n.pendingRootTasks&&Fh(n);n.allPendingTasks--;0===n.allPendingTasks&&Gh(n)}}finally{}}}else a:{n=void 0;var y=q;if(0===y.status){Xf(k.context);var w=y.children.length,H=y.chunks.length;try{Z(m,k,k.node,k.childIndex),y.lastPushedText&&
+y.textEmbedded&&y.chunks.push(nc),k.abortSet.delete(k),y.status=1,Dh(m,k.blockedBoundary,y)}catch(I){Gg();y.children.length=w;y.chunks.length=H;var E=I===hg?lg():I;if("object"===typeof E&&null!==E){if("function"===typeof E.then){var K=k.ping;E.then(K,K);k.thenableState=Fg();break a}if(null!==m.trackedPostpones&&E.$$typeof===Oa){var Q=m.trackedPostpones;k.abortSet.delete(k);var B=lh(m,k.componentStack);m.onPostpone(E.message,B);zh(m,Q,k,y);Dh(m,k.blockedBoundary,y);break a}}var G=lh(m,k.componentStack);
+k.abortSet.delete(k);y.status=4;var R=k.blockedBoundary;"object"===typeof E&&null!==E&&E.$$typeof===Oa?(m.onPostpone(E.message,G),n="POSTPONE"):n=mh(m,E,G);null===R?nh(m,E):(R.pendingTasks--,4!==R.status&&(R.status=4,R.errorDigest=n,vh(m,R),R.parentFlushed&&m.clientRenderedBoundaries.push(R)));m.allPendingTasks--;0===m.allPendingTasks&&Gh(m)}finally{}}}}g.splice(0,h);null!==a.destination&&Ih(a,a.destination)}catch(I){mh(a,I,{}),nh(a,I)}finally{Rg=f,Yg.current=c,Zg.current=d,c===Sg&&Xf(b),X=e}}}
+function Jh(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,u(b,md),u(b,a.placeholderPrefix),a=z(d.toString(16)),u(b,a),x(b,nd);case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)u(b,f[g]);e=Kh(a,b,e,d)}for(;g<f.length-1;g++)u(b,f[g]);g<f.length&&(e=x(b,f[g]));return e;default:throw Error(l(390));}}
+function Kh(a,b,c,d){var e=c.boundary;if(null===e)return Jh(a,b,c,d);e.parentFlushed=!0;if(4===e.status)e=e.errorDigest,x(b,rd),u(b,td),e&&(u(b,vd),u(b,z(J(e))),u(b,ud)),x(b,wd),Jh(a,b,c,d);else if(1!==e.status)0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),xd(b,a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(Lf,d),e.stylesheets.forEach(Mf,d)),Jh(a,b,c,d);else if(e.byteSize>a.progressiveChunkSize)e.rootSegmentID=a.nextSegmentId++,
+a.completedBoundaries.push(e),xd(b,a.renderState,e.rootSegmentID),Jh(a,b,c,d);else{d&&(c=e.contentState,c.styles.forEach(Lf,d),c.stylesheets.forEach(Mf,d));x(b,od);c=e.completedSegments;if(1!==c.length)throw Error(l(391));Kh(a,b,c[0],d)}return x(b,sd)}function Lh(a,b,c,d){Td(b,a.renderState,c.parentFormatContext,c.id);Kh(a,b,c,d);return Ud(b,c.parentFormatContext)}
+function Mh(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Nh(a,b,c,d[e]);d.length=0;of(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(u(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,u(b,He)):0===(d.instructions&8)?(d.instructions|=8,u(b,Ie)):u(b,Je):0===(d.instructions&2)?(d.instructions|=2,u(b,Fe)):u(b,Ge)):f?u(b,Pe):u(b,Oe);d=z(e.toString(16));
+u(b,a.boundaryPrefix);u(b,d);g?u(b,Ke):u(b,Qe);u(b,a.segmentPrefix);u(b,d);f?g?(u(b,Le),Df(b,c)):(u(b,Re),Ef(b,c)):g&&u(b,Me);d=g?x(b,Ne):x(b,Wb);return ld(b,a)&&d}
+function Nh(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error(l(392));return Lh(a,b,d,e)}if(f===c.rootSegmentID)return Lh(a,b,d,e);Lh(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(u(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,u(b,Vd)):u(b,Wd)):u(b,Zd);u(b,a.segmentPrefix);f=z(f.toString(16));u(b,f);d?u(b,Xd):u(b,Ee);u(b,a.placeholderPrefix);u(b,f);b=d?x(b,Yd):x(b,Wb);return b}
+function Ih(a,b){p=new Uint8Array(2048);r=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,q=e.headChunks,n;if(m){for(n=0;n<m.length;n++)u(b,m[n]);if(q)for(n=0;n<q.length;n++)u(b,q[n]);else u(b,
+W("head")),u(b,V)}else if(q)for(n=0;n<q.length;n++)u(b,q[n]);var t=e.charsetChunks;for(n=0;n<t.length;n++)u(b,t[n]);t.length=0;e.preconnects.forEach(pf,b);e.preconnects.clear();var v=e.viewportChunks;for(n=0;n<v.length;n++)u(b,v[n]);v.length=0;e.fontPreloads.forEach(pf,b);e.fontPreloads.clear();e.highImagePreloads.forEach(pf,b);e.highImagePreloads.clear();e.styles.forEach(wf,b);var A=e.importMapChunks;for(n=0;n<A.length;n++)u(b,A[n]);A.length=0;e.bootstrapScripts.forEach(pf,b);e.scripts.forEach(pf,
+b);e.scripts.clear();e.bulkPreloads.forEach(pf,b);e.bulkPreloads.clear();var y=e.hoistableChunks;for(n=0;n<y.length;n++)u(b,y[n]);y.length=0;m&&null===q&&u(b,bd("head"));Kh(a,b,d,null);a.completedRootSegment=null;ld(b,a.renderState)}else return;var w=a.renderState;d=0;var H=w.viewportChunks;for(d=0;d<H.length;d++)u(b,H[d]);H.length=0;w.preconnects.forEach(pf,b);w.preconnects.clear();w.fontPreloads.forEach(pf,b);w.fontPreloads.clear();w.highImagePreloads.forEach(pf,b);w.highImagePreloads.clear();w.styles.forEach(yf,
+b);w.scripts.forEach(pf,b);w.scripts.clear();w.bulkPreloads.forEach(pf,b);w.bulkPreloads.clear();var E=w.hoistableChunks;for(d=0;d<E.length;d++)u(b,E[d]);E.length=0;var K=a.clientRenderedBoundaries;for(c=0;c<K.length;c++){var Q=K[c];w=b;var B=a.resumableState,G=a.renderState,R=Q.rootSegmentID,I=Q.errorDigest,Ea=Q.errorMessage,pa=Q.errorComponentStack,L=0===B.streamingFormat;L?(u(w,G.startInlineScript),0===(B.instructions&4)?(B.instructions|=4,u(w,Se)):u(w,Te)):u(w,Xe);u(w,G.boundaryPrefix);u(w,z(R.toString(16)));
+L&&u(w,Ue);if(I||Ea||pa)L?(u(w,Ve),u(w,z(bf(I||"")))):(u(w,Ye),u(w,z(J(I||""))));if(Ea||pa)L?(u(w,Ve),u(w,z(bf(Ea||"")))):(u(w,Ze),u(w,z(J(Ea||""))));pa&&(L?(u(w,Ve),u(w,z(bf(pa)))):(u(w,$e),u(w,z(J(pa)))));if(L?!x(w,We):!x(w,Wb)){a.destination=null;c++;K.splice(0,c);return}}K.splice(0,c);var xa=a.completedBoundaries;for(c=0;c<xa.length;c++)if(!Mh(a,b,xa[c])){a.destination=null;c++;xa.splice(0,c);return}xa.splice(0,c);Ya(b);p=new Uint8Array(2048);r=0;var fa=a.partialBoundaries;for(c=0;c<fa.length;c++){var qa=
+fa[c];a:{K=a;Q=b;var la=qa.completedSegments;for(B=0;B<la.length;B++)if(!Nh(K,Q,qa,la[B])){B++;la.splice(0,B);var db=!1;break a}la.splice(0,B);db=of(Q,qa.contentState,K.renderState)}if(!db){a.destination=null;c++;fa.splice(0,c);return}}fa.splice(0,c);var Fa=a.completedBoundaries;for(c=0;c<Fa.length;c++)if(!Mh(a,b,Fa[c])){a.destination=null;c++;Fa.splice(0,c);return}Fa.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?
+(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&u(b,bd("body")),c.hasHtml&&u(b,bd("html"))),Ya(b),b.close(),a.destination=null):Ya(b)}}function Oh(a){a.flushScheduled=null!==a.destination;ih(a);null===a.trackedPostpones&&Hh(a,0===a.pendingRootTasks)}function If(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?Ih(a,b):a.flushScheduled=!1}}
+function Ph(a,b){if(1===a.status)a.status=2,$a(b,a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Ih(a,b)}catch(c){mh(a,c,{}),nh(a,c)}}}function Qh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(l(432)):b;c.forEach(function(e){return Eh(e,a,d)});c.clear()}null!==a.destination&&Ih(a,a.destination)}catch(e){mh(a,e,{}),nh(a,e)}}
+function Ah(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),Ah(e,b[0],c));e[2].push(a)}}
+function Rh(a){var b=a.trackedPostpones;if(null===b||0===b.rootNodes.length&&null===b.rootSlots)return a.trackedPostpones=null;if(null!==a.completedRootSegment&&5===a.completedRootSegment.status){var c=a.resumableState,d=a.renderState;c.nextFormID=0;c.hasBody=!1;c.hasHtml=!1;c.unknownResources={font:d.resets.font};c.dnsResources=d.resets.dns;c.connectResources=d.resets.connect;c.imageResources=d.resets.image;c.styleResources=d.resets.style;c.scriptResources={};c.moduleUnknownResources={};c.moduleScriptResources=
 {}}else c=a.resumableState,c.bootstrapScriptContent=void 0,c.bootstrapScripts=void 0,c.bootstrapModules=void 0;return{nextSegmentId:a.nextSegmentId,rootFormatContext:a.rootFormatContext,progressiveChunkSize:a.progressiveChunkSize,resumableState:a.resumableState,replayNodes:b.rootNodes,replaySlots:b.rootSlots}}
-exports.prerender=function(a,b){return new Promise(function(c,d){var e=b?b.onHeaders:void 0,f;e&&(f=function(p){e(new Headers(p))});var g=Lb(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),h=Rg(a,g,Bb(g,void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,f,b?b.maxHeadersLength:void 0),Mb(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,function(){var p=
-new ReadableStream({type:"bytes",pull:function(q){Ah(h,q)},cancel:function(q){h.destination=null;Bh(h,q)}},{highWaterMark:0});p={postponed:Ch(h),prelude:p};c(p)},void 0,void 0,d,b?b.onPostpone:void 0);if(b&&b.signal){var k=b.signal;if(k.aborted)Bh(h,k.reason);else{var l=function(){Bh(h,k.reason);k.removeEventListener("abort",l)};k.addEventListener("abort",l)}}zh(h)})};
-exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(u,E){f=u;e=E}),h=b?b.onHeaders:void 0,k;h&&(k=function(u){h(new Headers(u))});var l=Lb(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),p=Og(a,l,Bb(l,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,k,b?b.maxHeadersLength:void 0),Mb(b?b.namespaceURI:void 0),
-b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var u=new ReadableStream({type:"bytes",pull:function(E){Ah(p,E)},cancel:function(E){p.destination=null;Bh(p,E)}},{highWaterMark:0});u.allReady=g;c(u)},function(u){g.catch(function(){});d(u)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var q=b.signal;if(q.aborted)Bh(p,q.reason);else{var t=function(){Bh(p,q.reason);q.removeEventListener("abort",t)};q.addEventListener("abort",t)}}zh(p)})};
-exports.resume=function(a,b,c){return new Promise(function(d,e){var f,g,h=new Promise(function(q,t){g=q;f=t}),k=Sg(a,b,Bb(b.resumableState,c?c.nonce:void 0,void 0,void 0,void 0,void 0),c?c.onError:void 0,g,function(){var q=new ReadableStream({type:"bytes",pull:function(t){Ah(k,t)},cancel:function(t){k.destination=null;Bh(k,t)}},{highWaterMark:0});q.allReady=h;d(q)},function(q){h.catch(function(){});e(q)},f,c?c.onPostpone:void 0);if(c&&c.signal){var l=c.signal;if(l.aborted)Bh(k,l.reason);else{var p=
-function(){Bh(k,l.reason);l.removeEventListener("abort",p)};l.addEventListener("abort",p)}}zh(k)})};exports.version="18.3.0-experimental-60a927d04-20240113";
+exports.prerender=function(a,b){return new Promise(function(c,d){var e=b?b.onHeaders:void 0,f;e&&(f=function(q){e(new Headers(q))});var g=kc(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),h=eh(a,g,ic(g,void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,f,b?b.maxHeadersLength:void 0),lc(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,function(){var q=
+new ReadableStream({type:"bytes",pull:function(n){Ph(h,n)},cancel:function(n){h.destination=null;Qh(h,n)}},{highWaterMark:0});q={postponed:Rh(h),prelude:q};c(q)},void 0,void 0,d,b?b.onPostpone:void 0);if(b&&b.signal){var k=b.signal;if(k.aborted)Qh(h,k.reason);else{var m=function(){Qh(h,k.reason);k.removeEventListener("abort",m)};k.addEventListener("abort",m)}}Oh(h)})};
+exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(v,A){f=v;e=A}),h=b?b.onHeaders:void 0,k;h&&(k=function(v){h(new Headers(v))});var m=kc(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),q=bh(a,m,ic(m,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,k,b?b.maxHeadersLength:void 0),lc(b?b.namespaceURI:void 0),
+b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var v=new ReadableStream({type:"bytes",pull:function(A){Ph(q,A)},cancel:function(A){q.destination=null;Qh(q,A)}},{highWaterMark:0});v.allReady=g;c(v)},function(v){g.catch(function(){});d(v)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var n=b.signal;if(n.aborted)Qh(q,n.reason);else{var t=function(){Qh(q,n.reason);n.removeEventListener("abort",t)};n.addEventListener("abort",t)}}Oh(q)})};
+exports.resume=function(a,b,c){return new Promise(function(d,e){var f,g,h=new Promise(function(n,t){g=n;f=t}),k=fh(a,b,ic(b.resumableState,c?c.nonce:void 0,void 0,void 0,void 0,void 0),c?c.onError:void 0,g,function(){var n=new ReadableStream({type:"bytes",pull:function(t){Ph(k,t)},cancel:function(t){k.destination=null;Qh(k,t)}},{highWaterMark:0});n.allReady=h;d(n)},function(n){h.catch(function(){});e(n)},f,c?c.onPostpone:void 0);if(c&&c.signal){var m=c.signal;if(m.aborted)Qh(k,m.reason);else{var q=
+function(){Qh(k,m.reason);m.removeEventListener("abort",q)};m.addEventListener("abort",q)}}Oh(k)})};exports.version="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server.browser.production.min.js.map
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 c8434261d95a8d..b1a59462c2d18d 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
@@ -13,7 +13,54 @@
 var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 /* global Bun */
 function scheduleWork(callback) {
@@ -40,9 +87,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   if (typeof destination.error === 'function') {
     // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
@@ -235,19 +279,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -423,6 +461,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -437,9 +476,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -458,7 +495,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -820,7 +857,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -966,6 +1003,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1167,6 +1205,59 @@ function pushInnerHTML(target, innerHTML, children) {
   }
 } // TODO: Move these to RenderState so that we warn for every request.
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  let children = null;
+  let innerHTML = null;
+
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
 
   target.push(startChunkForTag('select'));
@@ -1689,7 +1780,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1700,11 +1791,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1712,7 +1816,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1783,8 +1887,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1796,8 +1900,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1824,16 +1928,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -1866,7 +1968,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -1910,8 +2012,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2157,12 +2259,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2418,6 +2527,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2550,14 +2660,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2587,19 +2704,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3011,7 +3128,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3031,7 +3148,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3074,12 +3191,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3291,14 +3408,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3452,13 +3572,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3476,15 +3596,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3492,14 +3604,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3512,15 +3621,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3537,15 +3646,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3571,10 +3672,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3661,6 +3762,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3720,10 +3822,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3810,6 +3912,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3873,15 +3976,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4666,13 +4766,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4768,47 +4864,6 @@ function emitEarlyPreloads(renderState, resumableState, shellComplete) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -4875,13 +4930,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -4907,294 +4972,47 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+      return parentContext;
+    }
 
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+    const childContext = instance.getChildContext();
 
-
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
     return assign({}, parentContext, childContext);
   }
@@ -5361,12 +5179,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6307,124 +6120,364 @@ function useId() {
   const treeId = getTreeId(task.treeContext);
   const resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  }
+
+  const localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      const thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      const context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  return trackUsedThenable(thenableState, thenable, index);
+}
+
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
+
+function useCacheRefresh() {
+  return unsupportedRefresh;
+}
+
+function useMemoCache(size) {
+  const data = new Array(size);
+
+  for (let i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
+  }
+
+  return data;
+}
+
+function noop$1() {}
+
+const HooksDispatcher = {
+  readContext,
+  use,
+  useContext,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue,
+  useTransition,
+  useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore
+};
+
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
+
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
+
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
+}
+
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
+
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
+}
+
+let currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
+
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
+
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
+
+const DefaultCacheDispatcher = {
+  getCacheSignal,
+  getCacheForType
+};
+
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
 
-  const localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  }; // $FlowFixMe[prop-missing]
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      const thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-function useMemoCache(size) {
-  const data = new Array(size);
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-  for (let i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-  return data;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function noop$1() {}
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
 
-const HooksDispatcher = {
-  readContext,
-  use,
-  useContext,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue,
-  useTransition,
-  useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore
-};
+                if (false) ; // Return the line we found.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
 
-let currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-const DefaultCacheDispatcher = {
-  getCacheSignal,
-  getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -6434,15 +6487,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6534,7 +6587,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6565,13 +6618,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6587,6 +6641,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6594,13 +6649,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6617,6 +6673,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6624,7 +6681,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6757,6 +6815,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6792,12 +6851,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6836,11 +6891,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6867,9 +6919,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6883,6 +6935,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -6894,16 +6947,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -6946,11 +6996,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6964,9 +7011,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6994,7 +7041,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7018,7 +7065,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7035,7 +7087,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7043,7 +7095,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7058,7 +7110,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7068,7 +7120,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7135,7 +7187,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7159,10 +7211,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7170,45 +7242,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7220,18 +7290,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7259,7 +7329,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7277,7 +7347,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7303,31 +7373,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7369,7 +7449,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7398,7 +7478,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7450,9 +7530,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7463,9 +7541,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7473,17 +7556,26 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7504,7 +7596,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7556,13 +7648,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -7878,9 +7972,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -7895,9 +7989,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -7921,7 +8015,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -7959,7 +8053,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8184,8 +8278,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          const postponeInstance = error;
+          const fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8194,7 +8296,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            const postponeInstance = error;
+            logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8213,7 +8325,16 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        const postponeInstance = error;
+        logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        errorDigest = 'POSTPONE';
+      } else {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8376,11 +8497,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8409,12 +8525,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8460,9 +8571,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8480,12 +8588,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8532,9 +8635,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8600,7 +8700,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8635,7 +8740,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8657,12 +8762,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8673,7 +8778,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8689,9 +8794,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8703,13 +8816,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8721,7 +8840,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8730,17 +8849,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8752,17 +8867,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8781,11 +8892,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8795,6 +8902,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8806,13 +8914,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8833,10 +8941,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 28cb81a6c6b83a..05a1fff5cf89ed 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
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -74,6 +74,326 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -169,7 +489,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -182,15 +502,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -245,19 +559,17 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function stringToPrecomputedChunk(content) {
   var precomputedChunk = textEncoder.encode(content);
 
   {
-    precomputedChunkSet.add(precomputedChunk);
+    if (precomputedChunk.byteLength > VIEW_SIZE) {
+      error('precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.');
+    }
   }
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -1270,6 +1582,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1687,19 +2000,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1894,6 +2201,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1908,9 +2216,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1929,7 +2235,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2333,7 +2639,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2510,6 +2816,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -2749,6 +3056,59 @@ function checkSelectProp(props, propName) {
   }
 }
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  var children = null;
+  var innerHTML = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
   {
     checkControlledValueProps('select', props);
@@ -3389,7 +3749,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3400,11 +3760,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3412,7 +3785,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3504,8 +3877,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3517,8 +3890,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3545,16 +3918,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3587,7 +3958,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3655,8 +4026,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3902,7 +4273,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3926,8 +4297,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4191,6 +4569,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4326,7 +4705,7 @@ function startChunkForTag(tag) {
 }
 
 var doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4348,7 +4727,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4378,19 +4764,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4818,7 +5204,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4838,7 +5224,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4881,12 +5267,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -5104,14 +5490,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5265,13 +5654,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5289,15 +5678,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5305,14 +5686,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5325,15 +5703,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5350,15 +5728,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5384,10 +5754,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5483,6 +5853,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5554,10 +5925,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5653,6 +6024,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5728,15 +6100,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6538,13 +6907,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6643,47 +7008,6 @@ var NotPendingTransition = NotPending;
 var supportsRequestStorage = typeof AsyncLocalStorage === 'function';
 var requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6755,13 +7079,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6787,605 +7121,97 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-  {
-    var frame = componentFrameCache.get(fn);
+var currentActiveSnapshot = null;
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
-
+function pushNode(next) {
   {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
-
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
-  }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
-
-
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
-    }
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
-var warnedAboutMissingGetChildContext;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-var emptyContextObject = {};
-
-{
-  Object.freeze(emptyContextObject);
-}
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    var context = {};
-
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
-        }
-      }
-
-      return parentContext;
-    }
-
-    var childContext = instance.getChildContext();
-
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
+    next.context._currentValue = next.value;
   }
 }
 
@@ -7541,12 +7367,7 @@ function popProvider(context) {
 
   {
     var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
 
     {
       if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
@@ -7605,18 +7426,19 @@ var didWarnOnInvalidCallback;
   didWarnOnInvalidCallback = new Set();
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
 
-    var key = callerName + '_' + callback;
+
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -7645,7 +7467,7 @@ function warnNoop(publicInstance, callerName) {
       return;
     }
 
-    error('%s(...): 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, callerName, componentName);
+    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, componentName);
 
     didWarnAboutNoopUpdateForComponent[warningKey] = true;
   }
@@ -7666,7 +7488,7 @@ var classComponentUpdater = {
 
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7678,7 +7500,7 @@ var classComponentUpdater = {
 
     {
       if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
+        warnOnInvalidCallback(callback);
       }
     }
   },
@@ -7691,7 +7513,7 @@ var classComponentUpdater = {
     } else {
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7717,7 +7539,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -7727,10 +7549,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -7810,9 +7629,9 @@ function checkClassInstance(instance, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -7871,7 +7690,7 @@ function checkClassInstance(instance, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -8628,377 +8447,749 @@ function useMemo(nextCreate, deps) {
       if (nextDeps !== null) {
         var prevDeps = prevState[1];
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
+    }
+  }
+
+  {
+    isInHookUserCodeInDev = true;
+  }
+
+  var nextValue = nextCreate();
+
+  {
+    isInHookUserCodeInDev = false;
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
+
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
+
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+    workInProgressHook.memoizedState = ref;
+    return ref;
+  } else {
+    return previousRef;
+  }
+}
+
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
+    }
+
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
+
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
+
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
+}
+
+function throwOnUseEffectEventCall() {
+  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+}
+
+function useEffectEvent(callback) {
+  // $FlowIgnore[incompatible-return]
+  return throwOnUseEffectEventCall;
+}
+
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+  }
+
+  return getServerSnapshot();
+}
+
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
+  {
+    return initialValue !== undefined ? initialValue : value;
+  }
+}
+
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
+}
+
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
+
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
+}
+
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
+
+function useOptimistic(passthrough, reducer) {
+  resolveCurrentlyRenderingComponent();
+  return [passthrough, unsupportedSetOptimisticState];
+}
+
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
+
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
+  }
+}
+
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
+
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+
+  var formAction = action.$$FORM_ACTION;
+
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
+
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
+
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
+
+
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
+
+
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
+
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
+
+        return metadata;
+      };
+    }
+
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+
+
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
+    };
+
+    return [initialState, _dispatch2];
   }
+}
 
-  {
-    isInHookUserCodeInDev = true;
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
+
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
 
-  var nextValue = nextCreate();
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
 
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+function useMemoCache(size) {
+  var data = new Array(size);
+
+  for (var i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
   }
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+  return data;
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function noop$1() {}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
 
-      lastRenderPhaseUpdate.next = update;
-    }
-  }
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
 }
 
-function throwOnUseEffectEventCall() {
-  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function useEffectEvent(callback) {
-  // $FlowIgnore[incompatible-return]
-  return throwOnUseEffectEventCall;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
-  }
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-  return getServerSnapshot();
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
   {
-    return initialValue !== undefined ? initialValue : value;
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
 }
 
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
-
-
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
-
-    return [initialState, _dispatch2];
-  }
-}
-
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
   }
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
 
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function useMemoCache(size) {
-  var data = new Array(size);
 
-  for (var i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  return data;
-}
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-function noop$1() {}
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -9008,15 +9199,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9109,7 +9300,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9164,7 +9355,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
 
     rootSegment.parentFlushed = true;
 
-    var _rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+    var _rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
 
     pingedTasks.push(_rootTask);
     return request;
@@ -9175,7 +9366,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     slots: postponedState.replaySlots,
     pendingTasks: 0
   };
-  var rootTask = createReplayTask(request, null, replay, children, -1, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createReplayTask(request, null, replay, children, -1, null, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9213,13 +9404,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9237,6 +9429,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9244,13 +9437,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9269,6 +9463,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9276,7 +9471,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9358,19 +9554,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9443,6 +9639,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9478,12 +9675,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9522,11 +9715,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9553,9 +9743,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9569,6 +9759,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9580,16 +9771,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9632,11 +9820,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9650,9 +9835,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9680,7 +9865,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9705,7 +9890,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9732,7 +9922,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9740,7 +9930,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9761,11 +9951,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9787,7 +9976,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9881,7 +10070,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9891,7 +10080,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9945,10 +10134,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (var key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9956,37 +10165,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9999,12 +10184,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -10016,7 +10200,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -10027,14 +10211,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -10046,18 +10230,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -10085,7 +10269,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -10103,7 +10287,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -10129,31 +10313,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10201,7 +10401,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10230,7 +10430,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10302,13 +10502,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10319,9 +10534,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10329,17 +10549,26 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10360,7 +10589,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10415,13 +10644,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10451,7 +10682,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10746,9 +10981,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10763,9 +10998,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10789,7 +11024,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10827,7 +11062,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -11066,8 +11301,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = error;
+          var fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -11076,7 +11319,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            var _postponeInstance = error;
+            logPostpone(request, _postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -11096,7 +11349,16 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        var _postponeInstance2 = error;
+        logPostpone(request, _postponeInstance2.message, _errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        _errorDigest = 'POSTPONE';
+      } else {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -11274,11 +11536,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -11313,12 +11570,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -11364,10 +11616,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11394,12 +11642,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11446,10 +11689,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11528,7 +11767,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11563,7 +11807,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11585,12 +11829,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11601,7 +11845,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11617,9 +11861,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11631,13 +11883,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11649,7 +11907,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -11658,17 +11916,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11680,17 +11934,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11709,11 +11959,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11723,6 +11969,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11734,13 +11981,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11762,10 +12009,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 62397346ac2509..835df2bc9c7c59 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
@@ -13,7 +13,54 @@
 var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
@@ -110,7 +157,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -123,10 +170,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -186,9 +232,6 @@ function stringToPrecomputedChunk(content) {
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -379,19 +422,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -567,6 +604,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -581,9 +619,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -602,7 +638,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -990,7 +1026,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1136,6 +1172,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1337,6 +1374,59 @@ function pushInnerHTML(target, innerHTML, children) {
   }
 } // TODO: Move these to RenderState so that we warn for every request.
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  let children = null;
+  let innerHTML = null;
+
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
 
   target.push(startChunkForTag('select'));
@@ -1859,7 +1949,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1870,11 +1960,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1882,7 +1985,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1953,8 +2056,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1966,8 +2069,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1994,16 +2097,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -2036,7 +2137,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -2080,8 +2181,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2327,12 +2428,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2588,6 +2696,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2720,14 +2829,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2757,19 +2873,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3183,7 +3299,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3203,7 +3319,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3246,12 +3362,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3463,14 +3579,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3624,13 +3743,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3648,15 +3767,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3664,14 +3775,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3684,15 +3792,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3709,15 +3817,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3743,10 +3843,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3833,6 +3933,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3892,10 +3993,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3982,6 +4083,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -4045,15 +4147,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4838,13 +4937,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4943,47 +5038,6 @@ const NotPendingTransition = NotPending;
 const supportsRequestStorage = typeof AsyncLocalStorage === 'function';
 const requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5050,13 +5104,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5082,294 +5146,47 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+      return parentContext;
+    }
 
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+    const childContext = instance.getChildContext();
 
-
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
     return assign({}, parentContext, childContext);
   }
@@ -5536,12 +5353,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6482,124 +6294,364 @@ function useId() {
   const treeId = getTreeId(task.treeContext);
   const resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  }
+
+  const localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      const thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      const context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  return trackUsedThenable(thenableState, thenable, index);
+}
+
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
+
+function useCacheRefresh() {
+  return unsupportedRefresh;
+}
+
+function useMemoCache(size) {
+  const data = new Array(size);
+
+  for (let i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
+  }
+
+  return data;
+}
+
+function noop$1() {}
+
+const HooksDispatcher = {
+  readContext,
+  use,
+  useContext,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue,
+  useTransition,
+  useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore
+};
+
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
+
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
+
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
+}
+
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
+
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
+}
+
+let currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
+
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
+
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
+
+const DefaultCacheDispatcher = {
+  getCacheSignal,
+  getCacheForType
+};
+
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
 
-  const localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  }; // $FlowFixMe[prop-missing]
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      const thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-function useMemoCache(size) {
-  const data = new Array(size);
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-  for (let i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-  return data;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function noop$1() {}
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
 
-const HooksDispatcher = {
-  readContext,
-  use,
-  useContext,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue,
-  useTransition,
-  useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore
-};
+                if (false) ; // Return the line we found.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
 
-let currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-const DefaultCacheDispatcher = {
-  getCacheSignal,
-  getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -6609,15 +6661,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6709,7 +6761,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6763,7 +6815,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     rootSegment.id = resumedId; // There is no parent so conceptually, we're unblocked to flush this segment.
 
     rootSegment.parentFlushed = true;
-    const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+    const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
     pingedTasks.push(rootTask);
     return request;
   }
@@ -6773,7 +6825,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     slots: postponedState.replaySlots,
     pendingTasks: 0
   };
-  const rootTask = createReplayTask(request, null, replay, children, -1, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createReplayTask(request, null, replay, children, -1, null, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6809,13 +6861,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6831,6 +6884,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6838,13 +6892,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6861,6 +6916,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6868,7 +6924,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -7001,6 +7058,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -7036,12 +7094,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -7080,11 +7134,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7111,9 +7162,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7127,6 +7178,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -7138,16 +7190,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7190,11 +7239,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7208,9 +7254,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7238,7 +7284,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7262,7 +7308,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7279,7 +7330,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7287,7 +7338,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7302,7 +7353,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7312,7 +7363,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7379,7 +7430,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7403,10 +7454,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7414,45 +7485,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7464,18 +7533,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7503,7 +7572,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7521,7 +7590,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7547,31 +7616,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7613,7 +7692,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7642,7 +7721,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7694,9 +7773,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7707,9 +7784,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7717,17 +7799,26 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7748,7 +7839,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7800,13 +7891,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -8122,9 +8215,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -8139,9 +8232,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -8165,7 +8258,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -8203,7 +8296,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8428,8 +8521,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          const postponeInstance = error;
+          const fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8438,7 +8539,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            const postponeInstance = error;
+            logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8457,7 +8568,16 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        const postponeInstance = error;
+        logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        errorDigest = 'POSTPONE';
+      } else {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8620,11 +8740,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8653,12 +8768,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8704,9 +8814,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8724,12 +8831,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8776,9 +8878,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8844,7 +8943,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8879,7 +8983,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8901,12 +9005,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8917,7 +9021,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8933,9 +9037,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8947,13 +9059,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8965,7 +9083,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8974,17 +9092,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8996,17 +9110,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -9025,11 +9135,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -9039,6 +9145,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -9050,13 +9157,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -9078,10 +9185,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.min.js
index 02b0284c891007..543b9da8d2f420 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.edge.production.min.js
@@ -29,210 +29,210 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var ba=require("next/dist/compiled/react-experimental"),ca=require("react-dom");
-function da(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
-16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}var m=null,n=0;
-function r(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var c=m.length-n;c<b.byteLength&&(0===c?a.enqueue(m):(m.set(b.subarray(0,c),n),a.enqueue(m),b=b.subarray(c)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.byteLength}}function w(a,b){r(a,b);return!0}function ea(a){m&&0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}var ka=new TextEncoder;function z(a){return ka.encode(a)}
-function B(a){return ka.encode(a)}function la(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var C=Object.assign,E=Object.prototype.hasOwnProperty,qa=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),ra={},sa={};
-function ta(a){if(E.call(sa,a))return!0;if(E.call(ra,a))return!1;if(qa.test(a))return sa[a]=!0;ra[a]=!0;return!1}
-var za=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Aa=
+'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("react-dom"),ca=Symbol.for("react.element"),ha=Symbol.for("react.portal"),ia=Symbol.for("react.fragment"),la=Symbol.for("react.strict_mode"),ma=Symbol.for("react.profiler"),qa=Symbol.for("react.provider"),ra=Symbol.for("react.consumer"),sa=Symbol.for("react.context"),ta=Symbol.for("react.forward_ref"),ua=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),Ba=Symbol.for("react.lazy"),Ia=Symbol.for("react.scope"),
+Ja=Symbol.for("react.debug_trace_mode"),Ka=Symbol.for("react.offscreen"),La=Symbol.for("react.legacy_hidden"),Ma=Symbol.for("react.cache"),Na=Symbol.for("react.memo_cache_sentinel"),Oa=Symbol.for("react.postpone"),Pa=Symbol.iterator,Wa=Array.isArray;
+function Xa(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}var l=null,p=0;
+function r(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<p&&(a.enqueue(new Uint8Array(l.buffer,0,p)),l=new Uint8Array(2048),p=0),a.enqueue(b);else{var c=l.length-p;c<b.byteLength&&(0===c?a.enqueue(l):(l.set(b.subarray(0,c),p),a.enqueue(l),b=b.subarray(c)),l=new Uint8Array(2048),p=0);l.set(b,p);p+=b.byteLength}}function w(a,b){r(a,b);return!0}function Ya(a){l&&0<p&&(a.enqueue(new Uint8Array(l.buffer,0,p)),l=null,p=0)}var Za=new TextEncoder;function y(a){return Za.encode(a)}
+function B(a){return Za.encode(a)}function $a(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var C=Object.assign,E=Object.prototype.hasOwnProperty,ab=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),bb={},mb={};
+function tb(a){if(E.call(mb,a))return!0;if(E.call(bb,a))return!1;if(ab.test(a))return mb[a]=!0;bb[a]=!0;return!1}
+var ub=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),vb=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ba=/["'&<>]/;
-function H(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ba.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Ha=/([A-Z])/g,Ia=/^ms-/,Ja=Array.isArray,Ka=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,La={pending:!1,data:null,method:null,action:null},Ma=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,$a={prefetchDNS:Na,preconnect:Oa,preload:Pa,preloadModule:Wa,preinitStyle:Xa,preinitScript:Ya,preinitModuleScript:Za},K=[],ab=B('"></template>'),bb=B("<script>"),cb=B("\x3c/script>"),db=B('<script src="'),eb=B('<script type="module" src="'),sb=B('" nonce="'),tb=B('" integrity="'),
-ub=B('" crossorigin="'),vb=B('" async="">\x3c/script>'),wb=/(<\/|<)(s)(cript)/gi;function xb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var yb=B('<script type="importmap">'),zb=B("\x3c/script>");
-function Ab(a,b,c,d,e,f){var g=void 0===b?bb:B('<script nonce="'+H(b)+'">'),h=a.idPrefix,k=[],l=null,p=a.bootstrapScriptContent,q=a.bootstrapScripts,t=a.bootstrapModules;void 0!==p&&k.push(g,z((""+p).replace(wb,xb)),cb);void 0!==c&&("string"===typeof c?(l={src:c,chunks:[]},Bb(l.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(l={src:c.src,chunks:[]},Bb(l.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(yb),c.push(z((""+JSON.stringify(d)).replace(wb,xb))),c.push(zb));
-d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:B(h+"P:"),segmentPrefix:B(h+"S:"),boundaryPrefix:B(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:l,bootstrapChunks:k,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:c,preloadChunks:[],hoistableChunks:[],preconnects:new Set,
-fontPreloads:new Set,highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,boundaryResources:null,stylesToHoist:!1};if(void 0!==q)for(g=0;g<q.length;g++)c=q[g],d=l=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=l="string"===
-typeof c||null==c.crossOrigin?void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,p=h,c.scriptResources[p]=null,c.moduleScriptResources[p]=null,c=[],N(c,f),e.bootstrapScripts.add(c),k.push(db,z(H(h))),b&&k.push(sb,z(H(b))),"string"===typeof d&&k.push(tb,z(H(d))),"string"===typeof l&&k.push(ub,z(H(l))),k.push(vb);if(void 0!==t)for(q=0;q<t.length;q++)f=t[q],l=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=l="string"===
-typeof f.integrity?f.integrity:void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],N(f,d),e.bootstrapScripts.add(f),k.push(eb,z(H(g))),b&&k.push(sb,z(H(b))),"string"===typeof l&&k.push(tb,z(H(l))),"string"===typeof h&&k.push(ub,z(H(h))),k.push(vb);return e}
-function Cb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function O(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function Lb(a){return O("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
-function Mb(a,b,c){switch(b){case "noscript":return O(2,null,a.tagScope|1);case "select":return O(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return O(3,null,a.tagScope);case "picture":return O(2,null,a.tagScope|2);case "math":return O(4,null,a.tagScope);case "foreignObject":return O(2,null,a.tagScope);case "table":return O(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return O(6,null,a.tagScope);case "colgroup":return O(8,null,a.tagScope);case "tr":return O(7,null,a.tagScope)}return 5<=
-a.insertionMode?O(2,null,a.tagScope):0===a.insertionMode?"html"===b?O(1,null,a.tagScope):O(2,null,a.tagScope):1===a.insertionMode?O(2,null,a.tagScope):a}var Nb=B("\x3c!-- --\x3e");function Ob(a,b,c,d){if(""===b)return d;d&&a.push(Nb);a.push(z(H(b)));return!0}var Pb=new Map,Qb=B(' style="'),Rb=B(":"),Sb=B(";");
-function Tb(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(E.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=z(H(d));e=z(H((""+e).trim()))}else f=Pb.get(d),void 0===f&&(f=B(H(d.replace(Ha,"-$1").toLowerCase().replace(Ia,"-ms-"))),Pb.set(d,f)),e="number"===typeof e?0===e||za.has(d)?z(""+
-e):z(e+"px"):z(H((""+e).trim()));c?(c=!1,a.push(Qb,f,Rb,e)):a.push(Sb,f,Rb,e)}}c||a.push(P)}var Q=B(" "),R=B('="'),P=B('"'),Ub=B('=""');function Vb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),Ub)}function S(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(Q,z(b),R,z(H(c)),P)}function Wb(a){var b=a.nextFormID++;return a.idPrefix+b}var Xb=B(H("javascript:throw new Error('A React form was unexpectedly submitted.')")),Yb=B('<input type="hidden"');
-function Zb(a,b){this.push(Yb);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");S(this,"name",b);S(this,"value",a);this.push($b)}
-function ac(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Wb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(Q,z("formAction"),R,Xb,P),g=f=e=d=h=null,bc(b,c)));null!=h&&T(a,"name",h);null!=d&&T(a,"formAction",d);null!=e&&T(a,"formEncType",e);null!=f&&T(a,"formMethod",f);null!=g&&T(a,"formTarget",g);return k}
-function T(a,b,c){switch(b){case "className":S(a,"class",c);break;case "tabIndex":S(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":S(a,b,c);break;case "style":Tb(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(Q,z(b),R,z(H(c)),P);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":Vb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(Q,z("xlink:href"),R,z(H(c)),P);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),R,z(H(c)),P);break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),Ub);break;case "capture":case "download":!0===c?a.push(Q,z(b),Ub):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),R,z(H(c)),P);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(Q,z(b),R,z(H(c)),P);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(Q,z(b),R,z(H(c)),P);break;case "xlinkActuate":S(a,"xlink:actuate",
-c);break;case "xlinkArcrole":S(a,"xlink:arcrole",c);break;case "xlinkRole":S(a,"xlink:role",c);break;case "xlinkShow":S(a,"xlink:show",c);break;case "xlinkTitle":S(a,"xlink:title",c);break;case "xlinkType":S(a,"xlink:type",c);break;case "xmlBase":S(a,"xml:base",c);break;case "xmlLang":S(a,"xml:lang",c);break;case "xmlSpace":S(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Aa.get(b)||b,ta(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(Q,z(b),R,z(H(c)),P)}}}var U=B(">"),$b=B("/>");
-function cc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(z(""+b))}}function dc(a){var b="";ba.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var ec=B(' selected=""'),fc=B('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});');
-function bc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,fc,cb))}var gc=B("\x3c!--F!--\x3e"),hc=B("\x3c!--F--\x3e");
-function ic(a,b,c,d,e,f,g){var h=b.rel,k=b.href,l=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return N(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof l||null!=b.disabled||b.onLoad||b.onError)return N(a,b);f=d.styles.get(l);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:z(H(l)),rules:[],hrefs:[],sheets:new Map},d.styles.set(l,f)),b={state:0,props:C({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&jc(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push(Nb);return null}if(b.onLoad||b.onError)return N(a,b);e&&a.push(Nb);switch(b.rel){case "preconnect":case "dns-prefetch":return N(d.preconnectChunks,b);case "preload":return N(d.preloadChunks,b);default:return N(d.hoistableChunks,
-b)}}function N(a,b){a.push(V("link"));for(var c in b)if(E.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:T(a,c,d)}}a.push($b);return null}
-function kc(a,b,c){a.push(V(c));for(var d in b)if(E.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:T(a,d,e)}}a.push($b);return null}
-function lc(a,b){a.push(V("title"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(z(H(""+b)));cc(a,d,c);a.push(mc("title"));return null}
-function Bb(a,b){a.push(V("script"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);cc(a,d,c);"string"===typeof c&&a.push(z(H(c)));a.push(mc("script"));return null}
-function nc(a,b,c){a.push(V(c));var d=c=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);cc(a,d,c);return"string"===typeof c?(a.push(z(H(c))),null):c}var oc=B("\n"),pc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,qc=new Map;function V(a){var b=qc.get(a);if(void 0===b){if(!pc.test(a))throw Error("Invalid tag: "+a);b=B("<"+a);qc.set(a,b)}return b}var rc=B("<!DOCTYPE html>");
-function sc(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(V("select"));var h=null,k=null,l;for(l in c)if(E.call(c,l)){var p=c[l];if(null!=p)switch(l){case "children":h=p;break;case "dangerouslySetInnerHTML":k=p;break;case "defaultValue":case "value":break;default:T(a,l,p)}}a.push(U);cc(a,k,h);return h;case "option":var q=f.selectedValue;a.push(V("option"));var t=null,u=null,D=null,F=null,v;for(v in c)if(E.call(c,
-v)){var A=c[v];if(null!=A)switch(v){case "children":t=A;break;case "selected":D=A;break;case "dangerouslySetInnerHTML":F=A;break;case "value":u=A;default:T(a,v,A)}}if(null!=q){var fa=null!==u?""+u:dc(t);if(Ja(q))for(var X=0;X<q.length;X++){if(""+q[X]===fa){a.push(ec);break}}else""+q===fa&&a.push(ec)}else D&&a.push(ec);a.push(U);cc(a,F,t);return t;case "textarea":a.push(V("textarea"));var y=null,x=null,G=null,ha;for(ha in c)if(E.call(c,ha)){var ma=c[ha];if(null!=ma)switch(ha){case "children":G=ma;
-break;case "value":y=ma;break;case "defaultValue":x=ma;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:T(a,ha,ma)}}null===y&&null!==x&&(y=x);a.push(U);if(null!=G){if(null!=y)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Ja(G)){if(1<G.length)throw Error("<textarea> can only have at most one child.");y=""+G[0]}y=""+G}"string"===typeof y&&"\n"===y[0]&&a.push(oc);null!==y&&a.push(z(H(""+y)));
-return null;case "input":a.push(V("input"));var na=null,L=null,I=null,oa=null,Ca=null,ua=null,va=null,wa=null,Qa=null,ia;for(ia in c)if(E.call(c,ia)){var Z=c[ia];if(null!=Z)switch(ia){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":na=Z;break;case "formAction":L=Z;break;case "formEncType":I=Z;break;case "formMethod":oa=Z;break;case "formTarget":Ca=Z;break;case "defaultChecked":Qa=
-Z;break;case "defaultValue":va=Z;break;case "checked":wa=Z;break;case "value":ua=Z;break;default:T(a,ia,Z)}}var Kd=ac(a,d,e,L,I,oa,Ca,na);null!==wa?Vb(a,"checked",wa):null!==Qa&&Vb(a,"checked",Qa);null!==ua?T(a,"value",ua):null!==va&&T(a,"value",va);a.push($b);null!==Kd&&Kd.forEach(Zb,a);return null;case "button":a.push(V("button"));var fb=null,Ld=null,Md=null,Nd=null,Od=null,Pd=null,Qd=null,gb;for(gb in c)if(E.call(c,gb)){var pa=c[gb];if(null!=pa)switch(gb){case "children":fb=pa;break;case "dangerouslySetInnerHTML":Ld=
-pa;break;case "name":Md=pa;break;case "formAction":Nd=pa;break;case "formEncType":Od=pa;break;case "formMethod":Pd=pa;break;case "formTarget":Qd=pa;break;default:T(a,gb,pa)}}var Rd=ac(a,d,e,Nd,Od,Pd,Qd,Md);a.push(U);null!==Rd&&Rd.forEach(Zb,a);cc(a,Ld,fb);if("string"===typeof fb){a.push(z(H(fb)));var Sd=null}else Sd=fb;return Sd;case "form":a.push(V("form"));var hb=null,Td=null,xa=null,ib=null,jb=null,kb=null,lb;for(lb in c)if(E.call(c,lb)){var ya=c[lb];if(null!=ya)switch(lb){case "children":hb=ya;
-break;case "dangerouslySetInnerHTML":Td=ya;break;case "action":xa=ya;break;case "encType":ib=ya;break;case "method":jb=ya;break;case "target":kb=ya;break;default:T(a,lb,ya)}}var tc=null,uc=null;if("function"===typeof xa)if("function"===typeof xa.$$FORM_ACTION){var Gf=Wb(d),Ra=xa.$$FORM_ACTION(Gf);xa=Ra.action||"";ib=Ra.encType;jb=Ra.method;kb=Ra.target;tc=Ra.data;uc=Ra.name}else a.push(Q,z("action"),R,Xb,P),kb=jb=ib=xa=null,bc(d,e);null!=xa&&T(a,"action",xa);null!=ib&&T(a,"encType",ib);null!=jb&&
-T(a,"method",jb);null!=kb&&T(a,"target",kb);a.push(U);null!==uc&&(a.push(Yb),S(a,"name",uc),a.push($b),null!==tc&&tc.forEach(Zb,a));cc(a,Td,hb);if("string"===typeof hb){a.push(z(H(hb)));var Ud=null}else Ud=hb;return Ud;case "menuitem":a.push(V("menuitem"));for(var Db in c)if(E.call(c,Db)){var Vd=c[Db];if(null!=Vd)switch(Db){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:T(a,Db,Vd)}}a.push(U);return null;case "title":if(3===
-f.insertionMode||f.tagScope&1||null!=c.itemProp)var Wd=lc(a,c);else lc(e.hoistableChunks,c),Wd=null;return Wd;case "link":return ic(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var vc=c.async;if("string"!==typeof c.src||!c.src||!vc||"function"===typeof vc||"symbol"===typeof vc||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Xd=Bb(a,c);else{var Eb=c.src;if("module"===c.type){var Fb=d.moduleScriptResources;var Yd=e.preloads.moduleScripts}else Fb=d.scriptResources,
-Yd=e.preloads.scripts;var Gb=Fb.hasOwnProperty(Eb)?Fb[Eb]:void 0;if(null!==Gb){Fb[Eb]=null;var wc=c;if(Gb){2===Gb.length&&(wc=C({},c),jc(wc,Gb));var Zd=Yd.get(Eb);Zd&&(Zd.length=0)}var $d=[];e.scripts.add($d);Bb($d,wc)}g&&a.push(Nb);Xd=null}return Xd;case "style":var Hb=c.precedence,Da=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof Hb||"string"!==typeof Da||""===Da){a.push(V("style"));var Sa=null,ae=null,mb;for(mb in c)if(E.call(c,mb)){var Ib=c[mb];if(null!=Ib)switch(mb){case "children":Sa=
-Ib;break;case "dangerouslySetInnerHTML":ae=Ib;break;default:T(a,mb,Ib)}}a.push(U);var nb=Array.isArray(Sa)?2>Sa.length?Sa[0]:null:Sa;"function"!==typeof nb&&"symbol"!==typeof nb&&null!==nb&&void 0!==nb&&a.push(z(H(""+nb)));cc(a,ae,Sa);a.push(mc("style"));var be=null}else{var Ea=e.styles.get(Hb);if(null!==(d.styleResources.hasOwnProperty(Da)?d.styleResources[Da]:void 0)){d.styleResources[Da]=null;Ea?Ea.hrefs.push(z(H(Da))):(Ea={precedence:z(H(Hb)),rules:[],hrefs:[z(H(Da))],sheets:new Map},e.styles.set(Hb,
-Ea));var ce=Ea.rules,Ta=null,de=null,Jb;for(Jb in c)if(E.call(c,Jb)){var xc=c[Jb];if(null!=xc)switch(Jb){case "children":Ta=xc;break;case "dangerouslySetInnerHTML":de=xc}}var ob=Array.isArray(Ta)?2>Ta.length?Ta[0]:null:Ta;"function"!==typeof ob&&"symbol"!==typeof ob&&null!==ob&&void 0!==ob&&ce.push(z(H(""+ob)));cc(ce,de,Ta)}Ea&&e.boundaryResources&&e.boundaryResources.styles.add(Ea);g&&a.push(Nb);be=void 0}return be;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var ee=kc(a,c,
-"meta");else g&&a.push(Nb),ee="string"===typeof c.charSet?kc(e.charsetChunks,c,"meta"):"viewport"===c.name?kc(e.preconnectChunks,c,"meta"):kc(e.hoistableChunks,c,"meta");return ee;case "listing":case "pre":a.push(V(b));var pb=null,qb=null,rb;for(rb in c)if(E.call(c,rb)){var Kb=c[rb];if(null!=Kb)switch(rb){case "children":pb=Kb;break;case "dangerouslySetInnerHTML":qb=Kb;break;default:T(a,rb,Kb)}}a.push(U);if(null!=qb){if(null!=pb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");
-if("object"!==typeof qb||!("__html"in qb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var Fa=qb.__html;null!==Fa&&void 0!==Fa&&("string"===typeof Fa&&0<Fa.length&&"\n"===Fa[0]?a.push(oc,z(Fa)):a.push(z(""+Fa)))}"string"===typeof pb&&"\n"===pb[0]&&a.push(oc);return pb;case "img":var M=c.src,J=c.srcSet;if(!("lazy"===c.loading||!M&&!J||"string"!==typeof M&&null!=M||"string"!==
-typeof J&&null!=J)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof M||":"!==M[4]||"d"!==M[0]&&"D"!==M[0]||"a"!==M[1]&&"A"!==M[1]||"t"!==M[2]&&"T"!==M[2]||"a"!==M[3]&&"A"!==M[3])&&("string"!==typeof J||":"!==J[4]||"d"!==J[0]&&"D"!==J[0]||"a"!==J[1]&&"A"!==J[1]||"t"!==J[2]&&"T"!==J[2]||"a"!==J[3]&&"A"!==J[3])){var fe="string"===typeof c.sizes?c.sizes:void 0,Ua=J?J+"\n"+(fe||""):M,yc=e.preloads.images,Ga=yc.get(Ua);if(Ga){if("high"===c.fetchPriority||10>e.highImagePreloads.size)yc.delete(Ua),
-e.highImagePreloads.add(Ga)}else if(!d.imageResources.hasOwnProperty(Ua)){d.imageResources[Ua]=K;var zc=c.crossOrigin;var ge="string"===typeof zc?"use-credentials"===zc?zc:"":void 0;var ja=e.headers,Ac;ja&&0<ja.remainingCapacity&&("high"===c.fetchPriority||500>ja.highImagePreloads.length)&&(Ac=Cc(M,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:ge,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ja.remainingCapacity-=
-Ac.length))?(e.resets.image[Ua]=K,ja.highImagePreloads&&(ja.highImagePreloads+=", "),ja.highImagePreloads+=Ac):(Ga=[],N(Ga,{rel:"preload",as:"image",href:J?void 0:M,imageSrcSet:J,imageSizes:fe,crossOrigin:ge,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ga):(e.bulkPreloads.add(Ga),yc.set(Ua,Ga)))}}return kc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return kc(a,
-c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var he=nc(e.headChunks,c,"head")}else he=nc(a,c,"head");return he;case "html":if(0===f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[rc];var ie=nc(e.htmlChunks,c,"html")}else ie=nc(a,c,"html");return ie;default:if(-1!==b.indexOf("-")){a.push(V(b));
-var Bc=null,je=null,Va;for(Va in c)if(E.call(c,Va)){var aa=c[Va];if(null!=aa){var ke=Va;switch(Va){case "children":Bc=aa;break;case "dangerouslySetInnerHTML":je=aa;break;case "style":Tb(a,aa);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;case "className":ke="class";default:if(ta(Va)&&"function"!==typeof aa&&"symbol"!==typeof aa&&!1!==aa){if(!0===aa)aa="";else if("object"===typeof aa)continue;a.push(Q,z(ke),R,z(H(aa)),P)}}}}a.push(U);cc(a,je,Bc);return Bc}}return nc(a,
-c,b)}var Dc=new Map;function mc(a){var b=Dc.get(a);void 0===b&&(b=B("</"+a+">"),Dc.set(a,b));return b}function Ec(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)r(a,b[c]);return c<b.length?(c=b[c],b.length=0,w(a,c)):!0}var Fc=B('<template id="'),Gc=B('"></template>'),Hc=B("\x3c!--$--\x3e"),Ic=B('\x3c!--$?--\x3e<template id="'),Jc=B('"></template>'),Kc=B("\x3c!--$!--\x3e"),Lc=B("\x3c!--/$--\x3e"),Mc=B("<template"),Nc=B('"'),Oc=B(' data-dgst="');B(' data-msg="');B(' data-stck="');var Pc=B("></template>");
-function Qc(a,b,c){r(a,Ic);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");r(a,b.boundaryPrefix);r(a,z(c.toString(16)));return w(a,Jc)}
-var Rc=B('<div hidden id="'),Sc=B('">'),Tc=B("</div>"),Uc=B('<svg aria-hidden="true" style="display:none" id="'),Vc=B('">'),Wc=B("</svg>"),Xc=B('<math aria-hidden="true" style="display:none" id="'),Yc=B('">'),Zc=B("</math>"),$c=B('<table hidden id="'),ad=B('">'),bd=B("</table>"),cd=B('<table hidden><tbody id="'),dd=B('">'),ed=B("</tbody></table>"),fd=B('<table hidden><tr id="'),gd=B('">'),hd=B("</tr></table>"),id=B('<table hidden><colgroup id="'),jd=B('">'),kd=B("</colgroup></table>");
-function ld(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return r(a,Rc),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,Sc);case 3:return r(a,Uc),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,Vc);case 4:return r(a,Xc),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,Yc);case 5:return r(a,$c),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,ad);case 6:return r(a,cd),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,dd);case 7:return r(a,fd),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,gd);
-case 8:return r(a,id),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,jd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function md(a,b){switch(b.insertionMode){case 0:case 1:case 2:return w(a,Tc);case 3:return w(a,Wc);case 4:return w(a,Zc);case 5:return w(a,bd);case 6:return w(a,ed);case 7:return w(a,hd);case 8:return w(a,kd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
-var nd=B('$RS=function(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("'),od=B('$RS("'),pd=B('","'),qd=B('")\x3c/script>'),rd=B('<template data-rsi="" data-sid="'),sd=B('" data-pid="'),td=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
-ud=B('$RC("'),vd=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-wd=B('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-xd=B('$RR("'),yd=B('","'),zd=B('",'),Ad=B('"'),Bd=B(")\x3c/script>"),Cd=B('<template data-rci="" data-bid="'),Dd=B('<template data-rri="" data-bid="'),Ed=B('" data-sid="'),Fd=B('" data-sty="'),Gd=B('$RX=function(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("'),Hd=B('$RX("'),Id=B('"'),Jd=B(","),le=B(")\x3c/script>"),me=B('<template data-rxi="" data-bid="'),ne=B('" data-dgst="'),
-oe=B('" data-msg="'),pe=B('" data-stck="'),qe=/[<\u2028\u2029]/g;function re(a){return JSON.stringify(a).replace(qe,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var se=/[&><\u2028\u2029]/g;
-function te(a){return JSON.stringify(a).replace(se,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
-var ue=B('<style media="not all" data-precedence="'),ve=B('" data-href="'),we=B('">'),xe=B("</style>"),ye=!1,ze=!0;function Ae(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){r(this,ue);r(this,a.precedence);for(r(this,ve);d<c.length-1;d++)r(this,c[d]),r(this,Be);r(this,c[d]);r(this,we);for(d=0;d<b.length;d++)r(this,b[d]);ze=w(this,xe);ye=!0;b.length=0;c.length=0}}function Ce(a){return 2!==a.state?ye=!0:!1}
-function De(a,b,c){ye=!1;ze=!0;b.styles.forEach(Ae,a);b.stylesheets.forEach(Ce);ye&&(c.stylesToHoist=!0);return ze}function Ee(a){for(var b=0;b<a.length;b++)r(this,a[b]);a.length=0}var Fe=[];function Ge(a){N(Fe,a.props);for(var b=0;b<Fe.length;b++)r(this,Fe[b]);Fe.length=0;a.state=2}var He=B('<style data-precedence="'),Ie=B('" data-href="'),Be=B(" "),Je=B('">'),Ke=B("</style>");
-function Le(a){var b=0<a.sheets.size;a.sheets.forEach(Ge,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){r(this,He);r(this,a.precedence);a=0;if(d.length){for(r(this,Ie);a<d.length-1;a++)r(this,d[a]),r(this,Be);r(this,d[a])}r(this,Je);for(a=0;a<c.length;a++)r(this,c[a]);r(this,Ke);c.length=0;d.length=0}}
-function Me(a){if(0===a.state){a.state=1;var b=a.props;N(Fe,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Fe.length;a++)r(this,Fe[a]);Fe.length=0}}function Ne(a){a.sheets.forEach(Me,this);a.sheets.clear()}var Oe=B("["),Pe=B(",["),Qe=B(","),Re=B("]");
-function Se(a,b){r(a,Oe);var c=Oe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,z(te(""+d.props.href))),r(a,Re),c=Pe;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,z(te(""+d.props.href)));e=""+e;r(a,Qe);r(a,z(te(e)));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ta(g))break a;h=""+h}r(e,Qe);r(e,z(te(k)));r(e,Qe);r(e,z(te(h)))}}}r(a,
-Re);c=Pe;d.state=3}});r(a,Re)}
-function Te(a,b){r(a,Oe);var c=Oe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,z(H(JSON.stringify(""+d.props.href)))),r(a,Re),c=Pe;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,z(H(JSON.stringify(""+d.props.href))));e=""+e;r(a,Qe);r(a,z(H(JSON.stringify(e))));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
-a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ta(g))break a;h=""+h}r(e,Qe);r(e,z(H(JSON.stringify(k))));r(e,Qe);r(e,z(H(JSON.stringify(h))))}}}r(a,
-Re);c=Pe;d.state=3}});r(a,Re)}function Na(a){var b=Ue();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Ve,We)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],N(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Xe(b)}}}
-function Oa(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Ve,We)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(Ye,Ze);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],N(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Xe(c)}}}
-function Pa(a,b,c){var d=Ue();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var l=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(l))return;e.imageResources[l]=K;e=f.headers;var p;e&&0<e.remainingCapacity&&"high"===k&&(p=Cc(a,b,c),2<=(e.remainingCapacity-=p.length))?(f.resets.image[l]=K,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=p):(e=[],N(e,C({rel:"preload",href:g?void 0:
-a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(l,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];N(g,C({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?K:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-N(g,C({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?K:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=K;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(l=Cc(a,b,c),2<=(e.remainingCapacity-=l.length)))f.resets.font[a]=K,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=l;else switch(e=[],
-a=C({rel:"preload",href:a,as:b},c),N(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Xe(d)}}}
-function Wa(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?K:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=K}N(f,C({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Xe(c)}}}
-function Xa(a,b,c){var d=Ue();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:z(H(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:C({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&jc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Xe(d))}}}
-function Ya(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=C({src:a,async:!0},b),f&&(2===f.length&&jc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Bb(a,b),Xe(c))}}}
-function Za(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=C({src:a,type:"module",async:!0},b),f&&(2===f.length&&jc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Bb(a,b),Xe(c))}}}function jc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Cc(a,b,c){a=(""+a).replace(Ve,We);b=(""+b).replace(Ye,Ze);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)E.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Ye,Ze)+'"'));return b}var Ve=/[<>\r\n]/g;
-function We(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Ye=/["';,\r\n]/g;
-function Ze(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function $e(a){this.styles.add(a)}function af(a){this.stylesheets.add(a)}
-var bf="function"===typeof AsyncLocalStorage,cf=bf?new AsyncLocalStorage:null,df=Symbol.for("react.element"),ef=Symbol.for("react.portal"),ff=Symbol.for("react.fragment"),gf=Symbol.for("react.strict_mode"),hf=Symbol.for("react.profiler"),jf=Symbol.for("react.provider"),kf=Symbol.for("react.context"),lf=Symbol.for("react.server_context"),mf=Symbol.for("react.forward_ref"),nf=Symbol.for("react.suspense"),of=Symbol.for("react.suspense_list"),pf=Symbol.for("react.memo"),qf=Symbol.for("react.lazy"),rf=
-Symbol.for("react.scope"),sf=Symbol.for("react.debug_trace_mode"),tf=Symbol.for("react.offscreen"),uf=Symbol.for("react.legacy_hidden"),vf=Symbol.for("react.cache"),wf=Symbol.for("react.default_value"),xf=Symbol.for("react.memo_cache_sentinel"),yf=Symbol.for("react.postpone"),zf=Symbol.iterator,Af=Symbol.for("react.client.reference");
-function Bf(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Af?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ff:return"Fragment";case ef:return"Portal";case hf:return"Profiler";case gf:return"StrictMode";case nf:return"Suspense";case of:return"SuspenseList";case vf:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case kf:return(a.displayName||"Context")+".Consumer";case jf:return(a._context.displayName||"Context")+".Provider";case mf:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case pf:return b=a.displayName||null,null!==b?b:Bf(a.type)||"Memo";case qf:b=a._payload;a=a._init;try{return Bf(a(b))}catch(c){break}case lf:return(a.displayName||a._globalName)+".Provider"}return null}var Cf;function Df(a){if(void 0===Cf)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Cf=b&&b[1]||""}return"\n"+Cf+a}var Ef=!1;
-function Ff(a,b){if(!a||Ef)return"";Ef=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var q=function(){throw Error();};Object.defineProperty(q.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(q,[])}catch(u){var t=u}Reflect.construct(a,[],q)}else{try{q.call()}catch(u){t=u}a.call(q.prototype)}}else{try{throw Error();}catch(u){t=u}(q=a())&&"function"===typeof q.catch&&
-q.catch(function(){})}}catch(u){if(u&&t&&"string"===typeof u.stack)return[u.stack,t.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),l=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<l.length&&!l[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===l.length)for(d=k.length-1,e=l.length-1;1<=d&&0<=e&&k[d]!==l[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==l[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==l[e]){var p="\n"+k[d].replace(" at new "," at ");a.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",a.displayName));return p}while(1<=d&&0<=e)}break}}}finally{Ef=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Df(c):""}
-var Hf={};function If(a,b){a=a.contextTypes;if(!a)return Hf;var c={},d;for(d in a)c[d]=b[d];return c}var Jf=null;function Kf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Kf(a,c)}b.context._currentValue=b.value}}
-function Lf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Lf(a)}function Mf(a){var b=a.parent;null!==b&&Mf(b);a.context._currentValue=a.value}function Nf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Kf(a,b):Nf(a,b)}
-function Of(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Kf(a,c):Of(a,c);b.context._currentValue=b.value}function Pf(a){var b=Jf;b!==a&&(null===b?Mf(a):null===a?Lf(b):b.depth===a.depth?Kf(b,a):b.depth>a.depth?Nf(b,a):Of(b,a),Jf=a)}
-var Qf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Rf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Qf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:C({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Qf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=C({},f,h)):C(f,h))}a.state=f}else f.queue=null}
-var Sf={id:1,overflow:""};function Tf(a,b,c){var d=a.id;a=a.overflow;var e=32-Uf(d)-1;d&=~(1<<e);c+=1;var f=32-Uf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Uf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Uf=Math.clz32?Math.clz32:Vf,Wf=Math.log,Xf=Math.LN2;function Vf(a){a>>>=0;return 0===a?32:31-(Wf(a)/Xf|0)|0}var Yf=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Zf(){}function $f(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Zf,Zf),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}ag=b;throw Yf;}}var ag=null;
-function bg(){if(null===ag)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=ag;ag=null;return a}function cg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var dg="function"===typeof Object.is?Object.is:cg,eg=null,fg=null,gg=null,hg=null,ig=null,W=null,jg=!1,kg=!1,lg=0,mg=0,ng=-1,og=0,pg=null,qg=null,rg=0;
-function sg(){if(null===eg)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return eg}
-function tg(){if(0<rg)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function ug(){null===W?null===ig?(jg=!1,ig=W=tg()):(jg=!0,W=ig):null===W.next?(jg=!1,W=W.next=tg()):(jg=!0,W=W.next);return W}function vg(a,b,c,d){for(;kg;)kg=!1,mg=lg=0,ng=-1,og=0,rg+=1,W=null,c=a(b,d);wg();return c}function xg(){var a=pg;pg=null;return a}function wg(){hg=gg=fg=eg=null;kg=!1;ig=null;rg=0;W=qg=null}
-function yg(a,b){return"function"===typeof b?b(a):b}function zg(a,b,c){eg=sg();W=ug();if(jg){var d=W.queue;b=d.dispatch;if(null!==qg&&(c=qg.get(d),void 0!==c)){qg.delete(d);d=W.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);W.memoizedState=d;return[d,b]}return[W.memoizedState,b]}a=a===yg?"function"===typeof b?b():b:void 0!==c?c(b):b;W.memoizedState=a;a=W.queue={last:null,dispatch:null};a=a.dispatch=Ag.bind(null,eg,a);return[W.memoizedState,a]}
-function Bg(a,b){eg=sg();W=ug();b=void 0===b?null:b;if(null!==W){var c=W.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!dg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();W.memoizedState=[a,b];return a}
-function Ag(a,b,c){if(25<=rg)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===eg)if(kg=!0,a={action:c,next:null},null===qg&&(qg=new Map),c=qg.get(b),void 0===c)qg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Cg(){throw Error("A function wrapped in useEffectEvent can't be called during rendering.");}function Dg(){throw Error("startTransition cannot be called during server rendering.");}
-function Eg(){throw Error("Cannot update optimistic state while rendering.");}function Fg(a){var b=og;og+=1;null===pg&&(pg=[]);return $f(pg,a,b)}function Gg(){throw Error("Cache cannot be refreshed during server rendering.");}function Hg(){}
-var Jg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Fg(a);if(a.$$typeof===kf||a.$$typeof===lf)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){sg();return a._currentValue},useMemo:Bg,useReducer:zg,useRef:function(a){eg=sg();W=ug();var b=W.memoizedState;return null===b?(a={current:a},W.memoizedState=a):b},useState:function(a){return zg(yg,a)},
-useInsertionEffect:Hg,useLayoutEffect:Hg,useCallback:function(a,b){return Bg(function(){return a},b)},useImperativeHandle:Hg,useEffect:Hg,useDebugValue:Hg,useDeferredValue:function(a,b){sg();return void 0!==b?b:a},useTransition:function(){sg();return[!1,Dg]},useId:function(){var a=fg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Uf(a)-1)).toString(32)+b;var c=Ig;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=lg++;a=":"+c.idPrefix+
-"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Gg},useEffectEvent:function(){return Cg},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=xf;return b},useHostTransitionStatus:function(){sg();return La},useOptimistic:function(a){sg();return[a,Eg]},useFormState:function(a,
-b,c){sg();var d=mg++,e=gg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=hg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+da(JSON.stringify([g,null,d]),0),k===f&&(ng=d,b=e[0]))}var l=a.bind(null,b);a=function(q){l(q)};"function"===typeof l.$$FORM_ACTION&&(a.$$FORM_ACTION=function(q){q=l.$$FORM_ACTION(q);void 0!==c&&(c+="",q.action=c);var t=q.data;t&&(null===f&&(f=void 0!==c?"p"+c:"k"+da(JSON.stringify([g,
-null,d]),0)),t.append("$ACTION_KEY",f));return q});return[b,a]}var p=a.bind(null,b);return[b,function(q){p(q)}]}},Ig=null,Kg={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},Lg=Ka.ReactCurrentDispatcher,Mg=Ka.ReactCurrentCache;function Ng(a){console.error(a);return null}function Og(){}
-function Pg(a,b,c,d,e,f,g,h,k,l,p,q){Ma.current=$a;var t=[],u=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:u,pingedTasks:t,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Ng:f,onPostpone:void 0===p?Og:p,onAllReady:void 0===g?
-Og:g,onShellReady:void 0===h?Og:h,onShellError:void 0===k?Og:k,onFatalError:void 0===l?Og:l,formState:void 0===q?null:q};c=Qg(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Rg(b,null,a,-1,null,c,u,null,d,Hf,null,Sf,null);t.push(a);return b}function Sg(a,b,c,d,e,f,g,h,k,l,p){a=Pg(a,b,c,d,e,f,g,h,k,l,p,void 0);a.trackedPostpones={workingMap:new Map,rootNodes:[],rootSlots:null};return a}
-function Tg(a,b,c,d,e,f,g,h,k){Ma.current=$a;var l=[],p=new Set;c={destination:null,flushScheduled:!1,resumableState:b.resumableState,renderState:c,rootFormatContext:b.rootFormatContext,progressiveChunkSize:b.progressiveChunkSize,status:0,fatalError:null,nextSegmentId:b.nextSegmentId,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:p,pingedTasks:l,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===d?Ng:d,onPostpone:void 0===
-k?Og:k,onAllReady:void 0===e?Og:e,onShellReady:void 0===f?Og:f,onShellError:void 0===g?Og:g,onFatalError:void 0===h?Og:h,formState:null};if("number"===typeof b.replaySlots)return d=b.replaySlots,e=Qg(c,0,null,b.rootFormatContext,!1,!1),e.id=d,e.parentFlushed=!0,a=Rg(c,null,a,-1,null,e,p,null,b.rootFormatContext,Hf,null,Sf,null),l.push(a),c;a=Ug(c,null,{nodes:b.replayNodes,slots:b.replaySlots,pendingTasks:0},a,-1,null,p,null,b.rootFormatContext,Hf,null,Sf,null);l.push(a);return c}var Vg=null;
-function Ue(){if(Vg)return Vg;if(bf){var a=cf.getStore();if(a)return a}return null}function Wg(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return Xg(a)},0))}function Yg(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Rg(a,b,c,d,e,f,g,h,k,l,p,q,t){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var u={replay:null,node:c,childIndex:d,ping:function(){return Wg(a,u)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Ug(a,b,c,d,e,f,g,h,k,l,p,q,t){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var u={replay:c,node:d,childIndex:e,ping:function(){return Wg(a,u)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Qg(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Zg(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function $g(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Df(b.type,null,null);break;case 1:a+=Ff(b.type,!1);break;case 2:a+=Ff(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function ah(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function bh(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,la(a.destination,b)):(a.status=1,a.fatalError=b)}
-function ch(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((Bf(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=C({},c,d)}b.legacyContext=e;Y(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Y(a,b,null,f,-1),b.keyPath=e}
-function dh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var l=0;l<f;l++)l===g?k.push(gc):k.push(hc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Tf(c,1,0),eh(a,b,d,-1),b.treeContext=c):h?eh(a,b,d,-1):Y(a,b,null,d,-1);b.keyPath=f}function fh(a,b){if(a&&a.defaultProps){b=C({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function gh(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=If(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue:g);Rf(h,e,f,g);ch(a,b,c,h,e);b.componentStack=d}else{g=If(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};eg={};fg=b;gg=a;hg=c;mg=lg=0;ng=-1;og=0;pg=d;d=e(f,g);d=vg(e,f,d,g);var k=0!==
-lg,l=mg,p=ng;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Rf(d,e,f,g),ch(a,b,c,d,e)):dh(a,b,c,d,k,l,p);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Zg(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=Mb(h,e,f),b.keyPath=c,eh(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=sc(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-l=b.keyPath;b.formatContext=Mb(h,e,f);b.keyPath=c;eh(a,b,k,-1);b.formatContext=h;b.keyPath=l;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(mc(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case uf:case sf:case gf:case hf:case ff:e=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=e;return;case tf:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,Y(a,b,null,f.children,-1),b.keyPath=e);return;case of:e=b.componentStack;b.componentStack=Zg(b,"SuspenseList");d=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case rf:throw Error("ReactDOMServer does not yet support scope components.");case nf:a:if(null!==b.replay){e=
-b.keyPath;b.keyPath=c;c=f.children;try{eh(a,b,c,-1)}finally{b.keyPath=e}}else{var q=b.componentStack;e=b.componentStack=Zg(b,"Suspense");var t=b.keyPath;d=b.blockedBoundary;var u=b.blockedSegment;g=f.fallback;var D=f.children;f=new Set;l=Yg(a,f);null!==a.trackedPostpones&&(l.trackedContentKeyPath=c);p=Qg(a,u.chunks.length,l,b.formatContext,!1,!1);u.children.push(p);u.lastPushedText=!1;var F=Qg(a,0,null,b.formatContext,!1,!1);F.parentFlushed=!0;b.blockedBoundary=l;b.blockedSegment=F;a.renderState.boundaryResources=
-l.resources;b.keyPath=c;try{if(eh(a,b,D,-1),F.lastPushedText&&F.textEmbedded&&F.chunks.push(Nb),F.status=1,hh(l,F),0===l.pendingTasks&&0===l.status){l.status=1;b.componentStack=q;break a}}catch(v){F.status=4,l.status=4,h=$g(a,b.componentStack),"object"===typeof v&&null!==v&&v.$$typeof===yf?(a.onPostpone(v.message,h),k="POSTPONE"):k=ah(a,v,h),l.errorDigest=k,ih(a,l)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=u,b.keyPath=t,b.componentStack=q}h=[c[0],
-"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(q=[h[1],h[2],[],null],k.workingMap.set(h,q),5===l.status?k.workingMap.get(c)[4]=q:l.trackedFallbackNode=q);b=Rg(a,null,g,-1,d,p,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case mf:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;eg={};fg=b;gg=a;hg=c;mg=lg=0;ng=-1;og=0;pg=d;d=e(f,g);f=vg(e,f,d,g);dh(a,
-b,c,f,0!==lg,mg,ng);b.componentStack=h;return;case pf:e=e.type;f=fh(e,f);gh(a,b,c,d,e,f,g);return;case jf:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue;e._currentValue=f;k=Jf;Jf=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;Y(a,b,null,g,-1);a=Jf;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===wf?a.context._defaultValue:c;a=Jf=a.parent;
-b.context=a;b.keyPath=d;return;case kf:f=f.children;f=f(e._currentValue);e=b.keyPath;b.keyPath=c;Y(a,b,null,f,-1);b.keyPath=e;return;case qf:g=b.componentStack;b.componentStack=Zg(b,"Lazy");h=e._init;e=h(e._payload);f=fh(e,f);gh(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==e?e:typeof e)+"."));}}
-function jh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Qg(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,eh(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(hh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function Y(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)jh(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case df:var f=d.type,g=d.key,h=d.props,k=d.ref,l=Bf(f),p=null==g?-1===e?0:e:g;g=[b.keyPath,l,p];if(null!==b.replay)a:{var q=b.replay;e=q.nodes;for(d=0;d<e.length;d++){var t=e[d];if(p===t[1]){if(4===t.length){if(null!==l&&l!==t[0])throw Error("Expected the resume to render <"+t[0]+"> in this slot but instead it rendered <"+
-l+">. The tree doesn't match so React will fallback to client rendering.");var u=t[2];l=t[3];t=b.node;b.replay={nodes:u,slots:l,pendingTasks:1};try{gh(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(x){if("object"===typeof x&&null!==x&&(x===Yf||"function"===typeof x.then))throw b.node===t&&(b.replay=q),
-x;b.replay.pendingTasks--;h=$g(a,b.componentStack);kh(a,b.blockedBoundary,x,h,u,l)}b.replay=q}else{if(f!==nf)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(Bf(f)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{c=void 0;f=t[5];k=t[2];q=t[3];l=null===t[4]?[]:t[4][2];t=null===t[4]?null:t[4][3];p=b.componentStack;var D=b.componentStack=Zg(b,"Suspense"),F=b.keyPath,v=b.replay,A=b.blockedBoundary,fa=h.children;h=h.fallback;
-var X=new Set,y=Yg(a,X);y.parentFlushed=!0;y.rootSegmentID=f;b.blockedBoundary=y;b.replay={nodes:k,slots:q,pendingTasks:1};a.renderState.boundaryResources=y.resources;try{eh(a,b,fa,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===y.pendingTasks&&0===y.status){y.status=1;a.completedBoundaries.push(y);break b}}catch(x){y.status=
-4,u=$g(a,b.componentStack),"object"===typeof x&&null!==x&&x.$$typeof===yf?(a.onPostpone(x.message,u),c="POSTPONE"):c=ah(a,x,u),y.errorDigest=c,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(y)}finally{a.renderState.boundaryResources=A?A.resources:null,b.blockedBoundary=A,b.replay=v,b.keyPath=F,b.componentStack=p}h=Ug(a,null,{nodes:l,slots:t,pendingTasks:0},h,-1,A,X,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,D);a.pingedTasks.push(h)}}e.splice(d,
-1);break a}}}else gh(a,b,g,c,f,h,k);return;case ef:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");case qf:h=b.componentStack;b.componentStack=Zg(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;Y(a,b,null,d,e);return}if(Ja(d)){lh(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=zf&&d[zf]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];
-do g.push(d.value),d=h.next();while(!d.done);lh(a,b,g,e)}return}if("function"===typeof d.then)return Y(a,b,null,Fg(d),e);if(d.$$typeof===kf||d.$$typeof===lf)return Y(a,b,null,d._currentValue,e);e=Object.prototype.toString.call(d);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=
-Ob(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ob(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function lh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{lh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(p){if("object"===typeof p&&
-null!==p&&(p===Yf||"function"===typeof p.then))throw p;b.replay.pendingTasks--;c=$g(a,b.componentStack);kh(a,b.blockedBoundary,p,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=Tf(f,g,d);var l=h[d];"number"===typeof l?(jh(a,b,l,k,d),delete h[d]):eh(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Tf(f,g,h),eh(a,b,d,h);b.treeContext=
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),wb=/["'&<>]/;
+function I(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=wb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var xb=/([A-Z])/g,yb=/^ms-/,zb=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ab={pending:!1,data:null,method:null,action:null},Bb=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Ub={prefetchDNS:Cb,preconnect:Db,preload:Eb,preloadModule:Fb,preinitStyle:Rb,preinitScript:Sb,preinitModuleScript:Tb},M=[],Vb=B('"></template>'),Wb=B("<script>"),Xb=B("\x3c/script>"),Yb=B('<script src="'),Zb=B('<script type="module" src="'),$b=B('" nonce="'),ac=B('" integrity="'),bc=B('" crossorigin="'),
+cc=B('" async="">\x3c/script>'),dc=/(<\/|<)(s)(cript)/gi;function ec(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var fc=B('<script type="importmap">'),gc=B("\x3c/script>");
+function hc(a,b,c,d,e,f){var g=void 0===b?Wb:B('<script nonce="'+I(b)+'">'),h=a.idPrefix,k=[],m=null,q=a.bootstrapScriptContent,n=a.bootstrapScripts,t=a.bootstrapModules;void 0!==q&&k.push(g,y((""+q).replace(dc,ec)),Xb);void 0!==c&&("string"===typeof c?(m={src:c,chunks:[]},ic(m.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(m={src:c.src,chunks:[]},ic(m.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(fc),c.push(y((""+JSON.stringify(d)).replace(dc,ec))),c.push(gc));
+d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:B(h+"P:"),segmentPrefix:B(h+"S:"),boundaryPrefix:B(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:m,bootstrapChunks:k,importMapChunks:c,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:new Set,fontPreloads:new Set,
+highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,hoistableState:null,stylesToHoist:!1};if(void 0!==n)for(g=0;g<n.length;g++)c=n[g],d=m=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=m="string"===typeof c||null==c.crossOrigin?
+void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,q=h,c.scriptResources[q]=null,c.moduleScriptResources[q]=null,c=[],N(c,f),e.bootstrapScripts.add(c),k.push(Yb,y(I(h))),b&&k.push($b,y(I(b))),"string"===typeof d&&k.push(ac,y(I(d))),"string"===typeof m&&k.push(bc,y(I(m))),k.push(cc);if(void 0!==t)for(n=0;n<t.length;n++)f=t[n],m=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=m="string"===typeof f.integrity?f.integrity:
+void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],N(f,d),e.bootstrapScripts.add(f),k.push(Zb,y(I(g))),b&&k.push($b,y(I(b))),"string"===typeof m&&k.push(ac,y(I(m))),"string"===typeof h&&k.push(bc,y(I(h))),k.push(cc);return e}
+function jc(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function R(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function kc(a){return R("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
+function lc(a,b,c){switch(b){case "noscript":return R(2,null,a.tagScope|1);case "select":return R(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return R(3,null,a.tagScope);case "picture":return R(2,null,a.tagScope|2);case "math":return R(4,null,a.tagScope);case "foreignObject":return R(2,null,a.tagScope);case "table":return R(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return R(6,null,a.tagScope);case "colgroup":return R(8,null,a.tagScope);case "tr":return R(7,null,a.tagScope)}return 5<=
+a.insertionMode?R(2,null,a.tagScope):0===a.insertionMode?"html"===b?R(1,null,a.tagScope):R(2,null,a.tagScope):1===a.insertionMode?R(2,null,a.tagScope):a}var mc=B("\x3c!-- --\x3e");function nc(a,b,c,d){if(""===b)return d;d&&a.push(mc);a.push(y(I(b)));return!0}var oc=new Map,pc=B(' style="'),qc=B(":"),rc=B(";");
+function sc(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(E.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=y(I(d));e=y(I((""+e).trim()))}else f=oc.get(d),void 0===f&&(f=B(I(d.replace(xb,"-$1").toLowerCase().replace(yb,"-ms-"))),oc.set(d,f)),e="number"===typeof e?0===e||ub.has(d)?y(""+
+e):y(e+"px"):y(I((""+e).trim()));c?(c=!1,a.push(pc,f,qc,e)):a.push(rc,f,qc,e)}}c||a.push(S)}var T=B(" "),tc=B('="'),S=B('"'),uc=B('=""');function vc(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(T,y(b),uc)}function U(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(T,y(b),tc,y(I(c)),S)}function wc(a){var b=a.nextFormID++;return a.idPrefix+b}var xc=B(I("javascript:throw new Error('React form unexpectedly submitted.')")),Nc=B('<input type="hidden"');
+function Oc(a,b){this.push(Nc);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");U(this,"name",b);U(this,"value",a);this.push(Pc)}
+function Qc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=wc(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(T,y("formAction"),tc,xc,S),g=f=e=d=h=null,Rc(b,c)));null!=h&&V(a,"name",h);null!=d&&V(a,"formAction",d);null!=e&&V(a,"formEncType",e);null!=f&&V(a,"formMethod",f);null!=g&&V(a,"formTarget",g);return k}
+function V(a,b,c){switch(b){case "className":U(a,"class",c);break;case "tabIndex":U(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":U(a,b,c);break;case "style":sc(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(T,y(b),tc,y(I(c)),S);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":vc(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(T,y("xlink:href"),tc,y(I(c)),S);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(T,y(b),tc,y(I(c)),S);break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(T,y(b),uc);break;case "capture":case "download":!0===c?a.push(T,y(b),uc):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(T,y(b),tc,y(I(c)),S);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(T,y(b),tc,y(I(c)),S);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(T,y(b),tc,y(I(c)),S);break;case "xlinkActuate":U(a,"xlink:actuate",
+c);break;case "xlinkArcrole":U(a,"xlink:arcrole",c);break;case "xlinkRole":U(a,"xlink:role",c);break;case "xlinkShow":U(a,"xlink:show",c);break;case "xlinkTitle":U(a,"xlink:title",c);break;case "xlinkType":U(a,"xlink:type",c);break;case "xmlBase":U(a,"xml:base",c);break;case "xmlLang":U(a,"xml:lang",c);break;case "xmlSpace":U(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=vb.get(b)||b,tb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(T,y(b),tc,y(I(c)),S)}}}var W=B(">"),Pc=B("/>");
+function Sc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(y(""+b))}}function Tc(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var Uc=B(' selected=""'),Vc=B('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});');
+function Rc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,Vc,Xb))}var Wc=B("\x3c!--F!--\x3e"),Xc=B("\x3c!--F--\x3e");function N(a,b){a.push(X("link"));for(var c in b)if(E.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:V(a,c,d)}}a.push(Pc);return null}
+function Yc(a,b,c){a.push(X(c));for(var d in b)if(E.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:V(a,d,e)}}a.push(Pc);return null}
+function Zc(a,b){a.push(X("title"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:V(a,e,f)}}a.push(W);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(y(I(""+b)));Sc(a,d,c);a.push($c("title"));return null}
+function ic(a,b){a.push(X("script"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:V(a,e,f)}}a.push(W);Sc(a,d,c);"string"===typeof c&&a.push(y(I(c)));a.push($c("script"));return null}
+function ad(a,b,c){a.push(X(c));var d=c=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:V(a,e,f)}}a.push(W);Sc(a,d,c);return"string"===typeof c?(a.push(y(I(c))),null):c}var bd=B("\n"),cd=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,dd=new Map;function X(a){var b=dd.get(a);if(void 0===b){if(!cd.test(a))throw Error("Invalid tag: "+a);b=B("<"+a);dd.set(a,b)}return b}var ed=B("<!DOCTYPE html>");
+function fd(a,b,c,d,e,f,g,h,k){switch(b){case "div":case "span":case "svg":case "path":break;case "a":a.push(X("a"));var m=null,q=null,n;for(n in c)if(E.call(c,n)){var t=c[n];if(null!=t)switch(n){case "children":m=t;break;case "dangerouslySetInnerHTML":q=t;break;case "href":""===t?U(a,"href",""):V(a,n,t);break;default:V(a,n,t)}}a.push(W);Sc(a,q,m);if("string"===typeof m){a.push(y(I(m)));var u=null}else u=m;return u;case "g":case "p":case "li":break;case "select":a.push(X("select"));var z=null,x=null,
+v;for(v in c)if(E.call(c,v)){var G=c[v];if(null!=G)switch(v){case "children":z=G;break;case "dangerouslySetInnerHTML":x=G;break;case "defaultValue":case "value":break;default:V(a,v,G)}}a.push(W);Sc(a,x,z);return z;case "option":var D=g.selectedValue;a.push(X("option"));var J=null,O=null,A=null,F=null,P;for(P in c)if(E.call(c,P)){var H=c[P];if(null!=H)switch(P){case "children":J=H;break;case "selected":A=H;break;case "dangerouslySetInnerHTML":F=H;break;case "value":O=H;default:V(a,P,H)}}if(null!=D){var Ca=
+null!==O?""+O:Tc(J);if(Wa(D))for(var na=0;na<D.length;na++){if(""+D[na]===Ca){a.push(Uc);break}}else""+D===Ca&&a.push(Uc)}else A&&a.push(Uc);a.push(W);Sc(a,F,J);return J;case "textarea":a.push(X("textarea"));var K=null,va=null,da=null,oa;for(oa in c)if(E.call(c,oa)){var ja=c[oa];if(null!=ja)switch(oa){case "children":da=ja;break;case "value":K=ja;break;case "defaultValue":va=ja;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:V(a,
+oa,ja)}}null===K&&null!==va&&(K=va);a.push(W);if(null!=da){if(null!=K)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Wa(da)){if(1<da.length)throw Error("<textarea> can only have at most one child.");K=""+da[0]}K=""+da}"string"===typeof K&&"\n"===K[0]&&a.push(bd);null!==K&&a.push(y(I(""+K)));return null;case "input":a.push(X("input"));var cb=null,Da=null,ce=null,de=null,ee=null,yc=null,zc=null,Ac=null,Bc=null,db;for(db in c)if(E.call(c,db)){var ea=c[db];if(null!=
+ea)switch(db){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":cb=ea;break;case "formAction":Da=ea;break;case "formEncType":ce=ea;break;case "formMethod":de=ea;break;case "formTarget":ee=ea;break;case "defaultChecked":Bc=ea;break;case "defaultValue":zc=ea;break;case "checked":Ac=ea;break;case "value":yc=ea;break;default:V(a,db,ea)}}var fe=Qc(a,d,e,Da,ce,de,ee,cb);null!==Ac?vc(a,
+"checked",Ac):null!==Bc&&vc(a,"checked",Bc);null!==yc?V(a,"value",yc):null!==zc&&V(a,"value",zc);a.push(Pc);null!==fe&&fe.forEach(Oc,a);return null;case "button":a.push(X("button"));var eb=null,ge=null,he=null,ie=null,je=null,ke=null,le=null,fb;for(fb in c)if(E.call(c,fb)){var pa=c[fb];if(null!=pa)switch(fb){case "children":eb=pa;break;case "dangerouslySetInnerHTML":ge=pa;break;case "name":he=pa;break;case "formAction":ie=pa;break;case "formEncType":je=pa;break;case "formMethod":ke=pa;break;case "formTarget":le=
+pa;break;default:V(a,fb,pa)}}var me=Qc(a,d,e,ie,je,ke,le,he);a.push(W);null!==me&&me.forEach(Oc,a);Sc(a,ge,eb);if("string"===typeof eb){a.push(y(I(eb)));var ne=null}else ne=eb;return ne;case "form":a.push(X("form"));var gb=null,oe=null,wa=null,hb=null,ib=null,jb=null,kb;for(kb in c)if(E.call(c,kb)){var xa=c[kb];if(null!=xa)switch(kb){case "children":gb=xa;break;case "dangerouslySetInnerHTML":oe=xa;break;case "action":wa=xa;break;case "encType":hb=xa;break;case "method":ib=xa;break;case "target":jb=
+xa;break;default:V(a,kb,xa)}}var Cc=null,Dc=null;if("function"===typeof wa)if("function"===typeof wa.$$FORM_ACTION){var cg=wc(d),Qa=wa.$$FORM_ACTION(cg);wa=Qa.action||"";hb=Qa.encType;ib=Qa.method;jb=Qa.target;Cc=Qa.data;Dc=Qa.name}else a.push(T,y("action"),tc,xc,S),jb=ib=hb=wa=null,Rc(d,e);null!=wa&&V(a,"action",wa);null!=hb&&V(a,"encType",hb);null!=ib&&V(a,"method",ib);null!=jb&&V(a,"target",jb);a.push(W);null!==Dc&&(a.push(Nc),U(a,"name",Dc),a.push(Pc),null!==Cc&&Cc.forEach(Oc,a));Sc(a,oe,gb);
+if("string"===typeof gb){a.push(y(I(gb)));var pe=null}else pe=gb;return pe;case "menuitem":a.push(X("menuitem"));for(var Gb in c)if(E.call(c,Gb)){var qe=c[Gb];if(null!=qe)switch(Gb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:V(a,Gb,qe)}}a.push(W);return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Ec=Zc(a,c);else k?Ec=null:(Zc(e.hoistableChunks,c),Ec=void 0);return Ec;case "link":var dg=
+c.rel,ya=c.href,Hb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof dg||"string"!==typeof ya||""===ya){N(a,c);var lb=null}else if("stylesheet"===c.rel)if("string"!==typeof Hb||null!=c.disabled||c.onLoad||c.onError)lb=N(a,c);else{var Ra=e.styles.get(Hb),Ib=d.styleResources.hasOwnProperty(ya)?d.styleResources[ya]:void 0;if(null!==Ib){d.styleResources[ya]=null;Ra||(Ra={precedence:y(I(Hb)),rules:[],hrefs:[],sheets:new Map},e.styles.set(Hb,Ra));var Jb={state:0,props:C({},
+c,{"data-precedence":c.precedence,precedence:null})};if(Ib){2===Ib.length&&gd(Jb.props,Ib);var Fc=e.preloads.stylesheets.get(ya);Fc&&0<Fc.length?Fc.length=0:Jb.state=1}Ra.sheets.set(ya,Jb);f&&f.stylesheets.add(Jb)}else if(Ra){var re=Ra.sheets.get(ya);re&&f&&f.stylesheets.add(re)}h&&a.push(mc);lb=null}else c.onLoad||c.onError?lb=N(a,c):(h&&a.push(mc),lb=k?null:N(e.hoistableChunks,c));return lb;case "script":var Gc=c.async;if("string"!==typeof c.src||!c.src||!Gc||"function"===typeof Gc||"symbol"===
+typeof Gc||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var se=ic(a,c);else{var Kb=c.src;if("module"===c.type){var Lb=d.moduleScriptResources;var te=e.preloads.moduleScripts}else Lb=d.scriptResources,te=e.preloads.scripts;var Mb=Lb.hasOwnProperty(Kb)?Lb[Kb]:void 0;if(null!==Mb){Lb[Kb]=null;var Hc=c;if(Mb){2===Mb.length&&(Hc=C({},c),gd(Hc,Mb));var ue=te.get(Kb);ue&&(ue.length=0)}var ve=[];e.scripts.add(ve);ic(ve,Hc)}h&&a.push(mc);se=null}return se;case "style":var Nb=c.precedence,
+Ea=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Nb||"string"!==typeof Ea||""===Ea){a.push(X("style"));var Sa=null,we=null,nb;for(nb in c)if(E.call(c,nb)){var Ob=c[nb];if(null!=Ob)switch(nb){case "children":Sa=Ob;break;case "dangerouslySetInnerHTML":we=Ob;break;default:V(a,nb,Ob)}}a.push(W);var ob=Array.isArray(Sa)?2>Sa.length?Sa[0]:null:Sa;"function"!==typeof ob&&"symbol"!==typeof ob&&null!==ob&&void 0!==ob&&a.push(y(I(""+ob)));Sc(a,we,Sa);a.push($c("style"));var xe=
+null}else{var Fa=e.styles.get(Nb);if(null!==(d.styleResources.hasOwnProperty(Ea)?d.styleResources[Ea]:void 0)){d.styleResources[Ea]=null;Fa?Fa.hrefs.push(y(I(Ea))):(Fa={precedence:y(I(Nb)),rules:[],hrefs:[y(I(Ea))],sheets:new Map},e.styles.set(Nb,Fa));var ye=Fa.rules,Ta=null,ze=null,Pb;for(Pb in c)if(E.call(c,Pb)){var Ic=c[Pb];if(null!=Ic)switch(Pb){case "children":Ta=Ic;break;case "dangerouslySetInnerHTML":ze=Ic}}var pb=Array.isArray(Ta)?2>Ta.length?Ta[0]:null:Ta;"function"!==typeof pb&&"symbol"!==
+typeof pb&&null!==pb&&void 0!==pb&&ye.push(y(I(""+pb)));Sc(ye,ze,Ta)}Fa&&f&&f.styles.add(Fa);h&&a.push(mc);xe=void 0}return xe;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Ae=Yc(a,c,"meta");else h&&a.push(mc),Ae=k?null:"string"===typeof c.charSet?Yc(e.charsetChunks,c,"meta"):"viewport"===c.name?Yc(e.viewportChunks,c,"meta"):Yc(e.hoistableChunks,c,"meta");return Ae;case "listing":case "pre":a.push(X(b));var qb=null,rb=null,sb;for(sb in c)if(E.call(c,sb)){var Qb=c[sb];if(null!=
+Qb)switch(sb){case "children":qb=Qb;break;case "dangerouslySetInnerHTML":rb=Qb;break;default:V(a,sb,Qb)}}a.push(W);if(null!=rb){if(null!=qb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof rb||!("__html"in rb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var Ga=rb.__html;null!==Ga&&void 0!==Ga&&("string"===typeof Ga&&0<
+Ga.length&&"\n"===Ga[0]?a.push(bd,y(Ga)):a.push(y(""+Ga)))}"string"===typeof qb&&"\n"===qb[0]&&a.push(bd);return qb;case "img":var Q=c.src,L=c.srcSet;if(!("lazy"===c.loading||!Q&&!L||"string"!==typeof Q&&null!=Q||"string"!==typeof L&&null!=L)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof Q||":"!==Q[4]||"d"!==Q[0]&&"D"!==Q[0]||"a"!==Q[1]&&"A"!==Q[1]||"t"!==Q[2]&&"T"!==Q[2]||"a"!==Q[3]&&"A"!==Q[3])&&("string"!==typeof L||":"!==L[4]||"d"!==L[0]&&"D"!==L[0]||"a"!==L[1]&&"A"!==L[1]||
+"t"!==L[2]&&"T"!==L[2]||"a"!==L[3]&&"A"!==L[3])){var Be="string"===typeof c.sizes?c.sizes:void 0,Ua=L?L+"\n"+(Be||""):Q,Jc=e.preloads.images,Ha=Jc.get(Ua);if(Ha){if("high"===c.fetchPriority||10>e.highImagePreloads.size)Jc.delete(Ua),e.highImagePreloads.add(Ha)}else if(!d.imageResources.hasOwnProperty(Ua)){d.imageResources[Ua]=M;var Kc=c.crossOrigin;var Ce="string"===typeof Kc?"use-credentials"===Kc?Kc:"":void 0;var ka=e.headers,Lc;ka&&0<ka.remainingCapacity&&("high"===c.fetchPriority||500>ka.highImagePreloads.length)&&
+(Lc=hd(Q,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Ce,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ka.remainingCapacity-=Lc.length))?(e.resets.image[Ua]=M,ka.highImagePreloads&&(ka.highImagePreloads+=", "),ka.highImagePreloads+=Lc):(Ha=[],N(Ha,{rel:"preload",as:"image",href:L?void 0:Q,imageSrcSet:L,imageSizes:Be,crossOrigin:Ce,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),
+"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ha):(e.bulkPreloads.add(Ha),Jc.set(Ua,Ha)))}}return Yc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Yc(a,c,b);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":break;case "head":if(2>g.insertionMode&&
+null===e.headChunks){e.headChunks=[];var De=ad(e.headChunks,c,"head")}else De=ad(a,c,"head");return De;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[ed];var Ee=ad(e.htmlChunks,c,"html")}else Ee=ad(a,c,"html");return Ee;default:if(-1!==b.indexOf("-")){a.push(X(b));var Mc=null,Fe=null,Va;for(Va in c)if(E.call(c,Va)){var fa=c[Va];if(null!=fa){var Ge=Va;switch(Va){case "children":Mc=fa;break;case "dangerouslySetInnerHTML":Fe=fa;break;case "style":sc(a,fa);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "className":Ge="class";default:if(tb(Va)&&"function"!==typeof fa&&"symbol"!==typeof fa&&!1!==fa){if(!0===fa)fa="";else if("object"===typeof fa)continue;a.push(T,y(Ge),tc,y(I(fa)),S)}}}}a.push(W);Sc(a,Fe,Mc);return Mc}}return ad(a,c,b)}var id=new Map;function $c(a){var b=id.get(a);void 0===b&&(b=B("</"+a+">"),id.set(a,b));return b}function jd(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)r(a,b[c]);return c<b.length?(c=b[c],b.length=0,w(a,c)):!0}
+var kd=B('<template id="'),ld=B('"></template>'),md=B("\x3c!--$--\x3e"),nd=B('\x3c!--$?--\x3e<template id="'),od=B('"></template>'),pd=B("\x3c!--$!--\x3e"),qd=B("\x3c!--/$--\x3e"),rd=B("<template"),sd=B('"'),td=B(' data-dgst="');B(' data-msg="');B(' data-stck="');var ud=B("></template>");function vd(a,b,c){r(a,nd);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");r(a,b.boundaryPrefix);r(a,y(c.toString(16)));return w(a,od)}
+var wd=B('<div hidden id="'),xd=B('">'),yd=B("</div>"),zd=B('<svg aria-hidden="true" style="display:none" id="'),Ad=B('">'),Bd=B("</svg>"),Cd=B('<math aria-hidden="true" style="display:none" id="'),Dd=B('">'),Ed=B("</math>"),Fd=B('<table hidden id="'),Gd=B('">'),Hd=B("</table>"),Id=B('<table hidden><tbody id="'),Jd=B('">'),Kd=B("</tbody></table>"),Ld=B('<table hidden><tr id="'),Md=B('">'),Nd=B("</tr></table>"),Od=B('<table hidden><colgroup id="'),Pd=B('">'),Qd=B("</colgroup></table>");
+function Rd(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return r(a,wd),r(a,b.segmentPrefix),r(a,y(d.toString(16))),w(a,xd);case 3:return r(a,zd),r(a,b.segmentPrefix),r(a,y(d.toString(16))),w(a,Ad);case 4:return r(a,Cd),r(a,b.segmentPrefix),r(a,y(d.toString(16))),w(a,Dd);case 5:return r(a,Fd),r(a,b.segmentPrefix),r(a,y(d.toString(16))),w(a,Gd);case 6:return r(a,Id),r(a,b.segmentPrefix),r(a,y(d.toString(16))),w(a,Jd);case 7:return r(a,Ld),r(a,b.segmentPrefix),r(a,y(d.toString(16))),w(a,Md);
+case 8:return r(a,Od),r(a,b.segmentPrefix),r(a,y(d.toString(16))),w(a,Pd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function Sd(a,b){switch(b.insertionMode){case 0:case 1:case 2:return w(a,yd);case 3:return w(a,Bd);case 4:return w(a,Ed);case 5:return w(a,Hd);case 6:return w(a,Kd);case 7:return w(a,Nd);case 8:return w(a,Qd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
+var Td=B('$RS=function(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("'),Ud=B('$RS("'),Vd=B('","'),Wd=B('")\x3c/script>'),Xd=B('<template data-rsi="" data-sid="'),Yd=B('" data-pid="'),Zd=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
+$d=B('$RC("'),ae=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+be=B('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+He=B('$RR("'),Ie=B('","'),Je=B('",'),Ke=B('"'),Le=B(")\x3c/script>"),Me=B('<template data-rci="" data-bid="'),Ne=B('<template data-rri="" data-bid="'),Oe=B('" data-sid="'),Pe=B('" data-sty="'),Qe=B('$RX=function(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("'),Re=B('$RX("'),Se=B('"'),Te=B(","),Ue=B(")\x3c/script>"),Ve=B('<template data-rxi="" data-bid="'),We=B('" data-dgst="'),
+Xe=B('" data-msg="'),Ye=B('" data-stck="'),Ze=/[<\u2028\u2029]/g;function $e(a){return JSON.stringify(a).replace(Ze,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var af=/[&><\u2028\u2029]/g;
+function bf(a){return JSON.stringify(a).replace(af,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
+var cf=B('<style media="not all" data-precedence="'),df=B('" data-href="'),ef=B('">'),ff=B("</style>"),gf=!1,hf=!0;function jf(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){r(this,cf);r(this,a.precedence);for(r(this,df);d<c.length-1;d++)r(this,c[d]),r(this,kf);r(this,c[d]);r(this,ef);for(d=0;d<b.length;d++)r(this,b[d]);hf=w(this,ff);gf=!0;b.length=0;c.length=0}}function lf(a){return 2!==a.state?gf=!0:!1}
+function mf(a,b,c){gf=!1;hf=!0;b.styles.forEach(jf,a);b.stylesheets.forEach(lf);gf&&(c.stylesToHoist=!0);return hf}function nf(a){for(var b=0;b<a.length;b++)r(this,a[b]);a.length=0}var of=[];function pf(a){N(of,a.props);for(var b=0;b<of.length;b++)r(this,of[b]);of.length=0;a.state=2}var qf=B('<style data-precedence="'),rf=B('" data-href="'),kf=B(" "),sf=B('">'),tf=B("</style>");
+function uf(a){var b=0<a.sheets.size;a.sheets.forEach(pf,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){r(this,qf);r(this,a.precedence);a=0;if(d.length){for(r(this,rf);a<d.length-1;a++)r(this,d[a]),r(this,kf);r(this,d[a])}r(this,sf);for(a=0;a<c.length;a++)r(this,c[a]);r(this,tf);c.length=0;d.length=0}}
+function vf(a){if(0===a.state){a.state=1;var b=a.props;N(of,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<of.length;a++)r(this,of[a]);of.length=0}}function wf(a){a.sheets.forEach(vf,this);a.sheets.clear()}var xf=B("["),yf=B(",["),zf=B(","),Af=B("]");
+function Bf(a,b){r(a,xf);var c=xf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,y(bf(""+d.props.href))),r(a,Af),c=yf;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,y(bf(""+d.props.href)));e=""+e;r(a,zf);r(a,y(bf(e)));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!tb(g))break a;h=""+h}r(e,zf);r(e,y(bf(k)));r(e,zf);r(e,
+y(bf(h)))}}}r(a,Af);c=yf;d.state=3}});r(a,Af)}
+function Cf(a,b){r(a,xf);var c=xf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,y(I(JSON.stringify(""+d.props.href)))),r(a,Af),c=yf;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,y(I(JSON.stringify(""+d.props.href))));e=""+e;r(a,zf);r(a,y(I(JSON.stringify(e))));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
+a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!tb(g))break a;h=""+h}r(e,zf);r(e,y(I(JSON.stringify(k))));r(e,zf);r(e,
+y(I(JSON.stringify(h))))}}}r(a,Af);c=yf;d.state=3}});r(a,Af)}function Df(){return{styles:new Set,stylesheets:new Set}}
+function Cb(a){var b=Ef();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Ff,Gf)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],N(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Hf(b)}}}
+function Db(a,b){var c=Ef();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Ff,Gf)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(If,Jf);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],N(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Hf(c)}}}
+function Eb(a,b,c){var d=Ef();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=M;e=f.headers;var q;e&&0<e.remainingCapacity&&"high"===k&&(q=hd(a,b,c),2<=(e.remainingCapacity-=q.length))?(f.resets.image[m]=M,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=q):(e=[],N(e,C({rel:"preload",href:g?void 0:
+a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];N(g,C({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?M:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+N(g,C({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?M:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=M;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=hd(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=M,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
+a=C({rel:"preload",href:a,as:b},c),N(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Hf(d)}}}
+function Fb(a,b){var c=Ef();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?M:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=M}N(f,C({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Hf(c)}}}
+function Rb(a,b,c){var d=Ef();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:y(I(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:C({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&gd(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Hf(d))}}}
+function Sb(a,b){var c=Ef();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=C({src:a,async:!0},b),f&&(2===f.length&&gd(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),ic(a,b),Hf(c))}}}
+function Tb(a,b){var c=Ef();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=C({src:a,type:"module",async:!0},b),f&&(2===f.length&&gd(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),ic(a,b),Hf(c))}}}function gd(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function hd(a,b,c){a=(""+a).replace(Ff,Gf);b=(""+b).replace(If,Jf);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)E.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(If,Jf)+'"'));return b}var Ff=/[<>\r\n]/g;
+function Gf(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var If=/["';,\r\n]/g;
+function Jf(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Kf(a){this.styles.add(a)}function Lf(a){this.stylesheets.add(a)}
+var Mf="function"===typeof AsyncLocalStorage,Nf=Mf?new AsyncLocalStorage:null,Of=Symbol.for("react.client.reference");
+function Pf(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Of?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ia:return"Fragment";case ha:return"Portal";case ma:return"Profiler";case la:return"StrictMode";case ua:return"Suspense";case za:return"SuspenseList";case Ma:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case qa:return(a._context.displayName||"Context")+".Provider";case sa:return(a.displayName||"Context")+".Consumer";case ta:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Aa:return b=a.displayName||null,null!==b?b:Pf(a.type)||"Memo";case Ba:b=a._payload;a=a._init;try{return Pf(a(b))}catch(c){}}return null}var Qf={};function Rf(a,b){a=a.contextTypes;if(!a)return Qf;var c={},d;for(d in a)c[d]=b[d];return c}var Sf=null;
+function Tf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Tf(a,c)}b.context._currentValue=b.value}}function Uf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Uf(a)}
+function Vf(a){var b=a.parent;null!==b&&Vf(b);a.context._currentValue=a.value}function Wf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Tf(a,b):Wf(a,b)}
+function Xf(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Tf(a,c):Xf(a,c);b.context._currentValue=b.value}function Yf(a){var b=Sf;b!==a&&(null===b?Vf(a):null===a?Uf(b):b.depth===a.depth?Tf(b,a):b.depth>a.depth?Wf(b,a):Xf(b,a),Sf=a)}
+var Zf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function $f(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Zf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:C({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Zf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=C({},f,h)):C(f,h))}a.state=f}else f.queue=null}
+var ag={id:1,overflow:""};function bg(a,b,c){var d=a.id;a=a.overflow;var e=32-eg(d)-1;d&=~(1<<e);c+=1;var f=32-eg(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-eg(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var eg=Math.clz32?Math.clz32:fg,gg=Math.log,hg=Math.LN2;function fg(a){a>>>=0;return 0===a?32:31-(gg(a)/hg|0)|0}var ig=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function jg(){}function kg(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(jg,jg),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}lg=b;throw ig;}}var lg=null;
+function mg(){if(null===lg)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=lg;lg=null;return a}function ng(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var og="function"===typeof Object.is?Object.is:ng,pg=null,qg=null,rg=null,sg=null,tg=null,Y=null,ug=!1,vg=!1,wg=0,xg=0,yg=-1,zg=0,Ag=null,Bg=null,Cg=0;
+function Dg(){if(null===pg)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return pg}
+function Eg(){if(0<Cg)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function Fg(){null===Y?null===tg?(ug=!1,tg=Y=Eg()):(ug=!0,Y=tg):null===Y.next?(ug=!1,Y=Y.next=Eg()):(ug=!0,Y=Y.next);return Y}function Gg(){var a=Ag;Ag=null;return a}function Hg(){sg=rg=qg=pg=null;vg=!1;tg=null;Cg=0;Y=Bg=null}function Ig(a,b){return"function"===typeof b?b(a):b}
+function Jg(a,b,c){pg=Dg();Y=Fg();if(ug){var d=Y.queue;b=d.dispatch;if(null!==Bg&&(c=Bg.get(d),void 0!==c)){Bg.delete(d);d=Y.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);Y.memoizedState=d;return[d,b]}return[Y.memoizedState,b]}a=a===Ig?"function"===typeof b?b():b:void 0!==c?c(b):b;Y.memoizedState=a;a=Y.queue={last:null,dispatch:null};a=a.dispatch=Kg.bind(null,pg,a);return[Y.memoizedState,a]}
+function Lg(a,b){pg=Dg();Y=Fg();b=void 0===b?null:b;if(null!==Y){var c=Y.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!og(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();Y.memoizedState=[a,b];return a}
+function Kg(a,b,c){if(25<=Cg)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===pg)if(vg=!0,a={action:c,next:null},null===Bg&&(Bg=new Map),c=Bg.get(b),void 0===c)Bg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Mg(){throw Error("A function wrapped in useEffectEvent can't be called during rendering.");}function Ng(){throw Error("startTransition cannot be called during server rendering.");}
+function Og(){throw Error("Cannot update optimistic state while rendering.");}function Pg(a){var b=zg;zg+=1;null===Ag&&(Ag=[]);return kg(Ag,a,b)}function Qg(){throw Error("Cache cannot be refreshed during server rendering.");}function Rg(){}
+var Tg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Pg(a);if(a.$$typeof===sa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){Dg();return a._currentValue},useMemo:Lg,useReducer:Jg,useRef:function(a){pg=Dg();Y=Fg();var b=Y.memoizedState;return null===b?(a={current:a},Y.memoizedState=a):b},useState:function(a){return Jg(Ig,a)},useInsertionEffect:Rg,
+useLayoutEffect:Rg,useCallback:function(a,b){return Lg(function(){return a},b)},useImperativeHandle:Rg,useEffect:Rg,useDebugValue:Rg,useDeferredValue:function(a,b){Dg();return void 0!==b?b:a},useTransition:function(){Dg();return[!1,Ng]},useId:function(){var a=qg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-eg(a)-1)).toString(32)+b;var c=Sg;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=wg++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+
+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Qg},useEffectEvent:function(){return Mg},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Na;return b},useHostTransitionStatus:function(){Dg();return Ab},useOptimistic:function(a){Dg();return[a,Og]},useFormState:function(a,b,c){Dg();var d=xg++,
+e=rg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=sg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0),k===f&&(yg=d,b=e[0]))}var m=a.bind(null,b);a=function(n){m(n)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(n){n=m.$$FORM_ACTION(n);void 0!==c&&(c+="",n.action=c);var t=n.data;t&&(null===f&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0)),t.append("$ACTION_KEY",
+f));return n});return[b,a]}var q=a.bind(null,b);return[b,function(n){q(n)}]}},Sg=null,Ug={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},Vg;function Wg(a){if(void 0===Vg)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Vg=b&&b[1]||""}return"\n"+Vg+a}var Xg=!1;
+function Yg(a,b){if(!a||Xg)return"";Xg=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var n=function(){throw Error();};Object.defineProperty(n.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(u){var t=u}Reflect.construct(a,[],n)}else{try{n.call()}catch(u){t=u}a.call(n.prototype)}}else{try{throw Error();}catch(u){t=u}(n=a())&&"function"===typeof n.catch&&
+n.catch(function(){})}}catch(u){if(u&&t&&"string"===typeof u.stack)return[u.stack,t.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{Xg=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Wg(c):""}
+var Zg=zb.ReactCurrentDispatcher,$g=zb.ReactCurrentCache;function ah(a){console.error(a);return null}function bh(){}
+function ch(a,b,c,d,e,f,g,h,k,m,q,n){Bb.current=Ub;var t=[],u=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:u,pingedTasks:t,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?ah:f,onPostpone:void 0===q?bh:q,onAllReady:void 0===g?
+bh:g,onShellReady:void 0===h?bh:h,onShellError:void 0===k?bh:k,onFatalError:void 0===m?bh:m,formState:void 0===n?null:n};c=dh(b,0,null,d,!1,!1);c.parentFlushed=!0;a=eh(b,null,a,-1,null,c,null,u,null,d,Qf,null,ag,null,!1);t.push(a);return b}function fh(a,b,c,d,e,f,g,h,k,m,q){a=ch(a,b,c,d,e,f,g,h,k,m,q,void 0);a.trackedPostpones={workingMap:new Map,rootNodes:[],rootSlots:null};return a}
+function gh(a,b,c,d,e,f,g,h,k){Bb.current=Ub;var m=[],q=new Set;c={destination:null,flushScheduled:!1,resumableState:b.resumableState,renderState:c,rootFormatContext:b.rootFormatContext,progressiveChunkSize:b.progressiveChunkSize,status:0,fatalError:null,nextSegmentId:b.nextSegmentId,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:m,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===d?ah:d,onPostpone:void 0===
+k?bh:k,onAllReady:void 0===e?bh:e,onShellReady:void 0===f?bh:f,onShellError:void 0===g?bh:g,onFatalError:void 0===h?bh:h,formState:null};if("number"===typeof b.replaySlots)return d=b.replaySlots,e=dh(c,0,null,b.rootFormatContext,!1,!1),e.id=d,e.parentFlushed=!0,a=eh(c,null,a,-1,null,e,null,q,null,b.rootFormatContext,Qf,null,ag,null,!1),m.push(a),c;a=hh(c,null,{nodes:b.replayNodes,slots:b.replaySlots,pendingTasks:0},a,-1,null,null,q,null,b.rootFormatContext,Qf,null,ag,null,!1);m.push(a);return c}
+var ih=null;function Ef(){if(ih)return ih;if(Mf){var a=Nf.getStore();if(a)return a}return null}function jh(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return kh(a)},0))}function lh(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:Df(),fallbackState:Df(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function eh(a,b,c,d,e,f,g,h,k,m,q,n,t,u,z){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var x={replay:null,node:c,childIndex:d,ping:function(){return jh(a,x)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:q,context:n,treeContext:t,componentStack:u,thenableState:b,isFallback:z};h.add(x);return x}
+function hh(a,b,c,d,e,f,g,h,k,m,q,n,t,u,z){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var x={replay:c,node:d,childIndex:e,ping:function(){return jh(a,x)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:q,context:n,treeContext:t,componentStack:u,thenableState:b,isFallback:z};h.add(x);return x}
+function dh(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function mh(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function nh(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Wg(b.type,null);break;case 1:a+=Yg(b.type,!1);break;case 2:a+=Yg(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function oh(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function ph(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,$a(a.destination,b)):(a.status=1,a.fatalError=b)}function qh(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;pg={};qg=b;rg=a;sg=c;xg=wg=0;yg=-1;zg=0;Ag=g;for(a=d(e,f);vg;)vg=!1,xg=wg=0,yg=-1,zg=0,Cg+=1,Y=null,a=d(e,f);Hg();return a}
+function rh(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((Pf(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=C({},c,d)}b.legacyContext=e;Z(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,f,-1),b.keyPath=e}
+function sh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push(Wc):k.push(Xc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=bg(c,1,0),th(a,b,d,-1),b.treeContext=c):h?th(a,b,d,-1):Z(a,b,d,-1);b.keyPath=f}function uh(a,b){if(a&&a.defaultProps){b=C({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function vh(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Rf(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue:g);$f(h,d,e,g);rh(a,b,c,h,d);b.componentStack=f}else{f=Rf(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=qh(a,b,c,d,e,f);var k=0!==wg,m=xg,q=yg;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?($f(h,d,e,f),rh(a,b,c,h,d)):sh(a,b,c,h,k,m,q);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=mh(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,k=b.keyPath,b.formatContext=lc(h,d,e),b.keyPath=c,th(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=fd(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;m=b.keyPath;b.formatContext=
+lc(h,d,e);b.keyPath=c;th(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push($c(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case La:case Ja:case la:case ma:case ia:d=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=d;return;case Ka:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,Z(a,b,e.children,-1),b.keyPath=d);return;case za:d=b.componentStack;b.componentStack=mh(b,"SuspenseList");f=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Ia:throw Error("ReactDOMServer does not yet support scope components.");case ua:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;
+try{th(a,b,c,-1)}finally{b.keyPath=d}}else{var n=b.componentStack;d=b.componentStack=mh(b,"Suspense");var t=b.keyPath;f=b.blockedBoundary;var u=b.hoistableState,z=b.blockedSegment;g=e.fallback;var x=e.children;e=new Set;m=lh(a,e);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);q=dh(a,z.chunks.length,m,b.formatContext,!1,!1);z.children.push(q);z.lastPushedText=!1;var v=dh(a,0,null,b.formatContext,!1,!1);v.parentFlushed=!0;b.blockedBoundary=m;b.hoistableState=m.contentState;b.blockedSegment=
+v;b.keyPath=c;try{if(th(a,b,x,-1),v.lastPushedText&&v.textEmbedded&&v.chunks.push(mc),v.status=1,wh(m,v),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=n;break a}}catch(G){v.status=4,m.status=4,h=nh(a,b.componentStack),"object"===typeof G&&null!==G&&G.$$typeof===Oa?(a.onPostpone(G.message,h),k="POSTPONE"):k=oh(a,G,h),m.errorDigest=k,xh(a,m)}finally{b.blockedBoundary=f,b.hoistableState=u,b.blockedSegment=z,b.keyPath=t,b.componentStack=n}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;
+null!==k&&(n=[h[1],h[2],[],null],k.workingMap.set(h,n),5===m.status?k.workingMap.get(c)[4]=n:m.trackedFallbackNode=n);b=eh(a,null,g,-1,f,q,m.fallbackState,e,h,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case ta:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};if("ref"in e)for(g in k={},e)"ref"!==g&&(k[g]=e[g]);else k=e;e=qh(a,b,c,d.render,k,f);sh(a,b,c,e,0!==wg,xg,yg);
+b.componentStack=h;return;case Aa:d=d.type;e=uh(d,e);vh(a,b,c,d,e,f);return;case qa:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue;d._currentValue=e;k=Sf;Sf=e={parent:k,depth:null===k?0:k.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;Z(a,b,g,-1);a=Sf;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");a.context._currentValue=a.parentValue;a=Sf=a.parent;b.context=a;b.keyPath=f;return;case sa:e=e.children;e=e(d._currentValue);
+d=b.keyPath;b.keyPath=c;Z(a,b,e,-1);b.keyPath=d;return;case ra:case Ba:f=b.componentStack;b.componentStack=mh(b,"Lazy");g=d._init;d=g(d._payload);e=uh(d,e);vh(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==d?d:typeof d)+"."));}}
+function yh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=dh(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,th(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(wh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function Z(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)yh(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case ca:var e=c.type,f=c.key,g=c.props;c=g.ref;var h=void 0!==c?c:null;var k=Pf(e),m=null==f?-1===d?0:d:f;f=[b.keyPath,k,m];if(null!==b.replay)a:{var q=b.replay;d=q.nodes;for(c=0;c<d.length;c++){var n=d[c];if(m===n[1]){if(4===n.length){if(null!==k&&k!==n[0])throw Error("Expected the resume to render <"+n[0]+"> in this slot but instead it rendered <"+
+k+">. The tree doesn't match so React will fallback to client rendering.");var t=n[2];k=n[3];m=b.node;b.replay={nodes:t,slots:k,pendingTasks:1};try{vh(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(F){if("object"===typeof F&&null!==F&&(F===ig||"function"===typeof F.then))throw b.node===m&&(b.replay=q),F;
+b.replay.pendingTasks--;g=nh(a,b.componentStack);zh(a,b.blockedBoundary,F,g,t,k)}b.replay=q}else{if(e!==ua)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(Pf(e)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{e=void 0;h=n[5];q=n[2];k=n[3];m=null===n[4]?[]:n[4][2];n=null===n[4]?null:n[4][3];var u=b.componentStack,z=b.componentStack=mh(b,"Suspense"),x=b.keyPath,v=b.replay,G=b.blockedBoundary,D=b.hoistableState,J=
+g.children;g=g.fallback;var O=new Set,A=lh(a,O);A.parentFlushed=!0;A.rootSegmentID=h;b.blockedBoundary=A;b.hoistableState=A.contentState;b.replay={nodes:q,slots:k,pendingTasks:1};try{th(a,b,J,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===A.pendingTasks&&0===A.status){A.status=1;a.completedBoundaries.push(A);break b}}catch(F){A.status=
+4,t=nh(a,b.componentStack),"object"===typeof F&&null!==F&&F.$$typeof===Oa?(a.onPostpone(F.message,t),e="POSTPONE"):e=oh(a,F,t),A.errorDigest=e,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(A)}finally{b.blockedBoundary=G,b.hoistableState=D,b.replay=v,b.keyPath=x,b.componentStack=u}t=hh(a,null,{nodes:m,slots:n,pendingTasks:0},g,-1,G,A.fallbackState,O,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,z,!0);a.pingedTasks.push(t)}}d.splice(c,1);break a}}}else vh(a,
+b,f,e,g,h);return;case ha:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");case Ba:t=b.componentStack;b.componentStack=mh(b,"Lazy");g=c._init;c=g(c._payload);b.componentStack=t;Z(a,b,c,d);return}if(Wa(c)){Ah(a,b,c,d);return}null===c||"object"!==typeof c?t=null:(t=Pa&&c[Pa]||c["@@iterator"],t="function"===typeof t?t:null);if(t&&(t=t.call(c))){c=t.next();if(!c.done){g=[];do g.push(c.value),c=t.next();
+while(!c.done);Ah(a,b,g,d)}return}if("function"===typeof c.then)return b.thenableState=null,Z(a,b,Pg(c),d);if(c.$$typeof===sa)return Z(a,b,c._currentValue,d);d=Object.prototype.toString.call(c);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=nc(d.chunks,c,a.renderState,
+d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=nc(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function Ah(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{Ah(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(q){if("object"===typeof q&&
+null!==q&&(q===ig||"function"===typeof q.then))throw q;b.replay.pendingTasks--;c=nh(a,b.componentStack);zh(a,b.blockedBoundary,q,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=bg(f,g,d);var m=h[d];"number"===typeof m?(yh(a,b,m,k,d),delete h[d]):th(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=bg(f,g,h),th(a,b,d,h);b.treeContext=
 f;b.keyPath=e}
-function mh(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error("It should not be possible to postpone at the root. This is a bug in React.");var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:
-a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,d);nh(d,g[0],b);return}var l=b.workingMap.get(g);void 0===l?(l=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,l),nh(l,g[0],b)):(g=l,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],nh(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots=
-{};else{if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");}else if(f=b.workingMap,g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),nh(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");a[c.childIndex]=d.id}}}
-function ih(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function eh(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,l=b.componentStack,p=b.blockedSegment;if(null===p)try{return Y(a,b,null,c,d)}catch(u){if(wg(),d=u===Yf?bg():u,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=xg();a=Ug(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=
-e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Pf(g);return}}else{var q=p.children.length,t=p.chunks.length;try{return Y(a,b,null,c,d)}catch(u){if(wg(),p.children.length=q,p.chunks.length=t,d=u===Yf?bg():u,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=xg();p=b.blockedSegment;q=Qg(a,p.chunks.length,null,b.formatContext,p.lastPushedText,!0);p.children.push(q);p.lastPushedText=!1;a=Rg(a,d,b.node,b.childIndex,b.blockedBoundary,q,b.abortSet,b.keyPath,
-b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Pf(g);return}if(d.$$typeof===yf&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;p=$g(a,b.componentStack);a.onPostpone(d.message,p);d=b.blockedSegment;p=Qg(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(p);d.lastPushedText=!1;
-mh(a,c,b,p);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Pf(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Pf(g);throw d;}function kh(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===yf?(a.onPostpone(c.message,d),d="POSTPONE"):d=ah(a,c,d);oh(a,b,e,f,c,d)}function ph(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,qh(this,b,a))}
-function oh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)oh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,l=f,p=Yg(k,new Set);p.parentFlushed=!0;p.rootSegmentID=h;p.status=4;p.errorDigest=l;p.parentFlushed&&k.clientRenderedBoundaries.push(p)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var q in d)delete d[q]}}
-function rh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){ah(b,c,d);bh(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=ah(b,c,d),oh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&sh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=$g(b,a.componentStack),a=ah(b,c,a),d.errorDigest=a,ih(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return rh(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&th(b)}
-function uh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),l=k.next();0<e.remainingCapacity&&!l.done;l=k.next()){var p=l.value,q=p.props,t=q.href,u=p.props,D=Cc(u.href,"style",{crossOrigin:u.crossOrigin,integrity:u.integrity,
-nonce:u.nonce,type:u.type,fetchPriority:u.fetchPriority,referrerPolicy:u.referrerPolicy,media:u.media});if(2<=(e.remainingCapacity-=D.length))c.resets.style[t]=K,f&&(f+=", "),f+=D,c.resets.style[t]="string"===typeof q.crossOrigin||"string"===typeof q.integrity?[q.crossOrigin,q.integrity]:K;else break b}}f?d({Link:f}):d({})}}}catch(F){ah(a,F,{})}}function sh(a){null===a.trackedPostpones&&uh(a,!0);a.onShellError=Og;a=a.onShellReady;a()}
-function th(a){uh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function hh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&hh(a,c)}else a.completedSegments.push(b)}
-function qh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&sh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&hh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(ph,a),b.fallbackAbortableTasks.clear())):
-null!==c&&c.parentFlushed&&1===c.status&&(hh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&th(a)}
-function Xg(a){if(2!==a.status){var b=Jf,c=Lg.current;Lg.current=Jg;var d=Mg.current;Mg.current=Kg;var e=Vg;Vg=a;var f=Ig;Ig=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],l=a,p=k.blockedBoundary;l.renderState.boundaryResources=p?p.resources:null;var q=k.blockedSegment;if(null===q){var t=l;if(0!==k.replay.pendingTasks){Pf(k.context);try{var u=k.thenableState;k.thenableState=null;Y(t,k,u,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
-k.replay.pendingTasks--;k.abortSet.delete(k);qh(t,k.blockedBoundary,null)}catch(I){wg();var D=I===Yf?bg():I;if("object"===typeof D&&null!==D&&"function"===typeof D.then){var F=k.ping;D.then(F,F);k.thenableState=xg()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var v=$g(t,k.componentStack);kh(t,k.blockedBoundary,D,v,k.replay.nodes,k.replay.slots);t.pendingRootTasks--;0===t.pendingRootTasks&&sh(t);t.allPendingTasks--;0===t.allPendingTasks&&th(t)}}finally{t.renderState.boundaryResources=null}}}else a:{t=
-void 0;var A=q;if(0===A.status){Pf(k.context);var fa=A.children.length,X=A.chunks.length;try{var y=k.thenableState;k.thenableState=null;Y(l,k,y,k.node,k.childIndex);A.lastPushedText&&A.textEmbedded&&A.chunks.push(Nb);k.abortSet.delete(k);A.status=1;qh(l,k.blockedBoundary,A)}catch(I){wg();A.children.length=fa;A.chunks.length=X;var x=I===Yf?bg():I;if("object"===typeof x&&null!==x){if("function"===typeof x.then){var G=k.ping;x.then(G,G);k.thenableState=xg();break a}if(null!==l.trackedPostpones&&x.$$typeof===
-yf){var ha=l.trackedPostpones;k.abortSet.delete(k);var ma=$g(l,k.componentStack);l.onPostpone(x.message,ma);mh(l,ha,k,A);qh(l,k.blockedBoundary,A);break a}}var na=$g(l,k.componentStack);k.abortSet.delete(k);A.status=4;var L=k.blockedBoundary;"object"===typeof x&&null!==x&&x.$$typeof===yf?(l.onPostpone(x.message,na),t="POSTPONE"):t=ah(l,x,na);null===L?bh(l,x):(L.pendingTasks--,4!==L.status&&(L.status=4,L.errorDigest=t,ih(l,L),L.parentFlushed&&l.clientRenderedBoundaries.push(L)));l.allPendingTasks--;
-0===l.allPendingTasks&&th(l)}finally{l.renderState.boundaryResources=null}}}}g.splice(0,h);null!==a.destination&&vh(a,a.destination)}catch(I){ah(a,I,{}),bh(a,I)}finally{Ig=f,Lg.current=c,Mg.current=d,c===Jg&&Pf(b),Vg=e}}}
-function wh(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;r(b,Fc);r(b,a.placeholderPrefix);a=z(d.toString(16));r(b,a);return w(b,Gc);case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)r(b,d[f]);e=xh(a,b,e)}for(;f<d.length-1;f++)r(b,d[f]);f<d.length&&(e=w(b,d[f]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
+function Bh(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error("It should not be possible to postpone at the root. This is a bug in React.");var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:
+a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,d);Ch(d,g[0],b);return}var m=b.workingMap.get(g);void 0===m?(m=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,m),Ch(m,g[0],b)):(g=m,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],Ch(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots=
+{};else{if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");}else if(f=b.workingMap,g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),Ch(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");a[c.childIndex]=d.id}}}
+function xh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function th(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,q=b.blockedSegment;if(null===q)try{return Z(a,b,c,d)}catch(u){if(Hg(),d=u===ig?mg():u,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=Gg();a=hh(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Yf(g);return}}else{var n=q.children.length,t=q.chunks.length;try{return Z(a,b,c,d)}catch(u){if(Hg(),q.children.length=n,q.chunks.length=t,d=u===ig?mg():u,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=Gg();q=b.blockedSegment;n=dh(a,q.chunks.length,null,b.formatContext,q.lastPushedText,!0);q.children.push(n);q.lastPushedText=!1;a=eh(a,d,b.node,b.childIndex,b.blockedBoundary,n,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Yf(g);return}if(d.$$typeof===Oa&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;q=nh(a,b.componentStack);a.onPostpone(d.message,q);d=b.blockedSegment;q=dh(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(q);
+d.lastPushedText=!1;Bh(a,c,b,q);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Yf(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Yf(g);throw d;}function zh(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===Oa?(a.onPostpone(c.message,d),d="POSTPONE"):d=oh(a,c,d);Dh(a,b,e,f,c,d)}function Eh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,Fh(this,b,a))}
+function Dh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)Dh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,q=lh(k,new Set);q.parentFlushed=!0;q.rootSegmentID=h;q.status=4;q.errorDigest=m;q.parentFlushed&&k.clientRenderedBoundaries.push(q)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var n in d)delete d[n]}}
+function Gh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){"object"===typeof c&&null!==c&&c.$$typeof===Oa?(a=Error("The render was aborted with postpone when the shell is incomplete. Reason: "+c.message),oh(b,a,d),ph(b,a)):(oh(b,c,d),ph(b,c));return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&("object"===typeof c&&null!==c&&c.$$typeof===Oa?(b.onPostpone(c.message,d),d="POSTPONE"):d=oh(b,c,
+d),Dh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&Hh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=nh(b,a.componentStack),"object"===typeof c&&null!==c&&c.$$typeof===Oa?(b.onPostpone(c.message,a),a="POSTPONE"):a=oh(b,c,a),d.errorDigest=a,xh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return Gh(f,b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&Ih(b)}
+function Jh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var q=m.value,n=q.props,t=n.href,u=q.props,z=hd(u.href,"style",{crossOrigin:u.crossOrigin,integrity:u.integrity,
+nonce:u.nonce,type:u.type,fetchPriority:u.fetchPriority,referrerPolicy:u.referrerPolicy,media:u.media});if(2<=(e.remainingCapacity-=z.length))c.resets.style[t]=M,f&&(f+=", "),f+=z,c.resets.style[t]="string"===typeof n.crossOrigin||"string"===typeof n.integrity?[n.crossOrigin,n.integrity]:M;else break b}}f?d({Link:f}):d({})}}}catch(x){oh(a,x,{})}}function Hh(a){null===a.trackedPostpones&&Jh(a,!0);a.onShellError=bh;a=a.onShellReady;a()}
+function Ih(a){Jh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function wh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&wh(a,c)}else a.completedSegments.push(b)}
+function Fh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&Hh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&wh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(Eh,a),b.fallbackAbortableTasks.clear())):
+null!==c&&c.parentFlushed&&1===c.status&&(wh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&Ih(a)}
+function kh(a){if(2!==a.status){var b=Sf,c=Zg.current;Zg.current=Tg;var d=$g.current;$g.current=Ug;var e=ih;ih=a;var f=Sg;Sg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,q=k.blockedSegment;if(null===q){var n=m;if(0!==k.replay.pendingTasks){Yf(k.context);try{Z(n,k,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
+k.replay.pendingTasks--;k.abortSet.delete(k);Fh(n,k.blockedBoundary,null)}catch(H){Hg();var t=H===ig?mg():H;if("object"===typeof t&&null!==t&&"function"===typeof t.then){var u=k.ping;t.then(u,u);k.thenableState=Gg()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var z=nh(n,k.componentStack);zh(n,k.blockedBoundary,t,z,k.replay.nodes,k.replay.slots);n.pendingRootTasks--;0===n.pendingRootTasks&&Hh(n);n.allPendingTasks--;0===n.allPendingTasks&&Ih(n)}}finally{}}}else a:{n=void 0;var x=q;if(0===x.status){Yf(k.context);
+var v=x.children.length,G=x.chunks.length;try{Z(m,k,k.node,k.childIndex),x.lastPushedText&&x.textEmbedded&&x.chunks.push(mc),k.abortSet.delete(k),x.status=1,Fh(m,k.blockedBoundary,x)}catch(H){Hg();x.children.length=v;x.chunks.length=G;var D=H===ig?mg():H;if("object"===typeof D&&null!==D){if("function"===typeof D.then){var J=k.ping;D.then(J,J);k.thenableState=Gg();break a}if(null!==m.trackedPostpones&&D.$$typeof===Oa){var O=m.trackedPostpones;k.abortSet.delete(k);var A=nh(m,k.componentStack);m.onPostpone(D.message,
+A);Bh(m,O,k,x);Fh(m,k.blockedBoundary,x);break a}}var F=nh(m,k.componentStack);k.abortSet.delete(k);x.status=4;var P=k.blockedBoundary;"object"===typeof D&&null!==D&&D.$$typeof===Oa?(m.onPostpone(D.message,F),n="POSTPONE"):n=oh(m,D,F);null===P?ph(m,D):(P.pendingTasks--,4!==P.status&&(P.status=4,P.errorDigest=n,xh(m,P),P.parentFlushed&&m.clientRenderedBoundaries.push(P)));m.allPendingTasks--;0===m.allPendingTasks&&Ih(m)}finally{}}}}g.splice(0,h);null!==a.destination&&Kh(a,a.destination)}catch(H){oh(a,
+H,{}),ph(a,H)}finally{Sg=f,Zg.current=c,$g.current=d,c===Tg&&Yf(b),ih=e}}}
+function Lh(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,r(b,kd),r(b,a.placeholderPrefix),a=y(d.toString(16)),r(b,a),w(b,ld);case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)r(b,f[g]);e=Mh(a,b,e,d)}for(;g<f.length-1;g++)r(b,f[g]);g<f.length&&(e=w(b,f[g]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
 }}
-function xh(a,b,c){var d=c.boundary;if(null===d)return wh(a,b,c);d.parentFlushed=!0;if(4===d.status)d=d.errorDigest,w(b,Kc),r(b,Mc),d&&(r(b,Oc),r(b,z(H(d))),r(b,Nc)),w(b,Pc),wh(a,b,c);else if(1!==d.status)0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Qc(b,a.renderState,d.rootSegmentID),wh(a,b,c);else if(d.byteSize>a.progressiveChunkSize)d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Qc(b,a.renderState,d.rootSegmentID),wh(a,
-b,c);else{c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach($e,e),c.stylesheets.forEach(af,e));w(b,Hc);d=d.completedSegments;if(1!==d.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");xh(a,b,d[0])}return w(b,Lc)}function yh(a,b,c){ld(b,a.renderState,c.parentFormatContext,c.id);xh(a,b,c);return md(b,c.parentFormatContext)}
-function zh(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)Ah(a,b,c,d[e]);d.length=0;De(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(r(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,r(b,512<vd.byteLength?vd.slice():vd)):0===(d.instructions&8)?(d.instructions|=8,r(b,wd)):r(b,xd):0===(d.instructions&2)?(d.instructions|=
-2,r(b,td)):r(b,ud)):f?r(b,Dd):r(b,Cd);d=z(e.toString(16));r(b,a.boundaryPrefix);r(b,d);g?r(b,yd):r(b,Ed);r(b,a.segmentPrefix);r(b,d);f?g?(r(b,zd),Se(b,c)):(r(b,Fd),Te(b,c)):g&&r(b,Ad);d=g?w(b,Bd):w(b,ab);return Ec(b,a)&&d}
-function Ah(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return yh(a,b,d)}if(e===c.rootSegmentID)return yh(a,b,d);yh(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(r(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,r(b,nd)):r(b,od)):r(b,rd);r(b,a.segmentPrefix);e=z(e.toString(16));r(b,e);d?r(b,pd):r(b,sd);r(b,a.placeholderPrefix);
-r(b,e);b=d?w(b,qd):w(b,ab);return b}
-function vh(a,b){m=new Uint8Array(512);n=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var l=e.htmlChunks,p=e.headChunks;f=0;if(l){for(f=0;f<l.length;f++)r(b,l[f]);if(p)for(f=0;f<p.length;f++)r(b,p[f]);else r(b,
-V("head")),r(b,U)}else if(p)for(f=0;f<p.length;f++)r(b,p[f]);var q=e.charsetChunks;for(f=0;f<q.length;f++)r(b,q[f]);q.length=0;e.preconnects.forEach(Ee,b);e.preconnects.clear();var t=e.preconnectChunks;for(f=0;f<t.length;f++)r(b,t[f]);t.length=0;e.fontPreloads.forEach(Ee,b);e.fontPreloads.clear();e.highImagePreloads.forEach(Ee,b);e.highImagePreloads.clear();e.styles.forEach(Le,b);var u=e.importMapChunks;for(f=0;f<u.length;f++)r(b,u[f]);u.length=0;e.bootstrapScripts.forEach(Ee,b);e.scripts.forEach(Ee,
-b);e.scripts.clear();e.bulkPreloads.forEach(Ee,b);e.bulkPreloads.clear();var D=e.preloadChunks;for(f=0;f<D.length;f++)r(b,D[f]);D.length=0;var F=e.hoistableChunks;for(f=0;f<F.length;f++)r(b,F[f]);F.length=0;l&&null===p&&r(b,mc("head"));xh(a,b,d);a.completedRootSegment=null;Ec(b,a.renderState)}else return;var v=a.renderState;d=0;v.preconnects.forEach(Ee,b);v.preconnects.clear();var A=v.preconnectChunks;for(d=0;d<A.length;d++)r(b,A[d]);A.length=0;v.fontPreloads.forEach(Ee,b);v.fontPreloads.clear();
-v.highImagePreloads.forEach(Ee,b);v.highImagePreloads.clear();v.styles.forEach(Ne,b);v.scripts.forEach(Ee,b);v.scripts.clear();v.bulkPreloads.forEach(Ee,b);v.bulkPreloads.clear();var fa=v.preloadChunks;for(d=0;d<fa.length;d++)r(b,fa[d]);fa.length=0;var X=v.hoistableChunks;for(d=0;d<X.length;d++)r(b,X[d]);X.length=0;var y=a.clientRenderedBoundaries;for(c=0;c<y.length;c++){var x=y[c];v=b;var G=a.resumableState,ha=a.renderState,ma=x.rootSegmentID,na=x.errorDigest,L=x.errorMessage,I=x.errorComponentStack,
-oa=0===G.streamingFormat;oa?(r(v,ha.startInlineScript),0===(G.instructions&4)?(G.instructions|=4,r(v,Gd)):r(v,Hd)):r(v,me);r(v,ha.boundaryPrefix);r(v,z(ma.toString(16)));oa&&r(v,Id);if(na||L||I)oa?(r(v,Jd),r(v,z(re(na||"")))):(r(v,ne),r(v,z(H(na||""))));if(L||I)oa?(r(v,Jd),r(v,z(re(L||"")))):(r(v,oe),r(v,z(H(L||""))));I&&(oa?(r(v,Jd),r(v,z(re(I)))):(r(v,pe),r(v,z(H(I)))));if(oa?!w(v,le):!w(v,ab)){a.destination=null;c++;y.splice(0,c);return}}y.splice(0,c);var Ca=a.completedBoundaries;for(c=0;c<Ca.length;c++)if(!zh(a,
-b,Ca[c])){a.destination=null;c++;Ca.splice(0,c);return}Ca.splice(0,c);ea(b);m=new Uint8Array(512);n=0;var ua=a.partialBoundaries;for(c=0;c<ua.length;c++){var va=ua[c];a:{y=a;x=b;y.renderState.boundaryResources=va.resources;var wa=va.completedSegments;for(G=0;G<wa.length;G++)if(!Ah(y,x,va,wa[G])){G++;wa.splice(0,G);var Qa=!1;break a}wa.splice(0,G);Qa=De(x,va.resources,y.renderState)}if(!Qa){a.destination=null;c++;ua.splice(0,c);return}}ua.splice(0,c);var ia=a.completedBoundaries;for(c=0;c<ia.length;c++)if(!zh(a,
-b,ia[c])){a.destination=null;c++;ia.splice(0,c);return}ia.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&r(b,mc("body")),c.hasHtml&&r(b,mc("html"))),ea(b),b.close(),a.destination=null):ea(b)}}
-function Bh(a){a.flushScheduled=null!==a.destination;bf?setTimeout(function(){return cf.run(a,Xg,a)},0):setTimeout(function(){return Xg(a)},0);null===a.trackedPostpones&&(bf?setTimeout(function(){return cf.run(a,Ch,a)},0):setTimeout(function(){return Ch(a)},0))}function Ch(a){uh(a,0===a.pendingRootTasks)}function Xe(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setTimeout(function(){var b=a.destination;b?vh(a,b):a.flushScheduled=!1},0))}
-function Dh(a,b){if(1===a.status)a.status=2,la(b,a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{vh(a,b)}catch(c){ah(a,c,{}),bh(a,c)}}}function Eh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return rh(e,a,d)});c.clear()}null!==a.destination&&vh(a,a.destination)}catch(e){ah(a,e,{}),bh(a,e)}}
-function nh(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),nh(e,b[0],c));e[2].push(a)}}
-function Fh(a){var b=a.trackedPostpones;if(null===b||0===b.rootNodes.length&&null===b.rootSlots)return a.trackedPostpones=null;if(null!==a.completedRootSegment&&5===a.completedRootSegment.status){var c=a.resumableState,d=a.renderState;c.nextFormID=0;c.hasBody=!1;c.hasHtml=!1;c.unknownResources={font:d.resets.font};c.dnsResources=d.resets.dns;c.connectResources=d.resets.connect;c.imageResources=d.resets.image;c.styleResources=d.resets.style;c.scriptResources={};c.moduleUnknownResources={};c.moduleScriptResources=
+function Mh(a,b,c,d){var e=c.boundary;if(null===e)return Lh(a,b,c,d);e.parentFlushed=!0;if(4===e.status)e=e.errorDigest,w(b,pd),r(b,rd),e&&(r(b,td),r(b,y(I(e))),r(b,sd)),w(b,ud),Lh(a,b,c,d);else if(1!==e.status)0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),vd(b,a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(Kf,d),e.stylesheets.forEach(Lf,d)),Lh(a,b,c,d);else if(e.byteSize>a.progressiveChunkSize)e.rootSegmentID=a.nextSegmentId++,
+a.completedBoundaries.push(e),vd(b,a.renderState,e.rootSegmentID),Lh(a,b,c,d);else{d&&(c=e.contentState,c.styles.forEach(Kf,d),c.stylesheets.forEach(Lf,d));w(b,md);c=e.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");Mh(a,b,c[0],d)}return w(b,qd)}function Nh(a,b,c,d){Rd(b,a.renderState,c.parentFormatContext,c.id);Mh(a,b,c,d);return Sd(b,c.parentFormatContext)}
+function Oh(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Ph(a,b,c,d[e]);d.length=0;mf(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(r(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,r(b,ae)):0===(d.instructions&8)?(d.instructions|=8,r(b,be)):r(b,He):0===(d.instructions&2)?(d.instructions|=2,r(b,Zd)):r(b,$d)):f?r(b,Ne):r(b,Me);d=y(e.toString(16));
+r(b,a.boundaryPrefix);r(b,d);g?r(b,Ie):r(b,Oe);r(b,a.segmentPrefix);r(b,d);f?g?(r(b,Je),Bf(b,c)):(r(b,Pe),Cf(b,c)):g&&r(b,Ke);d=g?w(b,Le):w(b,Vb);return jd(b,a)&&d}
+function Ph(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return Nh(a,b,d,e)}if(f===c.rootSegmentID)return Nh(a,b,d,e);Nh(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(r(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,r(b,Td)):r(b,Ud)):r(b,Xd);r(b,a.segmentPrefix);f=y(f.toString(16));r(b,f);d?r(b,Vd):r(b,Yd);r(b,
+a.placeholderPrefix);r(b,f);b=d?w(b,Wd):w(b,Vb);return b}
+function Kh(a,b){l=new Uint8Array(2048);p=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,q=e.headChunks,n;if(m){for(n=0;n<m.length;n++)r(b,m[n]);if(q)for(n=0;n<q.length;n++)r(b,q[n]);else r(b,
+X("head")),r(b,W)}else if(q)for(n=0;n<q.length;n++)r(b,q[n]);var t=e.charsetChunks;for(n=0;n<t.length;n++)r(b,t[n]);t.length=0;e.preconnects.forEach(nf,b);e.preconnects.clear();var u=e.viewportChunks;for(n=0;n<u.length;n++)r(b,u[n]);u.length=0;e.fontPreloads.forEach(nf,b);e.fontPreloads.clear();e.highImagePreloads.forEach(nf,b);e.highImagePreloads.clear();e.styles.forEach(uf,b);var z=e.importMapChunks;for(n=0;n<z.length;n++)r(b,z[n]);z.length=0;e.bootstrapScripts.forEach(nf,b);e.scripts.forEach(nf,
+b);e.scripts.clear();e.bulkPreloads.forEach(nf,b);e.bulkPreloads.clear();var x=e.hoistableChunks;for(n=0;n<x.length;n++)r(b,x[n]);x.length=0;m&&null===q&&r(b,$c("head"));Mh(a,b,d,null);a.completedRootSegment=null;jd(b,a.renderState)}else return;var v=a.renderState;d=0;var G=v.viewportChunks;for(d=0;d<G.length;d++)r(b,G[d]);G.length=0;v.preconnects.forEach(nf,b);v.preconnects.clear();v.fontPreloads.forEach(nf,b);v.fontPreloads.clear();v.highImagePreloads.forEach(nf,b);v.highImagePreloads.clear();v.styles.forEach(wf,
+b);v.scripts.forEach(nf,b);v.scripts.clear();v.bulkPreloads.forEach(nf,b);v.bulkPreloads.clear();var D=v.hoistableChunks;for(d=0;d<D.length;d++)r(b,D[d]);D.length=0;var J=a.clientRenderedBoundaries;for(c=0;c<J.length;c++){var O=J[c];v=b;var A=a.resumableState,F=a.renderState,P=O.rootSegmentID,H=O.errorDigest,Ca=O.errorMessage,na=O.errorComponentStack,K=0===A.streamingFormat;K?(r(v,F.startInlineScript),0===(A.instructions&4)?(A.instructions|=4,r(v,Qe)):r(v,Re)):r(v,Ve);r(v,F.boundaryPrefix);r(v,y(P.toString(16)));
+K&&r(v,Se);if(H||Ca||na)K?(r(v,Te),r(v,y($e(H||"")))):(r(v,We),r(v,y(I(H||""))));if(Ca||na)K?(r(v,Te),r(v,y($e(Ca||"")))):(r(v,Xe),r(v,y(I(Ca||""))));na&&(K?(r(v,Te),r(v,y($e(na)))):(r(v,Ye),r(v,y(I(na)))));if(K?!w(v,Ue):!w(v,Vb)){a.destination=null;c++;J.splice(0,c);return}}J.splice(0,c);var va=a.completedBoundaries;for(c=0;c<va.length;c++)if(!Oh(a,b,va[c])){a.destination=null;c++;va.splice(0,c);return}va.splice(0,c);Ya(b);l=new Uint8Array(2048);p=0;var da=a.partialBoundaries;for(c=0;c<da.length;c++){var oa=
+da[c];a:{J=a;O=b;var ja=oa.completedSegments;for(A=0;A<ja.length;A++)if(!Ph(J,O,oa,ja[A])){A++;ja.splice(0,A);var cb=!1;break a}ja.splice(0,A);cb=mf(O,oa.contentState,J.renderState)}if(!cb){a.destination=null;c++;da.splice(0,c);return}}da.splice(0,c);var Da=a.completedBoundaries;for(c=0;c<Da.length;c++)if(!Oh(a,b,Da[c])){a.destination=null;c++;Da.splice(0,c);return}Da.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?
+(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&r(b,$c("body")),c.hasHtml&&r(b,$c("html"))),Ya(b),b.close(),a.destination=null):Ya(b)}}function Qh(a){a.flushScheduled=null!==a.destination;Mf?setTimeout(function(){return Nf.run(a,kh,a)},0):setTimeout(function(){return kh(a)},0);null===a.trackedPostpones&&(Mf?setTimeout(function(){return Nf.run(a,Rh,a)},0):setTimeout(function(){return Rh(a)},0))}function Rh(a){Jh(a,0===a.pendingRootTasks)}
+function Hf(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setTimeout(function(){var b=a.destination;b?Kh(a,b):a.flushScheduled=!1},0))}function Sh(a,b){if(1===a.status)a.status=2,$a(b,a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Kh(a,b)}catch(c){oh(a,c,{}),ph(a,c)}}}
+function Th(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return Gh(e,a,d)});c.clear()}null!==a.destination&&Kh(a,a.destination)}catch(e){oh(a,e,{}),ph(a,e)}}function Ch(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),Ch(e,b[0],c));e[2].push(a)}}
+function Uh(a){var b=a.trackedPostpones;if(null===b||0===b.rootNodes.length&&null===b.rootSlots)return a.trackedPostpones=null;if(null!==a.completedRootSegment&&5===a.completedRootSegment.status){var c=a.resumableState,d=a.renderState;c.nextFormID=0;c.hasBody=!1;c.hasHtml=!1;c.unknownResources={font:d.resets.font};c.dnsResources=d.resets.dns;c.connectResources=d.resets.connect;c.imageResources=d.resets.image;c.styleResources=d.resets.style;c.scriptResources={};c.moduleUnknownResources={};c.moduleScriptResources=
 {}}else c=a.resumableState,c.bootstrapScriptContent=void 0,c.bootstrapScripts=void 0,c.bootstrapModules=void 0;return{nextSegmentId:a.nextSegmentId,rootFormatContext:a.rootFormatContext,progressiveChunkSize:a.progressiveChunkSize,resumableState:a.resumableState,replayNodes:b.rootNodes,replaySlots:b.rootSlots}}
-exports.prerender=function(a,b){return new Promise(function(c,d){var e=b?b.onHeaders:void 0,f;e&&(f=function(p){e(new Headers(p))});var g=Cb(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),h=Sg(a,g,Ab(g,void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,f,b?b.maxHeadersLength:void 0),Lb(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,function(){var p=
-new ReadableStream({type:"bytes",pull:function(q){Dh(h,q)},cancel:function(q){h.destination=null;Eh(h,q)}},{highWaterMark:0});p={postponed:Fh(h),prelude:p};c(p)},void 0,void 0,d,b?b.onPostpone:void 0);if(b&&b.signal){var k=b.signal;if(k.aborted)Eh(h,k.reason);else{var l=function(){Eh(h,k.reason);k.removeEventListener("abort",l)};k.addEventListener("abort",l)}}Bh(h)})};
-exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(u,D){f=u;e=D}),h=b?b.onHeaders:void 0,k;h&&(k=function(u){h(new Headers(u))});var l=Cb(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),p=Pg(a,l,Ab(l,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,k,b?b.maxHeadersLength:void 0),Lb(b?b.namespaceURI:void 0),
-b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var u=new ReadableStream({type:"bytes",pull:function(D){Dh(p,D)},cancel:function(D){p.destination=null;Eh(p,D)}},{highWaterMark:0});u.allReady=g;c(u)},function(u){g.catch(function(){});d(u)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var q=b.signal;if(q.aborted)Eh(p,q.reason);else{var t=function(){Eh(p,q.reason);q.removeEventListener("abort",t)};q.addEventListener("abort",t)}}Bh(p)})};
-exports.resume=function(a,b,c){return new Promise(function(d,e){var f,g,h=new Promise(function(q,t){g=q;f=t}),k=Tg(a,b,Ab(b.resumableState,c?c.nonce:void 0,void 0,void 0,void 0,void 0),c?c.onError:void 0,g,function(){var q=new ReadableStream({type:"bytes",pull:function(t){Dh(k,t)},cancel:function(t){k.destination=null;Eh(k,t)}},{highWaterMark:0});q.allReady=h;d(q)},function(q){h.catch(function(){});e(q)},f,c?c.onPostpone:void 0);if(c&&c.signal){var l=c.signal;if(l.aborted)Eh(k,l.reason);else{var p=
-function(){Eh(k,l.reason);l.removeEventListener("abort",p)};l.addEventListener("abort",p)}}Bh(k)})};exports.version="18.3.0-experimental-60a927d04-20240113";
+exports.prerender=function(a,b){return new Promise(function(c,d){var e=b?b.onHeaders:void 0,f;e&&(f=function(q){e(new Headers(q))});var g=jc(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),h=fh(a,g,hc(g,void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,f,b?b.maxHeadersLength:void 0),kc(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,function(){var q=
+new ReadableStream({type:"bytes",pull:function(n){Sh(h,n)},cancel:function(n){h.destination=null;Th(h,n)}},{highWaterMark:0});q={postponed:Uh(h),prelude:q};c(q)},void 0,void 0,d,b?b.onPostpone:void 0);if(b&&b.signal){var k=b.signal;if(k.aborted)Th(h,k.reason);else{var m=function(){Th(h,k.reason);k.removeEventListener("abort",m)};k.addEventListener("abort",m)}}Qh(h)})};
+exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(u,z){f=u;e=z}),h=b?b.onHeaders:void 0,k;h&&(k=function(u){h(new Headers(u))});var m=jc(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),q=ch(a,m,hc(m,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,k,b?b.maxHeadersLength:void 0),kc(b?b.namespaceURI:void 0),
+b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var u=new ReadableStream({type:"bytes",pull:function(z){Sh(q,z)},cancel:function(z){q.destination=null;Th(q,z)}},{highWaterMark:0});u.allReady=g;c(u)},function(u){g.catch(function(){});d(u)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var n=b.signal;if(n.aborted)Th(q,n.reason);else{var t=function(){Th(q,n.reason);n.removeEventListener("abort",t)};n.addEventListener("abort",t)}}Qh(q)})};
+exports.resume=function(a,b,c){return new Promise(function(d,e){var f,g,h=new Promise(function(n,t){g=n;f=t}),k=gh(a,b,hc(b.resumableState,c?c.nonce:void 0,void 0,void 0,void 0,void 0),c?c.onError:void 0,g,function(){var n=new ReadableStream({type:"bytes",pull:function(t){Sh(k,t)},cancel:function(t){k.destination=null;Th(k,t)}},{highWaterMark:0});n.allReady=h;d(n)},function(n){h.catch(function(){});e(n)},f,c?c.onPostpone:void 0);if(c&&c.signal){var m=c.signal;if(m.aborted)Th(k,m.reason);else{var q=
+function(){Th(k,m.reason);m.removeEventListener("abort",q)};m.addEventListener("abort",q)}}Qh(k)})};exports.version="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server.edge.production.min.js.map
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 48dee65b662a5f..5edc399ccfa6a2 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
@@ -21,7 +21,7 @@ var async_hooks = require('async_hooks');
 var ReactDOM = require('react-dom');
 var stream = require('stream');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -78,6 +78,326 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 function scheduleWork(callback) {
   setImmediate(callback);
 }
@@ -148,15 +468,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -232,21 +546,17 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function stringToPrecomputedChunk(content) {
   var precomputedChunk = textEncoder.encode(content);
 
   {
-    if (precomputedChunkSet) {
-      precomputedChunkSet.add(precomputedChunk);
+    if (precomputedChunk.byteLength > VIEW_SIZE) {
+      error('precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.');
     }
   }
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.length > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -1253,6 +1563,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1670,19 +1981,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1877,6 +2182,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1891,9 +2197,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1912,7 +2216,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2316,7 +2620,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2493,6 +2797,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -2732,6 +3037,59 @@ function checkSelectProp(props, propName) {
   }
 }
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  var children = null;
+  var innerHTML = null;
+
+  for (var propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      var propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
   {
     checkControlledValueProps('select', props);
@@ -3372,7 +3730,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3383,11 +3741,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3395,7 +3766,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3487,8 +3858,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3500,8 +3871,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3528,16 +3899,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3570,7 +3939,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3638,8 +4007,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3885,7 +4254,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3909,8 +4278,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4174,6 +4550,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4309,7 +4686,7 @@ function startChunkForTag(tag) {
 }
 
 var doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4331,7 +4708,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4361,19 +4745,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4801,7 +5185,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4821,7 +5205,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4864,12 +5248,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -5087,14 +5471,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5248,13 +5635,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5272,15 +5659,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5288,14 +5667,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5308,15 +5684,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5333,15 +5709,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5367,10 +5735,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5466,6 +5834,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5537,10 +5906,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5636,6 +6005,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5711,15 +6081,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6521,13 +6888,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6625,47 +6988,6 @@ var NotPendingTransition = NotPending;
 
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6737,13 +7059,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6769,622 +7101,114 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
 
+function popNode(prev) {
   {
-    var frame = componentFrameCache.get(fn);
+    prev.context._currentValue = prev.parentValue;
+  }
+}
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
-
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
-
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
-  }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
-
-
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
-    }
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
-var warnedAboutMissingGetChildContext;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-var emptyContextObject = {};
-
-{
-  Object.freeze(emptyContextObject);
-}
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    var context = {};
-
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
-        }
-      }
-
-      return parentContext;
-    }
-
-    var childContext = instance.getChildContext();
-
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
       popToNearestCommonAncestor(parentPrev, parentNext);
     } // On the way back, we push the new ones that weren't common.
@@ -7523,12 +7347,7 @@ function popProvider(context) {
 
   {
     var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
 
     {
       if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
@@ -7587,18 +7406,19 @@ var didWarnOnInvalidCallback;
   didWarnOnInvalidCallback = new Set();
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
 
-    var key = callerName + '_' + callback;
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -7627,7 +7447,7 @@ function warnNoop(publicInstance, callerName) {
       return;
     }
 
-    error('%s(...): 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, callerName, componentName);
+    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, componentName);
 
     didWarnAboutNoopUpdateForComponent[warningKey] = true;
   }
@@ -7648,7 +7468,7 @@ var classComponentUpdater = {
 
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7660,7 +7480,7 @@ var classComponentUpdater = {
 
     {
       if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
+        warnOnInvalidCallback(callback);
       }
     }
   },
@@ -7673,7 +7493,7 @@ var classComponentUpdater = {
     } else {
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7699,7 +7519,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -7709,10 +7529,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -7792,9 +7609,9 @@ function checkClassInstance(instance, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -7853,7 +7670,7 @@ function checkClassInstance(instance, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -8610,377 +8427,749 @@ function useMemo(nextCreate, deps) {
       if (nextDeps !== null) {
         var prevDeps = prevState[1];
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
+    }
+  }
+
+  {
+    isInHookUserCodeInDev = true;
+  }
+
+  var nextValue = nextCreate();
+
+  {
+    isInHookUserCodeInDev = false;
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
+
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
+
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
+
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+    workInProgressHook.memoizedState = ref;
+    return ref;
+  } else {
+    return previousRef;
+  }
+}
+
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
+    }
+
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
+
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
+
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
+}
+
+function throwOnUseEffectEventCall() {
+  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+}
+
+function useEffectEvent(callback) {
+  // $FlowIgnore[incompatible-return]
+  return throwOnUseEffectEventCall;
+}
+
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+  }
+
+  return getServerSnapshot();
+}
+
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
+  {
+    return initialValue !== undefined ? initialValue : value;
+  }
+}
+
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
+}
+
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
+
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
+}
+
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
+
+function useOptimistic(passthrough, reducer) {
+  resolveCurrentlyRenderingComponent();
+  return [passthrough, unsupportedSetOptimisticState];
+}
+
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
+
+    var keyPathHash = createFastHash(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
+  }
+}
+
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
+
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+
+  var formAction = action.$$FORM_ACTION;
+
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
+
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
+
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
+
+
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
+
+
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
+
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
+
+        return metadata;
+      };
+    }
+
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+
+
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
+    };
+
+    return [initialState, _dispatch2];
   }
+}
 
-  {
-    isInHookUserCodeInDev = true;
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
+
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
 
-  var nextValue = nextCreate();
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
 
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+function useMemoCache(size) {
+  var data = new Array(size);
+
+  for (var i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
   }
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+  return data;
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function noop$1() {}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
 
-      lastRenderPhaseUpdate.next = update;
-    }
-  }
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
 }
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
 }
 
-function throwOnUseEffectEventCall() {
-  throw new Error("A function wrapped in useEffectEvent can't be called during rendering.");
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function useEffectEvent(callback) {
-  // $FlowIgnore[incompatible-return]
-  return throwOnUseEffectEventCall;
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
 }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
-  }
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-  return getServerSnapshot();
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
 
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
   {
-    return initialValue !== undefined ? initialValue : value;
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
 }
 
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHash(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
-
-
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
-
-    return [initialState, _dispatch2];
-  }
-}
-
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
   }
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
 
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function useMemoCache(size) {
-  var data = new Array(size);
 
-  for (var i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  return data;
-}
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-function noop$1() {}
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -8990,15 +9179,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9091,7 +9280,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9146,7 +9335,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
 
     rootSegment.parentFlushed = true;
 
-    var _rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+    var _rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
 
     pingedTasks.push(_rootTask);
     return request;
@@ -9157,7 +9346,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     slots: postponedState.replaySlots,
     pendingTasks: 0
   };
-  var rootTask = createReplayTask(request, null, replay, children, -1, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createReplayTask(request, null, replay, children, -1, null, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9195,13 +9384,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9219,6 +9409,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9226,13 +9417,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9251,6 +9443,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9258,7 +9451,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9340,19 +9534,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9425,6 +9619,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9460,12 +9655,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9504,11 +9695,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9535,9 +9723,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9551,6 +9739,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9562,16 +9751,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9614,11 +9800,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9632,9 +9815,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9662,7 +9845,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9687,7 +9870,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9714,7 +9902,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9722,7 +9910,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9743,11 +9931,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9769,7 +9956,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9863,7 +10050,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9873,7 +10060,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9927,10 +10114,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (var key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9938,37 +10145,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9981,12 +10164,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9998,7 +10180,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -10009,14 +10191,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -10028,18 +10210,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -10067,7 +10249,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -10085,7 +10267,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -10111,31 +10293,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10183,7 +10381,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10212,7 +10410,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10284,13 +10482,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10301,9 +10514,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10311,17 +10529,26 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10342,7 +10569,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10397,13 +10624,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10433,7 +10662,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10728,9 +10961,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10745,9 +10978,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10771,7 +11004,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10809,7 +11042,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -11048,8 +11281,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          var postponeInstance = error;
+          var fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -11058,7 +11299,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            var _postponeInstance = error;
+            logPostpone(request, _postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -11078,7 +11329,16 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        var _postponeInstance2 = error;
+        logPostpone(request, _postponeInstance2.message, _errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        _errorDigest = 'POSTPONE';
+      } else {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -11256,11 +11516,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -11295,12 +11550,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -11346,10 +11596,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11376,12 +11622,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11428,10 +11669,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11510,7 +11747,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11545,7 +11787,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11567,12 +11809,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11583,7 +11825,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11599,9 +11841,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11613,13 +11863,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11631,7 +11887,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -11640,17 +11896,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11662,17 +11914,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11691,11 +11939,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11705,6 +11949,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11716,13 +11961,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11744,10 +11989,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 23b321c14fc507..06f2bc4196faa1 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
@@ -17,7 +17,54 @@ var React = require("next/dist/compiled/react-experimental");
 var ReactDOM = require('react-dom');
 var stream = require('stream');
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
+const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 function scheduleWork(callback) {
   setImmediate(callback);
@@ -89,10 +136,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -173,9 +219,6 @@ function stringToPrecomputedChunk(content) {
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.length > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -360,19 +403,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -548,6 +585,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -562,9 +600,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -583,7 +619,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -971,7 +1007,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1117,6 +1153,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1318,6 +1355,59 @@ function pushInnerHTML(target, innerHTML, children) {
   }
 } // TODO: Move these to RenderState so that we warn for every request.
 
+function pushStartAnchor(target, props) {
+  target.push(startChunkForTag('a'));
+  let children = null;
+  let innerHTML = null;
+
+  for (const propKey in props) {
+    if (hasOwnProperty.call(props, propKey)) {
+      const propValue = props[propKey];
+
+      if (propValue == null) {
+        continue;
+      }
+
+      switch (propKey) {
+        case 'children':
+          children = propValue;
+          break;
+
+        case 'dangerouslySetInnerHTML':
+          innerHTML = propValue;
+          break;
+
+        case 'href':
+          if (propValue === '') {
+            // Empty `href` is special on anchors so we're short-circuiting here.
+            // On other tags it should trigger a warning
+            pushStringAttribute(target, 'href', '');
+          } else {
+            pushAttribute(target, propKey, propValue);
+          }
+
+          break;
+
+        default:
+          pushAttribute(target, propKey, propValue);
+          break;
+      }
+    }
+  }
+
+  target.push(endOfStartTag);
+  pushInnerHTML(target, innerHTML, children);
+
+  if (typeof children === 'string') {
+    // Special case children as a string to avoid the unnecessary comment.
+    // TODO: Remove this special case after the general optimization is in place.
+    target.push(stringToChunk(encodeHTMLTextNode(children)));
+    return null;
+  }
+
+  return children;
+}
+
 function pushStartSelect(target, props) {
 
   target.push(startChunkForTag('select'));
@@ -1840,7 +1930,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1851,11 +1941,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1863,7 +1966,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1934,8 +2037,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1947,8 +2050,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1975,16 +2078,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -2017,7 +2118,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -2061,8 +2162,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2308,12 +2409,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2569,6 +2677,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2701,14 +2810,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        return pushStartAnchor(target, props);
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2738,19 +2854,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3164,7 +3280,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3184,7 +3300,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3227,12 +3343,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3444,14 +3560,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3605,13 +3724,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3629,15 +3748,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3645,14 +3756,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3665,15 +3773,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3690,15 +3798,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3724,10 +3824,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3814,6 +3914,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3873,10 +3974,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3963,6 +4064,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -4026,15 +4128,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4819,13 +4918,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4923,47 +5018,6 @@ const NotPendingTransition = NotPending;
 
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
-const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5030,13 +5084,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5062,294 +5126,47 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+      return parentContext;
+    }
 
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+    const childContext = instance.getChildContext();
 
-
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
     return assign({}, parentContext, childContext);
   }
@@ -5516,12 +5333,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6462,124 +6274,364 @@ function useId() {
   const treeId = getTreeId(task.treeContext);
   const resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
+  }
+
+  const localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
+}
+
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      const thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      const context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
+
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+
+  if (thenableState === null) {
+    thenableState = createThenableState();
+  }
+
+  return trackUsedThenable(thenableState, thenable, index);
+}
+
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
+
+function useCacheRefresh() {
+  return unsupportedRefresh;
+}
+
+function useMemoCache(size) {
+  const data = new Array(size);
+
+  for (let i = 0; i < size; i++) {
+    data[i] = REACT_MEMO_CACHE_SENTINEL;
+  }
+
+  return data;
+}
+
+function noop$1() {}
+
+const HooksDispatcher = {
+  readContext,
+  use,
+  useContext,
+  useMemo,
+  useReducer,
+  useRef,
+  useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue,
+  useTransition,
+  useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore
+};
+
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
+
+{
+  HooksDispatcher.useEffectEvent = useEffectEvent;
+}
+
+{
+  HooksDispatcher.useMemoCache = useMemoCache;
+}
+
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
+
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
+}
+
+let currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
+
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
+
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
+
+const DefaultCacheDispatcher = {
+  getCacheSignal,
+  getCacheForType
+};
+
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
 
-  const localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+  }; // $FlowFixMe[prop-missing]
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      const thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-function useMemoCache(size) {
-  const data = new Array(size);
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-  for (let i = 0; i < size; i++) {
-    data[i] = REACT_MEMO_CACHE_SENTINEL;
-  }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-  return data;
-}
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-function noop$1() {}
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
 
-const HooksDispatcher = {
-  readContext,
-  use,
-  useContext,
-  useMemo,
-  useReducer,
-  useRef,
-  useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue,
-  useTransition,
-  useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore
-};
+                if (false) ; // Return the line we found.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useEffectEvent = useEffectEvent;
-}
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-{
-  HooksDispatcher.useMemoCache = useMemoCache;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
 
-let currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
-}
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+  return syntheticFrame;
 }
 
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
-
-const DefaultCacheDispatcher = {
-  getCacheSignal,
-  getCacheForType
-};
 
 function getStackByComponentStackNode(componentStack) {
   try {
@@ -6589,15 +6641,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6689,7 +6741,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6743,7 +6795,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     rootSegment.id = resumedId; // There is no parent so conceptually, we're unblocked to flush this segment.
 
     rootSegment.parentFlushed = true;
-    const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+    const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
     pingedTasks.push(rootTask);
     return request;
   }
@@ -6753,7 +6805,7 @@ function resumeRequest(children, postponedState, renderState, onError, onAllRead
     slots: postponedState.replaySlots,
     pendingTasks: 0
   };
-  const rootTask = createReplayTask(request, null, replay, children, -1, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createReplayTask(request, null, replay, children, -1, null, null, abortSet, null, postponedState.rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6789,13 +6841,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6811,6 +6864,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6818,13 +6872,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6841,6 +6896,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6848,7 +6904,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6981,6 +7038,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -7016,12 +7074,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -7060,11 +7114,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7091,9 +7142,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7107,6 +7158,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -7118,16 +7170,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7170,11 +7219,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7188,9 +7234,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7218,7 +7264,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7242,7 +7288,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7259,7 +7310,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7267,7 +7318,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7282,7 +7333,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7292,7 +7343,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7359,7 +7410,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7383,10 +7434,30 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  if ('ref' in props) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in props) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = props[key];
+      }
+    }
+  } else {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7394,45 +7465,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7444,18 +7513,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7483,7 +7552,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7501,7 +7570,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7527,31 +7596,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7593,7 +7672,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7622,7 +7701,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7674,9 +7753,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7687,9 +7764,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7697,17 +7779,26 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7728,7 +7819,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7780,13 +7871,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -8102,9 +8195,9 @@ function injectPostponedHole(request, task, reason, thrownInfo) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -8119,9 +8212,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -8145,7 +8238,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -8183,7 +8276,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8408,8 +8501,16 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+          const postponeInstance = error;
+          const fatal = new Error('The render was aborted with postpone when the shell is incomplete. Reason: ' + postponeInstance.message);
+          logRecoverableError(request, fatal, errorInfo);
+          fatalError(request, fatal);
+        } else {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8418,7 +8519,17 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+            const postponeInstance = error;
+            logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+            errorDigest = 'POSTPONE';
+          } else {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8437,7 +8548,16 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      if (typeof error === 'object' && error !== null && error.$$typeof === REACT_POSTPONE_TYPE) {
+        const postponeInstance = error;
+        logPostpone(request, postponeInstance.message, errorInfo); // TODO: Figure out a better signal than a magic digest value.
+
+        errorDigest = 'POSTPONE';
+      } else {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8600,11 +8720,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8633,12 +8748,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8684,9 +8794,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8704,12 +8811,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8756,9 +8858,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8824,7 +8923,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8859,7 +8963,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8881,12 +8985,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8897,7 +9001,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8913,9 +9017,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8927,13 +9039,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8945,7 +9063,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8954,17 +9072,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8976,17 +9090,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -9005,11 +9115,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -9019,6 +9125,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -9030,13 +9137,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -9058,10 +9165,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.min.js
index d8ec31b2d987d7..b0a099c1806e46 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-server.node.production.min.js
@@ -7,209 +7,207 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("util"),ba=require("crypto"),ca=require("async_hooks"),da=require("next/dist/compiled/react-experimental"),ja=require("react-dom"),ka=require("stream");function la(a){"function"===typeof a.flush&&a.flush()}var l=null,n=0,qa=!0;
-function v(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<n&&(ra(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),ra(a,sa.encode(b));else{var c=l;0<n&&(c=l.subarray(n));c=sa.encodeInto(b,c);var d=c.read;n+=c.written;d<b.length&&(ra(a,l.subarray(0,n)),l=new Uint8Array(2048),n=sa.encodeInto(b.slice(d),l).written);2048===n&&(ra(a,l),l=new Uint8Array(2048),n=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<n&&(ra(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),ra(a,b)):(c=l.length-n,c<
-b.byteLength&&(0===c?ra(a,l):(l.set(b.subarray(0,c),n),n+=c,ra(a,l),b=b.subarray(c)),l=new Uint8Array(2048),n=0),l.set(b,n),n+=b.byteLength,2048===n&&(ra(a,l),l=new Uint8Array(2048),n=0)))}function ra(a,b){a=a.write(b);qa=qa&&a}function y(a,b){v(a,b);return qa}function ya(a){l&&0<n&&a.write(l.subarray(0,n));l=null;n=0;qa=!0}var sa=new aa.TextEncoder;function A(a){return sa.encode(a)}
-var B=Object.assign,C=Object.prototype.hasOwnProperty,za=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Aa={},Ga={};
-function Ha(a){if(C.call(Ga,a))return!0;if(C.call(Aa,a))return!1;if(za.test(a))return Ga[a]=!0;Aa[a]=!0;return!1}
-var Ia=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ja=
+'use strict';var aa=require("util"),ba=require("crypto"),fa=require("async_hooks"),ha=require("next/dist/compiled/react-experimental"),ka=require("react-dom"),la=require("stream"),ma=Symbol.for("react.element"),qa=Symbol.for("react.portal"),ra=Symbol.for("react.fragment"),sa=Symbol.for("react.strict_mode"),ta=Symbol.for("react.profiler"),ya=Symbol.for("react.provider"),za=Symbol.for("react.consumer"),Aa=Symbol.for("react.context"),Ha=Symbol.for("react.forward_ref"),Ia=Symbol.for("react.suspense"),Ja=Symbol.for("react.suspense_list"),
+Ka=Symbol.for("react.memo"),La=Symbol.for("react.lazy"),Ma=Symbol.for("react.scope"),Na=Symbol.for("react.debug_trace_mode"),Oa=Symbol.for("react.offscreen"),Pa=Symbol.for("react.legacy_hidden"),Wa=Symbol.for("react.cache"),Xa=Symbol.for("react.memo_cache_sentinel"),Ya=Symbol.for("react.postpone"),Za=Symbol.iterator,$a=Array.isArray;function ab(a){"function"===typeof a.flush&&a.flush()}var l=null,p=0,bb=!0;
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<p&&(mb(a,l.subarray(0,p)),l=new Uint8Array(2048),p=0),mb(a,tb.encode(b));else{var c=l;0<p&&(c=l.subarray(p));c=tb.encodeInto(b,c);var d=c.read;p+=c.written;d<b.length&&(mb(a,l.subarray(0,p)),l=new Uint8Array(2048),p=tb.encodeInto(b.slice(d),l).written);2048===p&&(mb(a,l),l=new Uint8Array(2048),p=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<p&&(mb(a,l.subarray(0,p)),l=new Uint8Array(2048),p=0),mb(a,b)):(c=l.length-p,c<
+b.byteLength&&(0===c?mb(a,l):(l.set(b.subarray(0,c),p),p+=c,mb(a,l),b=b.subarray(c)),l=new Uint8Array(2048),p=0),l.set(b,p),p+=b.byteLength,2048===p&&(mb(a,l),l=new Uint8Array(2048),p=0)))}function mb(a,b){a=a.write(b);bb=bb&&a}function x(a,b){u(a,b);return bb}function ub(a){l&&0<p&&a.write(l.subarray(0,p));l=null;p=0;bb=!0}var tb=new aa.TextEncoder;function z(a){return tb.encode(a)}
+var A=Object.assign,B=Object.prototype.hasOwnProperty,vb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),wb={},xb={};
+function yb(a){if(B.call(xb,a))return!0;if(B.call(wb,a))return!1;if(vb.test(a))return xb[a]=!0;wb[a]=!0;return!1}
+var zb=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ab=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ka=/["'&<>]/;
-function D(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ka.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var La=/([A-Z])/g,Ma=/^ms-/,Na=Array.isArray,Oa=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Pa={pending:!1,data:null,method:null,action:null},Wa=ja.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,db={prefetchDNS:Xa,preconnect:Ya,preload:Za,preloadModule:$a,preinitStyle:ab,preinitScript:bb,preinitModuleScript:cb},E=[],eb=A('"></template>'),sb=A("<script>"),tb=A("\x3c/script>"),ub=A('<script src="'),vb=A('<script type="module" src="'),wb=A('" nonce="'),xb=A('" integrity="'),
-yb=A('" crossorigin="'),zb=A('" async="">\x3c/script>'),Ab=/(<\/|<)(s)(cript)/gi;function Bb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var Cb=A('<script type="importmap">'),Db=A("\x3c/script>");
-function Eb(a,b,c,d,e,f){var g=void 0===b?sb:A('<script nonce="'+D(b)+'">'),h=a.idPrefix,k=[],m=null,p=a.bootstrapScriptContent,q=a.bootstrapScripts,r=a.bootstrapModules;void 0!==p&&k.push(g,(""+p).replace(Ab,Bb),tb);void 0!==c&&("string"===typeof c?(m={src:c,chunks:[]},Nb(m.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(m={src:c.src,chunks:[]},Nb(m.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(Cb),c.push((""+JSON.stringify(d)).replace(Ab,Bb)),c.push(Db));
-d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:A(h+"P:"),segmentPrefix:A(h+"S:"),boundaryPrefix:A(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:m,bootstrapChunks:k,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:c,preloadChunks:[],hoistableChunks:[],preconnects:new Set,
-fontPreloads:new Set,highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,boundaryResources:null,stylesToHoist:!1};if(void 0!==q)for(g=0;g<q.length;g++)c=q[g],d=m=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=m="string"===
-typeof c||null==c.crossOrigin?void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,p=h,c.scriptResources[p]=null,c.moduleScriptResources[p]=null,c=[],I(c,f),e.bootstrapScripts.add(c),k.push(ub,D(h)),b&&k.push(wb,D(b)),"string"===typeof d&&k.push(xb,D(d)),"string"===typeof m&&k.push(yb,D(m)),k.push(zb);if(void 0!==r)for(q=0;q<r.length;q++)f=r[q],m=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=m="string"===typeof f.integrity?
-f.integrity:void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],I(f,d),e.bootstrapScripts.add(f),k.push(vb,D(g)),b&&k.push(wb,D(b)),"string"===typeof m&&k.push(xb,D(m)),"string"===typeof h&&k.push(yb,D(h)),k.push(zb);return e}
-function Ob(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function L(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function Pb(a){return L("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
-function Qb(a,b,c){switch(b){case "noscript":return L(2,null,a.tagScope|1);case "select":return L(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return L(3,null,a.tagScope);case "picture":return L(2,null,a.tagScope|2);case "math":return L(4,null,a.tagScope);case "foreignObject":return L(2,null,a.tagScope);case "table":return L(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return L(6,null,a.tagScope);case "colgroup":return L(8,null,a.tagScope);case "tr":return L(7,null,a.tagScope)}return 5<=
-a.insertionMode?L(2,null,a.tagScope):0===a.insertionMode?"html"===b?L(1,null,a.tagScope):L(2,null,a.tagScope):1===a.insertionMode?L(2,null,a.tagScope):a}var Rb=A("\x3c!-- --\x3e");function Sb(a,b,c,d){if(""===b)return d;d&&a.push(Rb);a.push(D(b));return!0}var Tb=new Map,Ub=A(' style="'),Vb=A(":"),Wb=A(";");
-function Xb(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(C.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=D(d);e=D((""+e).trim())}else f=Tb.get(d),void 0===f&&(f=A(D(d.replace(La,"-$1").toLowerCase().replace(Ma,"-ms-"))),Tb.set(d,f)),e="number"===typeof e?0===e||Ia.has(d)?""+e:e+"px":
-D((""+e).trim());c?(c=!1,a.push(Ub,f,Vb,e)):a.push(Wb,f,Vb,e)}}c||a.push(O)}var P=A(" "),Q=A('="'),O=A('"'),Yb=A('=""');function Zb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,b,Yb)}function R(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(P,b,Q,D(c),O)}function $b(a){var b=a.nextFormID++;return a.idPrefix+b}var ac=A(D("javascript:throw new Error('A React form was unexpectedly submitted.')")),bc=A('<input type="hidden"');
-function cc(a,b){this.push(bc);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");R(this,"name",b);R(this,"value",a);this.push(dc)}
-function ec(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=$b(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(P,"formAction",Q,ac,O),g=f=e=d=h=null,fc(b,c)));null!=h&&S(a,"name",h);null!=d&&S(a,"formAction",d);null!=e&&S(a,"formEncType",e);null!=f&&S(a,"formMethod",f);null!=g&&S(a,"formTarget",g);return k}
-function S(a,b,c){switch(b){case "className":R(a,"class",c);break;case "tabIndex":R(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":R(a,b,c);break;case "style":Xb(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(P,b,Q,D(""+c),O);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":Zb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(P,"xlink:href",Q,D(""+c),O);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,b,Q,D(c),O);break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,b,Yb);break;case "capture":case "download":!0===c?a.push(P,b,Yb):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,b,Q,D(c),O);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(P,b,Q,D(c),O);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(P,b,Q,D(c),O);break;case "xlinkActuate":R(a,"xlink:actuate",c);break;case "xlinkArcrole":R(a,
-"xlink:arcrole",c);break;case "xlinkRole":R(a,"xlink:role",c);break;case "xlinkShow":R(a,"xlink:show",c);break;case "xlinkTitle":R(a,"xlink:title",c);break;case "xlinkType":R(a,"xlink:type",c);break;case "xmlBase":R(a,"xml:base",c);break;case "xmlLang":R(a,"xml:lang",c);break;case "xmlSpace":R(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ja.get(b)||b,Ha(b)){switch(typeof c){case "function":case "symbol":return;case "boolean":var d=b.toLowerCase().slice(0,
-5);if("data-"!==d&&"aria-"!==d)return}a.push(P,b,Q,D(c),O)}}}var T=A(">"),dc=A("/>");function gc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
-function hc(a){var b="";da.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var ic=A(' selected=""'),jc=A('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});');
-function fc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,jc,tb))}var kc=A("\x3c!--F!--\x3e"),lc=A("\x3c!--F--\x3e");
-function mc(a,b,c,d,e,f,g){var h=b.rel,k=b.href,m=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return I(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof m||null!=b.disabled||b.onLoad||b.onError)return I(a,b);f=d.styles.get(m);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:D(m),rules:[],hrefs:[],sheets:new Map},d.styles.set(m,f)),b={state:0,props:B({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&nc(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push(Rb);return null}if(b.onLoad||b.onError)return I(a,b);e&&a.push(Rb);switch(b.rel){case "preconnect":case "dns-prefetch":return I(d.preconnectChunks,b);case "preload":return I(d.preloadChunks,b);default:return I(d.hoistableChunks,
-b)}}function I(a,b){a.push(U("link"));for(var c in b)if(C.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:S(a,c,d)}}a.push(dc);return null}
-function oc(a,b,c){a.push(U(c));for(var d in b)if(C.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:S(a,d,e)}}a.push(dc);return null}
-function pc(a,b){a.push(U("title"));var c=null,d=null,e;for(e in b)if(C.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:S(a,e,f)}}a.push(T);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(D(""+b));gc(a,d,c);a.push(qc("title"));return null}
-function Nb(a,b){a.push(U("script"));var c=null,d=null,e;for(e in b)if(C.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:S(a,e,f)}}a.push(T);gc(a,d,c);"string"===typeof c&&a.push(D(c));a.push(qc("script"));return null}
-function rc(a,b,c){a.push(U(c));var d=c=null,e;for(e in b)if(C.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:S(a,e,f)}}a.push(T);gc(a,d,c);return"string"===typeof c?(a.push(D(c)),null):c}var sc=A("\n"),tc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,uc=new Map;function U(a){var b=uc.get(a);if(void 0===b){if(!tc.test(a))throw Error("Invalid tag: "+a);b=A("<"+a);uc.set(a,b)}return b}var vc=A("<!DOCTYPE html>");
-function wc(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(U("select"));var h=null,k=null,m;for(m in c)if(C.call(c,m)){var p=c[m];if(null!=p)switch(m){case "children":h=p;break;case "dangerouslySetInnerHTML":k=p;break;case "defaultValue":case "value":break;default:S(a,m,p)}}a.push(T);gc(a,k,h);return h;case "option":var q=f.selectedValue;a.push(U("option"));var r=null,t=null,H=null,F=null,u;for(u in c)if(C.call(c,
-u)){var z=c[u];if(null!=z)switch(u){case "children":r=z;break;case "selected":H=z;break;case "dangerouslySetInnerHTML":F=z;break;case "value":t=z;default:S(a,u,z)}}if(null!=q){var ea=null!==t?""+t:hc(r);if(Na(q))for(var W=0;W<q.length;W++){if(""+q[W]===ea){a.push(ic);break}}else""+q===ea&&a.push(ic)}else H&&a.push(ic);a.push(T);gc(a,F,r);return r;case "textarea":a.push(U("textarea"));var x=null,w=null,G=null,fa;for(fa in c)if(C.call(c,fa)){var ma=c[fa];if(null!=ma)switch(fa){case "children":G=ma;
-break;case "value":x=ma;break;case "defaultValue":w=ma;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:S(a,fa,ma)}}null===x&&null!==w&&(x=w);a.push(T);if(null!=G){if(null!=x)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Na(G)){if(1<G.length)throw Error("<textarea> can only have at most one child.");x=""+G[0]}x=""+G}"string"===typeof x&&"\n"===x[0]&&a.push(sc);null!==x&&a.push(D(""+x));
-return null;case "input":a.push(U("input"));var na=null,M=null,J=null,oa=null,Ba=null,ta=null,ua=null,va=null,Qa=null,ha;for(ha in c)if(C.call(c,ha)){var Y=c[ha];if(null!=Y)switch(ha){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":na=Y;break;case "formAction":M=Y;break;case "formEncType":J=Y;break;case "formMethod":oa=Y;break;case "formTarget":Ba=Y;break;case "defaultChecked":Qa=
-Y;break;case "defaultValue":ua=Y;break;case "checked":va=Y;break;case "value":ta=Y;break;default:S(a,ha,Y)}}var Jd=ec(a,d,e,M,J,oa,Ba,na);null!==va?Zb(a,"checked",va):null!==Qa&&Zb(a,"checked",Qa);null!==ta?S(a,"value",ta):null!==ua&&S(a,"value",ua);a.push(dc);null!==Jd&&Jd.forEach(cc,a);return null;case "button":a.push(U("button"));var fb=null,Kd=null,Ld=null,Md=null,Nd=null,Od=null,Pd=null,gb;for(gb in c)if(C.call(c,gb)){var pa=c[gb];if(null!=pa)switch(gb){case "children":fb=pa;break;case "dangerouslySetInnerHTML":Kd=
-pa;break;case "name":Ld=pa;break;case "formAction":Md=pa;break;case "formEncType":Nd=pa;break;case "formMethod":Od=pa;break;case "formTarget":Pd=pa;break;default:S(a,gb,pa)}}var Qd=ec(a,d,e,Md,Nd,Od,Pd,Ld);a.push(T);null!==Qd&&Qd.forEach(cc,a);gc(a,Kd,fb);if("string"===typeof fb){a.push(D(fb));var Rd=null}else Rd=fb;return Rd;case "form":a.push(U("form"));var hb=null,Sd=null,wa=null,ib=null,jb=null,kb=null,lb;for(lb in c)if(C.call(c,lb)){var xa=c[lb];if(null!=xa)switch(lb){case "children":hb=xa;break;
-case "dangerouslySetInnerHTML":Sd=xa;break;case "action":wa=xa;break;case "encType":ib=xa;break;case "method":jb=xa;break;case "target":kb=xa;break;default:S(a,lb,xa)}}var xc=null,yc=null;if("function"===typeof wa)if("function"===typeof wa.$$FORM_ACTION){var Lf=$b(d),Ra=wa.$$FORM_ACTION(Lf);wa=Ra.action||"";ib=Ra.encType;jb=Ra.method;kb=Ra.target;xc=Ra.data;yc=Ra.name}else a.push(P,"action",Q,ac,O),kb=jb=ib=wa=null,fc(d,e);null!=wa&&S(a,"action",wa);null!=ib&&S(a,"encType",ib);null!=jb&&S(a,"method",
-jb);null!=kb&&S(a,"target",kb);a.push(T);null!==yc&&(a.push(bc),R(a,"name",yc),a.push(dc),null!==xc&&xc.forEach(cc,a));gc(a,Sd,hb);if("string"===typeof hb){a.push(D(hb));var Td=null}else Td=hb;return Td;case "menuitem":a.push(U("menuitem"));for(var Fb in c)if(C.call(c,Fb)){var Ud=c[Fb];if(null!=Ud)switch(Fb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:S(a,Fb,Ud)}}a.push(T);return null;case "title":if(3===f.insertionMode||
-f.tagScope&1||null!=c.itemProp)var Vd=pc(a,c);else pc(e.hoistableChunks,c),Vd=null;return Vd;case "link":return mc(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var zc=c.async;if("string"!==typeof c.src||!c.src||!zc||"function"===typeof zc||"symbol"===typeof zc||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Wd=Nb(a,c);else{var Gb=c.src;if("module"===c.type){var Hb=d.moduleScriptResources;var Xd=e.preloads.moduleScripts}else Hb=d.scriptResources,Xd=e.preloads.scripts;
-var Ib=Hb.hasOwnProperty(Gb)?Hb[Gb]:void 0;if(null!==Ib){Hb[Gb]=null;var Ac=c;if(Ib){2===Ib.length&&(Ac=B({},c),nc(Ac,Ib));var Yd=Xd.get(Gb);Yd&&(Yd.length=0)}var Zd=[];e.scripts.add(Zd);Nb(Zd,Ac)}g&&a.push(Rb);Wd=null}return Wd;case "style":var Jb=c.precedence,Ca=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof Jb||"string"!==typeof Ca||""===Ca){a.push(U("style"));var Sa=null,$d=null,mb;for(mb in c)if(C.call(c,mb)){var Kb=c[mb];if(null!=Kb)switch(mb){case "children":Sa=
-Kb;break;case "dangerouslySetInnerHTML":$d=Kb;break;default:S(a,mb,Kb)}}a.push(T);var nb=Array.isArray(Sa)?2>Sa.length?Sa[0]:null:Sa;"function"!==typeof nb&&"symbol"!==typeof nb&&null!==nb&&void 0!==nb&&a.push(D(""+nb));gc(a,$d,Sa);a.push(qc("style"));var ae=null}else{var Da=e.styles.get(Jb);if(null!==(d.styleResources.hasOwnProperty(Ca)?d.styleResources[Ca]:void 0)){d.styleResources[Ca]=null;Da?Da.hrefs.push(D(Ca)):(Da={precedence:D(Jb),rules:[],hrefs:[D(Ca)],sheets:new Map},e.styles.set(Jb,Da));
-var be=Da.rules,Ta=null,ce=null,Lb;for(Lb in c)if(C.call(c,Lb)){var Bc=c[Lb];if(null!=Bc)switch(Lb){case "children":Ta=Bc;break;case "dangerouslySetInnerHTML":ce=Bc}}var ob=Array.isArray(Ta)?2>Ta.length?Ta[0]:null:Ta;"function"!==typeof ob&&"symbol"!==typeof ob&&null!==ob&&void 0!==ob&&be.push(D(""+ob));gc(be,ce,Ta)}Da&&e.boundaryResources&&e.boundaryResources.styles.add(Da);g&&a.push(Rb);ae=void 0}return ae;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var de=oc(a,c,"meta");
-else g&&a.push(Rb),de="string"===typeof c.charSet?oc(e.charsetChunks,c,"meta"):"viewport"===c.name?oc(e.preconnectChunks,c,"meta"):oc(e.hoistableChunks,c,"meta");return de;case "listing":case "pre":a.push(U(b));var pb=null,qb=null,rb;for(rb in c)if(C.call(c,rb)){var Mb=c[rb];if(null!=Mb)switch(rb){case "children":pb=Mb;break;case "dangerouslySetInnerHTML":qb=Mb;break;default:S(a,rb,Mb)}}a.push(T);if(null!=qb){if(null!=pb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");
-if("object"!==typeof qb||!("__html"in qb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var Ea=qb.__html;null!==Ea&&void 0!==Ea&&("string"===typeof Ea&&0<Ea.length&&"\n"===Ea[0]?a.push(sc,Ea):a.push(""+Ea))}"string"===typeof pb&&"\n"===pb[0]&&a.push(sc);return pb;case "img":var N=c.src,K=c.srcSet;if(!("lazy"===c.loading||!N&&!K||"string"!==typeof N&&null!=N||"string"!==typeof K&&
-null!=K)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof N||":"!==N[4]||"d"!==N[0]&&"D"!==N[0]||"a"!==N[1]&&"A"!==N[1]||"t"!==N[2]&&"T"!==N[2]||"a"!==N[3]&&"A"!==N[3])&&("string"!==typeof K||":"!==K[4]||"d"!==K[0]&&"D"!==K[0]||"a"!==K[1]&&"A"!==K[1]||"t"!==K[2]&&"T"!==K[2]||"a"!==K[3]&&"A"!==K[3])){var ee="string"===typeof c.sizes?c.sizes:void 0,Ua=K?K+"\n"+(ee||""):N,Cc=e.preloads.images,Fa=Cc.get(Ua);if(Fa){if("high"===c.fetchPriority||10>e.highImagePreloads.size)Cc.delete(Ua),
-e.highImagePreloads.add(Fa)}else if(!d.imageResources.hasOwnProperty(Ua)){d.imageResources[Ua]=E;var Dc=c.crossOrigin;var fe="string"===typeof Dc?"use-credentials"===Dc?Dc:"":void 0;var ia=e.headers,Ec;ia&&0<ia.remainingCapacity&&("high"===c.fetchPriority||500>ia.highImagePreloads.length)&&(Ec=Gc(N,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:fe,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ia.remainingCapacity-=
-Ec.length))?(e.resets.image[Ua]=E,ia.highImagePreloads&&(ia.highImagePreloads+=", "),ia.highImagePreloads+=Ec):(Fa=[],I(Fa,{rel:"preload",as:"image",href:K?void 0:N,imageSrcSet:K,imageSizes:ee,crossOrigin:fe,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Fa):(e.bulkPreloads.add(Fa),Cc.set(Ua,Fa)))}}return oc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return oc(a,
-c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var ge=rc(e.headChunks,c,"head")}else ge=rc(a,c,"head");return ge;case "html":if(0===f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[vc];var he=rc(e.htmlChunks,c,"html")}else he=rc(a,c,"html");return he;default:if(-1!==b.indexOf("-")){a.push(U(b));
-var Fc=null,ie=null,Va;for(Va in c)if(C.call(c,Va)){var Z=c[Va];if(null!=Z){var je=Va;switch(Va){case "children":Fc=Z;break;case "dangerouslySetInnerHTML":ie=Z;break;case "style":Xb(a,Z);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;case "className":je="class";default:if(Ha(Va)&&"function"!==typeof Z&&"symbol"!==typeof Z&&!1!==Z){if(!0===Z)Z="";else if("object"===typeof Z)continue;a.push(P,je,Q,D(Z),O)}}}}a.push(T);gc(a,ie,Fc);return Fc}}return rc(a,c,b)}
-var Hc=new Map;function qc(a){var b=Hc.get(a);void 0===b&&(b=A("</"+a+">"),Hc.set(a,b));return b}function Ic(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)v(a,b[c]);return c<b.length?(c=b[c],b.length=0,y(a,c)):!0}var Jc=A('<template id="'),Kc=A('"></template>'),Lc=A("\x3c!--$--\x3e"),Mc=A('\x3c!--$?--\x3e<template id="'),Nc=A('"></template>'),Oc=A("\x3c!--$!--\x3e"),Pc=A("\x3c!--/$--\x3e"),Qc=A("<template"),Rc=A('"'),Sc=A(' data-dgst="');A(' data-msg="');A(' data-stck="');var Tc=A("></template>");
-function Uc(a,b,c){v(a,Mc);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");v(a,b.boundaryPrefix);v(a,c.toString(16));return y(a,Nc)}
-var Vc=A('<div hidden id="'),Wc=A('">'),Xc=A("</div>"),Yc=A('<svg aria-hidden="true" style="display:none" id="'),Zc=A('">'),$c=A("</svg>"),ad=A('<math aria-hidden="true" style="display:none" id="'),bd=A('">'),cd=A("</math>"),dd=A('<table hidden id="'),ed=A('">'),fd=A("</table>"),gd=A('<table hidden><tbody id="'),hd=A('">'),id=A("</tbody></table>"),jd=A('<table hidden><tr id="'),kd=A('">'),ld=A("</tr></table>"),md=A('<table hidden><colgroup id="'),nd=A('">'),od=A("</colgroup></table>");
-function pd(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return v(a,Vc),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,Wc);case 3:return v(a,Yc),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,Zc);case 4:return v(a,ad),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,bd);case 5:return v(a,dd),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,ed);case 6:return v(a,gd),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,hd);case 7:return v(a,jd),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,kd);case 8:return v(a,
-md),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,nd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function qd(a,b){switch(b.insertionMode){case 0:case 1:case 2:return y(a,Xc);case 3:return y(a,$c);case 4:return y(a,cd);case 5:return y(a,fd);case 6:return y(a,id);case 7:return y(a,ld);case 8:return y(a,od);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
-var rd=A('$RS=function(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("'),sd=A('$RS("'),td=A('","'),ud=A('")\x3c/script>'),vd=A('<template data-rsi="" data-sid="'),wd=A('" data-pid="'),xd=A('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
-yd=A('$RC("'),zd=A('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-Ad=A('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-Bd=A('$RR("'),Cd=A('","'),Dd=A('",'),Ed=A('"'),Fd=A(")\x3c/script>"),Gd=A('<template data-rci="" data-bid="'),Hd=A('<template data-rri="" data-bid="'),Id=A('" data-sid="'),ke=A('" data-sty="'),le=A('$RX=function(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("'),me=A('$RX("'),ne=A('"'),oe=A(","),pe=A(")\x3c/script>"),qe=A('<template data-rxi="" data-bid="'),re=A('" data-dgst="'),
-se=A('" data-msg="'),te=A('" data-stck="'),ue=/[<\u2028\u2029]/g;function ve(a){return JSON.stringify(a).replace(ue,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var we=/[&><\u2028\u2029]/g;
-function xe(a){return JSON.stringify(a).replace(we,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
-var ye=A('<style media="not all" data-precedence="'),ze=A('" data-href="'),Ae=A('">'),Be=A("</style>"),Ce=!1,De=!0;function Ee(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){v(this,ye);v(this,a.precedence);for(v(this,ze);d<c.length-1;d++)v(this,c[d]),v(this,Fe);v(this,c[d]);v(this,Ae);for(d=0;d<b.length;d++)v(this,b[d]);De=y(this,Be);Ce=!0;b.length=0;c.length=0}}function Ge(a){return 2!==a.state?Ce=!0:!1}
-function He(a,b,c){Ce=!1;De=!0;b.styles.forEach(Ee,a);b.stylesheets.forEach(Ge);Ce&&(c.stylesToHoist=!0);return De}function Ie(a){for(var b=0;b<a.length;b++)v(this,a[b]);a.length=0}var Je=[];function Ke(a){I(Je,a.props);for(var b=0;b<Je.length;b++)v(this,Je[b]);Je.length=0;a.state=2}var Le=A('<style data-precedence="'),Me=A('" data-href="'),Fe=A(" "),Ne=A('">'),Oe=A("</style>");
-function Pe(a){var b=0<a.sheets.size;a.sheets.forEach(Ke,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){v(this,Le);v(this,a.precedence);a=0;if(d.length){for(v(this,Me);a<d.length-1;a++)v(this,d[a]),v(this,Fe);v(this,d[a])}v(this,Ne);for(a=0;a<c.length;a++)v(this,c[a]);v(this,Oe);c.length=0;d.length=0}}
-function Qe(a){if(0===a.state){a.state=1;var b=a.props;I(Je,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Je.length;a++)v(this,Je[a]);Je.length=0}}function Re(a){a.sheets.forEach(Qe,this);a.sheets.clear()}var Se=A("["),Te=A(",["),Ue=A(","),Ve=A("]");
-function We(a,b){v(a,Se);var c=Se;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,xe(""+d.props.href)),v(a,Ve),c=Te;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,xe(""+d.props.href));e=""+e;v(a,Ue);v(a,xe(e));for(var g in f)if(C.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!Ha(g))break a;h=""+h}v(e,Ue);v(e,xe(k));v(e,Ue);v(e,xe(h))}}}v(a,
-Ve);c=Te;d.state=3}});v(a,Ve)}
-function Xe(a,b){v(a,Se);var c=Se;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,D(JSON.stringify(""+d.props.href))),v(a,Ve),c=Te;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,D(JSON.stringify(""+d.props.href)));e=""+e;v(a,Ue);v(a,D(JSON.stringify(e)));for(var g in f)if(C.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
-a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!Ha(g))break a;h=""+h}v(e,Ue);v(e,D(JSON.stringify(k)));v(e,Ue);v(e,D(JSON.stringify(h)))}}}v(a,
-Ve);c=Te;d.state=3}});v(a,Ve)}function Xa(a){var b=Ye();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Ze,$e)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],I(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}af(b)}}}
-function Ya(a,b){var c=Ye();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Ze,$e)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(bf,cf);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],I(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}af(c)}}}
-function Za(a,b,c){var d=Ye();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=E;e=f.headers;var p;e&&0<e.remainingCapacity&&"high"===k&&(p=Gc(a,b,c),2<=(e.remainingCapacity-=p.length))?(f.resets.image[m]=E,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=p):(e=[],I(e,B({rel:"preload",href:g?void 0:
-a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];I(g,B({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-I(g,B({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=E;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=Gc(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=E,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
-a=B({rel:"preload",href:a,as:b},c),I(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}af(d)}}}
-function $a(a,b){var c=Ye();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?E:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=E}I(f,B({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);af(c)}}}
-function ab(a,b,c){var d=Ye();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:D(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:B({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&nc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),af(d))}}}
-function bb(a,b){var c=Ye();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=B({src:a,async:!0},b),f&&(2===f.length&&nc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Nb(a,b),af(c))}}}
-function cb(a,b){var c=Ye();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=B({src:a,type:"module",async:!0},b),f&&(2===f.length&&nc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Nb(a,b),af(c))}}}function nc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Gc(a,b,c){a=(""+a).replace(Ze,$e);b=(""+b).replace(bf,cf);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)C.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(bf,cf)+'"'));return b}var Ze=/[<>\r\n]/g;
-function $e(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var bf=/["';,\r\n]/g;
-function cf(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function df(a){this.styles.add(a)}function ef(a){this.stylesheets.add(a)}
-var ff=new ca.AsyncLocalStorage,gf=Symbol.for("react.element"),hf=Symbol.for("react.portal"),jf=Symbol.for("react.fragment"),kf=Symbol.for("react.strict_mode"),lf=Symbol.for("react.profiler"),mf=Symbol.for("react.provider"),nf=Symbol.for("react.context"),of=Symbol.for("react.server_context"),pf=Symbol.for("react.forward_ref"),qf=Symbol.for("react.suspense"),rf=Symbol.for("react.suspense_list"),sf=Symbol.for("react.memo"),tf=Symbol.for("react.lazy"),uf=Symbol.for("react.scope"),vf=Symbol.for("react.debug_trace_mode"),
-wf=Symbol.for("react.offscreen"),xf=Symbol.for("react.legacy_hidden"),yf=Symbol.for("react.cache"),zf=Symbol.for("react.default_value"),Af=Symbol.for("react.memo_cache_sentinel"),Bf=Symbol.for("react.postpone"),Cf=Symbol.iterator,Df=Symbol.for("react.client.reference");
-function Ef(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Df?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case jf:return"Fragment";case hf:return"Portal";case lf:return"Profiler";case kf:return"StrictMode";case qf:return"Suspense";case rf:return"SuspenseList";case yf:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case nf:return(a.displayName||"Context")+".Consumer";case mf:return(a._context.displayName||"Context")+".Provider";case pf:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case sf:return b=a.displayName||null,null!==b?b:Ef(a.type)||"Memo";case tf:b=a._payload;a=a._init;try{return Ef(a(b))}catch(c){break}case of:return(a.displayName||a._globalName)+".Provider"}return null}var Ff;function Gf(a){if(void 0===Ff)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Ff=b&&b[1]||""}return"\n"+Ff+a}var Hf=!1;
-function If(a,b){if(!a||Hf)return"";Hf=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var q=function(){throw Error();};Object.defineProperty(q.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(q,[])}catch(t){var r=t}Reflect.construct(a,[],q)}else{try{q.call()}catch(t){r=t}a.call(q.prototype)}}else{try{throw Error();}catch(t){r=t}(q=a())&&"function"===typeof q.catch&&
-q.catch(function(){})}}catch(t){if(t&&r&&"string"===typeof t.stack)return[t.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var p="\n"+k[d].replace(" at new "," at ");a.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",a.displayName));return p}while(1<=d&&0<=e)}break}}}finally{Hf=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Gf(c):""}
-var Jf={};function Kf(a,b){a=a.contextTypes;if(!a)return Jf;var c={},d;for(d in a)c[d]=b[d];return c}var Mf=null;function Nf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Nf(a,c)}b.context._currentValue=b.value}}
-function Of(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Of(a)}function Pf(a){var b=a.parent;null!==b&&Pf(b);a.context._currentValue=a.value}function Qf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Nf(a,b):Qf(a,b)}
-function Rf(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Nf(a,c):Rf(a,c);b.context._currentValue=b.value}function Sf(a){var b=Mf;b!==a&&(null===b?Pf(a):null===a?Of(b):b.depth===a.depth?Nf(b,a):b.depth>a.depth?Qf(b,a):Rf(b,a),Mf=a)}
-var Tf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Uf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Tf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:B({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Tf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=B({},f,h)):B(f,h))}a.state=f}else f.queue=null}
-var Vf={id:1,overflow:""};function Wf(a,b,c){var d=a.id;a=a.overflow;var e=32-Xf(d)-1;d&=~(1<<e);c+=1;var f=32-Xf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Xf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Xf=Math.clz32?Math.clz32:Yf,Zf=Math.log,$f=Math.LN2;function Yf(a){a>>>=0;return 0===a?32:31-(Zf(a)/$f|0)|0}var ag=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function bg(){}function cg(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(bg,bg),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}dg=b;throw ag;}}var dg=null;
-function eg(){if(null===dg)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=dg;dg=null;return a}function fg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var gg="function"===typeof Object.is?Object.is:fg,hg=null,ig=null,jg=null,kg=null,lg=null,V=null,mg=!1,ng=!1,og=0,pg=0,qg=-1,rg=0,sg=null,tg=null,ug=0;
-function vg(){if(null===hg)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return hg}
-function wg(){if(0<ug)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function xg(){null===V?null===lg?(mg=!1,lg=V=wg()):(mg=!0,V=lg):null===V.next?(mg=!1,V=V.next=wg()):(mg=!0,V=V.next);return V}function yg(a,b,c,d){for(;ng;)ng=!1,pg=og=0,qg=-1,rg=0,ug+=1,V=null,c=a(b,d);zg();return c}function Ag(){var a=sg;sg=null;return a}function zg(){kg=jg=ig=hg=null;ng=!1;lg=null;ug=0;V=tg=null}
-function Bg(a,b){return"function"===typeof b?b(a):b}function Cg(a,b,c){hg=vg();V=xg();if(mg){var d=V.queue;b=d.dispatch;if(null!==tg&&(c=tg.get(d),void 0!==c)){tg.delete(d);d=V.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);V.memoizedState=d;return[d,b]}return[V.memoizedState,b]}a=a===Bg?"function"===typeof b?b():b:void 0!==c?c(b):b;V.memoizedState=a;a=V.queue={last:null,dispatch:null};a=a.dispatch=Dg.bind(null,hg,a);return[V.memoizedState,a]}
-function Eg(a,b){hg=vg();V=xg();b=void 0===b?null:b;if(null!==V){var c=V.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!gg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();V.memoizedState=[a,b];return a}
-function Dg(a,b,c){if(25<=ug)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===hg)if(ng=!0,a={action:c,next:null},null===tg&&(tg=new Map),c=tg.get(b),void 0===c)tg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Fg(){throw Error("A function wrapped in useEffectEvent can't be called during rendering.");}function Gg(){throw Error("startTransition cannot be called during server rendering.");}
-function Hg(){throw Error("Cannot update optimistic state while rendering.");}function Ig(a,b,c){if(void 0!==a)return"p"+a;a=JSON.stringify([b,null,c]);b=ba.createHash("md5");b.update(a);return"k"+b.digest("hex")}function Jg(a){var b=rg;rg+=1;null===sg&&(sg=[]);return cg(sg,a,b)}function Kg(){throw Error("Cache cannot be refreshed during server rendering.");}function Lg(){}
-var Ng={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Jg(a);if(a.$$typeof===nf||a.$$typeof===of)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){vg();return a._currentValue},useMemo:Eg,useReducer:Cg,useRef:function(a){hg=vg();V=xg();var b=V.memoizedState;return null===b?(a={current:a},V.memoizedState=a):b},useState:function(a){return Cg(Bg,a)},
-useInsertionEffect:Lg,useLayoutEffect:Lg,useCallback:function(a,b){return Eg(function(){return a},b)},useImperativeHandle:Lg,useEffect:Lg,useDebugValue:Lg,useDeferredValue:function(a,b){vg();return void 0!==b?b:a},useTransition:function(){vg();return[!1,Gg]},useId:function(){var a=ig.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Xf(a)-1)).toString(32)+b;var c=Mg;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=og++;a=":"+c.idPrefix+
-"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Kg},useEffectEvent:function(){return Fg},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Af;return b},useHostTransitionStatus:function(){vg();return Pa},useOptimistic:function(a){vg();return[a,Hg]},useFormState:function(a,
-b,c){vg();var d=pg++,e=jg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=kg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=Ig(c,g,d),k===f&&(qg=d,b=e[0]))}var m=a.bind(null,b);a=function(q){m(q)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(q){q=m.$$FORM_ACTION(q);void 0!==c&&(c+="",q.action=c);var r=q.data;r&&(null===f&&(f=Ig(c,g,d)),r.append("$ACTION_KEY",f));return q});return[b,a]}var p=a.bind(null,b);return[b,
-function(q){p(q)}]}},Mg=null,Og={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},Pg=Oa.ReactCurrentDispatcher,Qg=Oa.ReactCurrentCache;function Rg(a){console.error(a);return null}function Sg(){}
-function Tg(a,b,c,d,e,f,g,h,k,m,p,q){Wa.current=db;var r=[],t=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:t,pingedTasks:r,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Rg:f,onPostpone:void 0===p?Sg:p,onAllReady:void 0===g?
-Sg:g,onShellReady:void 0===h?Sg:h,onShellError:void 0===k?Sg:k,onFatalError:void 0===m?Sg:m,formState:void 0===q?null:q};c=Ug(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Vg(b,null,a,-1,null,c,t,null,d,Jf,null,Vf,null);r.push(a);return b}function Wg(a,b,c,d,e,f,g,h,k,m,p){a=Tg(a,b,c,d,e,f,g,h,k,m,p,void 0);a.trackedPostpones={workingMap:new Map,rootNodes:[],rootSlots:null};return a}var Xg=null;function Ye(){if(Xg)return Xg;var a=ff.getStore();return a?a:null}
-function Yg(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return Zg(a)}))}function $g(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Vg(a,b,c,d,e,f,g,h,k,m,p,q,r){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var t={replay:null,node:c,childIndex:d,ping:function(){return Yg(a,t)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:m,context:p,treeContext:q,componentStack:r,thenableState:b};g.add(t);return t}
-function ah(a,b,c,d,e,f,g,h,k,m,p,q,r){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var t={replay:c,node:d,childIndex:e,ping:function(){return Yg(a,t)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:m,context:p,treeContext:q,componentStack:r,thenableState:b};g.add(t);return t}
-function Ug(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function bh(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function ch(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Gf(b.type,null,null);break;case 1:a+=If(b.type,!1);break;case 2:a+=If(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function dh(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function eh(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function fh(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((Ef(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=B({},c,d)}b.legacyContext=e;X(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,X(a,b,null,f,-1),b.keyPath=e}
-function gh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push(kc):k.push(lc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Wf(c,1,0),hh(a,b,d,-1),b.treeContext=c):h?hh(a,b,d,-1):X(a,b,null,d,-1);b.keyPath=f}function ih(a,b){if(a&&a.defaultProps){b=B({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function jh(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=Kf(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue:g);Uf(h,e,f,g);fh(a,b,c,h,e);b.componentStack=d}else{g=Kf(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};hg={};ig=b;jg=a;kg=c;pg=og=0;qg=-1;rg=0;sg=d;d=e(f,g);d=yg(e,f,d,g);var k=0!==
-og,m=pg,p=qg;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Uf(d,e,f,g),fh(a,b,c,d,e)):gh(a,b,c,d,k,m,p);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=bh(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=Qb(h,e,f),b.keyPath=c,hh(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=wc(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-m=b.keyPath;b.formatContext=Qb(h,e,f);b.keyPath=c;hh(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(qc(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case xf:case vf:case kf:case lf:case jf:e=b.keyPath;b.keyPath=c;X(a,b,null,f.children,-1);b.keyPath=e;return;case wf:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,X(a,b,null,f.children,-1),b.keyPath=e);return;case rf:e=b.componentStack;b.componentStack=bh(b,"SuspenseList");d=b.keyPath;b.keyPath=c;X(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case uf:throw Error("ReactDOMServer does not yet support scope components.");case qf:a:if(null!==b.replay){e=
-b.keyPath;b.keyPath=c;c=f.children;try{hh(a,b,c,-1)}finally{b.keyPath=e}}else{var q=b.componentStack;e=b.componentStack=bh(b,"Suspense");var r=b.keyPath;d=b.blockedBoundary;var t=b.blockedSegment;g=f.fallback;var H=f.children;f=new Set;m=$g(a,f);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);p=Ug(a,t.chunks.length,m,b.formatContext,!1,!1);t.children.push(p);t.lastPushedText=!1;var F=Ug(a,0,null,b.formatContext,!1,!1);F.parentFlushed=!0;b.blockedBoundary=m;b.blockedSegment=F;a.renderState.boundaryResources=
-m.resources;b.keyPath=c;try{if(hh(a,b,H,-1),F.lastPushedText&&F.textEmbedded&&F.chunks.push(Rb),F.status=1,kh(m,F),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=q;break a}}catch(u){F.status=4,m.status=4,h=ch(a,b.componentStack),"object"===typeof u&&null!==u&&u.$$typeof===Bf?(a.onPostpone(u.message,h),k="POSTPONE"):k=dh(a,u,h),m.errorDigest=k,lh(a,m)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=t,b.keyPath=r,b.componentStack=q}h=[c[0],
-"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(q=[h[1],h[2],[],null],k.workingMap.set(h,q),5===m.status?k.workingMap.get(c)[4]=q:m.trackedFallbackNode=q);b=Vg(a,null,g,-1,d,p,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case pf:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;hg={};ig=b;jg=a;kg=c;pg=og=0;qg=-1;rg=0;sg=d;d=e(f,g);f=yg(e,f,d,g);gh(a,
-b,c,f,0!==og,pg,qg);b.componentStack=h;return;case sf:e=e.type;f=ih(e,f);jh(a,b,c,d,e,f,g);return;case mf:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue;e._currentValue=f;k=Mf;Mf=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;X(a,b,null,g,-1);a=Mf;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===zf?a.context._defaultValue:c;a=Mf=a.parent;
-b.context=a;b.keyPath=d;return;case nf:f=f.children;f=f(e._currentValue);e=b.keyPath;b.keyPath=c;X(a,b,null,f,-1);b.keyPath=e;return;case tf:g=b.componentStack;b.componentStack=bh(b,"Lazy");h=e._init;e=h(e._payload);f=ih(e,f);jh(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==e?e:typeof e)+"."));}}
-function mh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Ug(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,hh(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(kh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function X(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)mh(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case gf:var f=d.type,g=d.key,h=d.props,k=d.ref,m=Ef(f),p=null==g?-1===e?0:e:g;g=[b.keyPath,m,p];if(null!==b.replay)a:{var q=b.replay;e=q.nodes;for(d=0;d<e.length;d++){var r=e[d];if(p===r[1]){if(4===r.length){if(null!==m&&m!==r[0])throw Error("Expected the resume to render <"+r[0]+"> in this slot but instead it rendered <"+
-m+">. The tree doesn't match so React will fallback to client rendering.");var t=r[2];m=r[3];r=b.node;b.replay={nodes:t,slots:m,pendingTasks:1};try{jh(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(w){if("object"===typeof w&&null!==w&&(w===ag||"function"===typeof w.then))throw b.node===r&&(b.replay=q),
-w;b.replay.pendingTasks--;h=ch(a,b.componentStack);nh(a,b.blockedBoundary,w,h,t,m)}b.replay=q}else{if(f!==qf)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(Ef(f)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{c=void 0;f=r[5];k=r[2];q=r[3];m=null===r[4]?[]:r[4][2];r=null===r[4]?null:r[4][3];p=b.componentStack;var H=b.componentStack=bh(b,"Suspense"),F=b.keyPath,u=b.replay,z=b.blockedBoundary,ea=h.children;h=h.fallback;
-var W=new Set,x=$g(a,W);x.parentFlushed=!0;x.rootSegmentID=f;b.blockedBoundary=x;b.replay={nodes:k,slots:q,pendingTasks:1};a.renderState.boundaryResources=x.resources;try{hh(a,b,ea,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===x.pendingTasks&&0===x.status){x.status=1;a.completedBoundaries.push(x);break b}}catch(w){x.status=
-4,t=ch(a,b.componentStack),"object"===typeof w&&null!==w&&w.$$typeof===Bf?(a.onPostpone(w.message,t),c="POSTPONE"):c=dh(a,w,t),x.errorDigest=c,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(x)}finally{a.renderState.boundaryResources=z?z.resources:null,b.blockedBoundary=z,b.replay=u,b.keyPath=F,b.componentStack=p}h=ah(a,null,{nodes:m,slots:r,pendingTasks:0},h,-1,z,W,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,H);a.pingedTasks.push(h)}}e.splice(d,
-1);break a}}}else jh(a,b,g,c,f,h,k);return;case hf:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");case tf:h=b.componentStack;b.componentStack=bh(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;X(a,b,null,d,e);return}if(Na(d)){oh(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=Cf&&d[Cf]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];
-do g.push(d.value),d=h.next();while(!d.done);oh(a,b,g,e)}return}if("function"===typeof d.then)return X(a,b,null,Jg(d),e);if(d.$$typeof===nf||d.$$typeof===of)return X(a,b,null,d._currentValue,e);e=Object.prototype.toString.call(d);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=
-Sb(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Sb(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function oh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{oh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(p){if("object"===typeof p&&
-null!==p&&(p===ag||"function"===typeof p.then))throw p;b.replay.pendingTasks--;c=ch(a,b.componentStack);nh(a,b.blockedBoundary,p,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=Wf(f,g,d);var m=h[d];"number"===typeof m?(mh(a,b,m,k,d),delete h[d]):hh(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Wf(f,g,h),hh(a,b,d,h);b.treeContext=
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Bb=/["'&<>]/;
+function C(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Bb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var Cb=/([A-Z])/g,Db=/^ms-/,Eb=ha.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Fb={pending:!1,data:null,method:null,action:null},Gb=ka.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Zb={prefetchDNS:Hb,preconnect:Tb,preload:Ub,preloadModule:Vb,preinitStyle:Wb,preinitScript:Xb,preinitModuleScript:Yb},E=[],$b=z('"></template>'),ac=z("<script>"),bc=z("\x3c/script>"),cc=z('<script src="'),dc=z('<script type="module" src="'),ec=z('" nonce="'),fc=z('" integrity="'),gc=z('" crossorigin="'),
+hc=z('" async="">\x3c/script>'),ic=/(<\/|<)(s)(cript)/gi;function jc(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var kc=z('<script type="importmap">'),lc=z("\x3c/script>");
+function mc(a,b,c,d,e,f){var g=void 0===b?ac:z('<script nonce="'+C(b)+'">'),h=a.idPrefix,k=[],m=null,q=a.bootstrapScriptContent,n=a.bootstrapScripts,r=a.bootstrapModules;void 0!==q&&k.push(g,(""+q).replace(ic,jc),bc);void 0!==c&&("string"===typeof c?(m={src:c,chunks:[]},nc(m.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(m={src:c.src,chunks:[]},nc(m.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(kc),c.push((""+JSON.stringify(d)).replace(ic,jc)),c.push(lc));
+d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:z(h+"P:"),segmentPrefix:z(h+"S:"),boundaryPrefix:z(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:m,bootstrapChunks:k,importMapChunks:c,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:new Set,fontPreloads:new Set,
+highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,hoistableState:null,stylesToHoist:!1};if(void 0!==n)for(g=0;g<n.length;g++)c=n[g],d=m=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=m="string"===typeof c||null==c.crossOrigin?
+void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,q=h,c.scriptResources[q]=null,c.moduleScriptResources[q]=null,c=[],J(c,f),e.bootstrapScripts.add(c),k.push(cc,C(h)),b&&k.push(ec,C(b)),"string"===typeof d&&k.push(fc,C(d)),"string"===typeof m&&k.push(gc,C(m)),k.push(hc);if(void 0!==r)for(n=0;n<r.length;n++)f=r[n],m=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=m="string"===typeof f.integrity?f.integrity:void 0,
+d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],J(f,d),e.bootstrapScripts.add(f),k.push(dc,C(g)),b&&k.push(ec,C(b)),"string"===typeof m&&k.push(fc,C(m)),"string"===typeof h&&k.push(gc,C(h)),k.push(hc);return e}
+function oc(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function N(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function pc(a){return N("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
+function qc(a,b,c){switch(b){case "noscript":return N(2,null,a.tagScope|1);case "select":return N(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return N(3,null,a.tagScope);case "picture":return N(2,null,a.tagScope|2);case "math":return N(4,null,a.tagScope);case "foreignObject":return N(2,null,a.tagScope);case "table":return N(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return N(6,null,a.tagScope);case "colgroup":return N(8,null,a.tagScope);case "tr":return N(7,null,a.tagScope)}return 5<=
+a.insertionMode?N(2,null,a.tagScope):0===a.insertionMode?"html"===b?N(1,null,a.tagScope):N(2,null,a.tagScope):1===a.insertionMode?N(2,null,a.tagScope):a}var rc=z("\x3c!-- --\x3e");function sc(a,b,c,d){if(""===b)return d;d&&a.push(rc);a.push(C(b));return!0}var tc=new Map,uc=z(' style="'),vc=z(":"),wc=z(";");
+function xc(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(B.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=C(d);e=C((""+e).trim())}else f=tc.get(d),void 0===f&&(f=z(C(d.replace(Cb,"-$1").toLowerCase().replace(Db,"-ms-"))),tc.set(d,f)),e="number"===typeof e?0===e||zb.has(d)?""+e:e+"px":
+C((""+e).trim());c?(c=!1,a.push(uc,f,vc,e)):a.push(wc,f,vc,e)}}c||a.push(O)}var S=z(" "),yc=z('="'),O=z('"'),zc=z('=""');function Ac(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(S,b,zc)}function T(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(S,b,yc,C(c),O)}function Bc(a){var b=a.nextFormID++;return a.idPrefix+b}var Rc=z(C("javascript:throw new Error('React form unexpectedly submitted.')")),Sc=z('<input type="hidden"');
+function Tc(a,b){this.push(Sc);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");T(this,"name",b);T(this,"value",a);this.push(Uc)}
+function Vc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Bc(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(S,"formAction",yc,Rc,O),g=f=e=d=h=null,Wc(b,c)));null!=h&&U(a,"name",h);null!=d&&U(a,"formAction",d);null!=e&&U(a,"formEncType",e);null!=f&&U(a,"formMethod",f);null!=g&&U(a,"formTarget",g);return k}
+function U(a,b,c){switch(b){case "className":T(a,"class",c);break;case "tabIndex":T(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":T(a,b,c);break;case "style":xc(a,c);break;case "src":case "href":if(""===c)break;case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(S,b,yc,C(""+c),O);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":Ac(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(S,"xlink:href",yc,C(""+c),O);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(S,b,yc,C(c),O);break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(S,b,zc);break;case "capture":case "download":!0===c?a.push(S,b,zc):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(S,b,yc,C(c),O);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(S,b,yc,C(c),O);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(S,b,yc,C(c),O);break;case "xlinkActuate":T(a,"xlink:actuate",c);break;case "xlinkArcrole":T(a,
+"xlink:arcrole",c);break;case "xlinkRole":T(a,"xlink:role",c);break;case "xlinkShow":T(a,"xlink:show",c);break;case "xlinkTitle":T(a,"xlink:title",c);break;case "xlinkType":T(a,"xlink:type",c);break;case "xmlBase":T(a,"xml:base",c);break;case "xmlLang":T(a,"xml:lang",c);break;case "xmlSpace":T(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ab.get(b)||b,yb(b)){switch(typeof c){case "function":case "symbol":return;case "boolean":var d=b.toLowerCase().slice(0,
+5);if("data-"!==d&&"aria-"!==d)return}a.push(S,b,yc,C(c),O)}}}var V=z(">"),Uc=z("/>");function Xc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
+function Yc(a){var b="";ha.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var Zc=z(' selected=""'),$c=z('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});');
+function Wc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,$c,bc))}var ad=z("\x3c!--F!--\x3e"),bd=z("\x3c!--F--\x3e");function J(a,b){a.push(W("link"));for(var c in b)if(B.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:U(a,c,d)}}a.push(Uc);return null}
+function cd(a,b,c){a.push(W(c));for(var d in b)if(B.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:U(a,d,e)}}a.push(Uc);return null}
+function dd(a,b){a.push(W("title"));var c=null,d=null,e;for(e in b)if(B.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:U(a,e,f)}}a.push(V);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(C(""+b));Xc(a,d,c);a.push(ed("title"));return null}
+function nc(a,b){a.push(W("script"));var c=null,d=null,e;for(e in b)if(B.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:U(a,e,f)}}a.push(V);Xc(a,d,c);"string"===typeof c&&a.push(C(c));a.push(ed("script"));return null}
+function fd(a,b,c){a.push(W(c));var d=c=null,e;for(e in b)if(B.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:U(a,e,f)}}a.push(V);Xc(a,d,c);return"string"===typeof c?(a.push(C(c)),null):c}var gd=z("\n"),hd=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,id=new Map;function W(a){var b=id.get(a);if(void 0===b){if(!hd.test(a))throw Error("Invalid tag: "+a);b=z("<"+a);id.set(a,b)}return b}var jd=z("<!DOCTYPE html>");
+function kd(a,b,c,d,e,f,g,h,k){switch(b){case "div":case "span":case "svg":case "path":break;case "a":a.push(W("a"));var m=null,q=null,n;for(n in c)if(B.call(c,n)){var r=c[n];if(null!=r)switch(n){case "children":m=r;break;case "dangerouslySetInnerHTML":q=r;break;case "href":""===r?T(a,"href",""):U(a,n,r);break;default:U(a,n,r)}}a.push(V);Xc(a,q,m);if("string"===typeof m){a.push(C(m));var v=null}else v=m;return v;case "g":case "p":case "li":break;case "select":a.push(W("select"));var F=null,w=null,
+t;for(t in c)if(B.call(c,t)){var H=c[t];if(null!=H)switch(t){case "children":F=H;break;case "dangerouslySetInnerHTML":w=H;break;case "defaultValue":case "value":break;default:U(a,t,H)}}a.push(V);Xc(a,w,F);return F;case "option":var D=g.selectedValue;a.push(W("option"));var K=null,P=null,y=null,G=null,Q;for(Q in c)if(B.call(c,Q)){var I=c[Q];if(null!=I)switch(Q){case "children":K=I;break;case "selected":y=I;break;case "dangerouslySetInnerHTML":G=I;break;case "value":P=I;default:U(a,Q,I)}}if(null!=D){var Ba=
+null!==P?""+P:Yc(K);if($a(D))for(var na=0;na<D.length;na++){if(""+D[na]===Ba){a.push(Zc);break}}else""+D===Ba&&a.push(Zc)}else y&&a.push(Zc);a.push(V);Xc(a,G,K);return K;case "textarea":a.push(W("textarea"));var L=null,ua=null,ca=null,oa;for(oa in c)if(B.call(c,oa)){var ia=c[oa];if(null!=ia)switch(oa){case "children":ca=ia;break;case "value":L=ia;break;case "defaultValue":ua=ia;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:U(a,
+oa,ia)}}null===L&&null!==ua&&(L=ua);a.push(V);if(null!=ca){if(null!=L)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if($a(ca)){if(1<ca.length)throw Error("<textarea> can only have at most one child.");L=""+ca[0]}L=""+ca}"string"===typeof L&&"\n"===L[0]&&a.push(gd);null!==L&&a.push(C(""+L));return null;case "input":a.push(W("input"));var cb=null,Ca=null,be=null,ce=null,de=null,Cc=null,Dc=null,Ec=null,Fc=null,db;for(db in c)if(B.call(c,db)){var da=c[db];if(null!=
+da)switch(db){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":cb=da;break;case "formAction":Ca=da;break;case "formEncType":be=da;break;case "formMethod":ce=da;break;case "formTarget":de=da;break;case "defaultChecked":Fc=da;break;case "defaultValue":Dc=da;break;case "checked":Ec=da;break;case "value":Cc=da;break;default:U(a,db,da)}}var ee=Vc(a,d,e,Ca,be,ce,de,cb);null!==Ec?Ac(a,
+"checked",Ec):null!==Fc&&Ac(a,"checked",Fc);null!==Cc?U(a,"value",Cc):null!==Dc&&U(a,"value",Dc);a.push(Uc);null!==ee&&ee.forEach(Tc,a);return null;case "button":a.push(W("button"));var eb=null,fe=null,ge=null,he=null,ie=null,je=null,ke=null,fb;for(fb in c)if(B.call(c,fb)){var pa=c[fb];if(null!=pa)switch(fb){case "children":eb=pa;break;case "dangerouslySetInnerHTML":fe=pa;break;case "name":ge=pa;break;case "formAction":he=pa;break;case "formEncType":ie=pa;break;case "formMethod":je=pa;break;case "formTarget":ke=
+pa;break;default:U(a,fb,pa)}}var le=Vc(a,d,e,he,ie,je,ke,ge);a.push(V);null!==le&&le.forEach(Tc,a);Xc(a,fe,eb);if("string"===typeof eb){a.push(C(eb));var me=null}else me=eb;return me;case "form":a.push(W("form"));var gb=null,ne=null,va=null,hb=null,ib=null,jb=null,kb;for(kb in c)if(B.call(c,kb)){var wa=c[kb];if(null!=wa)switch(kb){case "children":gb=wa;break;case "dangerouslySetInnerHTML":ne=wa;break;case "action":va=wa;break;case "encType":hb=wa;break;case "method":ib=wa;break;case "target":jb=wa;
+break;default:U(a,kb,wa)}}var Gc=null,Hc=null;if("function"===typeof va)if("function"===typeof va.$$FORM_ACTION){var hg=Bc(d),Qa=va.$$FORM_ACTION(hg);va=Qa.action||"";hb=Qa.encType;ib=Qa.method;jb=Qa.target;Gc=Qa.data;Hc=Qa.name}else a.push(S,"action",yc,Rc,O),jb=ib=hb=va=null,Wc(d,e);null!=va&&U(a,"action",va);null!=hb&&U(a,"encType",hb);null!=ib&&U(a,"method",ib);null!=jb&&U(a,"target",jb);a.push(V);null!==Hc&&(a.push(Sc),T(a,"name",Hc),a.push(Uc),null!==Gc&&Gc.forEach(Tc,a));Xc(a,ne,gb);if("string"===
+typeof gb){a.push(C(gb));var oe=null}else oe=gb;return oe;case "menuitem":a.push(W("menuitem"));for(var Ib in c)if(B.call(c,Ib)){var pe=c[Ib];if(null!=pe)switch(Ib){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:U(a,Ib,pe)}}a.push(V);return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Ic=dd(a,c);else k?Ic=null:(dd(e.hoistableChunks,c),Ic=void 0);return Ic;case "link":var ig=c.rel,
+xa=c.href,Jb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof ig||"string"!==typeof xa||""===xa){J(a,c);var lb=null}else if("stylesheet"===c.rel)if("string"!==typeof Jb||null!=c.disabled||c.onLoad||c.onError)lb=J(a,c);else{var Ra=e.styles.get(Jb),Kb=d.styleResources.hasOwnProperty(xa)?d.styleResources[xa]:void 0;if(null!==Kb){d.styleResources[xa]=null;Ra||(Ra={precedence:C(Jb),rules:[],hrefs:[],sheets:new Map},e.styles.set(Jb,Ra));var Lb={state:0,props:A({},c,
+{"data-precedence":c.precedence,precedence:null})};if(Kb){2===Kb.length&&ld(Lb.props,Kb);var Jc=e.preloads.stylesheets.get(xa);Jc&&0<Jc.length?Jc.length=0:Lb.state=1}Ra.sheets.set(xa,Lb);f&&f.stylesheets.add(Lb)}else if(Ra){var qe=Ra.sheets.get(xa);qe&&f&&f.stylesheets.add(qe)}h&&a.push(rc);lb=null}else c.onLoad||c.onError?lb=J(a,c):(h&&a.push(rc),lb=k?null:J(e.hoistableChunks,c));return lb;case "script":var Kc=c.async;if("string"!==typeof c.src||!c.src||!Kc||"function"===typeof Kc||"symbol"===typeof Kc||
+c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var re=nc(a,c);else{var Mb=c.src;if("module"===c.type){var Nb=d.moduleScriptResources;var se=e.preloads.moduleScripts}else Nb=d.scriptResources,se=e.preloads.scripts;var Ob=Nb.hasOwnProperty(Mb)?Nb[Mb]:void 0;if(null!==Ob){Nb[Mb]=null;var Lc=c;if(Ob){2===Ob.length&&(Lc=A({},c),ld(Lc,Ob));var te=se.get(Mb);te&&(te.length=0)}var ue=[];e.scripts.add(ue);nc(ue,Lc)}h&&a.push(rc);re=null}return re;case "style":var Pb=c.precedence,
+Da=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Pb||"string"!==typeof Da||""===Da){a.push(W("style"));var Sa=null,ve=null,nb;for(nb in c)if(B.call(c,nb)){var Qb=c[nb];if(null!=Qb)switch(nb){case "children":Sa=Qb;break;case "dangerouslySetInnerHTML":ve=Qb;break;default:U(a,nb,Qb)}}a.push(V);var ob=Array.isArray(Sa)?2>Sa.length?Sa[0]:null:Sa;"function"!==typeof ob&&"symbol"!==typeof ob&&null!==ob&&void 0!==ob&&a.push(C(""+ob));Xc(a,ve,Sa);a.push(ed("style"));var we=
+null}else{var Ea=e.styles.get(Pb);if(null!==(d.styleResources.hasOwnProperty(Da)?d.styleResources[Da]:void 0)){d.styleResources[Da]=null;Ea?Ea.hrefs.push(C(Da)):(Ea={precedence:C(Pb),rules:[],hrefs:[C(Da)],sheets:new Map},e.styles.set(Pb,Ea));var xe=Ea.rules,Ta=null,ye=null,Rb;for(Rb in c)if(B.call(c,Rb)){var Mc=c[Rb];if(null!=Mc)switch(Rb){case "children":Ta=Mc;break;case "dangerouslySetInnerHTML":ye=Mc}}var pb=Array.isArray(Ta)?2>Ta.length?Ta[0]:null:Ta;"function"!==typeof pb&&"symbol"!==typeof pb&&
+null!==pb&&void 0!==pb&&xe.push(C(""+pb));Xc(xe,ye,Ta)}Ea&&f&&f.styles.add(Ea);h&&a.push(rc);we=void 0}return we;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var ze=cd(a,c,"meta");else h&&a.push(rc),ze=k?null:"string"===typeof c.charSet?cd(e.charsetChunks,c,"meta"):"viewport"===c.name?cd(e.viewportChunks,c,"meta"):cd(e.hoistableChunks,c,"meta");return ze;case "listing":case "pre":a.push(W(b));var qb=null,rb=null,sb;for(sb in c)if(B.call(c,sb)){var Sb=c[sb];if(null!=Sb)switch(sb){case "children":qb=
+Sb;break;case "dangerouslySetInnerHTML":rb=Sb;break;default:U(a,sb,Sb)}}a.push(V);if(null!=rb){if(null!=qb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof rb||!("__html"in rb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var Fa=rb.__html;null!==Fa&&void 0!==Fa&&("string"===typeof Fa&&0<Fa.length&&"\n"===Fa[0]?a.push(gd,
+Fa):a.push(""+Fa))}"string"===typeof qb&&"\n"===qb[0]&&a.push(gd);return qb;case "img":var R=c.src,M=c.srcSet;if(!("lazy"===c.loading||!R&&!M||"string"!==typeof R&&null!=R||"string"!==typeof M&&null!=M)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof R||":"!==R[4]||"d"!==R[0]&&"D"!==R[0]||"a"!==R[1]&&"A"!==R[1]||"t"!==R[2]&&"T"!==R[2]||"a"!==R[3]&&"A"!==R[3])&&("string"!==typeof M||":"!==M[4]||"d"!==M[0]&&"D"!==M[0]||"a"!==M[1]&&"A"!==M[1]||"t"!==M[2]&&"T"!==M[2]||"a"!==M[3]&&
+"A"!==M[3])){var Ae="string"===typeof c.sizes?c.sizes:void 0,Ua=M?M+"\n"+(Ae||""):R,Nc=e.preloads.images,Ga=Nc.get(Ua);if(Ga){if("high"===c.fetchPriority||10>e.highImagePreloads.size)Nc.delete(Ua),e.highImagePreloads.add(Ga)}else if(!d.imageResources.hasOwnProperty(Ua)){d.imageResources[Ua]=E;var Oc=c.crossOrigin;var Be="string"===typeof Oc?"use-credentials"===Oc?Oc:"":void 0;var ja=e.headers,Pc;ja&&0<ja.remainingCapacity&&("high"===c.fetchPriority||500>ja.highImagePreloads.length)&&(Pc=md(R,"image",
+{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Be,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ja.remainingCapacity-=Pc.length))?(e.resets.image[Ua]=E,ja.highImagePreloads&&(ja.highImagePreloads+=", "),ja.highImagePreloads+=Pc):(Ga=[],J(Ga,{rel:"preload",as:"image",href:M?void 0:R,imageSrcSet:M,imageSizes:Ae,crossOrigin:Be,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===
+c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ga):(e.bulkPreloads.add(Ga),Nc.set(Ua,Ga)))}}return cd(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return cd(a,c,b);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":break;case "head":if(2>g.insertionMode&&null===
+e.headChunks){e.headChunks=[];var Ce=fd(e.headChunks,c,"head")}else Ce=fd(a,c,"head");return Ce;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[jd];var De=fd(e.htmlChunks,c,"html")}else De=fd(a,c,"html");return De;default:if(-1!==b.indexOf("-")){a.push(W(b));var Qc=null,Ee=null,Va;for(Va in c)if(B.call(c,Va)){var ea=c[Va];if(null!=ea){var Fe=Va;switch(Va){case "children":Qc=ea;break;case "dangerouslySetInnerHTML":Ee=ea;break;case "style":xc(a,ea);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "className":Fe="class";default:if(yb(Va)&&"function"!==typeof ea&&"symbol"!==typeof ea&&!1!==ea){if(!0===ea)ea="";else if("object"===typeof ea)continue;a.push(S,Fe,yc,C(ea),O)}}}}a.push(V);Xc(a,Ee,Qc);return Qc}}return fd(a,c,b)}var nd=new Map;function ed(a){var b=nd.get(a);void 0===b&&(b=z("</"+a+">"),nd.set(a,b));return b}function od(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)u(a,b[c]);return c<b.length?(c=b[c],b.length=0,x(a,c)):!0}
+var pd=z('<template id="'),qd=z('"></template>'),rd=z("\x3c!--$--\x3e"),sd=z('\x3c!--$?--\x3e<template id="'),td=z('"></template>'),ud=z("\x3c!--$!--\x3e"),vd=z("\x3c!--/$--\x3e"),wd=z("<template"),xd=z('"'),yd=z(' data-dgst="');z(' data-msg="');z(' data-stck="');var zd=z("></template>");function Ad(a,b,c){u(a,sd);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");u(a,b.boundaryPrefix);u(a,c.toString(16));return x(a,td)}
+var Bd=z('<div hidden id="'),Cd=z('">'),Dd=z("</div>"),Ed=z('<svg aria-hidden="true" style="display:none" id="'),Fd=z('">'),Gd=z("</svg>"),Hd=z('<math aria-hidden="true" style="display:none" id="'),Id=z('">'),Jd=z("</math>"),Kd=z('<table hidden id="'),Ld=z('">'),Md=z("</table>"),Nd=z('<table hidden><tbody id="'),Od=z('">'),Pd=z("</tbody></table>"),Qd=z('<table hidden><tr id="'),Rd=z('">'),Sd=z("</tr></table>"),Td=z('<table hidden><colgroup id="'),Ud=z('">'),Vd=z("</colgroup></table>");
+function Wd(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return u(a,Bd),u(a,b.segmentPrefix),u(a,d.toString(16)),x(a,Cd);case 3:return u(a,Ed),u(a,b.segmentPrefix),u(a,d.toString(16)),x(a,Fd);case 4:return u(a,Hd),u(a,b.segmentPrefix),u(a,d.toString(16)),x(a,Id);case 5:return u(a,Kd),u(a,b.segmentPrefix),u(a,d.toString(16)),x(a,Ld);case 6:return u(a,Nd),u(a,b.segmentPrefix),u(a,d.toString(16)),x(a,Od);case 7:return u(a,Qd),u(a,b.segmentPrefix),u(a,d.toString(16)),x(a,Rd);case 8:return u(a,
+Td),u(a,b.segmentPrefix),u(a,d.toString(16)),x(a,Ud);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function Xd(a,b){switch(b.insertionMode){case 0:case 1:case 2:return x(a,Dd);case 3:return x(a,Gd);case 4:return x(a,Jd);case 5:return x(a,Md);case 6:return x(a,Pd);case 7:return x(a,Sd);case 8:return x(a,Vd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
+var Yd=z('$RS=function(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("'),Zd=z('$RS("'),$d=z('","'),ae=z('")\x3c/script>'),Ge=z('<template data-rsi="" data-sid="'),He=z('" data-pid="'),Ie=z('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
+Je=z('$RC("'),Ke=z('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Le=z('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Me=z('$RR("'),Ne=z('","'),Oe=z('",'),Pe=z('"'),Qe=z(")\x3c/script>"),Re=z('<template data-rci="" data-bid="'),Se=z('<template data-rri="" data-bid="'),Te=z('" data-sid="'),Ue=z('" data-sty="'),Ve=z('$RX=function(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("'),We=z('$RX("'),Xe=z('"'),Ye=z(","),Ze=z(")\x3c/script>"),$e=z('<template data-rxi="" data-bid="'),af=z('" data-dgst="'),
+bf=z('" data-msg="'),cf=z('" data-stck="'),df=/[<\u2028\u2029]/g;function ef(a){return JSON.stringify(a).replace(df,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var ff=/[&><\u2028\u2029]/g;
+function gf(a){return JSON.stringify(a).replace(ff,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
+var hf=z('<style media="not all" data-precedence="'),jf=z('" data-href="'),kf=z('">'),lf=z("</style>"),mf=!1,nf=!0;function of(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){u(this,hf);u(this,a.precedence);for(u(this,jf);d<c.length-1;d++)u(this,c[d]),u(this,pf);u(this,c[d]);u(this,kf);for(d=0;d<b.length;d++)u(this,b[d]);nf=x(this,lf);mf=!0;b.length=0;c.length=0}}function qf(a){return 2!==a.state?mf=!0:!1}
+function rf(a,b,c){mf=!1;nf=!0;b.styles.forEach(of,a);b.stylesheets.forEach(qf);mf&&(c.stylesToHoist=!0);return nf}function sf(a){for(var b=0;b<a.length;b++)u(this,a[b]);a.length=0}var tf=[];function uf(a){J(tf,a.props);for(var b=0;b<tf.length;b++)u(this,tf[b]);tf.length=0;a.state=2}var vf=z('<style data-precedence="'),wf=z('" data-href="'),pf=z(" "),xf=z('">'),yf=z("</style>");
+function zf(a){var b=0<a.sheets.size;a.sheets.forEach(uf,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){u(this,vf);u(this,a.precedence);a=0;if(d.length){for(u(this,wf);a<d.length-1;a++)u(this,d[a]),u(this,pf);u(this,d[a])}u(this,xf);for(a=0;a<c.length;a++)u(this,c[a]);u(this,yf);c.length=0;d.length=0}}
+function Af(a){if(0===a.state){a.state=1;var b=a.props;J(tf,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<tf.length;a++)u(this,tf[a]);tf.length=0}}function Bf(a){a.sheets.forEach(Af,this);a.sheets.clear()}var Cf=z("["),Df=z(",["),Ef=z(","),Ff=z("]");
+function Gf(a,b){u(a,Cf);var c=Cf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,gf(""+d.props.href)),u(a,Ff),c=Df;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,gf(""+d.props.href));e=""+e;u(a,Ef);u(a,gf(e));for(var g in f)if(B.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!yb(g))break a;h=""+h}u(e,Ef);u(e,gf(k));u(e,Ef);u(e,gf(h))}}}u(a,
+Ff);c=Df;d.state=3}});u(a,Ff)}
+function Hf(a,b){u(a,Cf);var c=Cf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,C(JSON.stringify(""+d.props.href))),u(a,Ff),c=Df;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,C(JSON.stringify(""+d.props.href)));e=""+e;u(a,Ef);u(a,C(JSON.stringify(e)));for(var g in f)if(B.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
+a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!yb(g))break a;h=""+h}u(e,Ef);u(e,C(JSON.stringify(k)));u(e,Ef);u(e,
+C(JSON.stringify(h)))}}}u(a,Ff);c=Df;d.state=3}});u(a,Ff)}function If(){return{styles:new Set,stylesheets:new Set}}
+function Hb(a){var b=Jf();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Kf,Lf)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],J(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Mf(b)}}}
+function Tb(a,b){var c=Jf();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Kf,Lf)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(Nf,Of);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],J(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Mf(c)}}}
+function Ub(a,b,c){var d=Jf();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=E;e=f.headers;var q;e&&0<e.remainingCapacity&&"high"===k&&(q=md(a,b,c),2<=(e.remainingCapacity-=q.length))?(f.resets.image[m]=E,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=q):(e=[],J(e,A({rel:"preload",href:g?void 0:
+a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];J(g,A({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+J(g,A({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=E;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=md(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=E,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
+a=A({rel:"preload",href:a,as:b},c),J(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Mf(d)}}}
+function Vb(a,b){var c=Jf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?E:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=E}J(f,A({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Mf(c)}}}
+function Wb(a,b,c){var d=Jf();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:C(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:A({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&ld(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Mf(d))}}}
+function Xb(a,b){var c=Jf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=A({src:a,async:!0},b),f&&(2===f.length&&ld(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),nc(a,b),Mf(c))}}}
+function Yb(a,b){var c=Jf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=A({src:a,type:"module",async:!0},b),f&&(2===f.length&&ld(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),nc(a,b),Mf(c))}}}function ld(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function md(a,b,c){a=(""+a).replace(Kf,Lf);b=(""+b).replace(Nf,Of);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)B.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Nf,Of)+'"'));return b}var Kf=/[<>\r\n]/g;
+function Lf(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Nf=/["';,\r\n]/g;
+function Of(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Pf(a){this.styles.add(a)}function Qf(a){this.stylesheets.add(a)}var Rf=new fa.AsyncLocalStorage,Sf=Symbol.for("react.client.reference");
+function Tf(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Sf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ra:return"Fragment";case qa:return"Portal";case ta:return"Profiler";case sa:return"StrictMode";case Ia:return"Suspense";case Ja:return"SuspenseList";case Wa:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ya:return(a._context.displayName||"Context")+".Provider";case Aa:return(a.displayName||"Context")+".Consumer";case Ha:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Ka:return b=a.displayName||null,null!==b?b:Tf(a.type)||"Memo";case La:b=a._payload;a=a._init;try{return Tf(a(b))}catch(c){}}return null}var Uf={};function Vf(a,b){a=a.contextTypes;if(!a)return Uf;var c={},d;for(d in a)c[d]=b[d];return c}var Wf=null;
+function Xf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Xf(a,c)}b.context._currentValue=b.value}}function Yf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Yf(a)}
+function Zf(a){var b=a.parent;null!==b&&Zf(b);a.context._currentValue=a.value}function $f(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Xf(a,b):$f(a,b)}
+function ag(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Xf(a,c):ag(a,c);b.context._currentValue=b.value}function bg(a){var b=Wf;b!==a&&(null===b?Zf(a):null===a?Yf(b):b.depth===a.depth?Xf(b,a):b.depth>a.depth?$f(b,a):ag(b,a),Wf=a)}
+var cg={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function dg(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=cg;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:A({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&cg.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=A({},f,h)):A(f,h))}a.state=f}else f.queue=null}
+var eg={id:1,overflow:""};function fg(a,b,c){var d=a.id;a=a.overflow;var e=32-gg(d)-1;d&=~(1<<e);c+=1;var f=32-gg(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-gg(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var gg=Math.clz32?Math.clz32:jg,kg=Math.log,lg=Math.LN2;function jg(a){a>>>=0;return 0===a?32:31-(kg(a)/lg|0)|0}var mg=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function ng(){}function og(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(ng,ng),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}pg=b;throw mg;}}var pg=null;
+function qg(){if(null===pg)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=pg;pg=null;return a}function rg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var sg="function"===typeof Object.is?Object.is:rg,tg=null,ug=null,vg=null,wg=null,xg=null,X=null,yg=!1,zg=!1,Ag=0,Bg=0,Cg=-1,Dg=0,Eg=null,Fg=null,Gg=0;
+function Hg(){if(null===tg)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return tg}
+function Ig(){if(0<Gg)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function Jg(){null===X?null===xg?(yg=!1,xg=X=Ig()):(yg=!0,X=xg):null===X.next?(yg=!1,X=X.next=Ig()):(yg=!0,X=X.next);return X}function Kg(){var a=Eg;Eg=null;return a}function Lg(){wg=vg=ug=tg=null;zg=!1;xg=null;Gg=0;X=Fg=null}function Mg(a,b){return"function"===typeof b?b(a):b}
+function Ng(a,b,c){tg=Hg();X=Jg();if(yg){var d=X.queue;b=d.dispatch;if(null!==Fg&&(c=Fg.get(d),void 0!==c)){Fg.delete(d);d=X.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);X.memoizedState=d;return[d,b]}return[X.memoizedState,b]}a=a===Mg?"function"===typeof b?b():b:void 0!==c?c(b):b;X.memoizedState=a;a=X.queue={last:null,dispatch:null};a=a.dispatch=Og.bind(null,tg,a);return[X.memoizedState,a]}
+function Pg(a,b){tg=Hg();X=Jg();b=void 0===b?null:b;if(null!==X){var c=X.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!sg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();X.memoizedState=[a,b];return a}
+function Og(a,b,c){if(25<=Gg)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===tg)if(zg=!0,a={action:c,next:null},null===Fg&&(Fg=new Map),c=Fg.get(b),void 0===c)Fg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Qg(){throw Error("A function wrapped in useEffectEvent can't be called during rendering.");}function Rg(){throw Error("startTransition cannot be called during server rendering.");}
+function Sg(){throw Error("Cannot update optimistic state while rendering.");}function Tg(a,b,c){if(void 0!==a)return"p"+a;a=JSON.stringify([b,null,c]);b=ba.createHash("md5");b.update(a);return"k"+b.digest("hex")}function Ug(a){var b=Dg;Dg+=1;null===Eg&&(Eg=[]);return og(Eg,a,b)}function Vg(){throw Error("Cache cannot be refreshed during server rendering.");}function Wg(){}
+var Yg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Ug(a);if(a.$$typeof===Aa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){Hg();return a._currentValue},useMemo:Pg,useReducer:Ng,useRef:function(a){tg=Hg();X=Jg();var b=X.memoizedState;return null===b?(a={current:a},X.memoizedState=a):b},useState:function(a){return Ng(Mg,a)},useInsertionEffect:Wg,
+useLayoutEffect:Wg,useCallback:function(a,b){return Pg(function(){return a},b)},useImperativeHandle:Wg,useEffect:Wg,useDebugValue:Wg,useDeferredValue:function(a,b){Hg();return void 0!==b?b:a},useTransition:function(){Hg();return[!1,Rg]},useId:function(){var a=ug.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-gg(a)-1)).toString(32)+b;var c=Xg;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=Ag++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+
+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Vg},useEffectEvent:function(){return Qg},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Xa;return b},useHostTransitionStatus:function(){Hg();return Fb},useOptimistic:function(a){Hg();return[a,Sg]},useFormState:function(a,b,c){Hg();var d=Bg++,
+e=vg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=wg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=Tg(c,g,d),k===f&&(Cg=d,b=e[0]))}var m=a.bind(null,b);a=function(n){m(n)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(n){n=m.$$FORM_ACTION(n);void 0!==c&&(c+="",n.action=c);var r=n.data;r&&(null===f&&(f=Tg(c,g,d)),r.append("$ACTION_KEY",f));return n});return[b,a]}var q=a.bind(null,b);return[b,function(n){q(n)}]}},
+Xg=null,Zg={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},$g;function ah(a){if(void 0===$g)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);$g=b&&b[1]||""}return"\n"+$g+a}var bh=!1;
+function ch(a,b){if(!a||bh)return"";bh=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var n=function(){throw Error();};Object.defineProperty(n.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(v){var r=v}Reflect.construct(a,[],n)}else{try{n.call()}catch(v){r=v}a.call(n.prototype)}}else{try{throw Error();}catch(v){r=v}(n=a())&&"function"===typeof n.catch&&
+n.catch(function(){})}}catch(v){if(v&&r&&"string"===typeof v.stack)return[v.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{bh=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?ah(c):""}
+var dh=Eb.ReactCurrentDispatcher,eh=Eb.ReactCurrentCache;function fh(a){console.error(a);return null}function gh(){}
+function hh(a,b,c,d,e,f,g,h,k,m,q,n){Gb.current=Zb;var r=[],v=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:v,pingedTasks:r,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?fh:f,onPostpone:void 0===q?gh:q,onAllReady:void 0===g?
+gh:g,onShellReady:void 0===h?gh:h,onShellError:void 0===k?gh:k,onFatalError:void 0===m?gh:m,formState:void 0===n?null:n};c=ih(b,0,null,d,!1,!1);c.parentFlushed=!0;a=jh(b,null,a,-1,null,c,null,v,null,d,Uf,null,eg,null,!1);r.push(a);return b}function kh(a,b,c,d,e,f,g,h,k,m,q){a=hh(a,b,c,d,e,f,g,h,k,m,q,void 0);a.trackedPostpones={workingMap:new Map,rootNodes:[],rootSlots:null};return a}var lh=null;function Jf(){if(lh)return lh;var a=Rf.getStore();return a?a:null}
+function mh(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return nh(a)}))}function oh(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:If(),fallbackState:If(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function jh(a,b,c,d,e,f,g,h,k,m,q,n,r,v,F){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var w={replay:null,node:c,childIndex:d,ping:function(){return mh(a,w)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:q,context:n,treeContext:r,componentStack:v,thenableState:b,isFallback:F};h.add(w);return w}
+function ph(a,b,c,d,e,f,g,h,k,m,q,n,r,v,F){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var w={replay:c,node:d,childIndex:e,ping:function(){return mh(a,w)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:q,context:n,treeContext:r,componentStack:v,thenableState:b,isFallback:F};h.add(w);return w}
+function ih(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function qh(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function rh(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=ah(b.type,null);break;case 1:a+=ch(b.type,!1);break;case 2:a+=ch(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function Y(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function sh(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function th(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;tg={};ug=b;vg=a;wg=c;Bg=Ag=0;Cg=-1;Dg=0;Eg=g;for(a=d(e,f);zg;)zg=!1,Bg=Ag=0,Cg=-1,Dg=0,Gg+=1,X=null,a=d(e,f);Lg();return a}
+function uh(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((Tf(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=A({},c,d)}b.legacyContext=e;Z(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,f,-1),b.keyPath=e}
+function vh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push(ad):k.push(bd)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=fg(c,1,0),wh(a,b,d,-1),b.treeContext=c):h?wh(a,b,d,-1):Z(a,b,d,-1);b.keyPath=f}function xh(a,b){if(a&&a.defaultProps){b=A({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function yh(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Vf(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue:g);dg(h,d,e,g);uh(a,b,c,h,d);b.componentStack=f}else{f=Vf(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=th(a,b,c,d,e,f);var k=0!==Ag,m=Bg,q=Cg;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(dg(h,d,e,f),uh(a,b,c,h,d)):vh(a,b,c,h,k,m,q);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=qh(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,k=b.keyPath,b.formatContext=qc(h,d,e),b.keyPath=c,wh(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=kd(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;m=b.keyPath;b.formatContext=
+qc(h,d,e);b.keyPath=c;wh(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(ed(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case Pa:case Na:case sa:case ta:case ra:d=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=d;return;case Oa:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,Z(a,b,e.children,-1),b.keyPath=d);return;case Ja:d=b.componentStack;b.componentStack=qh(b,"SuspenseList");f=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Ma:throw Error("ReactDOMServer does not yet support scope components.");case Ia:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;
+try{wh(a,b,c,-1)}finally{b.keyPath=d}}else{var n=b.componentStack;d=b.componentStack=qh(b,"Suspense");var r=b.keyPath;f=b.blockedBoundary;var v=b.hoistableState,F=b.blockedSegment;g=e.fallback;var w=e.children;e=new Set;m=oh(a,e);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);q=ih(a,F.chunks.length,m,b.formatContext,!1,!1);F.children.push(q);F.lastPushedText=!1;var t=ih(a,0,null,b.formatContext,!1,!1);t.parentFlushed=!0;b.blockedBoundary=m;b.hoistableState=m.contentState;b.blockedSegment=
+t;b.keyPath=c;try{if(wh(a,b,w,-1),t.lastPushedText&&t.textEmbedded&&t.chunks.push(rc),t.status=1,zh(m,t),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=n;break a}}catch(H){t.status=4,m.status=4,h=rh(a,b.componentStack),"object"===typeof H&&null!==H&&H.$$typeof===Ya?(a.onPostpone(H.message,h),k="POSTPONE"):k=Y(a,H,h),m.errorDigest=k,Ah(a,m)}finally{b.blockedBoundary=f,b.hoistableState=v,b.blockedSegment=F,b.keyPath=r,b.componentStack=n}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;
+null!==k&&(n=[h[1],h[2],[],null],k.workingMap.set(h,n),5===m.status?k.workingMap.get(c)[4]=n:m.trackedFallbackNode=n);b=jh(a,null,g,-1,f,q,m.fallbackState,e,h,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case Ha:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};if("ref"in e)for(g in k={},e)"ref"!==g&&(k[g]=e[g]);else k=e;e=th(a,b,c,d.render,k,f);vh(a,b,c,e,0!==Ag,Bg,Cg);
+b.componentStack=h;return;case Ka:d=d.type;e=xh(d,e);yh(a,b,c,d,e,f);return;case ya:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue;d._currentValue=e;k=Wf;Wf=e={parent:k,depth:null===k?0:k.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;Z(a,b,g,-1);a=Wf;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");a.context._currentValue=a.parentValue;a=Wf=a.parent;b.context=a;b.keyPath=f;return;case Aa:e=e.children;e=e(d._currentValue);
+d=b.keyPath;b.keyPath=c;Z(a,b,e,-1);b.keyPath=d;return;case za:case La:f=b.componentStack;b.componentStack=qh(b,"Lazy");g=d._init;d=g(d._payload);e=xh(d,e);yh(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==d?d:typeof d)+"."));}}
+function Bh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=ih(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,wh(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(zh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function Z(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)Bh(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case ma:var e=c.type,f=c.key,g=c.props;c=g.ref;var h=void 0!==c?c:null;var k=Tf(e),m=null==f?-1===d?0:d:f;f=[b.keyPath,k,m];if(null!==b.replay)a:{var q=b.replay;d=q.nodes;for(c=0;c<d.length;c++){var n=d[c];if(m===n[1]){if(4===n.length){if(null!==k&&k!==n[0])throw Error("Expected the resume to render <"+n[0]+"> in this slot but instead it rendered <"+
+k+">. The tree doesn't match so React will fallback to client rendering.");var r=n[2];k=n[3];m=b.node;b.replay={nodes:r,slots:k,pendingTasks:1};try{yh(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(G){if("object"===typeof G&&null!==G&&(G===mg||"function"===typeof G.then))throw b.node===m&&(b.replay=q),G;
+b.replay.pendingTasks--;g=rh(a,b.componentStack);Ch(a,b.blockedBoundary,G,g,r,k)}b.replay=q}else{if(e!==Ia)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(Tf(e)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{e=void 0;h=n[5];q=n[2];k=n[3];m=null===n[4]?[]:n[4][2];n=null===n[4]?null:n[4][3];var v=b.componentStack,F=b.componentStack=qh(b,"Suspense"),w=b.keyPath,t=b.replay,H=b.blockedBoundary,D=b.hoistableState,K=
+g.children;g=g.fallback;var P=new Set,y=oh(a,P);y.parentFlushed=!0;y.rootSegmentID=h;b.blockedBoundary=y;b.hoistableState=y.contentState;b.replay={nodes:q,slots:k,pendingTasks:1};try{wh(a,b,K,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===y.pendingTasks&&0===y.status){y.status=1;a.completedBoundaries.push(y);break b}}catch(G){y.status=
+4,r=rh(a,b.componentStack),"object"===typeof G&&null!==G&&G.$$typeof===Ya?(a.onPostpone(G.message,r),e="POSTPONE"):e=Y(a,G,r),y.errorDigest=e,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(y)}finally{b.blockedBoundary=H,b.hoistableState=D,b.replay=t,b.keyPath=w,b.componentStack=v}r=ph(a,null,{nodes:m,slots:n,pendingTasks:0},g,-1,H,y.fallbackState,P,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,F,!0);a.pingedTasks.push(r)}}d.splice(c,1);break a}}}else yh(a,
+b,f,e,g,h);return;case qa:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");case La:r=b.componentStack;b.componentStack=qh(b,"Lazy");g=c._init;c=g(c._payload);b.componentStack=r;Z(a,b,c,d);return}if($a(c)){Dh(a,b,c,d);return}null===c||"object"!==typeof c?r=null:(r=Za&&c[Za]||c["@@iterator"],r="function"===typeof r?r:null);if(r&&(r=r.call(c))){c=r.next();if(!c.done){g=[];do g.push(c.value),c=r.next();
+while(!c.done);Dh(a,b,g,d)}return}if("function"===typeof c.then)return b.thenableState=null,Z(a,b,Ug(c),d);if(c.$$typeof===Aa)return Z(a,b,c._currentValue,d);d=Object.prototype.toString.call(c);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=sc(d.chunks,c,a.renderState,
+d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=sc(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function Dh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{Dh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(q){if("object"===typeof q&&
+null!==q&&(q===mg||"function"===typeof q.then))throw q;b.replay.pendingTasks--;c=rh(a,b.componentStack);Ch(a,b.blockedBoundary,q,c,d,k)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++){k=c[d];b.treeContext=fg(f,g,d);var m=h[d];"number"===typeof m?(Bh(a,b,m,k,d),delete h[d]):wh(a,b,k,d)}b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=fg(f,g,h),wh(a,b,d,h);b.treeContext=
 f;b.keyPath=e}
-function ph(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error("It should not be possible to postpone at the root. This is a bug in React.");var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:
-a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,d);qh(d,g[0],b);return}var m=b.workingMap.get(g);void 0===m?(m=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,m),qh(m,g[0],b)):(g=m,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],qh(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots=
-{};else{if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");}else if(f=b.workingMap,g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),qh(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");a[c.childIndex]=d.id}}}
-function lh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function hh(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,p=b.blockedSegment;if(null===p)try{return X(a,b,null,c,d)}catch(t){if(zg(),d=t===ag?eg():t,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=Ag();a=ah(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=
-e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Sf(g);return}}else{var q=p.children.length,r=p.chunks.length;try{return X(a,b,null,c,d)}catch(t){if(zg(),p.children.length=q,p.chunks.length=r,d=t===ag?eg():t,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=Ag();p=b.blockedSegment;q=Ug(a,p.chunks.length,null,b.formatContext,p.lastPushedText,!0);p.children.push(q);p.lastPushedText=!1;a=Vg(a,d,b.node,b.childIndex,b.blockedBoundary,q,b.abortSet,b.keyPath,
-b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Sf(g);return}if(d.$$typeof===Bf&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;p=ch(a,b.componentStack);a.onPostpone(d.message,p);d=b.blockedSegment;p=Ug(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(p);d.lastPushedText=!1;
-ph(a,c,b,p);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Sf(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Sf(g);throw d;}function nh(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===Bf?(a.onPostpone(c.message,d),d="POSTPONE"):d=dh(a,c,d);rh(a,b,e,f,c,d)}function sh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,th(this,b,a))}
-function rh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)rh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,p=$g(k,new Set);p.parentFlushed=!0;p.rootSegmentID=h;p.status=4;p.errorDigest=m;p.parentFlushed&&k.clientRenderedBoundaries.push(p)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var q in d)delete d[q]}}
-function uh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){dh(b,c,d);eh(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=dh(b,c,d),rh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&vh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=ch(b,a.componentStack),a=dh(b,c,a),d.errorDigest=a,lh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return uh(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&wh(b)}
-function xh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var p=m.value,q=p.props,r=q.href,t=p.props,H=Gc(t.href,"style",{crossOrigin:t.crossOrigin,integrity:t.integrity,
-nonce:t.nonce,type:t.type,fetchPriority:t.fetchPriority,referrerPolicy:t.referrerPolicy,media:t.media});if(2<=(e.remainingCapacity-=H.length))c.resets.style[r]=E,f&&(f+=", "),f+=H,c.resets.style[r]="string"===typeof q.crossOrigin||"string"===typeof q.integrity?[q.crossOrigin,q.integrity]:E;else break b}}f?d({Link:f}):d({})}}}catch(F){dh(a,F,{})}}function vh(a){null===a.trackedPostpones&&xh(a,!0);a.onShellError=Sg;a=a.onShellReady;a()}
-function wh(a){xh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function kh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&kh(a,c)}else a.completedSegments.push(b)}
-function th(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&vh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&kh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(sh,a),b.fallbackAbortableTasks.clear())):
-null!==c&&c.parentFlushed&&1===c.status&&(kh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&wh(a)}
-function Zg(a){if(2!==a.status){var b=Mf,c=Pg.current;Pg.current=Ng;var d=Qg.current;Qg.current=Og;var e=Xg;Xg=a;var f=Mg;Mg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,p=k.blockedBoundary;m.renderState.boundaryResources=p?p.resources:null;var q=k.blockedSegment;if(null===q){var r=m;if(0!==k.replay.pendingTasks){Sf(k.context);try{var t=k.thenableState;k.thenableState=null;X(r,k,t,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
-k.replay.pendingTasks--;k.abortSet.delete(k);th(r,k.blockedBoundary,null)}catch(J){zg();var H=J===ag?eg():J;if("object"===typeof H&&null!==H&&"function"===typeof H.then){var F=k.ping;H.then(F,F);k.thenableState=Ag()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var u=ch(r,k.componentStack);nh(r,k.blockedBoundary,H,u,k.replay.nodes,k.replay.slots);r.pendingRootTasks--;0===r.pendingRootTasks&&vh(r);r.allPendingTasks--;0===r.allPendingTasks&&wh(r)}}finally{r.renderState.boundaryResources=null}}}else a:{r=
-void 0;var z=q;if(0===z.status){Sf(k.context);var ea=z.children.length,W=z.chunks.length;try{var x=k.thenableState;k.thenableState=null;X(m,k,x,k.node,k.childIndex);z.lastPushedText&&z.textEmbedded&&z.chunks.push(Rb);k.abortSet.delete(k);z.status=1;th(m,k.blockedBoundary,z)}catch(J){zg();z.children.length=ea;z.chunks.length=W;var w=J===ag?eg():J;if("object"===typeof w&&null!==w){if("function"===typeof w.then){var G=k.ping;w.then(G,G);k.thenableState=Ag();break a}if(null!==m.trackedPostpones&&w.$$typeof===
-Bf){var fa=m.trackedPostpones;k.abortSet.delete(k);var ma=ch(m,k.componentStack);m.onPostpone(w.message,ma);ph(m,fa,k,z);th(m,k.blockedBoundary,z);break a}}var na=ch(m,k.componentStack);k.abortSet.delete(k);z.status=4;var M=k.blockedBoundary;"object"===typeof w&&null!==w&&w.$$typeof===Bf?(m.onPostpone(w.message,na),r="POSTPONE"):r=dh(m,w,na);null===M?eh(m,w):(M.pendingTasks--,4!==M.status&&(M.status=4,M.errorDigest=r,lh(m,M),M.parentFlushed&&m.clientRenderedBoundaries.push(M)));m.allPendingTasks--;
-0===m.allPendingTasks&&wh(m)}finally{m.renderState.boundaryResources=null}}}}g.splice(0,h);null!==a.destination&&yh(a,a.destination)}catch(J){dh(a,J,{}),eh(a,J)}finally{Mg=f,Pg.current=c,Qg.current=d,c===Ng&&Sf(b),Xg=e}}}
-function zh(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;v(b,Jc);v(b,a.placeholderPrefix);a=d.toString(16);v(b,a);return y(b,Kc);case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)v(b,d[f]);e=Ah(a,b,e)}for(;f<d.length-1;f++)v(b,d[f]);f<d.length&&(e=y(b,d[f]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
-}}
-function Ah(a,b,c){var d=c.boundary;if(null===d)return zh(a,b,c);d.parentFlushed=!0;if(4===d.status)d=d.errorDigest,y(b,Oc),v(b,Qc),d&&(v(b,Sc),v(b,D(d)),v(b,Rc)),y(b,Tc),zh(a,b,c);else if(1!==d.status)0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Uc(b,a.renderState,d.rootSegmentID),zh(a,b,c);else if(d.byteSize>a.progressiveChunkSize)d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Uc(b,a.renderState,d.rootSegmentID),zh(a,b,
-c);else{c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach(df,e),c.stylesheets.forEach(ef,e));y(b,Lc);d=d.completedSegments;if(1!==d.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");Ah(a,b,d[0])}return y(b,Pc)}function Bh(a,b,c){pd(b,a.renderState,c.parentFormatContext,c.id);Ah(a,b,c);return qd(b,c.parentFormatContext)}
-function Ch(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)Dh(a,b,c,d[e]);d.length=0;He(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(v(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,v(b,2048<zd.length?zd.slice():zd)):0===(d.instructions&8)?(d.instructions|=8,v(b,Ad)):v(b,Bd):0===(d.instructions&2)?(d.instructions|=
-2,v(b,xd)):v(b,yd)):f?v(b,Hd):v(b,Gd);d=e.toString(16);v(b,a.boundaryPrefix);v(b,d);g?v(b,Cd):v(b,Id);v(b,a.segmentPrefix);v(b,d);f?g?(v(b,Dd),We(b,c)):(v(b,ke),Xe(b,c)):g&&v(b,Ed);d=g?y(b,Fd):y(b,eb);return Ic(b,a)&&d}
-function Dh(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return Bh(a,b,d)}if(e===c.rootSegmentID)return Bh(a,b,d);Bh(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(v(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,v(b,rd)):v(b,sd)):v(b,vd);v(b,a.segmentPrefix);e=e.toString(16);v(b,e);d?v(b,td):v(b,wd);v(b,a.placeholderPrefix);v(b,
-e);b=d?y(b,ud):y(b,eb);return b}
-function yh(a,b){l=new Uint8Array(2048);n=0;qa=!0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,p=e.headChunks;f=0;if(m){for(f=0;f<m.length;f++)v(b,m[f]);if(p)for(f=0;f<p.length;f++)v(b,p[f]);
-else v(b,U("head")),v(b,T)}else if(p)for(f=0;f<p.length;f++)v(b,p[f]);var q=e.charsetChunks;for(f=0;f<q.length;f++)v(b,q[f]);q.length=0;e.preconnects.forEach(Ie,b);e.preconnects.clear();var r=e.preconnectChunks;for(f=0;f<r.length;f++)v(b,r[f]);r.length=0;e.fontPreloads.forEach(Ie,b);e.fontPreloads.clear();e.highImagePreloads.forEach(Ie,b);e.highImagePreloads.clear();e.styles.forEach(Pe,b);var t=e.importMapChunks;for(f=0;f<t.length;f++)v(b,t[f]);t.length=0;e.bootstrapScripts.forEach(Ie,b);e.scripts.forEach(Ie,
-b);e.scripts.clear();e.bulkPreloads.forEach(Ie,b);e.bulkPreloads.clear();var H=e.preloadChunks;for(f=0;f<H.length;f++)v(b,H[f]);H.length=0;var F=e.hoistableChunks;for(f=0;f<F.length;f++)v(b,F[f]);F.length=0;m&&null===p&&v(b,qc("head"));Ah(a,b,d);a.completedRootSegment=null;Ic(b,a.renderState)}else return;var u=a.renderState;d=0;u.preconnects.forEach(Ie,b);u.preconnects.clear();var z=u.preconnectChunks;for(d=0;d<z.length;d++)v(b,z[d]);z.length=0;u.fontPreloads.forEach(Ie,b);u.fontPreloads.clear();
-u.highImagePreloads.forEach(Ie,b);u.highImagePreloads.clear();u.styles.forEach(Re,b);u.scripts.forEach(Ie,b);u.scripts.clear();u.bulkPreloads.forEach(Ie,b);u.bulkPreloads.clear();var ea=u.preloadChunks;for(d=0;d<ea.length;d++)v(b,ea[d]);ea.length=0;var W=u.hoistableChunks;for(d=0;d<W.length;d++)v(b,W[d]);W.length=0;var x=a.clientRenderedBoundaries;for(c=0;c<x.length;c++){var w=x[c];u=b;var G=a.resumableState,fa=a.renderState,ma=w.rootSegmentID,na=w.errorDigest,M=w.errorMessage,J=w.errorComponentStack,
-oa=0===G.streamingFormat;oa?(v(u,fa.startInlineScript),0===(G.instructions&4)?(G.instructions|=4,v(u,le)):v(u,me)):v(u,qe);v(u,fa.boundaryPrefix);v(u,ma.toString(16));oa&&v(u,ne);if(na||M||J)oa?(v(u,oe),v(u,ve(na||""))):(v(u,re),v(u,D(na||"")));if(M||J)oa?(v(u,oe),v(u,ve(M||""))):(v(u,se),v(u,D(M||"")));J&&(oa?(v(u,oe),v(u,ve(J))):(v(u,te),v(u,D(J))));if(oa?!y(u,pe):!y(u,eb)){a.destination=null;c++;x.splice(0,c);return}}x.splice(0,c);var Ba=a.completedBoundaries;for(c=0;c<Ba.length;c++)if(!Ch(a,b,
-Ba[c])){a.destination=null;c++;Ba.splice(0,c);return}Ba.splice(0,c);ya(b);l=new Uint8Array(2048);n=0;qa=!0;var ta=a.partialBoundaries;for(c=0;c<ta.length;c++){var ua=ta[c];a:{x=a;w=b;x.renderState.boundaryResources=ua.resources;var va=ua.completedSegments;for(G=0;G<va.length;G++)if(!Dh(x,w,ua,va[G])){G++;va.splice(0,G);var Qa=!1;break a}va.splice(0,G);Qa=He(w,ua.resources,x.renderState)}if(!Qa){a.destination=null;c++;ta.splice(0,c);return}}ta.splice(0,c);var ha=a.completedBoundaries;for(c=0;c<ha.length;c++)if(!Ch(a,
-b,ha[c])){a.destination=null;c++;ha.splice(0,c);return}ha.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&v(b,qc("body")),c.hasHtml&&v(b,qc("html"))),ya(b),la(b),b.end(),a.destination=null):(ya(b),la(b))}}
-function Eh(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return ff.run(a,Zg,a)});null===a.trackedPostpones&&setImmediate(function(){return ff.run(a,Fh,a)})}function Fh(a){xh(a,0===a.pendingRootTasks)}function af(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setImmediate(function(){var b=a.destination;b?yh(a,b):a.flushScheduled=!1}))}
-function Gh(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{yh(a,b)}catch(c){dh(a,c,{}),eh(a,c)}}}function Hh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return uh(e,a,d)});c.clear()}null!==a.destination&&yh(a,a.destination)}catch(e){dh(a,e,{}),eh(a,e)}}
-function qh(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),qh(e,b[0],c));e[2].push(a)}}
-function Ih(a){var b=a.trackedPostpones;if(null===b||0===b.rootNodes.length&&null===b.rootSlots)return a.trackedPostpones=null;if(null!==a.completedRootSegment&&5===a.completedRootSegment.status){var c=a.resumableState,d=a.renderState;c.nextFormID=0;c.hasBody=!1;c.hasHtml=!1;c.unknownResources={font:d.resets.font};c.dnsResources=d.resets.dns;c.connectResources=d.resets.connect;c.imageResources=d.resets.image;c.styleResources=d.resets.style;c.scriptResources={};c.moduleUnknownResources={};c.moduleScriptResources=
-{}}else c=a.resumableState,c.bootstrapScriptContent=void 0,c.bootstrapScripts=void 0,c.bootstrapModules=void 0;return{nextSegmentId:a.nextSegmentId,rootFormatContext:a.rootFormatContext,progressiveChunkSize:a.progressiveChunkSize,resumableState:a.resumableState,replayNodes:b.rootNodes,replaySlots:b.rootSlots}}function Jh(a,b){return function(){return Gh(b,a)}}function Kh(a,b){return function(){a.destination=null;Hh(a,Error(b))}}
-function Lh(a,b){var c=Ob(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0);return Tg(a,c,Eb(c,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,b?b.onHeaders:void 0,b?b.maxHeadersLength:void 0),Pb(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,b?b.onAllReady:void 0,b?b.onShellReady:void 0,b?b.onShellError:void 0,void 0,b?b.onPostpone:
+function Eh(a,b,c,d){d.status=5;var e=c.keyPath,f=c.blockedBoundary;if(null===f)d.id=a.nextSegmentId++,b.rootSlots=d.id,null!==a.completedRootSegment&&(a.completedRootSegment.status=5);else{if(null!==f&&0===f.status){f.status=5;f.rootSegmentID=a.nextSegmentId++;var g=f.trackedContentKeyPath;if(null===g)throw Error("It should not be possible to postpone at the root. This is a bug in React.");var h=f.trackedFallbackNode,k=[];if(g===e&&-1===c.childIndex){-1===d.id&&(d.id=d.parentFlushed?f.rootSegmentID:
+a.nextSegmentId++);d=[g[1],g[2],k,d.id,h,f.rootSegmentID];b.workingMap.set(g,d);Fh(d,g[0],b);return}var m=b.workingMap.get(g);void 0===m?(m=[g[1],g[2],k,null,h,f.rootSegmentID],b.workingMap.set(g,m),Fh(m,g[0],b)):(g=m,g[4]=h,g[5]=f.rootSegmentID)}-1===d.id&&(d.id=d.parentFlushed&&null!==f?f.rootSegmentID:a.nextSegmentId++);if(-1===c.childIndex)null===e?b.rootSlots=d.id:(c=b.workingMap.get(e),void 0===c?(c=[e[1],e[2],[],d.id],Fh(c,e[0],b)):c[3]=d.id);else{if(null===e)if(a=b.rootSlots,null===a)a=b.rootSlots=
+{};else{if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");}else if(f=b.workingMap,g=f.get(e),void 0===g)a={},g=[e[1],e[2],[],a],f.set(e,g),Fh(g,e[0],b);else if(a=g[3],null===a)a=g[3]={};else if("number"===typeof a)throw Error("It should not be possible to postpone both at the root of an element as well as a slot below. This is a bug in React.");a[c.childIndex]=d.id}}}
+function Ah(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function wh(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,q=b.blockedSegment;if(null===q)try{return Z(a,b,c,d)}catch(v){if(Lg(),d=v===mg?qg():v,"object"===typeof d&&null!==d&&"function"===typeof d.then){c=d;d=Kg();a=ph(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;bg(g);return}}else{var n=q.children.length,r=q.chunks.length;try{return Z(a,b,c,d)}catch(v){if(Lg(),q.children.length=n,q.chunks.length=r,d=v===mg?qg():v,"object"===typeof d&&null!==d){if("function"===typeof d.then){c=d;d=Kg();q=b.blockedSegment;n=ih(a,q.chunks.length,null,b.formatContext,q.lastPushedText,!0);q.children.push(n);q.lastPushedText=!1;a=jh(a,d,b.node,b.childIndex,b.blockedBoundary,n,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;bg(g);return}if(d.$$typeof===Ya&&null!==a.trackedPostpones&&null!==b.blockedBoundary){c=a.trackedPostpones;q=rh(a,b.componentStack);a.onPostpone(d.message,q);d=b.blockedSegment;q=ih(a,d.chunks.length,null,b.formatContext,d.lastPushedText,!0);d.children.push(q);
+d.lastPushedText=!1;Eh(a,c,b,q);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;bg(g);return}}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;bg(g);throw d;}function Ch(a,b,c,d,e,f){"object"===typeof c&&null!==c&&c.$$typeof===Ya?(a.onPostpone(c.message,d),d="POSTPONE"):d=Y(a,c,d);Gh(a,b,e,f,c,d)}function Hh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,Ih(this,b,a))}
+function Gh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)Gh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,q=oh(k,new Set);q.parentFlushed=!0;q.rootSegmentID=h;q.status=4;q.errorDigest=m;q.parentFlushed&&k.clientRenderedBoundaries.push(q)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var n in d)delete d[n]}}
+function Jh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){"object"===typeof c&&null!==c&&c.$$typeof===Ya?(a=Error("The render was aborted with postpone when the shell is incomplete. Reason: "+c.message),Y(b,a,d),sh(b,a)):(Y(b,c,d),sh(b,c));return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&("object"===typeof c&&null!==c&&c.$$typeof===Ya?(b.onPostpone(c.message,d),d="POSTPONE"):d=Y(b,c,d),
+Gh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&Kh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=rh(b,a.componentStack),"object"===typeof c&&null!==c&&c.$$typeof===Ya?(b.onPostpone(c.message,a),a="POSTPONE"):a=Y(b,c,a),d.errorDigest=a,Ah(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return Jh(f,b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&Lh(b)}
+function Mh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var q=m.value,n=q.props,r=n.href,v=q.props,F=md(v.href,"style",{crossOrigin:v.crossOrigin,integrity:v.integrity,
+nonce:v.nonce,type:v.type,fetchPriority:v.fetchPriority,referrerPolicy:v.referrerPolicy,media:v.media});if(2<=(e.remainingCapacity-=F.length))c.resets.style[r]=E,f&&(f+=", "),f+=F,c.resets.style[r]="string"===typeof n.crossOrigin||"string"===typeof n.integrity?[n.crossOrigin,n.integrity]:E;else break b}}f?d({Link:f}):d({})}}}catch(w){Y(a,w,{})}}function Kh(a){null===a.trackedPostpones&&Mh(a,!0);a.onShellError=gh;a=a.onShellReady;a()}
+function Lh(a){Mh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function zh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&zh(a,c)}else a.completedSegments.push(b)}
+function Ih(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&Kh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&zh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(Hh,a),b.fallbackAbortableTasks.clear())):
+null!==c&&c.parentFlushed&&1===c.status&&(zh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&Lh(a)}
+function nh(a){if(2!==a.status){var b=Wf,c=dh.current;dh.current=Yg;var d=eh.current;eh.current=Zg;var e=lh;lh=a;var f=Xg;Xg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,q=k.blockedSegment;if(null===q){var n=m;if(0!==k.replay.pendingTasks){bg(k.context);try{Z(n,k,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
+k.replay.pendingTasks--;k.abortSet.delete(k);Ih(n,k.blockedBoundary,null)}catch(I){Lg();var r=I===mg?qg():I;if("object"===typeof r&&null!==r&&"function"===typeof r.then){var v=k.ping;r.then(v,v);k.thenableState=Kg()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var F=rh(n,k.componentStack);Ch(n,k.blockedBoundary,r,F,k.replay.nodes,k.replay.slots);n.pendingRootTasks--;0===n.pendingRootTasks&&Kh(n);n.allPendingTasks--;0===n.allPendingTasks&&Lh(n)}}finally{}}}else a:{n=void 0;var w=q;if(0===w.status){bg(k.context);
+var t=w.children.length,H=w.chunks.length;try{Z(m,k,k.node,k.childIndex),w.lastPushedText&&w.textEmbedded&&w.chunks.push(rc),k.abortSet.delete(k),w.status=1,Ih(m,k.blockedBoundary,w)}catch(I){Lg();w.children.length=t;w.chunks.length=H;var D=I===mg?qg():I;if("object"===typeof D&&null!==D){if("function"===typeof D.then){var K=k.ping;D.then(K,K);k.thenableState=Kg();break a}if(null!==m.trackedPostpones&&D.$$typeof===Ya){var P=m.trackedPostpones;k.abortSet.delete(k);var y=rh(m,k.componentStack);m.onPostpone(D.message,
+y);Eh(m,P,k,w);Ih(m,k.blockedBoundary,w);break a}}var G=rh(m,k.componentStack);k.abortSet.delete(k);w.status=4;var Q=k.blockedBoundary;"object"===typeof D&&null!==D&&D.$$typeof===Ya?(m.onPostpone(D.message,G),n="POSTPONE"):n=Y(m,D,G);null===Q?sh(m,D):(Q.pendingTasks--,4!==Q.status&&(Q.status=4,Q.errorDigest=n,Ah(m,Q),Q.parentFlushed&&m.clientRenderedBoundaries.push(Q)));m.allPendingTasks--;0===m.allPendingTasks&&Lh(m)}finally{}}}}g.splice(0,h);null!==a.destination&&Nh(a,a.destination)}catch(I){Y(a,
+I,{}),sh(a,I)}finally{Xg=f,dh.current=c,eh.current=d,c===Yg&&bg(b),lh=e}}}
+function Oh(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,u(b,pd),u(b,a.placeholderPrefix),a=d.toString(16),u(b,a),x(b,qd);case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)u(b,f[g]);e=Ph(a,b,e,d)}for(;g<f.length-1;g++)u(b,f[g]);g<f.length&&(e=x(b,f[g]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");}}
+function Ph(a,b,c,d){var e=c.boundary;if(null===e)return Oh(a,b,c,d);e.parentFlushed=!0;if(4===e.status)e=e.errorDigest,x(b,ud),u(b,wd),e&&(u(b,yd),u(b,C(e)),u(b,xd)),x(b,zd),Oh(a,b,c,d);else if(1!==e.status)0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),Ad(b,a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(Pf,d),e.stylesheets.forEach(Qf,d)),Oh(a,b,c,d);else if(e.byteSize>a.progressiveChunkSize)e.rootSegmentID=a.nextSegmentId++,
+a.completedBoundaries.push(e),Ad(b,a.renderState,e.rootSegmentID),Oh(a,b,c,d);else{d&&(c=e.contentState,c.styles.forEach(Pf,d),c.stylesheets.forEach(Qf,d));x(b,rd);c=e.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");Ph(a,b,c[0],d)}return x(b,vd)}function Qh(a,b,c,d){Wd(b,a.renderState,c.parentFormatContext,c.id);Ph(a,b,c,d);return Xd(b,c.parentFormatContext)}
+function Rh(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Sh(a,b,c,d[e]);d.length=0;rf(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(u(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,u(b,Ke)):0===(d.instructions&8)?(d.instructions|=8,u(b,Le)):u(b,Me):0===(d.instructions&2)?(d.instructions|=2,u(b,Ie)):u(b,Je)):f?u(b,Se):u(b,Re);d=e.toString(16);
+u(b,a.boundaryPrefix);u(b,d);g?u(b,Ne):u(b,Te);u(b,a.segmentPrefix);u(b,d);f?g?(u(b,Oe),Gf(b,c)):(u(b,Ue),Hf(b,c)):g&&u(b,Pe);d=g?x(b,Qe):x(b,$b);return od(b,a)&&d}
+function Sh(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return Qh(a,b,d,e)}if(f===c.rootSegmentID)return Qh(a,b,d,e);Qh(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(u(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,u(b,Yd)):u(b,Zd)):u(b,Ge);u(b,a.segmentPrefix);f=f.toString(16);u(b,f);d?u(b,$d):u(b,He);u(b,a.placeholderPrefix);
+u(b,f);b=d?x(b,ae):x(b,$b);return b}
+function Nh(a,b){l=new Uint8Array(2048);p=0;bb=!0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,q=e.headChunks,n;if(m){for(n=0;n<m.length;n++)u(b,m[n]);if(q)for(n=0;n<q.length;n++)u(b,q[n]);
+else u(b,W("head")),u(b,V)}else if(q)for(n=0;n<q.length;n++)u(b,q[n]);var r=e.charsetChunks;for(n=0;n<r.length;n++)u(b,r[n]);r.length=0;e.preconnects.forEach(sf,b);e.preconnects.clear();var v=e.viewportChunks;for(n=0;n<v.length;n++)u(b,v[n]);v.length=0;e.fontPreloads.forEach(sf,b);e.fontPreloads.clear();e.highImagePreloads.forEach(sf,b);e.highImagePreloads.clear();e.styles.forEach(zf,b);var F=e.importMapChunks;for(n=0;n<F.length;n++)u(b,F[n]);F.length=0;e.bootstrapScripts.forEach(sf,b);e.scripts.forEach(sf,
+b);e.scripts.clear();e.bulkPreloads.forEach(sf,b);e.bulkPreloads.clear();var w=e.hoistableChunks;for(n=0;n<w.length;n++)u(b,w[n]);w.length=0;m&&null===q&&u(b,ed("head"));Ph(a,b,d,null);a.completedRootSegment=null;od(b,a.renderState)}else return;var t=a.renderState;d=0;var H=t.viewportChunks;for(d=0;d<H.length;d++)u(b,H[d]);H.length=0;t.preconnects.forEach(sf,b);t.preconnects.clear();t.fontPreloads.forEach(sf,b);t.fontPreloads.clear();t.highImagePreloads.forEach(sf,b);t.highImagePreloads.clear();t.styles.forEach(Bf,
+b);t.scripts.forEach(sf,b);t.scripts.clear();t.bulkPreloads.forEach(sf,b);t.bulkPreloads.clear();var D=t.hoistableChunks;for(d=0;d<D.length;d++)u(b,D[d]);D.length=0;var K=a.clientRenderedBoundaries;for(c=0;c<K.length;c++){var P=K[c];t=b;var y=a.resumableState,G=a.renderState,Q=P.rootSegmentID,I=P.errorDigest,Ba=P.errorMessage,na=P.errorComponentStack,L=0===y.streamingFormat;L?(u(t,G.startInlineScript),0===(y.instructions&4)?(y.instructions|=4,u(t,Ve)):u(t,We)):u(t,$e);u(t,G.boundaryPrefix);u(t,Q.toString(16));
+L&&u(t,Xe);if(I||Ba||na)L?(u(t,Ye),u(t,ef(I||""))):(u(t,af),u(t,C(I||"")));if(Ba||na)L?(u(t,Ye),u(t,ef(Ba||""))):(u(t,bf),u(t,C(Ba||"")));na&&(L?(u(t,Ye),u(t,ef(na))):(u(t,cf),u(t,C(na))));if(L?!x(t,Ze):!x(t,$b)){a.destination=null;c++;K.splice(0,c);return}}K.splice(0,c);var ua=a.completedBoundaries;for(c=0;c<ua.length;c++)if(!Rh(a,b,ua[c])){a.destination=null;c++;ua.splice(0,c);return}ua.splice(0,c);ub(b);l=new Uint8Array(2048);p=0;bb=!0;var ca=a.partialBoundaries;for(c=0;c<ca.length;c++){var oa=
+ca[c];a:{K=a;P=b;var ia=oa.completedSegments;for(y=0;y<ia.length;y++)if(!Sh(K,P,oa,ia[y])){y++;ia.splice(0,y);var cb=!1;break a}ia.splice(0,y);cb=rf(P,oa.contentState,K.renderState)}if(!cb){a.destination=null;c++;ca.splice(0,c);return}}ca.splice(0,c);var Ca=a.completedBoundaries;for(c=0;c<Ca.length;c++)if(!Rh(a,b,Ca[c])){a.destination=null;c++;Ca.splice(0,c);return}Ca.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?
+(a.flushScheduled=!1,null===a.trackedPostpones&&(c=a.resumableState,c.hasBody&&u(b,ed("body")),c.hasHtml&&u(b,ed("html"))),ub(b),ab(b),b.end(),a.destination=null):(ub(b),ab(b))}}function Th(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return Rf.run(a,nh,a)});null===a.trackedPostpones&&setImmediate(function(){return Rf.run(a,Uh,a)})}function Uh(a){Mh(a,0===a.pendingRootTasks)}
+function Mf(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setImmediate(function(){var b=a.destination;b?Nh(a,b):a.flushScheduled=!1}))}function Vh(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Nh(a,b)}catch(c){Y(a,c,{}),sh(a,c)}}}
+function Wh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return Jh(e,a,d)});c.clear()}null!==a.destination&&Nh(a,a.destination)}catch(e){Y(a,e,{}),sh(a,e)}}function Fh(a,b,c){if(null===b)c.rootNodes.push(a);else{var d=c.workingMap,e=d.get(b);void 0===e&&(e=[b[1],b[2],[],null],d.set(b,e),Fh(e,b[0],c));e[2].push(a)}}
+function Xh(a){var b=a.trackedPostpones;if(null===b||0===b.rootNodes.length&&null===b.rootSlots)return a.trackedPostpones=null;if(null!==a.completedRootSegment&&5===a.completedRootSegment.status){var c=a.resumableState,d=a.renderState;c.nextFormID=0;c.hasBody=!1;c.hasHtml=!1;c.unknownResources={font:d.resets.font};c.dnsResources=d.resets.dns;c.connectResources=d.resets.connect;c.imageResources=d.resets.image;c.styleResources=d.resets.style;c.scriptResources={};c.moduleUnknownResources={};c.moduleScriptResources=
+{}}else c=a.resumableState,c.bootstrapScriptContent=void 0,c.bootstrapScripts=void 0,c.bootstrapModules=void 0;return{nextSegmentId:a.nextSegmentId,rootFormatContext:a.rootFormatContext,progressiveChunkSize:a.progressiveChunkSize,resumableState:a.resumableState,replayNodes:b.rootNodes,replaySlots:b.rootSlots}}function Yh(a,b){return function(){return Vh(b,a)}}function Zh(a,b){return function(){a.destination=null;Wh(a,Error(b))}}
+function $h(a,b){var c=oc(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0);return hh(a,c,mc(c,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,b?b.onHeaders:void 0,b?b.maxHeadersLength:void 0),pc(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,b?b.onAllReady:void 0,b?b.onShellReady:void 0,b?b.onShellError:void 0,void 0,b?b.onPostpone:
 void 0,b?b.formState:void 0)}
-function Mh(a,b,c){var d=Eb(b.resumableState,c?c.nonce:void 0,void 0,void 0,void 0,void 0),e=c?c.onError:void 0,f=c?c.onAllReady:void 0,g=c?c.onShellReady:void 0,h=c?c.onShellError:void 0,k=c?c.onPostpone:void 0;Wa.current=db;c=[];var m=new Set;d={destination:null,flushScheduled:!1,resumableState:b.resumableState,renderState:d,rootFormatContext:b.rootFormatContext,progressiveChunkSize:b.progressiveChunkSize,status:0,fatalError:null,nextSegmentId:b.nextSegmentId,allPendingTasks:0,pendingRootTasks:0,
-completedRootSegment:null,abortableTasks:m,pingedTasks:c,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===e?Rg:e,onPostpone:void 0===k?Sg:k,onAllReady:void 0===f?Sg:f,onShellReady:void 0===g?Sg:g,onShellError:void 0===h?Sg:h,onFatalError:Sg,formState:null};"number"===typeof b.replaySlots?(e=b.replaySlots,f=Ug(d,0,null,b.rootFormatContext,!1,!1),f.id=e,f.parentFlushed=!0,a=Vg(d,null,a,-1,null,f,m,null,b.rootFormatContext,Jf,null,Vf,null),
-c.push(a)):(a=ah(d,null,{nodes:b.replayNodes,slots:b.replaySlots,pendingTasks:0},a,-1,null,m,null,b.rootFormatContext,Jf,null,Vf,null),c.push(a));return d}function Nh(a){return{write:function(b){return a.push(b)},end:function(){a.push(null)},destroy:function(b){a.destroy(b)}}}
-exports.prerenderToNodeStream=function(a,b){return new Promise(function(c,d){var e=Ob(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),f=Wg(a,e,Eb(e,void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,b?b.onHeaders:void 0,b?b.maxHeadersLength:void 0),Pb(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,function(){var k=new ka.Readable({read:function(){Gh(f,
-m)}}),m=Nh(k);k={postponed:Ih(f),prelude:k};c(k)},void 0,void 0,d,b?b.onPostpone:void 0);if(b&&b.signal){var g=b.signal;if(g.aborted)Hh(f,g.reason);else{var h=function(){Hh(f,g.reason);g.removeEventListener("abort",h)};g.addEventListener("abort",h)}}Eh(f)})};
-exports.renderToPipeableStream=function(a,b){var c=Lh(a,b),d=!1;Eh(c);return{pipe:function(e){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;xh(c,null===c.trackedPostpones?0===c.pendingRootTasks:null===c.completedRootSegment?0===c.pendingRootTasks:5!==c.completedRootSegment.status);Gh(c,e);e.on("drain",Jh(e,c));e.on("error",Kh(c,"The destination stream errored while writing data."));e.on("close",Kh(c,"The destination stream closed early."));return e},abort:function(e){Hh(c,
-e)}}};exports.resumeToPipeableStream=function(a,b,c){var d=Mh(a,b,c),e=!1;Eh(d);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Gh(d,f);f.on("drain",Jh(f,d));f.on("error",Kh(d,"The destination stream errored while writing data."));f.on("close",Kh(d,"The destination stream closed early."));return f},abort:function(f){Hh(d,f)}}};exports.version="18.3.0-experimental-60a927d04-20240113";
+function ai(a,b,c){var d=mc(b.resumableState,c?c.nonce:void 0,void 0,void 0,void 0,void 0),e=c?c.onError:void 0,f=c?c.onAllReady:void 0,g=c?c.onShellReady:void 0,h=c?c.onShellError:void 0,k=c?c.onPostpone:void 0;Gb.current=Zb;c=[];var m=new Set;d={destination:null,flushScheduled:!1,resumableState:b.resumableState,renderState:d,rootFormatContext:b.rootFormatContext,progressiveChunkSize:b.progressiveChunkSize,status:0,fatalError:null,nextSegmentId:b.nextSegmentId,allPendingTasks:0,pendingRootTasks:0,
+completedRootSegment:null,abortableTasks:m,pingedTasks:c,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===e?fh:e,onPostpone:void 0===k?gh:k,onAllReady:void 0===f?gh:f,onShellReady:void 0===g?gh:g,onShellError:void 0===h?gh:h,onFatalError:gh,formState:null};"number"===typeof b.replaySlots?(e=b.replaySlots,f=ih(d,0,null,b.rootFormatContext,!1,!1),f.id=e,f.parentFlushed=!0,a=jh(d,null,a,-1,null,f,null,m,null,b.rootFormatContext,Uf,null,eg,
+null,!1),c.push(a)):(a=ph(d,null,{nodes:b.replayNodes,slots:b.replaySlots,pendingTasks:0},a,-1,null,null,m,null,b.rootFormatContext,Uf,null,eg,null,!1),c.push(a));return d}function bi(a){return{write:function(b){return a.push(b)},end:function(){a.push(null)},destroy:function(b){a.destroy(b)}}}
+exports.prerenderToNodeStream=function(a,b){return new Promise(function(c,d){var e=oc(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),f=kh(a,e,mc(e,void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,b?b.onHeaders:void 0,b?b.maxHeadersLength:void 0),pc(b?b.namespaceURI:void 0),b?b.progressiveChunkSize:void 0,b?b.onError:void 0,function(){var k=new la.Readable({read:function(){Vh(f,
+m)}}),m=bi(k);k={postponed:Xh(f),prelude:k};c(k)},void 0,void 0,d,b?b.onPostpone:void 0);if(b&&b.signal){var g=b.signal;if(g.aborted)Wh(f,g.reason);else{var h=function(){Wh(f,g.reason);g.removeEventListener("abort",h)};g.addEventListener("abort",h)}}Th(f)})};
+exports.renderToPipeableStream=function(a,b){var c=$h(a,b),d=!1;Th(c);return{pipe:function(e){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;Mh(c,null===c.trackedPostpones?0===c.pendingRootTasks:null===c.completedRootSegment?0===c.pendingRootTasks:5!==c.completedRootSegment.status);Vh(c,e);e.on("drain",Yh(e,c));e.on("error",Zh(c,"The destination stream errored while writing data."));e.on("close",Zh(c,"The destination stream closed early."));return e},abort:function(e){Wh(c,
+e)}}};exports.resumeToPipeableStream=function(a,b,c){var d=ai(a,b,c),e=!1;Th(d);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Vh(d,f);f.on("drain",Yh(f,d));f.on("error",Zh(d,"The destination stream errored while writing data."));f.on("close",Zh(d,"The destination stream closed early."));return f},abort:function(f){Wh(d,f)}}};exports.version="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server.node.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-test-utils.production.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-test-utils.production.js
index c798c9dfea1708..09c0f408c5114b 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-test-utils.production.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-test-utils.production.js
@@ -932,8 +932,10 @@ const getInstanceFromNode = EventInternals[0];
 const getNodeFromInstance = EventInternals[1];
 const getFiberCurrentPropsFromNode = EventInternals[2];
 const enqueueStateRestore = EventInternals[3];
-const restoreStateIfNeeded = EventInternals[4];
-const act = React.unstable_act;
+const restoreStateIfNeeded = EventInternals[4]; // TODO: Add a warning if this API is accessed with advice to switch to
+// importing directly from the React package instead.
+
+const act = React.act;
 
 function Event(suffix) {}
 /**
@@ -1010,7 +1012,7 @@ function validateClassInstance(inst, methodName) {
     received = stringified;
   }
 
-  throw new Error(methodName + "(...): the first argument must be a React class instance. " + ("Instead received: " + received + "."));
+  throw new Error("The first argument must be a React class instance. " + ("Instead received: " + received + "."));
 }
 /**
  * Utilities for making it easy to test React components.
@@ -1070,7 +1072,7 @@ function isCompositeComponentWithType(inst, type) {
 }
 
 function findAllInRenderedTree(inst, test) {
-  validateClassInstance(inst, 'findAllInRenderedTree');
+  validateClassInstance(inst);
 
   if (!inst) {
     return [];
@@ -1087,7 +1089,7 @@ function findAllInRenderedTree(inst, test) {
 
 
 function scryRenderedDOMComponentsWithClass(root, classNames) {
-  validateClassInstance(root, 'scryRenderedDOMComponentsWithClass');
+  validateClassInstance(root);
   return findAllInRenderedTree(root, function (inst) {
     if (isDOMComponent(inst)) {
       let className = inst.className;
@@ -1124,7 +1126,7 @@ function scryRenderedDOMComponentsWithClass(root, classNames) {
 
 
 function findRenderedDOMComponentWithClass(root, className) {
-  validateClassInstance(root, 'findRenderedDOMComponentWithClass');
+  validateClassInstance(root);
   const all = scryRenderedDOMComponentsWithClass(root, className);
 
   if (all.length !== 1) {
@@ -1141,7 +1143,7 @@ function findRenderedDOMComponentWithClass(root, className) {
 
 
 function scryRenderedDOMComponentsWithTag(root, tagName) {
-  validateClassInstance(root, 'scryRenderedDOMComponentsWithTag');
+  validateClassInstance(root);
   return findAllInRenderedTree(root, function (inst) {
     return isDOMComponent(inst) && inst.tagName.toUpperCase() === tagName.toUpperCase();
   });
@@ -1155,7 +1157,7 @@ function scryRenderedDOMComponentsWithTag(root, tagName) {
 
 
 function findRenderedDOMComponentWithTag(root, tagName) {
-  validateClassInstance(root, 'findRenderedDOMComponentWithTag');
+  validateClassInstance(root);
   const all = scryRenderedDOMComponentsWithTag(root, tagName);
 
   if (all.length !== 1) {
@@ -1171,7 +1173,7 @@ function findRenderedDOMComponentWithTag(root, tagName) {
 
 
 function scryRenderedComponentsWithType(root, componentType) {
-  validateClassInstance(root, 'scryRenderedComponentsWithType');
+  validateClassInstance(root);
   return findAllInRenderedTree(root, function (inst) {
     return isCompositeComponentWithType(inst, componentType);
   });
@@ -1185,7 +1187,7 @@ function scryRenderedComponentsWithType(root, componentType) {
 
 
 function findRenderedComponentWithType(root, componentType) {
-  validateClassInstance(root, 'findRenderedComponentWithType');
+  validateClassInstance(root);
   const all = scryRenderedComponentsWithType(root, componentType);
 
   if (all.length !== 1) {
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 68e9e7a55cd6f4..0db49d4be2216d 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
@@ -104,7 +104,7 @@ var assign = Object.assign;
 
 var enableClientRenderFallbackOnTextMismatch = true;
 var enableFormActions = true;
-var enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+var enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -127,18 +127,15 @@ var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in
 var alwaysThrottleRetries = true;
 var syncLaneExpirationMs = 250;
 var transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
+// Ready for next major.
 //
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
+// Alias __NEXT_MAJOR__ to true for easier skimming.
 // -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
 
-var createRootStrictEffectsByDefault = false;
+var __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// Remove IE and MsApp specific workarounds for innerHTML
+
+var disableIEWorkarounds = __NEXT_MAJOR__; // Changes the behavior for rendering custom elements in both server rendering
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -147,9 +144,7 @@ var createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-var disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
-
-var disableIEWorkarounds = true; // Filter certain DOM attributes (e.g. src, href) if their values are empty
+var disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -266,9 +261,10 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -280,7 +276,6 @@ var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
 var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
 var REACT_CACHE_TYPE = Symbol.for('react.cache');
 var REACT_TRACING_MARKER_TYPE = Symbol.for('react.tracing_marker');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -319,9 +314,7 @@ var HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -1665,7 +1658,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1702,7 +1695,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -2809,7 +2802,7 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
 
 var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -2825,6 +2818,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 var reentry = false;
 var componentFrameCache;
 
@@ -3074,72 +3070,17 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
 }
 
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
 function describeFiber(fiber) {
 
   switch (fiber.tag) {
@@ -3179,7 +3120,23 @@ function getStackByFiberInDevAndProd(workInProgress) {
     var node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (true) {
+        // Add any Server Component stack frames in reverse order.
+        var debugInfo = node._debugInfo;
+
+        if (debugInfo) {
+          for (var i = debugInfo.length - 1; i >= 0; i--) {
+            var entry = debugInfo[i];
+
+            if (typeof entry.name === 'string') {
+              info += describeDebugInfoFrame(entry.name, entry.env);
+            }
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -3261,13 +3218,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -3293,13 +3260,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
@@ -3325,12 +3285,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      var context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        var context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      var provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        var provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3408,7 +3372,7 @@ function getComponentNameFromFiber(fiber) {
   return null;
 }
 
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 var current = null;
 var isRendering = false;
 function getCurrentFiberOwnerNameInDevOrNull() {
@@ -3441,14 +3405,14 @@ function getCurrentFiberStackInDev() {
 
 function resetCurrentFiber() {
   {
-    ReactDebugCurrentFrame$1.getCurrentStack = null;
+    ReactDebugCurrentFrame.getCurrentStack = null;
     current = null;
     isRendering = false;
   }
 }
 function setCurrentFiber(fiber) {
   {
-    ReactDebugCurrentFrame$1.getCurrentStack = fiber === null ? null : getCurrentFiberStackInDev;
+    ReactDebugCurrentFrame.getCurrentStack = fiber === null ? null : getCurrentFiberStackInDev;
     current = fiber;
     isRendering = false;
   }
@@ -4502,7 +4466,7 @@ function validateDOMNesting(childTag, ancestorInfo) {
     var invalidParentOrAncestor = invalidParent || invalidAncestor;
 
     if (!invalidParentOrAncestor) {
-      return;
+      return true;
     }
 
     var ancestorTag = invalidParentOrAncestor.tag;
@@ -4510,7 +4474,7 @@ function validateDOMNesting(childTag, ancestorInfo) {
     String(!!invalidParent) + '|' + childTag + '|' + ancestorTag;
 
     if (didWarn$1[warnKey]) {
-      return;
+      return false;
     }
 
     didWarn$1[warnKey] = true;
@@ -4523,33 +4487,37 @@ function validateDOMNesting(childTag, ancestorInfo) {
         info += ' Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by ' + 'the browser.';
       }
 
-      error('validateDOMNesting(...): %s cannot appear as a child of <%s>.%s', tagDisplayName, ancestorTag, info);
+      error('In HTML, %s cannot be a child of <%s>.%s\n' + 'This will cause a hydration error.', tagDisplayName, ancestorTag, info);
     } else {
-      error('validateDOMNesting(...): %s cannot appear as a descendant of ' + '<%s>.', tagDisplayName, ancestorTag);
+      error('In HTML, %s cannot be a descendant of <%s>.\n' + 'This will cause a hydration error.', tagDisplayName, ancestorTag);
     }
+
+    return false;
   }
 }
 
 function validateTextNesting(childText, parentTag) {
   {
     if (isTagValidWithParent('#text', parentTag)) {
-      return;
+      return true;
     } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
     var warnKey = '#text|' + parentTag;
 
     if (didWarn$1[warnKey]) {
-      return;
+      return false;
     }
 
     didWarn$1[warnKey] = true;
 
     if (/\S/.test(childText)) {
-      error('validateDOMNesting(...): Text nodes cannot appear as a child of <%s>.', parentTag);
+      error('In HTML, text nodes cannot be a child of <%s>.\n' + 'This will cause a hydration error.', parentTag);
     } else {
-      error('validateDOMNesting(...): Whitespace text nodes cannot appear as a child of <%s>. ' + "Make sure you don't have any extra whitespace between tags on " + 'each line of your source code.', parentTag);
+      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.\n' + 'This will cause a hydration error.', parentTag);
     }
+
+    return false;
   }
 }
 
@@ -5839,6 +5807,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -6479,70 +6448,6 @@ function findCurrentHostFiberWithNoPortalsImpl(node) {
   return null;
 }
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
 var warnedAboutMissingGetChildContext;
 
 {
@@ -6608,11 +6513,6 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (var key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromFiber(workInProgress) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
     } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
@@ -6691,11 +6591,6 @@ function processChildContext(fiber, type, parentContext) {
       }
     }
 
-    {
-      var name = getComponentNameFromFiber(fiber) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
     return assign({}, parentContext, childContext);
   }
 }
@@ -7084,7 +6979,6 @@ function warnUnhydratedInstance(returnFiber, instance) {
 }
 
 function deleteHydratableInstance(returnFiber, instance) {
-  warnUnhydratedInstance(returnFiber, instance);
   var childToDelete = createFiberFromHostInstanceForDeletion();
   childToDelete.stateNode = instance;
   childToDelete.return = returnFiber;
@@ -7098,7 +6992,7 @@ function deleteHydratableInstance(returnFiber, instance) {
   }
 }
 
-function warnNonhydratedInstance(returnFiber, fiber) {
+function warnNonHydratedInstance(returnFiber, fiber) {
   {
     if (didSuspendOrErrorDEV) {
       // Inside a boundary that already suspended. We're currently rendering the
@@ -7189,7 +7083,6 @@ function warnNonhydratedInstance(returnFiber, fiber) {
 
 function insertNonHydratedInstance(returnFiber, fiber) {
   fiber.flags = fiber.flags & ~Hydrating | Placement;
-  warnNonhydratedInstance(returnFiber, fiber);
 }
 
 function tryHydrateInstance(fiber, nextInstance) {
@@ -7277,19 +7170,30 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
+  } // Validate that this is ok to render here before any mismatches.
+
 
+  var currentHostContext = getHostContext();
+  var shouldKeepWarning = validateHydratableInstance(fiber.type, fiber.pendingProps, currentHostContext);
   var initialInstance = nextHydratableInstance;
   var nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+    if (shouldKeepWarning) {
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
+    }
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7300,7 +7204,10 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7313,6 +7220,11 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7323,6 +7235,10 @@ function tryToClaimNextHydratableInstance(fiber) {
     // fiber associated with it.
 
 
+    if (shouldKeepWarning) {
+      warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
+    }
+
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7334,6 +7250,14 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   var text = fiber.pendingProps;
   var isHydratable = isHydratableText(text);
+  var shouldKeepWarning = true;
+
+  if (isHydratable) {
+    // Validate that this is ok to render here before any mismatches.
+    var currentHostContext = getHostContext();
+    shouldKeepWarning = validateHydratableTextInstance(text, currentHostContext);
+  }
+
   var initialInstance = nextHydratableInstance;
   var nextInstance = nextHydratableInstance;
 
@@ -7341,12 +7265,20 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+    if (shouldKeepWarning) {
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
+    }
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7357,7 +7289,10 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7370,6 +7305,11 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7380,6 +7320,10 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // fiber associated with it.
 
 
+    if (shouldKeepWarning) {
+      warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
+    }
+
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7394,12 +7338,13 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+    warnNonHydratedInstance(hydrationParentFiber, fiber);
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7410,7 +7355,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
 
   if (!tryHydrateSuspense(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7423,6 +7368,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateSuspense(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7433,6 +7379,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
     // fiber associated with it.
 
 
+    warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7608,6 +7555,7 @@ function popHydrationState(fiber) {
         throwOnHydrationMismatch();
       } else {
         while (nextInstance) {
+          warnUnhydratedInstance(fiber, nextInstance);
           deleteHydratableInstance(fiber, nextInstance);
           nextInstance = getNextHydratableSibling(nextInstance);
         }
@@ -7878,256 +7826,767 @@ function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
   }
 }
 
-var UpdateState = 0;
-var ReplaceState = 1;
-var ForceUpdate = 2;
-var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
-
-var hasForceUpdate = false;
-var didWarnUpdateInsideUpdate;
-var currentlyProcessingQueue;
-
-{
-  didWarnUpdateInsideUpdate = false;
-  currentlyProcessingQueue = null;
-}
+var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
 
-function initializeUpdateQueue(fiber) {
-  var queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      lanes: NoLanes,
-      hiddenCallbacks: null
-    },
-    callbacks: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  var queue = workInProgress.updateQueue;
-  var currentQueue = current.updateQueue;
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-  if (queue === currentQueue) {
-    var clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      callbacks: null
-    };
-    workInProgress.updateQueue = clone;
-  }
-}
-function createUpdate(lane) {
-  var update = {
-    lane: lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
-}
-function enqueueUpdate(fiber, update, lane) {
-  var updateQueue = fiber.updateQueue;
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
-  }
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
 
-  var sharedQueue = updateQueue.shared;
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
 
-  {
-    if (currentlyProcessingQueue === sharedQueue && !didWarnUpdateInsideUpdate) {
-      var componentName = getComponentNameFromFiber(fiber);
 
-      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);
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
 
-      didWarnUpdateInsideUpdate = true;
+  if (ReactCurrentActQueue$3.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
     }
-  }
-
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    var pending = sharedQueue.pending;
-
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
-    } else {
-      update.next = pending.next;
-      pending.next = update;
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
     }
+  }
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
-
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+  if (ReactCurrentActQueue$3.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$3.didScheduleLegacyUpdate = true;
   }
 }
-function entangleTransitions(root, fiber, lane) {
-  var updateQueue = fiber.updateQueue;
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
     return;
   }
 
-  var sharedQueue = updateQueue.shared;
-
-  if (isTransitionLane(lane)) {
-    var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
-
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
-
-    var newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
-
-    markRootEntangled(root, newQueueLanes);
-  }
-}
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
-
-  var current = workInProgress.alternate;
-
-  if (current !== null) {
-    var currentQueue = current.updateQueue;
-
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      var newFirst = null;
-      var newLast = null;
-      var firstBaseUpdate = queue.firstBaseUpdate;
-
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        var update = firstBaseUpdate;
-
-        do {
-          var clone = {
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
 
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
 
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
 
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        var workInProgressRoot = getWorkInProgressRoot();
+        var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
 
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
         }
-      } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
       }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        callbacks: currentQueue.callbacks
-      };
-      workInProgress.updateQueue = queue;
-      return;
+      root = root.next;
     }
-  } // Append the update to the end of the list.
+  } while (didPerformSomeWork);
 
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
 
-  var lastBaseUpdate = queue.lastBaseUpdate;
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
 
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
   }
+}
 
-  queue.lastBaseUpdate = capturedUpdate;
+function throwError(error) {
+  throw error;
 }
 
-function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-  switch (update.tag) {
-    case ReplaceState:
-      {
-        var payload = update.payload;
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
 
-        if (typeof payload === 'function') {
-          // Updater function
-          {
-            enterDisallowedContextReadInDEV();
-          }
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
 
-          var nextState = payload.call(instance, prevState, nextProps);
 
-          {
-            if (workInProgress.mode & StrictLegacyMode) {
-              setIsStrictModeForDevtools(true);
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
 
-              try {
-                payload.call(instance, prevState, nextProps);
-              } finally {
-                setIsStrictModeForDevtools(false);
-              }
-            }
+  while (root !== null) {
+    var next = root.next;
 
-            exitDisallowedContextReadInDEV();
-          }
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
 
-          return nextState;
-        } // State object
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
 
-        return payload;
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
       }
 
-    case CaptureUpdate:
-      {
-        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
       }
-    // Intentional fallthrough
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  var existingCallbackNode = root.callbackNode;
+
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(ReactCurrentActQueue$3.current !== null && existingCallbackNode !== fakeActCallbackNode$1)) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$3.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$3.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1) ; else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$3.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$3.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+
+  {
+    scheduleMicrotask(function () {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      var executionContext = getExecutionContext();
+
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
+
+      cb();
+    });
+  }
+}
+
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
+
+var currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+
+var currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+
+var currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
+
+var currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    var entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    var entangledThenable = {
+      status: 'pending',
+      value: undefined,
+      then: function (resolve) {
+        entangledListeners.push(resolve);
+      }
+    };
+    currentEntangledActionThenable = entangledThenable;
+  }
+
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
+
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      var fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
+
+    var listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
+      listener();
+    }
+  }
+}
+
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  var listeners = [];
+  var thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
+    then: function (resolve) {
+      listeners.push(resolve);
+    }
+  };
+  thenable.then(function (value) {
+    var fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
+      listener(result);
+    }
+  }, function (error) {
+    var rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
+
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
+}
+function peekEntangledActionLane() {
+  return currentEntangledLane;
+}
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
+}
+
+var UpdateState = 0;
+var ReplaceState = 1;
+var ForceUpdate = 2;
+var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
+
+var hasForceUpdate = false;
+var didWarnUpdateInsideUpdate;
+var currentlyProcessingQueue;
+
+{
+  didWarnUpdateInsideUpdate = false;
+  currentlyProcessingQueue = null;
+}
+
+function initializeUpdateQueue(fiber) {
+  var queue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: {
+      pending: null,
+      lanes: NoLanes,
+      hiddenCallbacks: null
+    },
+    callbacks: null
+  };
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  var queue = workInProgress.updateQueue;
+  var currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    var clone = {
+      baseState: currentQueue.baseState,
+      firstBaseUpdate: currentQueue.firstBaseUpdate,
+      lastBaseUpdate: currentQueue.lastBaseUpdate,
+      shared: currentQueue.shared,
+      callbacks: null
+    };
+    workInProgress.updateQueue = clone;
+  }
+}
+function createUpdate(lane) {
+  var update = {
+    lane: lane,
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+    next: null
+  };
+  return update;
+}
+function enqueueUpdate(fiber, update, lane) {
+  var updateQueue = fiber.updateQueue;
+
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return null;
+  }
+
+  var sharedQueue = updateQueue.shared;
+
+  {
+    if (currentlyProcessingQueue === sharedQueue && !didWarnUpdateInsideUpdate) {
+      var componentName = getComponentNameFromFiber(fiber);
+
+      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);
+
+      didWarnUpdateInsideUpdate = true;
+    }
+  }
+
+  if (isUnsafeClassRenderPhaseUpdate()) {
+    // This is an unsafe render phase update. Add directly to the update
+    // queue so we can process it immediately during the current render.
+    var pending = sharedQueue.pending;
+
+    if (pending === null) {
+      // This is the first update. Create a circular list.
+      update.next = update;
+    } else {
+      update.next = pending.next;
+      pending.next = update;
+    }
+
+    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+    // this fiber. This is for backwards compatibility in the case where you
+    // update a different component during render phase than the one that is
+    // currently renderings (a pattern that is accompanied by a warning).
+
+    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+  } else {
+    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+  }
+}
+function entangleTransitions(root, fiber, lane) {
+  var updateQueue = fiber.updateQueue;
+
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
+  }
+
+  var sharedQueue = updateQueue.shared;
+
+  if (isTransitionLane(lane)) {
+    var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+    // have finished. We can remove them from the shared queue, which represents
+    // a superset of the actually pending lanes. In some cases we may entangle
+    // more than we need to, but that's OK. In fact it's worse if we *don't*
+    // entangle when we should.
+
+    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+    var newQueueLanes = mergeLanes(queueLanes, lane);
+    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+    // the lane finished since the last time we entangled it. So we need to
+    // entangle it again, just to be sure.
+
+    markRootEntangled(root, newQueueLanes);
+  }
+}
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  // Captured updates are updates that are thrown by a child during the render
+  // phase. They should be discarded if the render is aborted. Therefore,
+  // we should only put them on the work-in-progress queue, not the current one.
+  var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
+
+  var current = workInProgress.alternate;
+
+  if (current !== null) {
+    var currentQueue = current.updateQueue;
+
+    if (queue === currentQueue) {
+      // The work-in-progress queue is the same as current. This happens when
+      // we bail out on a parent fiber that then captures an error thrown by
+      // a child. Since we want to append the update only to the work-in
+      // -progress queue, we need to clone the updates. We usually clone during
+      // processUpdateQueue, but that didn't happen in this case because we
+      // skipped over the parent when we bailed out.
+      var newFirst = null;
+      var newLast = null;
+      var firstBaseUpdate = queue.firstBaseUpdate;
+
+      if (firstBaseUpdate !== null) {
+        // Loop through the updates and clone them.
+        var update = firstBaseUpdate;
+
+        do {
+          var clone = {
+            lane: update.lane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
+
+          if (newLast === null) {
+            newFirst = newLast = clone;
+          } else {
+            newLast.next = clone;
+            newLast = clone;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+
+          update = update.next;
+        } while (update !== null); // Append the captured update the end of the cloned list.
+
+
+        if (newLast === null) {
+          newFirst = newLast = capturedUpdate;
+        } else {
+          newLast.next = capturedUpdate;
+          newLast = capturedUpdate;
+        }
+      } else {
+        // There are no base updates.
+        newFirst = newLast = capturedUpdate;
+      }
+
+      queue = {
+        baseState: currentQueue.baseState,
+        firstBaseUpdate: newFirst,
+        lastBaseUpdate: newLast,
+        shared: currentQueue.shared,
+        callbacks: currentQueue.callbacks
+      };
+      workInProgress.updateQueue = queue;
+      return;
+    }
+  } // Append the update to the end of the list.
+
+
+  var lastBaseUpdate = queue.lastBaseUpdate;
+
+  if (lastBaseUpdate === null) {
+    queue.firstBaseUpdate = capturedUpdate;
+  } else {
+    lastBaseUpdate.next = capturedUpdate;
+  }
+
+  queue.lastBaseUpdate = capturedUpdate;
+}
+
+function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+  switch (update.tag) {
+    case ReplaceState:
+      {
+        var payload = update.payload;
+
+        if (typeof payload === 'function') {
+          // Updater function
+          {
+            enterDisallowedContextReadInDEV();
+          }
+
+          var nextState = payload.call(instance, prevState, nextProps);
+
+          {
+            if (workInProgress.mode & StrictLegacyMode) {
+              setIsStrictModeForDevtools(true);
+
+              try {
+                payload.call(instance, prevState, nextProps);
+              } finally {
+                setIsStrictModeForDevtools(false);
+              }
+            }
+
+            exitDisallowedContextReadInDEV();
+          }
+
+          return nextState;
+        } // State object
+
+
+        return payload;
+      }
+
+    case CaptureUpdate:
+      {
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
+      }
+    // Intentional fallthrough
 
     case UpdateState:
       {
@@ -8179,8 +8638,32 @@ function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps,
   return prevState;
 }
 
+var didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
+
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    var entangledActionThenable = peekEntangledActionThenable();
+
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
+    }
+  }
+}
 function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
+
   var queue = workInProgress.updateQueue;
   hasForceUpdate = false;
 
@@ -8278,6 +8761,13 @@ function processUpdateQueue(workInProgress, props, instance, renderLanes) {
         newLanes = mergeLanes(newLanes, updateLane);
       } else {
         // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
+        }
+
         if (newLastBaseUpdate !== null) {
           var _clone = {
             // This update is going to be committed so we never want uncommit
@@ -8700,9 +9190,17 @@ var ReactStrictModeWarnings = {
   };
 }
 
-var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+
+function getThenablesFromState(state) {
+  {
+    var devState = state;
+    return devState.thenables;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
 // detect this is caught by userspace, we'll log a warning in development.
 
+
 var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
 var SuspenseyCommitException = new Error('Suspense Exception: This is not a real error, and should not leak into ' + "userspace. If you're seeing this, it's likely a bug in React."); // This is a noop thenable that we use to trigger a fallback in throwException.
 // TODO: It would be better to refactor throwException into multiple functions
@@ -8719,7 +9217,12 @@ var noopSuspenseyCommitThenable = {
 function createThenableState() {
   // The ThenableState is created the first time a component suspends. If it
   // suspends again, we'll reuse the same state.
-  return [];
+  {
+    return {
+      didWarnAboutUncachedPromise: false,
+      thenables: []
+    };
+  }
 }
 function isThenableResolved(thenable) {
   var status = thenable.status;
@@ -8729,20 +9232,46 @@ function isThenableResolved(thenable) {
 function noop$2() {}
 
 function trackUsedThenable(thenableState, thenable, index) {
-  if (ReactCurrentActQueue$3.current !== null) {
-    ReactCurrentActQueue$3.didUsePromise = true;
+  if (ReactCurrentActQueue$2.current !== null) {
+    ReactCurrentActQueue$2.didUsePromise = true;
   }
 
-  var previous = thenableState[index];
+  var trackedThenables = getThenablesFromState(thenableState);
+  var previous = trackedThenables[index];
 
   if (previous === undefined) {
-    thenableState.push(thenable);
+    trackedThenables.push(thenable);
   } else {
     if (previous !== thenable) {
       // Reuse the previous thenable, and drop the new one. We can assume
       // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
+      {
+        var thenableStateDev = thenableState;
+
+        if (!thenableStateDev.didWarnAboutUncachedPromise) {
+          // We should only warn the first time an uncached thenable is
+          // discovered per component, because if there are multiple, the
+          // subsequent ones are likely derived from the first.
+          //
+          // We track this on the thenableState instead of deduping using the
+          // component name like we usually do, because in the case of a
+          // promise-as-React-node, the owner component is likely different from
+          // the parent that's currently being reconciled. We'd have to track
+          // the owner using state, which we're trying to move away from. Though
+          // since this is dev-only, maybe that'd be OK.
+          //
+          // However, another benefit of doing it this way is we might
+          // eventually have a thenableState per memo/Forget boundary instead
+          // of per component, so this would allow us to have more
+          // granular warnings.
+          thenableStateDev.didWarnAboutUncachedPromise = true; // TODO: This warning should link to a corresponding docs page.
+
+          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.');
+        }
+      } // Avoid an unhandled rejection errors for the Promises that we'll
       // intentionally ignore.
+
+
       thenable.then(noop$2, noop$2);
       thenable = previous;
     }
@@ -8813,23 +9342,24 @@ function trackUsedThenable(thenableState, thenable, index) {
               rejectedThenable.status = 'rejected';
               rejectedThenable.reason = error;
             }
-          }); // Check one more time in case the thenable resolved synchronously.
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                var _rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(_rejectedError);
-                throw _rejectedError;
-              }
-          }
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              var fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              var rejectedThenable = thenable;
+              var _rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(_rejectedError);
+              throw _rejectedError;
+            }
         } // Suspend.
         //
         // Throwing here is an implementation detail that allows us to unwind the
@@ -8907,11 +9437,27 @@ function checkIfUseWrappedInAsyncCatch(rejectedReason) {
 
 var thenableState$1 = null;
 var thenableIndexCounter$1 = 0;
+
+function mergeDebugInfo(outer, inner) {
+
+  if (inner == null) {
+    return outer;
+  } else if (outer === null) {
+    return inner;
+  } else {
+    // If we have two debugInfo, we need to create a new one. This makes the array no longer
+    // live so we'll miss any future updates if we received more so ideally we should always
+    // do this after both have fully resolved/unsuspended.
+    return outer.concat(inner);
+  }
+}
+
 var didWarnAboutMaps;
 var didWarnAboutGenerators;
 var didWarnAboutStringRefs;
 var ownerHasKeyUseWarning;
 var ownerHasFunctionTypeWarning;
+var ownerHasSymbolTypeWarning;
 
 var warnForMissingKey = function (child, returnFiber) {};
 
@@ -8927,6 +9473,7 @@ var warnForMissingKey = function (child, returnFiber) {};
 
   ownerHasKeyUseWarning = {};
   ownerHasFunctionTypeWarning = {};
+  ownerHasSymbolTypeWarning = {};
 
   warnForMissingKey = function (child, returnFiber) {
     if (child === null || typeof child !== 'object') {
@@ -8970,83 +9517,119 @@ function unwrapThenable(thenable) {
   return trackUsedThenable(thenableState$1, thenable, index);
 }
 
-function coerceRef(returnFiber, current, element) {
-  var mixedRef = element.ref;
-
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
-    {
-      if ( // We warn in ReactElement.js if owner and self are equal for string refs
-      // because these cannot be automatically converted to an arrow function
-      // using a codemod. Therefore, we don't have to warn about string refs again.
-      !(element._owner && element._self && element._owner.stateNode !== element._self) && // Will already throw with "Function components cannot have string refs"
-      !(element._owner && element._owner.tag !== ClassComponent) && // Will already warn with "Function components cannot be given refs"
-      !(typeof element.type === 'function' && !isReactClass(element.type)) && // Will already throw with "Element ref was specified as a string (someStringRef) but no owner was set"
-      element._owner) {
-        var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
-
-        if (!didWarnAboutStringRefs[componentName]) {
-          error('Component "%s" contains the string ref "%s". Support for string refs ' + 'will be removed in a future major release. We recommend using ' + 'useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, mixedRef);
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  var owner = element._owner;
 
-          didWarnAboutStringRefs[componentName] = true;
-        }
-      }
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw new Error('Expected ref to be a function, a string, an object returned by React.createRef(), or null.');
     }
 
-    if (element._owner) {
-      var owner = element._owner;
-      var inst;
+    throw new Error("Element ref was specified as a string (" + mixedRef + ") but no owner was set. This could happen for one of" + ' the following reasons:\n' + '1. You may be adding a ref to a function component\n' + "2. You may be adding a ref to a component that was not created inside a component's render method\n" + '3. You have multiple copies of React loaded\n' + 'See https://reactjs.org/link/refs-must-have-owner for more information.');
+  }
 
-      if (owner) {
-        var ownerFiber = owner;
+  if (owner.tag !== ClassComponent) {
+    throw new Error('Function components cannot have string refs. ' + 'We recommend using useRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref');
+  } // At this point, we know the ref isn't an object or function but it could
+  // be a number. Coerce it to a string.
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw new Error('Function components cannot have string refs. ' + 'We recommend using useRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref');
-        }
 
-        inst = ownerFiber.stateNode;
-      }
+  {
+    checkPropStringCoercion(mixedRef, 'ref');
+  }
 
-      if (!inst) {
-        throw new Error("Missing owner for string ref " + mixedRef + ". This error is likely caused by a " + 'bug in React. Please file an issue.');
-      } // Assigning this to a const so Flow knows it won't change in the closure
+  var stringRef = '' + mixedRef;
 
+  {
+    if ( // Will already warn with "Function components cannot be given refs"
+    !(typeof element.type === 'function' && !isReactClass(element.type))) {
+      var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
 
-      var resolvedInst = inst;
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". Support for string refs ' + 'will be removed in a future major release. We recommend using ' + 'useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, stringRef);
 
-      {
-        checkPropStringCoercion(mixedRef, 'ref');
+        didWarnAboutStringRefs[componentName] = true;
       }
+    }
+  }
 
-      var stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
+  var inst = owner.stateNode;
 
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
-      }
+  if (!inst) {
+    throw new Error("Missing owner for string ref " + stringRef + ". This error is likely caused by a " + 'bug in React. Please file an issue.');
+  } // Check if previous string ref matches new string ref
 
-      var ref = function (value) {
-        var refs = resolvedInst.refs;
 
-        if (value === null) {
-          delete refs[stringRef];
-        } else {
-          refs[stringRef] = value;
-        }
-      };
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    var currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw new Error('Expected ref to be a function, a string, an object returned by React.createRef(), or null.');
-      }
 
-      if (!element._owner) {
-        throw new Error("Element ref was specified as a string (" + mixedRef + ") but no owner was set. This could happen for one of" + ' the following reasons:\n' + '1. You may be adding a ref to a function component\n' + "2. You may be adding a ref to a component that was not created inside a component's render method\n" + '3. You have multiple copies of React loaded\n' + 'See https://reactjs.org/link/refs-must-have-owner for more information.');
-      }
+  var ref = function (value) {
+    var refs = inst.refs;
+
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
     }
+  };
+
+  ref._stringRef = stringRef;
+  return ref;
+}
+
+function coerceRef(returnFiber, current, workInProgress, element) {
+  var mixedRef;
+
+  {
+    // TODO: This is a temporary, intermediate step. When enableRefAsProp is on,
+    // we should resolve the `ref` prop during the begin phase of the component
+    // it's attached to (HostComponent, ClassComponent, etc).
+    var refProp = element.props.ref;
+    mixedRef = refProp !== undefined ? refProp : null;
   }
 
-  return mixedRef;
+  var coercedRef;
+
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
+
+    {
+      // When enableRefAsProp is on, we should always use the props as the
+      // source of truth for refs. Not a field on the fiber.
+      //
+      // In the case of string refs, this presents a problem, because string
+      // refs are not passed around internally as strings; they are converted to
+      // callback refs. The ref used by the reconciler is not the same as the
+      // one the user provided.
+      //
+      // But since this is a deprecated feature anyway, what we can do is clone
+      // the props object and replace it with the internal callback ref. Then we
+      // can continue to use the props object as the source of truth.
+      //
+      // This means the internal callback ref will leak into userspace. The
+      // receiving component will receive a callback ref even though the parent
+      // passed a string. Which is weird, but again, this is a deprecated
+      // feature, and we're only leaving it around behind a flag so that Meta
+      // can keep using string refs temporarily while they finish migrating
+      // their codebase.
+      var userProvidedProps = workInProgress.pendingProps;
+      var propsWithInternalCallbackRef = assign({}, userProvidedProps);
+      propsWithInternalCallbackRef.ref = coercedRef;
+      workInProgress.pendingProps = propsWithInternalCallbackRef;
+    }
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
+
+
+  workInProgress.ref = coercedRef;
 }
 
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -9055,17 +9638,42 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
   throw new Error("Objects are not valid as a React child (found: " + (childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
 }
 
-function warnOnFunctionType(returnFiber) {
+function warnOnFunctionType(returnFiber, invalidChild) {
   {
-    var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
+    var parentName = getComponentNameFromFiber(returnFiber) || 'Component';
+
+    if (ownerHasFunctionTypeWarning[parentName]) {
+      return;
+    }
+
+    ownerHasFunctionTypeWarning[parentName] = true;
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
 
-    if (ownerHasFunctionTypeWarning[componentName]) {
+    if (returnFiber.tag === HostRoot) {
+      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)', name, name, name);
+    } else {
+      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>', name, name, parentName, name, parentName);
+    }
+  }
+}
+
+function warnOnSymbolType(returnFiber, invalidChild) {
+  {
+    var parentName = getComponentNameFromFiber(returnFiber) || 'Component';
+
+    if (ownerHasSymbolTypeWarning[parentName]) {
       return;
     }
 
-    ownerHasFunctionTypeWarning[componentName] = true;
+    ownerHasSymbolTypeWarning[parentName] = true; // eslint-disable-next-line react-internal/safe-string-coercion
+
+    var name = String(invalidChild);
 
-    error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+    if (returnFiber.tag === HostRoot) {
+      error('Symbols are not valid as a React child.\n' + '  root.render(%s)', name);
+    } else {
+      error('Symbols are not valid as a React child.\n' + '  <%s>%s</%s>', parentName, name, parentName);
+    }
   }
 }
 
@@ -9183,25 +9791,35 @@ function createChildReconciler(shouldTrackSideEffects) {
     return newFiber;
   }
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
     if (current === null || current.tag !== HostText) {
       // Insert
       var created = createFiberFromText(textContent, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, textContent);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function updateElement(returnFiber, current, element, lanes) {
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
     var elementType = element.type;
 
     if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key, debugInfo);
     }
 
     if (current !== null) {
@@ -9213,12 +9831,12 @@ function createChildReconciler(shouldTrackSideEffects) {
       typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
         // Move based on index
         var existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
+        coerceRef(returnFiber, current, existing, element);
         existing.return = returnFiber;
 
         {
-          existing._debugSource = element._source;
           existing._debugOwner = element._owner;
+          existing._debugInfo = debugInfo;
         }
 
         return existing;
@@ -9227,46 +9845,76 @@ function createChildReconciler(shouldTrackSideEffects) {
 
 
     var created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
+    coerceRef(returnFiber, current, created, element);
     created.return = returnFiber;
+
+    {
+      created._debugInfo = debugInfo;
+    }
+
     return created;
   }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
     if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
       // Insert
       var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
     if (current === null || current.tag !== Fragment) {
       // Insert
       var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, fragment);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function createChild(returnFiber, newChild, lanes) {
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
     if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
       // Text nodes don't have keys. If the previous node is implicitly keyed
       // we can continue to replace it without aborting even if it is not a text
       // node.
       var created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     }
 
@@ -9276,8 +9924,13 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var _created = createFiberFromElement(newChild, returnFiber.mode, lanes);
 
-            _created.ref = coerceRef(returnFiber, null, newChild);
+            coerceRef(returnFiber, null, _created, newChild);
             _created.return = returnFiber;
+
+            {
+              _created._debugInfo = mergeDebugInfo(debugInfo, newChild._debugInfo);
+            }
+
             return _created;
           }
 
@@ -9286,6 +9939,11 @@ function createChildReconciler(shouldTrackSideEffects) {
             var _created2 = createFiberFromPortal(newChild, returnFiber.mode, lanes);
 
             _created2.return = returnFiber;
+
+            {
+              _created2._debugInfo = debugInfo;
+            }
+
             return _created2;
           }
 
@@ -9293,7 +9951,8 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var payload = newChild._payload;
             var init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
+            return createChild(returnFiber, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo) // call merge after init
+            );
           }
       }
 
@@ -9301,6 +9960,11 @@ function createChildReconciler(shouldTrackSideEffects) {
         var _created3 = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
 
         _created3.return = returnFiber;
+
+        {
+          _created3._debugInfo = mergeDebugInfo(debugInfo, newChild._debugInfo);
+        }
+
         return _created3;
       } // Usable node types
       //
@@ -9309,12 +9973,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
+        return createChild(returnFiber, unwrapThenable(thenable), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9322,14 +9986,18 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
     return null;
   }
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
     // Update the fiber if the keys match, otherwise return null.
     var key = oldFiber !== null ? oldFiber.key : null;
 
@@ -9341,7 +10009,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         return null;
       }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes, debugInfo);
     }
 
     if (typeof newChild === 'object' && newChild !== null) {
@@ -9349,7 +10017,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         case REACT_ELEMENT_TYPE:
           {
             if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
+              return updateElement(returnFiber, oldFiber, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
             } else {
               return null;
             }
@@ -9358,7 +10026,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         case REACT_PORTAL_TYPE:
           {
             if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+              return updatePortal(returnFiber, oldFiber, newChild, lanes, debugInfo);
             } else {
               return null;
             }
@@ -9368,7 +10036,7 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var payload = newChild._payload;
             var init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
           }
       }
 
@@ -9377,7 +10045,7 @@ function createChildReconciler(shouldTrackSideEffects) {
           return null;
         }
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usable node types
       //
       // Unwrap the inner value and recursively call this function again.
@@ -9385,12 +10053,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes, debugInfo);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9398,19 +10066,23 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
     return null;
   }
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
     if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
       // Text nodes don't have keys, so we neither have to check the old nor
       // new node for the key. If both are text nodes, they match.
       var matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes, debugInfo);
     }
 
     if (typeof newChild === 'object' && newChild !== null) {
@@ -9419,26 +10091,26 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var _matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
 
-            return updateElement(returnFiber, _matchedFiber, newChild, lanes);
+            return updateElement(returnFiber, _matchedFiber, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
           }
 
         case REACT_PORTAL_TYPE:
           {
             var _matchedFiber2 = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
 
-            return updatePortal(returnFiber, _matchedFiber2, newChild, lanes);
+            return updatePortal(returnFiber, _matchedFiber2, newChild, lanes, debugInfo);
           }
 
         case REACT_LAZY_TYPE:
           var payload = newChild._payload;
           var init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
       if (isArray(newChild) || getIteratorFn(newChild)) {
         var _matchedFiber3 = existingChildren.get(newIdx) || null;
 
-        return updateFragment(returnFiber, _matchedFiber3, newChild, lanes, null);
+        return updateFragment(returnFiber, _matchedFiber3, newChild, lanes, null, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usable node types
       //
       // Unwrap the inner value and recursively call this function again.
@@ -9446,289 +10118,100 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes, debugInfo);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    {
-      if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
-      }
-    }
-
-    return null;
-  }
-  /**
-   * Warns if there is a duplicate or missing key
-   */
-
-
-  function warnOnInvalidKey(child, knownKeys, returnFiber) {
-    {
-      if (typeof child !== 'object' || child === null) {
-        return knownKeys;
-      }
-
-      switch (child.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-        case REACT_PORTAL_TYPE:
-          warnForMissingKey(child, returnFiber);
-          var key = child.key;
-
-          if (typeof key !== 'string') {
-            break;
-          }
-
-          if (knownKeys === null) {
-            knownKeys = new Set();
-            knownKeys.add(key);
-            break;
-          }
-
-          if (!knownKeys.has(key)) {
-            knownKeys.add(key);
-            break;
-          }
-
-          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 — the behavior is unsupported and ' + 'could change in a future version.', key);
-
-          break;
-
-        case REACT_LAZY_TYPE:
-          var payload = child._payload;
-          var init = child._init;
-          warnOnInvalidKey(init(payload), knownKeys, returnFiber);
-          break;
-      }
-    }
-
-    return knownKeys;
-  }
-
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
-    // This algorithm can't optimize by searching from both ends since we
-    // don't have backpointers on fibers. I'm trying to see how far we can get
-    // with that model. If it ends up not being worth the tradeoffs, we can
-    // add it later.
-    // Even with a two ended optimization, we'd want to optimize for the case
-    // where there are few changes and brute force the comparison instead of
-    // going for the Map. It'd like to explore hitting that path first in
-    // forward-only mode and only go for the Map once we notice that we need
-    // lots of look ahead. This doesn't handle reversal as well as two ended
-    // search but that's unusual. Besides, for the two ended optimization to
-    // work on Iterables, we'd need to copy the whole set.
-    // In this first iteration, we'll just live with hitting the bad case
-    // (adding everything to a Map) in for every insert/move.
-    // If you change this code, also update reconcileChildrenIterator() which
-    // uses the same algorithm.
-    {
-      // First, validate keys.
-      var knownKeys = null;
-
-      for (var i = 0; i < newChildren.length; i++) {
-        var child = newChildren[i];
-        knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
-      }
-    }
-
-    var resultingFirstChild = null;
-    var previousNewFiber = null;
-    var oldFiber = currentFirstChild;
-    var lastPlacedIndex = 0;
-    var newIdx = 0;
-    var nextOldFiber = null;
-
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
-
-      var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
-
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
-
-        break;
-      }
-
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
-
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
-
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
-
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
-
-      if (getIsHydrating()) {
-        var numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
-
-      return resultingFirstChild;
-    }
-
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
-
-        if (_newFiber === null) {
-          continue;
-        }
-
-        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
-
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber;
-        } else {
-          previousNewFiber.sibling = _newFiber;
-        }
-
-        previousNewFiber = _newFiber;
-      }
-
-      if (getIsHydrating()) {
-        var _numberOfForks = newIdx;
-        pushTreeFork(returnFiber, _numberOfForks);
-      }
-
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
-
-
-    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
-
-    for (; newIdx < newChildren.length; newIdx++) {
-      var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
-
-      if (_newFiber2 !== null) {
-        if (shouldTrackSideEffects) {
-          if (_newFiber2.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(_newFiber2.key === null ? newIdx : _newFiber2.key);
-          }
-        }
-
-        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
-
-        if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber2;
-        } else {
-          previousNewFiber.sibling = _newFiber2;
-        }
-
-        previousNewFiber = _newFiber2;
-      }
-    }
-
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(function (child) {
-        return deleteChild(returnFiber, child);
-      });
-    }
-
-    if (getIsHydrating()) {
-      var _numberOfForks2 = newIdx;
-      pushTreeFork(returnFiber, _numberOfForks2);
+    {
+      if (typeof newChild === 'function') {
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
+      }
     }
 
-    return resultingFirstChild;
+    return null;
   }
+  /**
+   * Warns if there is a duplicate or missing key
+   */
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    var iteratorFn = getIteratorFn(newChildrenIterable);
-
-    if (typeof iteratorFn !== 'function') {
-      throw new Error('An object is not an iterable. This error is likely caused by a bug in ' + 'React. Please file an issue.');
-    }
 
+  function warnOnInvalidKey(child, knownKeys, returnFiber) {
     {
-      // We don't support rendering Generators because it's a mutation.
-      // See https://github.com/facebook/react/issues/12995
-      if (typeof Symbol === 'function' && // $FlowFixMe[prop-missing] Flow doesn't know about toStringTag
-      newChildrenIterable[Symbol.toStringTag] === 'Generator') {
-        if (!didWarnAboutGenerators) {
-          error('Using Generators 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. Keep in mind ' + 'you might need to polyfill these features for older browsers.');
-        }
-
-        didWarnAboutGenerators = true;
-      } // Warn about using Maps as children
-
+      if (typeof child !== 'object' || child === null) {
+        return knownKeys;
+      }
 
-      if (newChildrenIterable.entries === iteratorFn) {
-        if (!didWarnAboutMaps) {
-          error('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
-        }
+      switch (child.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+        case REACT_PORTAL_TYPE:
+          warnForMissingKey(child, returnFiber);
+          var key = child.key;
 
-        didWarnAboutMaps = true;
-      } // First, validate keys.
-      // We'll get a different iterator later for the main pass.
+          if (typeof key !== 'string') {
+            break;
+          }
 
+          if (knownKeys === null) {
+            knownKeys = new Set();
+            knownKeys.add(key);
+            break;
+          }
 
-      var _newChildren = iteratorFn.call(newChildrenIterable);
+          if (!knownKeys.has(key)) {
+            knownKeys.add(key);
+            break;
+          }
 
-      if (_newChildren) {
-        var knownKeys = null;
+          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 — the behavior is unsupported and ' + 'could change in a future version.', key);
 
-        var _step = _newChildren.next();
+          break;
 
-        for (; !_step.done; _step = _newChildren.next()) {
-          var child = _step.value;
-          knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
-        }
+        case REACT_LAZY_TYPE:
+          var payload = child._payload;
+          var init = child._init;
+          warnOnInvalidKey(init(payload), knownKeys, returnFiber);
+          break;
       }
     }
 
-    var newChildren = iteratorFn.call(newChildrenIterable);
+    return knownKeys;
+  }
 
-    if (newChildren == null) {
-      throw new Error('An iterable object provided no iterator.');
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
+    // This algorithm can't optimize by searching from both ends since we
+    // don't have backpointers on fibers. I'm trying to see how far we can get
+    // with that model. If it ends up not being worth the tradeoffs, we can
+    // add it later.
+    // Even with a two ended optimization, we'd want to optimize for the case
+    // where there are few changes and brute force the comparison instead of
+    // going for the Map. It'd like to explore hitting that path first in
+    // forward-only mode and only go for the Map once we notice that we need
+    // lots of look ahead. This doesn't handle reversal as well as two ended
+    // search but that's unusual. Besides, for the two ended optimization to
+    // work on Iterables, we'd need to copy the whole set.
+    // In this first iteration, we'll just live with hitting the bad case
+    // (adding everything to a Map) in for every insert/move.
+    // If you change this code, also update reconcileChildrenIterator() which
+    // uses the same algorithm.
+    {
+      // First, validate keys.
+      var knownKeys = null;
+
+      for (var i = 0; i < newChildren.length; i++) {
+        var child = newChildren[i];
+        knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
+      }
     }
 
     var resultingFirstChild = null;
@@ -9737,9 +10220,8 @@ function createChildReconciler(shouldTrackSideEffects) {
     var lastPlacedIndex = 0;
     var newIdx = 0;
     var nextOldFiber = null;
-    var step = newChildren.next();
 
-    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
       if (oldFiber.index > newIdx) {
         nextOldFiber = oldFiber;
         oldFiber = null;
@@ -9747,7 +10229,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         nextOldFiber = oldFiber.sibling;
       }
 
-      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
+      var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes, debugInfo);
 
       if (newFiber === null) {
         // TODO: This breaks on empty slots like null children. That's
@@ -9786,7 +10268,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       oldFiber = nextOldFiber;
     }
 
-    if (step.done) {
+    if (newIdx === newChildren.length) {
       // We've reached the end of the new children. We can delete the rest.
       deleteRemainingChildren(returnFiber, oldFiber);
 
@@ -9801,28 +10283,28 @@ function createChildReconciler(shouldTrackSideEffects) {
     if (oldFiber === null) {
       // If we don't have any more existing children we can choose a fast path
       // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        var _newFiber3 = createChild(returnFiber, step.value, lanes);
+      for (; newIdx < newChildren.length; newIdx++) {
+        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes, debugInfo);
 
-        if (_newFiber3 === null) {
+        if (_newFiber === null) {
           continue;
         }
 
-        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
 
         if (previousNewFiber === null) {
           // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber3;
+          resultingFirstChild = _newFiber;
         } else {
-          previousNewFiber.sibling = _newFiber3;
+          previousNewFiber.sibling = _newFiber;
         }
 
-        previousNewFiber = _newFiber3;
+        previousNewFiber = _newFiber;
       }
 
       if (getIsHydrating()) {
-        var _numberOfForks3 = newIdx;
-        pushTreeFork(returnFiber, _numberOfForks3);
+        var _numberOfForks = newIdx;
+        pushTreeFork(returnFiber, _numberOfForks);
       }
 
       return resultingFirstChild;
@@ -9831,29 +10313,29 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+    for (; newIdx < newChildren.length; newIdx++) {
+      var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes, debugInfo);
 
-      if (_newFiber4 !== null) {
+      if (_newFiber2 !== null) {
         if (shouldTrackSideEffects) {
-          if (_newFiber4.alternate !== null) {
+          if (_newFiber2.alternate !== null) {
             // The new fiber is a work in progress, but if there exists a
             // current, that means that we reused the fiber. We need to delete
             // it from the child list so that we don't add it to the deletion
             // list.
-            existingChildren.delete(_newFiber4.key === null ? newIdx : _newFiber4.key);
+            existingChildren.delete(_newFiber2.key === null ? newIdx : _newFiber2.key);
           }
         }
 
-        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
+        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
 
         if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber4;
+          resultingFirstChild = _newFiber2;
         } else {
-          previousNewFiber.sibling = _newFiber4;
+          previousNewFiber.sibling = _newFiber2;
         }
 
-        previousNewFiber = _newFiber4;
+        previousNewFiber = _newFiber2;
       }
     }
 
@@ -9866,1038 +10348,702 @@ function createChildReconciler(shouldTrackSideEffects) {
     }
 
     if (getIsHydrating()) {
-      var _numberOfForks4 = newIdx;
-      pushTreeFork(returnFiber, _numberOfForks4);
+      var _numberOfForks2 = newIdx;
+      pushTreeFork(returnFiber, _numberOfForks2);
     }
 
     return resultingFirstChild;
   }
 
-  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      var existing = useFiber(currentFirstChild, textContent);
-      existing.return = returnFiber;
-      return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
-
-
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    var created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  }
-
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
-    var key = element.key;
-    var child = currentFirstChild;
-
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        var elementType = element.type;
-
-        if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            var existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
-
-            {
-              existing._debugSource = element._source;
-              existing._debugOwner = element._owner;
-            }
-
-            return existing;
-          }
-        } else {
-          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-          isCompatibleFamilyForHotReloading(child, element) ) || // Lazy types should reconcile their resolved type.
-          // We need to do this after the Hot Reloading check above,
-          // because hot reloading has different semantics than prod because
-          // it doesn't resuspend. So we can't let the call below suspend.
-          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-
-            var _existing = useFiber(child, element.props);
-
-            _existing.ref = coerceRef(returnFiber, child, element);
-            _existing.return = returnFiber;
-
-            {
-              _existing._debugSource = element._source;
-              _existing._debugOwner = element._owner;
-            }
-
-            return _existing;
-          }
-        } // Didn't match.
-
-
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
-      }
-
-      child = child.sibling;
-    }
-
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      var created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      var _created4 = createFiberFromElement(element, returnFiber.mode, lanes);
-
-      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
-      _created4.return = returnFiber;
-      return _created4;
-    }
-  }
-
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
-    var key = portal.key;
-    var child = currentFirstChild;
-
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || []);
-          existing.return = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
-      }
-
-      child = child.sibling;
-    }
-
-    var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-
-
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    // TODO: Let's use recursion like we do for Usable nodes?
-    var isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
-
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
-
-
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
-
-        case REACT_PORTAL_TYPE:
-          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
-
-        case REACT_LAZY_TYPE:
-          var payload = newChild._payload;
-          var init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
-      }
-
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
-      }
-
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
-      } // Usables are a valid React node type. When React encounters a Usable in
-      // a child position, it unwraps it using the same algorithm as `use`. For
-      // example, for promises, React will throw an exception to unwind the
-      // stack, then replay the component once the promise resolves.
-      //
-      // A difference from `use` is that React will keep unwrapping the value
-      // until it reaches a non-Usable type.
-      //
-      // e.g. Usable<Usable<Usable<T>>> should resolve to T
-      //
-      // The structure is a bit unfortunate. Ideally, we shouldn't need to
-      // replay the entire begin phase of the parent fiber in order to reconcile
-      // the children again. This would require a somewhat significant refactor,
-      // because reconcilation happens deep within the begin phase, and
-      // depending on the type of work, not always at the end. We should
-      // consider as an future improvement.
-
-
-      if (typeof newChild.then === 'function') {
-        var thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
-      }
-
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        var context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+    var iteratorFn = getIteratorFn(newChildrenIterable);
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
+    if (typeof iteratorFn !== 'function') {
+      throw new Error('An object is not an iterable. This error is likely caused by a bug in ' + 'React. Please file an issue.');
     }
 
     {
-      if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
-      }
-    } // Remaining cases are all treated as empty.
-
-
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
-
-  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
-    // This indirection only exists so we can reset `thenableState` at the end.
-    // It should get inlined by Closure.
-    thenableIndexCounter$1 = 0;
-    var firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
-    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
-    // set at the beginning.
-
-    return firstChildFiber;
-  }
-
-  return reconcileChildFibers;
-}
-
-var reconcileChildFibers = createChildReconciler(true);
-var mountChildFibers = createChildReconciler(false);
-function resetChildReconcilerOnUnwind() {
-  // On unwind, clear any pending thenables that were used.
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-}
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw new Error('Resuming work not yet implemented.');
-  }
-
-  if (workInProgress.child === null) {
-    return;
-  }
-
-  var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
-
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
-    newChild.return = workInProgress;
-  }
-
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
-
-function resetChildFibers(workInProgress, lanes) {
-  var child = workInProgress.child;
-
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
-
-// TODO: This isn't being used yet, but it's intended to replace the
-// InvisibleParentContext that is currently managed by SuspenseContext.
-
-var currentTreeHiddenStackCursor = createCursor(null);
-var prevEntangledRenderLanesCursor = createCursor(NoLanes);
-function pushHiddenContext(fiber, context) {
-  var prevEntangledRenderLanes = getEntangledRenderLanes();
-  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes, fiber);
-  push(currentTreeHiddenStackCursor, context, fiber); // When rendering a subtree that's currently hidden, we must include all
-  // lanes that would have rendered if the hidden subtree hadn't been deferred.
-  // That is, in order to reveal content from hidden -> visible, we must commit
-  // all the updates that we skipped when we originally hid the tree.
-
-  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
-}
-function reuseHiddenContextOnStack(fiber) {
-  // This subtree is not currently hidden, so we don't need to add any lanes
-  // to the render lanes. But we still need to push something to avoid a
-  // context mismatch. Reuse the existing context on the stack.
-  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes(), fiber);
-  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current, fiber);
-}
-function popHiddenContext(fiber) {
-  // Restore the previous render lanes from the stack
-  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
-  pop(currentTreeHiddenStackCursor, fiber);
-  pop(prevEntangledRenderLanesCursor, fiber);
-}
-function isCurrentTreeHidden() {
-  return currentTreeHiddenStackCursor.current !== null;
-}
-
-// suspends, i.e. it's the nearest `catch` block on the stack.
-
-var suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
-// Everything above this is the "shell". When this is null, it means we're
-// rendering in the shell of the app. If it's non-null, it means we're rendering
-// deeper than the shell, inside a new tree that wasn't already visible.
-//
-// The main way we use this concept is to determine whether showing a fallback
-// would result in a desirable or undesirable loading state. Activing a fallback
-// in the shell is considered an undersirable loading state, because it would
-// mean hiding visible (albeit stale) content in the current tree — we prefer to
-// show the stale content, rather than switch to a fallback. But showing a
-// fallback in a new tree is fine, because there's no stale content to
-// prefer instead.
-
-var shellBoundary = null;
-function getShellBoundary() {
-  return shellBoundary;
-}
-function pushPrimaryTreeSuspenseHandler(handler) {
-  // TODO: Pass as argument
-  var current = handler.alternate;
-  // propagated a single level. For example, when ForceSuspenseFallback is set,
-  // it should only force the nearest Suspense boundary into fallback mode.
-
-  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
-  // to push a nested Suspense handler, because it will get replaced by the
-  // outer fallback, anyway. Consider this as a future optimization.
-
-
-  push(suspenseHandlerStackCursor, handler, handler);
-
-  if (shellBoundary === null) {
-    if (current === null || isCurrentTreeHidden()) {
-      // This boundary is not visible in the current UI.
-      shellBoundary = handler;
-    } else {
-      var prevState = current.memoizedState;
-
-      if (prevState !== null) {
-        // This boundary is showing a fallback in the current UI.
-        shellBoundary = handler;
-      }
-    }
-  }
-}
-function pushFallbackTreeSuspenseHandler(fiber) {
-  // We're about to render the fallback. If something in the fallback suspends,
-  // it's akin to throwing inside of a `catch` block. This boundary should not
-  // capture. Reuse the existing handler on the stack.
-  reuseSuspenseHandlerOnStack(fiber);
-}
-function pushOffscreenSuspenseHandler(fiber) {
-  if (fiber.tag === OffscreenComponent) {
-    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
-    // Reuse the current value on the stack.
-    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
-    push(suspenseHandlerStackCursor, fiber, fiber);
-
-    if (shellBoundary !== null) ; else {
-      var current = fiber.alternate;
-
-      if (current !== null) {
-        var prevState = current.memoizedState;
-
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
+      // We don't support rendering Generators because it's a mutation.
+      // See https://github.com/facebook/react/issues/12995
+      if (typeof Symbol === 'function' && // $FlowFixMe[prop-missing] Flow doesn't know about toStringTag
+      newChildrenIterable[Symbol.toStringTag] === 'Generator') {
+        if (!didWarnAboutGenerators) {
+          error('Using Generators 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. Keep in mind ' + 'you might need to polyfill these features for older browsers.');
         }
-      }
-    }
-  } else {
-    // This is a LegacyHidden component.
-    reuseSuspenseHandlerOnStack(fiber);
-  }
-}
-function reuseSuspenseHandlerOnStack(fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
-  push(suspenseHandlerStackCursor, getSuspenseHandler(), fiber);
-}
-function getSuspenseHandler() {
-  return suspenseHandlerStackCursor.current;
-}
-function popSuspenseHandler(fiber) {
-  pop(suspenseHandlerStackCursor, fiber);
 
-  if (shellBoundary === fiber) {
-    // Popping back into the shell.
-    shellBoundary = null;
-  }
+        didWarnAboutGenerators = true;
+      } // Warn about using Maps as children
 
-  popSuspenseListContext(fiber);
-} // SuspenseList context
-// TODO: Move to a separate module? We may change the SuspenseList
-// implementation to hide/show in the commit phase, anyway.
 
-var DefaultSuspenseContext = 0;
-var SubtreeSuspenseContextMask = 1; // ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
+      if (newChildrenIterable.entries === iteratorFn) {
+        if (!didWarnAboutMaps) {
+          error('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
+        }
 
-var ForceSuspenseFallback = 2;
-var suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseListContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseListContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseListContext(parentContext, shallowContext) {
-  return parentContext & SubtreeSuspenseContextMask | shallowContext;
-}
-function pushSuspenseListContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext, fiber);
-}
-function popSuspenseListContext(fiber) {
-  pop(suspenseStackCursor, fiber);
-}
+        didWarnAboutMaps = true;
+      } // First, validate keys.
+      // We'll get a different iterator later for the main pass.
 
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
 
-function findFirstSuspended(row) {
-  var node = row;
+      var _newChildren = iteratorFn.call(newChildrenIterable);
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      var state = node.memoizedState;
+      if (_newChildren) {
+        var knownKeys = null;
 
-      if (state !== null) {
-        var dehydrated = state.dehydrated;
+        var _step = _newChildren.next();
 
-        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
-          return node;
+        for (; !_step.done; _step = _newChildren.next()) {
+          var child = _step.value;
+          knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
         }
       }
-    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-    // keep track of whether it suspended or not.
-    node.memoizedProps.revealOrder !== undefined) {
-      var didSuspend = (node.flags & DidCapture) !== NoFlags$1;
-
-      if (didSuspend) {
-        return node;
-      }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
     }
 
-    if (node === row) {
-      return null;
+    var newChildren = iteratorFn.call(newChildrenIterable);
+
+    if (newChildren == null) {
+      throw new Error('An iterable object provided no iterator.');
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
-      }
+    var resultingFirstChild = null;
+    var previousNewFiber = null;
+    var oldFiber = currentFirstChild;
+    var lastPlacedIndex = 0;
+    var newIdx = 0;
+    var nextOldFiber = null;
+    var step = newChildren.next();
 
-      node = node.return;
-    }
+    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes, debugInfo);
 
-  return null;
-}
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-var NoFlags =
-/*   */
-0; // Represents whether effect should fire.
+        break;
+      }
 
-var HasEffect =
-/* */
-1; // Represents the phase in which the effect (not the clean-up) fires.
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
 
-var Insertion =
-/* */
-2;
-var Layout =
-/*    */
-4;
-var Passive =
-/*   */
-8;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
 
-var firstScheduledRoot = null;
-var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
 
-var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
-// microtask, so we have to dedupe those separately. This wouldn't be an issue
-// if we required all `act` calls to be awaited, which we might in the future.
+    if (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
 
-var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+      if (getIsHydrating()) {
+        var numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-var mightHavePendingSyncWork = false;
-var isFlushingWork = false;
-var currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
+      return resultingFirstChild;
     }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
 
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; !step.done; newIdx++, step = newChildren.next()) {
+        var _newFiber3 = createChild(returnFiber, step.value, lanes, debugInfo);
 
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
+        if (_newFiber3 === null) {
+          continue;
+        }
 
-  if (ReactCurrentActQueue$2.current !== null) {
-    // We're inside an `act` scope.
-    if (!didScheduleMicrotask_act) {
-      didScheduleMicrotask_act = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  } else {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  }
+        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
 
-  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = _newFiber3;
+        } else {
+          previousNewFiber.sibling = _newFiber3;
+        }
 
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
+        previousNewFiber = _newFiber3;
+      }
 
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
+      if (getIsHydrating()) {
+        var _numberOfForks3 = newIdx;
+        pushTreeFork(returnFiber, _numberOfForks3);
+      }
 
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
 
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
+    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        var workInProgressRoot = getWorkInProgressRoot();
-        var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+    for (; !step.done; newIdx++, step = newChildren.next()) {
+      var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes, debugInfo);
 
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
+      if (_newFiber4 !== null) {
+        if (shouldTrackSideEffects) {
+          if (_newFiber4.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(_newFiber4.key === null ? newIdx : _newFiber4.key);
           }
         }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
 
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
+        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
 
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        if (previousNewFiber === null) {
+          resultingFirstChild = _newFiber4;
+        } else {
+          previousNewFiber.sibling = _newFiber4;
         }
 
-        var firstError = errors[0];
-        throw firstError;
+        previousNewFiber = _newFiber4;
       }
-    } else {
-      var error = errors[0];
-      throw error;
     }
+
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(function (child) {
+        return deleteChild(returnFiber, child);
+      });
+    }
+
+    if (getIsHydrating()) {
+      var _numberOfForks4 = newIdx;
+      pushTreeFork(returnFiber, _numberOfForks4);
+    }
+
+    return resultingFirstChild;
   }
-}
 
-function throwError(error) {
-  throw error;
-}
+  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
+    // There's no need to check for keys on text nodes since we don't have a
+    // way to define them.
+    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+      // We already have an existing node so let's just update it and delete
+      // the rest.
+      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+      var existing = useFiber(currentFirstChild, textContent);
+      existing.return = returnFiber;
+      return existing;
+    } // The existing first child is not a text node so we need to create one
+    // and delete the existing ones.
 
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
 
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
+    deleteRemainingChildren(returnFiber, currentFirstChild);
+    var created = createFiberFromText(textContent, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  }
 
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
+    var key = element.key;
+    var child = currentFirstChild;
 
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        var elementType = element.type;
 
-  while (root !== null) {
-    var next = root.next;
+        if (elementType === REACT_FRAGMENT_TYPE) {
+          if (child.tag === Fragment) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            var existing = useFiber(child, element.props.children);
+            existing.return = returnFiber;
 
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
+            {
+              existing._debugOwner = element._owner;
+              existing._debugInfo = debugInfo;
+            }
 
-    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+            return existing;
+          }
+        } else {
+          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+          isCompatibleFamilyForHotReloading(child, element) ) || // Lazy types should reconcile their resolved type.
+          // We need to do this after the Hot Reloading check above,
+          // because hot reloading has different semantics than prod because
+          // it doesn't resuspend. So we can't let the call below suspend.
+          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
+            deleteRemainingChildren(returnFiber, child.sibling);
 
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
+            var _existing = useFiber(child, element.props);
 
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
+            coerceRef(returnFiber, child, _existing, element);
+            _existing.return = returnFiber;
+
+            {
+              _existing._debugOwner = element._owner;
+              _existing._debugInfo = debugInfo;
+            }
+
+            return _existing;
+          }
+        } // Didn't match.
+
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
       } else {
-        prev.next = next;
+        deleteChild(returnFiber, child);
       }
 
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
+      child = child.sibling;
+    }
+
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      var created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
+      created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
       }
+
+      return created;
     } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
+      var _created4 = createFiberFromElement(element, returnFiber.mode, lanes);
 
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
+      coerceRef(returnFiber, currentFirstChild, _created4, element);
+      _created4.return = returnFiber;
+
+      {
+        _created4._debugInfo = debugInfo;
       }
-    }
 
-    root = next;
+      return _created4;
+    }
   }
 
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
+    var key = portal.key;
+    var child = currentFirstChild;
 
-  flushSyncWorkOnAllRoots();
-}
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          var existing = useFiber(child, portal.children || []);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
 
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+      child = child.sibling;
+    }
 
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  var existingCallbackNode = root.callbackNode;
+    var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  } // This API will tag the children with the side-effect of the reconciliation
+  // itself. They will be added to the side-effect list as we pass through the
+  // children and the parent.
 
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
 
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
+    // This function is not recursive.
+    // If the top level item is an array, we treat it as a set of children,
+    // not as a fragment. Nested arrays on the other hand will be treated as
+    // fragment nodes. Recursion happens at the normal flow.
+    // Handle top level unkeyed fragments as if they were arrays.
+    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // We treat the ambiguous cases above the same.
+    // TODO: Let's use recursion like we do for Usable nodes?
+    var isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
 
+    if (isUnkeyedTopLevelFragment) {
+      newChild = newChild.props.children;
+    } // Handle object types
+
+
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo)));
 
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
 
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    var existingCallbackPriority = root.callbackPriority;
-    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+        case REACT_LAZY_TYPE:
+          var payload = newChild._payload;
+          var init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
+      }
 
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(ReactCurrentActQueue$2.current !== null && existingCallbackNode !== fakeActCallbackNode$1)) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
+      if (isArray(newChild)) {
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
+      }
 
-    var schedulerPriorityLevel;
+      if (getIteratorFn(newChild)) {
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
+      } // Usables are a valid React node type. When React encounters a Usable in
+      // a child position, it unwraps it using the same algorithm as `use`. For
+      // example, for promises, React will throw an exception to unwind the
+      // stack, then replay the component once the promise resolves.
+      //
+      // A difference from `use` is that React will keep unwrapping the value
+      // until it reaches a non-Usable type.
+      //
+      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      //
+      // The structure is a bit unfortunate. Ideally, we shouldn't need to
+      // replay the entire begin phase of the parent fiber in order to reconcile
+      // the children again. This would require a somewhat significant refactor,
+      // because reconcilation happens deep within the begin phase, and
+      // depending on the type of work, not always at the end. We should
+      // consider as an future improvement.
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+      if (typeof newChild.then === 'function') {
+        var thenable = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes, mergeDebugInfo(debugInfo, thenable._debugInfo));
+      }
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        var context = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
+      }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
     }
 
-    var newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
+    {
+      if (typeof newChild === 'function') {
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
+      }
+    } // Remaining cases are all treated as empty.
+
+
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
   }
-}
 
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now$1());
+  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
+    // This indirection only exists so we can reset `thenableState` at the end.
+    // It should get inlined by Closure.
+    thenableIndexCounter$1 = 0;
+    var firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, null // debugInfo
+    );
+    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+    // set at the beginning.
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
+    return firstChildFiber;
   }
 
-  return null;
+  return reconcileChildFibers;
 }
-var fakeActCallbackNode$1 = {};
 
-function scheduleCallback$2(priorityLevel, callback) {
-  if (ReactCurrentActQueue$2.current !== null) {
-    // Special case: We're inside an `act` scope (a testing utility).
-    // Instead of scheduling work in the host environment, add it to a
-    // fake internal queue that's managed by the `act` implementation.
-    ReactCurrentActQueue$2.current.push(callback);
-    return fakeActCallbackNode$1;
-  } else {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
+var reconcileChildFibers = createChildReconciler(true);
+var mountChildFibers = createChildReconciler(false);
+function resetChildReconcilerOnUnwind() {
+  // On unwind, clear any pending thenables that were used.
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
 }
+function cloneChildFibers(current, workInProgress) {
+  if (current !== null && workInProgress.child !== current.child) {
+    throw new Error('Resuming work not yet implemented.');
+  }
 
-function cancelCallback(callbackNode) {
-  if (callbackNode === fakeActCallbackNode$1) ; else if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
+  if (workInProgress.child === null) {
+    return;
   }
-}
 
-function scheduleImmediateTask(cb) {
-  if (ReactCurrentActQueue$2.current !== null) {
-    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
-    // callback queue. This is because we currently support calling `act`
-    // without awaiting the result. The plan is to deprecate that, and require
-    // that you always await the result so that the microtasks have a chance to
-    // run. But it hasn't happened yet.
-    ReactCurrentActQueue$2.current.push(function () {
-      cb();
-      return null;
-    });
-  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
-  // Alternatively, can we move this check to the host config?
+  var currentChild = workInProgress.child;
+  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
+  workInProgress.child = newChild;
+  newChild.return = workInProgress;
 
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
+    newChild.return = workInProgress;
+  }
 
-  {
-    scheduleMicrotask(function () {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      var executionContext = getExecutionContext();
+  newChild.sibling = null;
+} // Reset a workInProgress child set to prepare it for a second pass.
 
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
-      }
+function resetChildFibers(workInProgress, lanes) {
+  var child = workInProgress.child;
 
-      cb();
-    });
+  while (child !== null) {
+    resetWorkInProgress(child, lanes);
+    child = child.sibling;
   }
 }
 
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
-  }
+// TODO: This isn't being used yet, but it's intended to replace the
+// InvisibleParentContext that is currently managed by SuspenseContext.
 
-  return currentEventTransitionLane;
+var currentTreeHiddenStackCursor = createCursor(null);
+var prevEntangledRenderLanesCursor = createCursor(NoLanes);
+function pushHiddenContext(fiber, context) {
+  var prevEntangledRenderLanes = getEntangledRenderLanes();
+  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes, fiber);
+  push(currentTreeHiddenStackCursor, context, fiber); // When rendering a subtree that's currently hidden, we must include all
+  // lanes that would have rendered if the hidden subtree hadn't been deferred.
+  // That is, in order to reveal content from hidden -> visible, we must commit
+  // all the updates that we skipped when we originally hid the tree.
+
+  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
+}
+function reuseHiddenContextOnStack(fiber) {
+  // This subtree is not currently hidden, so we don't need to add any lanes
+  // to the render lanes. But we still need to push something to avoid a
+  // context mismatch. Reuse the existing context on the stack.
+  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes(), fiber);
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current, fiber);
+}
+function popHiddenContext(fiber) {
+  // Restore the previous render lanes from the stack
+  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+  pop(currentTreeHiddenStackCursor, fiber);
+  pop(prevEntangledRenderLanesCursor, fiber);
+}
+function isCurrentTreeHidden() {
+  return currentTreeHiddenStackCursor.current !== null;
 }
 
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
+// suspends, i.e. it's the nearest `catch` block on the stack.
+
+var suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+// Everything above this is the "shell". When this is null, it means we're
+// rendering in the shell of the app. If it's non-null, it means we're rendering
+// deeper than the shell, inside a new tree that wasn't already visible.
 //
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
+// The main way we use this concept is to determine whether showing a fallback
+// would result in a desirable or undesirable loading state. Activing a fallback
+// in the shell is considered an undersirable loading state, because it would
+// mean hiding visible (albeit stale) content in the current tree — we prefer to
+// show the stale content, rather than switch to a fallback. But showing a
+// fallback in a new tree is fine, because there's no stale content to
+// prefer instead.
 
-var currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+var shellBoundary = null;
+function getShellBoundary() {
+  return shellBoundary;
+}
+function pushPrimaryTreeSuspenseHandler(handler) {
+  // TODO: Pass as argument
+  var current = handler.alternate;
+  // propagated a single level. For example, when ForceSuspenseFallback is set,
+  // it should only force the nearest Suspense boundary into fallback mode.
 
-var currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
+  // to push a nested Suspense handler, because it will get replaced by the
+  // outer fallback, anyway. Consider this as a future optimization.
 
-var currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  var thenable = actionReturnValue;
-  var entangledListeners;
 
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
+  push(suspenseHandlerStackCursor, handler, handler);
+
+  if (shellBoundary === null) {
+    if (current === null || isCurrentTreeHidden()) {
+      // This boundary is not visible in the current UI.
+      shellBoundary = handler;
+    } else {
+      var prevState = current.memoizedState;
+
+      if (prevState !== null) {
+        // This boundary is showing a fallback in the current UI.
+        shellBoundary = handler;
+      }
+    }
   }
+}
+function pushFallbackTreeSuspenseHandler(fiber) {
+  // We're about to render the fallback. If something in the fallback suspends,
+  // it's akin to throwing inside of a `catch` block. This boundary should not
+  // capture. Reuse the existing handler on the stack.
+  reuseSuspenseHandlerOnStack(fiber);
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (fiber.tag === OffscreenComponent) {
+    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+    // Reuse the current value on the stack.
+    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+    // into separate functions for Suspense and Offscreen.
+    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    push(suspenseHandlerStackCursor, fiber, fiber);
 
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  var resultThenable = createResultThenable(entangledListeners);
-  var resultStatus = 'pending';
-  var resultValue;
-  var rejectedReason;
-  thenable.then(function (value) {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, function (error) {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(function () {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          var fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
+    if (shellBoundary !== null) ; else {
+      var current = fiber.alternate;
 
-      case 'rejected':
-        {
-          var rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
-        }
+      if (current !== null) {
+        var prevState = current.memoizedState;
 
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw new Error('Thenable should have already resolved. This ' + 'is a bug in React.');
+        if (prevState !== null) {
+          // This is the first boundary in the stack that's already showing
+          // a fallback. So everything outside is considered the shell.
+          shellBoundary = fiber;
         }
+      }
     }
-  });
-  return resultThenable;
+  } else {
+    // This is a LegacyHidden component.
+    reuseSuspenseHandlerOnStack(fiber);
+  }
+}
+function reuseSuspenseHandlerOnStack(fiber) {
+  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, getSuspenseHandler(), fiber);
+}
+function getSuspenseHandler() {
+  return suspenseHandlerStackCursor.current;
 }
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  var resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor, fiber);
 
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    var entangledListeners = currentEntangledListeners;
-    var resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(function () {
-      var fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
   }
+
+  popSuspenseListContext(fiber);
+} // SuspenseList context
+// TODO: Move to a separate module? We may change the SuspenseList
+// implementation to hide/show in the commit phase, anyway.
+
+var DefaultSuspenseContext = 0;
+var SubtreeSuspenseContextMask = 1; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+// items into their fallback state during one of the render passes.
+
+var ForceSuspenseFallback = 2;
+var suspenseStackCursor = createCursor(DefaultSuspenseContext);
+function hasSuspenseListContext(parentContext, flag) {
+  return (parentContext & flag) !== 0;
+}
+function setDefaultShallowSuspenseListContext(parentContext) {
+  return parentContext & SubtreeSuspenseContextMask;
+}
+function setShallowSuspenseListContext(parentContext, shallowContext) {
+  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+}
+function pushSuspenseListContext(fiber, newContext) {
+  push(suspenseStackCursor, newContext, fiber);
+}
+function popSuspenseListContext(fiber) {
+  pop(suspenseStackCursor, fiber);
 }
 
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    var listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
+// A non-null SuspenseState means that it is blocked for one reason or another.
+// - A non-null dehydrated field means it's blocked pending hydration.
+//   - A non-null dehydrated field can use isSuspenseInstancePending or
+//     isSuspenseInstanceFallback to query the reason for being dehydrated.
+// - A null dehydrated field means it's blocked by something suspending and
+//   we're currently showing a fallback instead.
 
-    for (var i = 0; i < listeners.length; i++) {
-      var listener = listeners[i];
-      listener();
+function findFirstSuspended(row) {
+  var node = row;
+
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      var state = node.memoizedState;
+
+      if (state !== null) {
+        var dehydrated = state.dehydrated;
+
+        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+          return node;
+        }
+      }
+    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+    // keep track of whether it suspended or not.
+    node.memoizedProps.revealOrder !== undefined) {
+      var didSuspend = (node.flags & DidCapture) !== NoFlags$1;
+
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-  }
-}
 
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  var resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
-    then: function (resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      var ping = resolve;
-      entangledListeners.push(ping);
+    if (node === row) {
+      return null;
     }
-  };
-  return resultThenable;
-}
 
-function peekEntangledActionLane() {
-  return currentEntangledLane;
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
+
+      node = node.return;
+    }
+
+    node.sibling.return = node.return;
+    node = node.sibling;
+  }
+
+  return null;
 }
 
+var NoFlags =
+/*   */
+0; // Represents whether effect should fire.
+
+var HasEffect =
+/* */
+1; // Represents the phase in which the effect (not the clean-up) fires.
+
+var Insertion =
+/* */
+2;
+var Layout =
+/*    */
+4;
+var Passive =
+/*   */
+8;
+
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
     ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -11036,7 +11182,7 @@ function warnOnHookMismatchInDev(currentHookName) {
   }
 }
 
-function warnIfAsyncClientComponent(Component, componentDoesIncludeHooks) {
+function warnIfAsyncClientComponent(Component) {
   {
     // This dev-only check only works for detecting native async functions,
     // not transpiled ones. There's also a prod check that we use to prevent
@@ -11047,32 +11193,13 @@ function warnIfAsyncClientComponent(Component, componentDoesIncludeHooks) {
     Object.prototype.toString.call(Component) === '[object AsyncFunction]';
 
     if (isAsyncFunction) {
-      // Encountered an async Client Component. This is not yet supported,
-      // except in certain constrained cases, like during a route navigation.
+      // Encountered an async Client Component. This is not yet supported.
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
 
       if (!didWarnAboutAsyncClientComponent.has(componentName)) {
-        didWarnAboutAsyncClientComponent.add(componentName); // Check if this is a sync update. We use the "root" render lanes here
-        // because the "subtree" render lanes may include additional entangled
-        // lanes related to revealing previously hidden content.
+        didWarnAboutAsyncClientComponent.add(componentName);
 
-        var root = getWorkInProgressRoot();
-        var rootRenderLanes = getWorkInProgressRootRenderLanes();
-
-        if (root !== null && includesBlockingLane(root, rootRenderLanes)) {
-          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.');
-        } else {
-          // This is a concurrent (Transition, Retry, etc) render. We don't
-          // warn in these cases.
-          //
-          // However, Async Components are forbidden to include hooks, even
-          // during a transition, so let's check for that here.
-          //
-          // TODO: Add a corresponding warning to Server Components runtime.
-          if (componentDoesIncludeHooks) {
-            error('Hooks are not supported inside an async component. This ' + "error is often caused by accidentally adding `'use client'` " + 'to a module that was originally written for the server.');
-          }
-        }
+        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.');
       }
     }
   }
@@ -11128,6 +11255,7 @@ function renderWithHooks(current, workInProgress, Component, props, secondArg, n
     hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
     ignorePreviousDependencies = current !== null && current.type !== workInProgress.type;
+    warnIfAsyncClientComponent(Component);
   }
 
   workInProgress.memoizedState = null;
@@ -11209,15 +11337,13 @@ function renderWithHooks(current, workInProgress, Component, props, secondArg, n
     }
   }
 
-  finishRenderingHooks(current, workInProgress, Component);
+  finishRenderingHooks(current, workInProgress);
   return children;
 }
 
 function finishRenderingHooks(current, workInProgress, Component) {
   {
     workInProgress._debugHookTypes = hookTypesDev;
-    var componentDoesIncludeHooks = workInProgressHook !== null || thenableIndexCounter !== 0;
-    warnIfAsyncClientComponent(Component, componentDoesIncludeHooks);
   } // We can assume the previous dispatcher is always this one, since we set it
   // at the beginning of the render phase and there's no re-entrance.
 
@@ -11290,7 +11416,7 @@ function replaySuspendedComponentWithHooks(current, workInProgress, Component, p
   }
 
   var children = renderWithHooksAgain(workInProgress, Component, props, secondArg);
-  finishRenderingHooks(current, workInProgress, Component);
+  finishRenderingHooks(current, workInProgress);
   return children;
 }
 
@@ -11576,7 +11702,7 @@ function use(usable) {
       // This is a thenable.
       var thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = usable;
       return readContext(context);
     }
@@ -11661,6 +11787,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -11736,6 +11868,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = null;
     var newBaseQueueLast = null;
     var update = first;
+    var didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -11795,6 +11928,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = _clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -11805,7 +11945,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             var _clone2 = {
@@ -11867,7 +12014,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        var entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -12158,8 +12321,16 @@ function mountStateImpl(initialState) {
   var hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    var initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -12284,8 +12455,10 @@ function runFormStateAction(actionQueue, setState, payload) {
   var prevState = actionQueue.state; // This is a fork of startTransition
 
   var prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
-  var currentTransition = ReactCurrentBatchConfig$3.transition;
+  var currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   {
     ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
@@ -12296,7 +12469,8 @@ function runFormStateAction(actionQueue, setState, payload) {
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      var thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      var thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(function (nextState) {
@@ -12305,14 +12479,9 @@ function runFormStateAction(actionQueue, setState, payload) {
       }, function () {
         return finishRunningFormStateAction(actionQueue, setState);
       });
-      var entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      var _entangledResult = requestSyncActionContext(returnValue, null);
-
-      setState(_entangledResult);
+      setState(returnValue);
       var nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -12744,12 +12913,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   var hook = mountWorkInProgressHook();
   var nextDeps = deps === undefined ? null : deps;
+  var nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  var nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -12767,11 +12938,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  var nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  var nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -12869,7 +13043,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   var previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   var prevTransition = ReactCurrentBatchConfig$3.transition;
-  var currentTransition = {};
+  var currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -12898,18 +13074,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        var thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        var thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        var entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        var thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        var _entangledResult2 = requestSyncActionContext(returnValue, finishedState);
-
-        dispatchSetState(fiber, queue, _entangledResult2);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -13239,8 +13411,10 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  var transition = requestCurrentTransition();
+
   {
-    if (ReactCurrentBatchConfig$3.transition === null) {
+    if (transition === null) {
       // An optimistic update occurred, but startTransition is not on the stack.
       // There are two likely scenarios.
       // One possibility is that the optimistic update is triggered by a regular
@@ -14713,18 +14887,19 @@ var didWarnOnInvalidCallback;
   Object.freeze(fakeInternalInstance);
 }
 
-function warnOnInvalidCallback$1(callback, callerName) {
+function warnOnInvalidCallback$1(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
 
-    var key = callerName + '_' + callback;
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -14785,7 +14960,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'setState');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14811,7 +14986,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'replaceState');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14837,7 +15012,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'forceUpdate');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14898,9 +15073,9 @@ function checkClassInstance(workInProgress, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -14959,7 +15134,7 @@ function checkClassInstance(workInProgress, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -15016,7 +15191,7 @@ function constructClassInstance(workInProgress, ctor, props) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -15026,10 +15201,7 @@ function constructClassInstance(workInProgress, ctor, props) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -15225,6 +15397,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -15269,6 +15442,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   var oldState = workInProgress.memoizedState;
   var newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -15373,6 +15547,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   var oldState = workInProgress.memoizedState;
   var newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -15453,17 +15628,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+var CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  var stack;
+
+  if (typeof value === 'object' && value !== null) {
+    var capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value: value,
     source: source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack: stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value: value,
     source: null,
@@ -15867,7 +16062,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -15902,7 +16097,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -15920,7 +16115,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           var uncaughtSuspenseError = new Error('A component suspended while responding to synchronous input. This ' + 'will cause the UI to be replaced with a loading indicator. To ' + 'fix, updates that suspend should be wrapped ' + 'with startTransition.');
@@ -15951,7 +16146,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -15960,6 +16155,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   var workInProgress = returnFiber;
 
   do {
@@ -15972,7 +16173,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           var update = createRootErrorUpdate(workInProgress, _errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -15991,7 +16192,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           var _update = createClassErrorUpdate(workInProgress, errorInfo, _lane);
 
           enqueueCapturedUpdate(workInProgress, _update);
-          return;
+          return false;
         }
 
         break;
@@ -16000,6 +16201,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -16011,7 +16214,6 @@ var didWarnAboutBadClass;
 var didWarnAboutModulePatternComponent;
 var didWarnAboutContextTypeOnFunctionComponent;
 var didWarnAboutGetDerivedStateOnFunctionComponent;
-var didWarnAboutFunctionRefs;
 var didWarnAboutReassigningProps;
 var didWarnAboutRevealOrder;
 var didWarnAboutTailOptions;
@@ -16022,7 +16224,6 @@ var didWarnAboutDefaultPropsOnFunctionComponent;
   didWarnAboutModulePatternComponent = {};
   didWarnAboutContextTypeOnFunctionComponent = {};
   didWarnAboutGetDerivedStateOnFunctionComponent = {};
-  didWarnAboutFunctionRefs = {};
   didWarnAboutReassigningProps = false;
   didWarnAboutRevealOrder = {};
   didWarnAboutTailOptions = {};
@@ -16067,21 +16268,28 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   // TODO: current can be non-null here even if the component
   // hasn't yet mounted. This happens after the first render suspends.
   // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
+  var render = Component.render;
+  var ref = workInProgress.ref;
+  var propsWithoutRef;
 
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
+  if ('ref' in nextProps) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (var key in nextProps) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = nextProps[key];
       }
     }
-  }
+  } else {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
 
-  var render = Component.render;
-  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
   var nextChildren;
   var hasId;
@@ -16094,7 +16302,7 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   {
     ReactCurrentOwner$2.current = workInProgress;
     setIsRendering(true);
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
     setIsRendering(false);
   }
@@ -16144,15 +16352,6 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
     }
 
     {
-      var innerPropTypes = type.propTypes;
-
-      if (innerPropTypes) {
-        // Inner memo component props aren't currently validated in createElement.
-        // We could move it there, but we'd still need this for lazy code path.
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(type));
-      }
-
       if (Component.defaultProps !== undefined) {
         var componentName = getComponentNameFromType(type) || 'Unknown';
 
@@ -16164,25 +16363,13 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       }
     }
 
-    var child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    var child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
     return child;
   }
 
-  {
-    var _type = Component.type;
-    var _innerPropTypes = _type.propTypes;
-
-    if (_innerPropTypes) {
-      // Inner memo component props aren't currently validated in createElement.
-      // We could move it there, but we'd still need this for lazy code path.
-      checkPropTypes(_innerPropTypes, nextProps, // Resolved props
-      'prop', getComponentNameFromType(_type));
-    }
-  }
-
   var currentChild = current.child; // This is always exactly one child
 
   var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(current, renderLanes);
@@ -16213,37 +16400,6 @@ function updateSimpleMemoComponent(current, workInProgress, Component, nextProps
   // TODO: current can be non-null here even if the component
   // hasn't yet mounted. This happens when the inner render suspends.
   // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var outerMemoType = workInProgress.elementType;
-
-      if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
-        // We warn when you define propTypes on lazy()
-        // so let's just skip over it to find memo() outer wrapper.
-        // Inner props for memo are validated later.
-        var lazyComponent = outerMemoType;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
-
-        try {
-          outerMemoType = init(payload);
-        } catch (x) {
-          outerMemoType = null;
-        } // Inner propTypes will be validated in the function component path.
-
-
-        var outerPropTypes = outerMemoType && outerMemoType.propTypes;
-
-        if (outerPropTypes) {
-          checkPropTypes(outerPropTypes, nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
-          'prop', getComponentNameFromType(outerMemoType));
-        }
-      }
-    }
-  }
-
   if (current !== null) {
     var prevProps = current.memoizedProps;
 
@@ -16299,7 +16455,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   var nextChildren = nextProps.children;
   var nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   var prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -16479,6 +16635,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     var prevState = current.memoizedState;
@@ -16550,7 +16707,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   var ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -16561,19 +16720,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
-      }
-    }
-  }
-
   var context;
 
   {
@@ -16680,17 +16826,6 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
           break;
         }
     }
-
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
-      }
-    }
   } // Push context providers early to prevent context stack mismatches.
   // During mounting we don't know the child context yet as the instance doesn't exist.
   // We will invalidate the child context in finishClassComponent() right after rendering.
@@ -16741,7 +16876,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -16855,10 +16990,14 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
 
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
+
   var nextChildren = nextState.element;
 
   if (prevState.isDehydrated) {
@@ -16929,12 +17068,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   var type = workInProgress.type;
   var nextProps = workInProgress.pendingProps;
   var prevProps = current !== null ? current.memoizedProps : null;
@@ -16996,13 +17134,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   var currentProps = current === null ? null : current.memoizedProps;
   var resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -17040,7 +17178,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -17101,17 +17239,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-        {
-          if (workInProgress.type !== workInProgress.elementType) {
-            var outerPropTypes = Component.propTypes;
-
-            if (outerPropTypes) {
-              checkPropTypes(outerPropTypes, resolvedProps, // Resolved for outer only
-              'prop', getComponentNameFromType(Component));
-            }
-          }
-        }
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -17273,59 +17400,37 @@ function validateFunctionComponentInDev(workInProgress, Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
-      }
-    }
-
-    if (workInProgress.ref !== null) {
-      var info = '';
-      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
-
-      if (ownerName) {
-        info += '\n\nCheck the render method of `' + ownerName + '`.';
-      }
-
-      var warningKey = ownerName || '';
-      var debugSource = workInProgress._debugSource;
-
-      if (debugSource) {
-        warningKey = debugSource.fileName + ':' + debugSource.lineNumber;
-      }
-
-      if (!didWarnAboutFunctionRefs[warningKey]) {
-        didWarnAboutFunctionRefs[warningKey] = true;
-
-        error('Function components cannot be given refs. ' + 'Attempts to access this ref will fail. ' + 'Did you mean to use React.forwardRef()?%s', info);
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
     if (Component.defaultProps !== undefined) {
-      var componentName = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
-        error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', componentName);
+      if (!didWarnAboutDefaultPropsOnFunctionComponent[_componentName3]) {
+        error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', _componentName3);
 
-        didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+        didWarnAboutDefaultPropsOnFunctionComponent[_componentName3] = true;
       }
     }
 
     if (typeof Component.getDerivedStateFromProps === 'function') {
-      var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]) {
-        error('%s: Function components do not support getDerivedStateFromProps.', _componentName3);
+      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4]) {
+        error('%s: Function components do not support getDerivedStateFromProps.', _componentName4);
 
-        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = true;
+        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4] = true;
       }
     }
 
     if (typeof Component.contextType === 'object' && Component.contextType !== null) {
-      var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName5 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName4]) {
-        error('%s: Function components do not support contextType.', _componentName4);
+      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName5]) {
+        error('%s: Function components do not support contextType.', _componentName5);
 
-        didWarnAboutContextTypeOnFunctionComponent[_componentName4] = true;
+        didWarnAboutContextTypeOnFunctionComponent[_componentName5] = true;
       }
     }
   }
@@ -17851,7 +17956,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -17942,7 +18047,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
 
-      var _capturedValue = createCapturedValue(new Error('There was an error while hydrating this Suspense boundary. ' + 'Switched to client rendering.'));
+      var _capturedValue = createCapturedValueFromError(new Error('There was an error while hydrating this Suspense boundary. ' + 'Switched to client rendering.'));
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, _capturedValue);
     } else if (workInProgress.memoizedState !== null) {
@@ -18318,8 +18423,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 var hasWarnedAboutUsingNoValuePropOnContextProvider = false;
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  var providerType = workInProgress.type;
-  var context = providerType._context;
+  var context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   var newProps = workInProgress.pendingProps;
   var oldProps = workInProgress.memoizedProps;
   var newValue = newProps.value;
@@ -18332,12 +18441,6 @@ function updateContextProvider(current, workInProgress, renderLanes) {
         error('The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?');
       }
     }
-
-    var providerPropTypes = workInProgress.type.propTypes;
-
-    if (providerPropTypes) {
-      checkPropTypes(providerPropTypes, newProps, 'prop', 'Context.Provider');
-    }
   }
 
   pushProvider(workInProgress, context, newValue);
@@ -18364,31 +18467,16 @@ function updateContextProvider(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-var hasWarnedAboutUsingContextAsConsumer = false;
-
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
+  var context;
 
   {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
+    context = workInProgress.type;
 
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
+    {
+      if (context._context !== undefined) {
+        context = context._context;
       }
-    } else {
-      context = context._context;
     }
   }
 
@@ -18491,7 +18579,12 @@ function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
     newWorkInProgress.index = oldWorkInProgress.index;
     newWorkInProgress.sibling = oldWorkInProgress.sibling;
     newWorkInProgress.return = oldWorkInProgress.return;
-    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+    newWorkInProgress.ref = oldWorkInProgress.ref;
+
+    {
+      newWorkInProgress._debugInfo = oldWorkInProgress._debugInfo;
+    } // Replace the child/sibling pointers above it.
+
 
     if (oldWorkInProgress === returnFiber.child) {
       returnFiber.child = newWorkInProgress;
@@ -18586,7 +18679,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         var newValue = workInProgress.memoizedProps.value;
-        var context = workInProgress.type._context;
+        var context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -18746,7 +18844,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
   {
     if (workInProgress._debugNeedsRemount && current !== null) {
       // This will restart the begin phase with a new fiber.
-      return remountFiber(current, workInProgress, createFiberFromTypeAndProps(workInProgress.type, workInProgress.key, workInProgress.pendingProps, workInProgress._debugSource || null, workInProgress._debugOwner || null, workInProgress.mode, workInProgress.lanes));
+      return remountFiber(current, workInProgress, createFiberFromTypeAndProps(workInProgress.type, workInProgress.key, workInProgress.pendingProps, workInProgress._debugOwner || null, workInProgress.mode, workInProgress.lanes));
     }
   }
 
@@ -18896,24 +18994,13 @@ function beginWork$1(current, workInProgress, renderLanes) {
 
     case MemoComponent:
       {
-        var _type2 = workInProgress.type;
+        var _type = workInProgress.type;
         var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
-        var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
-
-        {
-          if (workInProgress.type !== workInProgress.elementType) {
-            var outerPropTypes = _type2.propTypes;
-
-            if (outerPropTypes) {
-              checkPropTypes(outerPropTypes, _resolvedProps3, // Resolved for outer only
-              'prop', getComponentNameFromType(_type2));
-            }
-          }
-        }
+        var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
 
-        _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
-        return updateMemoComponent(current, workInProgress, _type2, _resolvedProps3, renderLanes);
+        _resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
+        return updateMemoComponent(current, workInProgress, _type, _resolvedProps3, renderLanes);
       }
 
     case SimpleMemoComponent:
@@ -19023,11 +19110,7 @@ function popProvider(context, providerFiber) {
   var currentValue = valueCursor.current;
 
   {
-    if (currentValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue = context._defaultValue;
-    } else {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
 
     {
       var currentRenderer = rendererCursorDEV.current;
@@ -19306,9 +19389,7 @@ var CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 
 {
@@ -19365,9 +19446,30 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-var NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  var transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  var callbacks = transition._callbacks;
+  callbacks.forEach(function (callback) {
+    return callback(transition, returnValue);
+  });
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -19481,10 +19583,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -19988,10 +20086,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -20015,10 +20109,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -20067,10 +20157,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -20099,11 +20185,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -20119,10 +20200,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, _type2, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -20162,11 +20239,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -20330,7 +20402,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      var context = workInProgress.type._context;
+      var context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context, workInProgress);
       bubbleProperties(workInProgress);
       return null;
@@ -20747,7 +20824,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      var context = workInProgress.type._context;
+      var context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context, workInProgress);
       return null;
 
@@ -20839,7 +20921,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      var context = interruptedWork.type._context;
+      var context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context, interruptedWork);
       break;
 
@@ -22140,7 +22227,6 @@ function detachFiberAfterEffects(fiber) {
   fiber.stateNode = null;
 
   {
-    fiber._debugSource = null;
     fiber._debugOwner = null;
   } // Theoretically, nothing in here should be necessary, because we already
   // disconnected the fiber from the tree. So even if something leaks this
@@ -25002,7 +25088,13 @@ var workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 var workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-var workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+var workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+var workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+var didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -25071,17 +25163,17 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  var isTransition = requestCurrentTransition() !== NoTransition;
+  var transition = requestCurrentTransition();
 
-  if (isTransition) {
-    if (ReactCurrentBatchConfig$1.transition !== null) {
-      var transition = ReactCurrentBatchConfig$1.transition;
+  if (transition !== null) {
+    {
+      var batchConfigTransition = ReactCurrentBatchConfig$1.transition;
 
-      if (!transition._updatedFibers) {
-        transition._updatedFibers = new Set();
+      if (!batchConfigTransition._updatedFibers) {
+        batchConfigTransition._updatedFibers = new Set();
       }
 
-      transition._updatedFibers.add(fiber);
+      batchConfigTransition._updatedFibers.add(fiber);
     }
 
     var actionScopeLane = peekEntangledActionLane();
@@ -25148,7 +25240,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -25492,7 +25584,7 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
 
   if (shouldForceFlushFallbacksInDEV()) {
     // We're inside an `act` scope. Commit immediately.
-    commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane);
+    commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane);
   } else {
     if (includesOnlyRetries(lanes) && (alwaysThrottleRetries )) {
       // This render only included retries, no updates. Throttle committing
@@ -25514,16 +25606,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -25547,14 +25639,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -25618,15 +25710,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -25692,7 +25822,7 @@ function performSyncWorkOnRoot(root, lanes) {
   var finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -25849,7 +25979,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -26183,7 +26314,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -26286,7 +26417,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -26353,7 +26484,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -26419,7 +26550,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -26431,7 +26562,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -26642,7 +26773,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner$1.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -26651,34 +26782,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   var returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    var didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -26698,6 +26822,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -26829,7 +26969,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   var previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -26838,7 +26978,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -26847,7 +26987,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -26905,7 +27045,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   var concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -27105,7 +27247,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     {
@@ -27538,6 +27683,17 @@ function throwIfInfiniteUpdateLoopDetected() {
     nestedPassiveUpdateCount = 0;
     rootWithNestedUpdates = null;
     rootWithPassiveNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw new Error('Maximum update depth exceeded. This can happen when a component ' + 'repeatedly calls setState inside componentWillUpdate or ' + 'componentDidUpdate. React limits the number of nested updates to ' + 'prevent infinite loops.');
   }
 
@@ -27558,9 +27714,90 @@ function flushRenderPhaseStrictModeWarningsInDEV() {
   }
 }
 
+function recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, parentFiber, isInStrictMode) {
+  if ((parentFiber.subtreeFlags & (PlacementDEV | Visibility)) === NoFlags$1) {
+    // Parent's descendants have already had effects double invoked.
+    // Early exit to avoid unnecessary tree traversal.
+    return;
+  }
+
+  var child = parentFiber.child;
+
+  while (child !== null) {
+    doubleInvokeEffectsInDEVIfNecessary(root, child, isInStrictMode);
+    child = child.sibling;
+  }
+} // Unconditionally disconnects and connects passive and layout effects.
+
+
+function doubleInvokeEffectsOnFiber(root, fiber) {
+  var shouldDoubleInvokePassiveEffects = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  disappearLayoutEffects(fiber);
+
+  if (shouldDoubleInvokePassiveEffects) {
+    disconnectPassiveEffect(fiber);
+  }
+
+  reappearLayoutEffects(root, fiber.alternate, fiber, false);
+
+  if (shouldDoubleInvokePassiveEffects) {
+    reconnectPassiveEffects(root, fiber, NoLanes, null, false);
+  }
+}
+
+function doubleInvokeEffectsInDEVIfNecessary(root, fiber, parentIsInStrictMode) {
+  var isStrictModeFiber = fiber.type === REACT_STRICT_MODE_TYPE;
+  var isInStrictMode = parentIsInStrictMode || isStrictModeFiber; // First case: the fiber **is not** of type OffscreenComponent. No
+  // special rules apply to double invoking effects.
+
+  if (fiber.tag !== OffscreenComponent) {
+    if (fiber.flags & PlacementDEV) {
+      setCurrentFiber(fiber);
+
+      if (isInStrictMode) {
+        doubleInvokeEffectsOnFiber(root, fiber, (fiber.mode & NoStrictPassiveEffectsMode) === NoMode);
+      }
+
+      resetCurrentFiber();
+    } else {
+      recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, fiber, isInStrictMode);
+    }
+
+    return;
+  } // Second case: the fiber **is** of type OffscreenComponent.
+  // This branch contains cases specific to Offscreen.
+
+
+  if (fiber.memoizedState === null) {
+    // Only consider Offscreen that is visible.
+    // TODO (Offscreen) Handle manual mode.
+    setCurrentFiber(fiber);
+
+    if (isInStrictMode && fiber.flags & Visibility) {
+      // Double invoke effects on Offscreen's subtree only
+      // if it is visible and its visibility has changed.
+      doubleInvokeEffectsOnFiber(root, fiber);
+    } else if (fiber.subtreeFlags & PlacementDEV) {
+      // Something in the subtree could have been suspended.
+      // We need to continue traversal and find newly inserted fibers.
+      recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, fiber, isInStrictMode);
+    }
+
+    resetCurrentFiber();
+  }
+}
+
 function commitDoubleInvokeEffectsInDEV(root, hasPassiveEffects) {
   {
-    {
+    if (root.tag !== LegacyRoot) {
+      var doubleInvokeEffects = true;
+
+      if (root.tag === ConcurrentRoot && !(root.current.mode & (StrictLegacyMode | StrictEffectsMode))) {
+        doubleInvokeEffects = false;
+      }
+
+      recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, root.current, doubleInvokeEffects);
+    } else {
       legacyCommitDoubleInvokeEffectsInDEV(root.current, hasPassiveEffects);
     }
   }
@@ -28327,7 +28564,7 @@ function FiberNode(tag, pendingProps, key, mode) {
 
   {
     // This isn't directly used but is handy for debugging internals:
-    this._debugSource = null;
+    this._debugInfo = null;
     this._debugOwner = null;
     this._debugNeedsRemount = false;
     this._debugHookTypes = null;
@@ -28398,7 +28635,6 @@ function createWorkInProgress(current, pendingProps) {
 
     {
       // DEV-only fields
-      workInProgress._debugSource = current._debugSource;
       workInProgress._debugOwner = current._debugOwner;
       workInProgress._debugHookTypes = current._debugHookTypes;
     }
@@ -28454,6 +28690,7 @@ function createWorkInProgress(current, pendingProps) {
   }
 
   {
+    workInProgress._debugInfo = current._debugInfo;
     workInProgress._debugNeedsRemount = current._debugNeedsRemount;
 
     switch (workInProgress.tag) {
@@ -28543,7 +28780,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -28560,7 +28797,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   var resolvedType = type;
@@ -28638,13 +28875,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -28691,28 +28937,24 @@ key, pendingProps, source, owner, mode, lanes) {
   fiber.lanes = lanes;
 
   {
-    fiber._debugSource = source;
     fiber._debugOwner = owner;
   }
 
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  var source = null;
   var owner = null;
 
   {
-    source = element._source;
     owner = element._owner;
   }
 
   var type = element.type;
   var key = element.key;
   var pendingProps = element.props;
-  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   {
-    fiber._debugSource = element._source;
     fiber._debugOwner = element._owner;
   }
 
@@ -28855,7 +29097,7 @@ function assignFiberPropertiesInDEV(target, source) {
     target.treeBaseDuration = source.treeBaseDuration;
   }
 
-  target._debugSource = source._debugSource;
+  target._debugInfo = source._debugInfo;
   target._debugOwner = source._debugOwner;
   target._debugNeedsRemount = source._debugNeedsRemount;
   target._debugHookTypes = source._debugHookTypes;
@@ -28964,7 +29206,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -29127,7 +29369,7 @@ function updateContainer(element, container, parentComponent, callback) {
   if (callback !== null) {
     {
       if (typeof callback !== 'function') {
-        error('render(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
+        error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
       }
     }
 
@@ -30739,7 +30981,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    var root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    var root = unblocked.ownerDocument || unblocked;
     var formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -33625,7 +33868,8 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case 'href':
       {
         {
-          if (value === '') {
+          if (value === '' && // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && key === 'href')) {
             {
               if (key === 'src') {
                 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);
@@ -33798,7 +34042,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -34111,6 +34357,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -35331,6 +35578,7 @@ function diffHydratedCustomComponent(domElement, tag, props, hostContext, extraA
       case 'defaultValue':
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         // Noop
         continue;
 
@@ -35405,7 +35653,7 @@ function diffHydratedCustomComponent(domElement, tag, props, hostContext, extraA
 
 
 var EXPECTED_FORM_ACTION_URL = // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')";
+"javascript:throw new Error('React form unexpectedly submitted.')";
 
 function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAttributes) {
   for (var propKey in props) {
@@ -35446,6 +35694,7 @@ function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAt
       case 'defaultValue':
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         // Noop
         continue;
 
@@ -35500,7 +35749,8 @@ function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAt
       case 'src':
       case 'href':
         {
-          if (value === '') {
+          if (value === '' && // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && propKey === 'href')) {
             {
               if (propKey === 'src') {
                 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.', propKey, propKey);
@@ -36896,6 +37146,13 @@ function getFirstHydratableChildWithinContainer(parentContainer) {
 function getFirstHydratableChildWithinSuspenseInstance(parentInstance) {
   return getNextHydratable(parentInstance.nextSibling);
 }
+function validateHydratableInstance(type, props, hostContext) {
+  {
+    // TODO: take namespace into account when validating.
+    var hostContextDev = hostContext;
+    return validateDOMNesting(type, hostContextDev.ancestorInfo);
+  }
+}
 function hydrateInstance(instance, type, props, hostContext, internalInstanceHandle, shouldWarnDev) {
   precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
   // get attached.
@@ -36906,6 +37163,18 @@ function hydrateInstance(instance, type, props, hostContext, internalInstanceHan
   var isConcurrentMode = (internalInstanceHandle.mode & ConcurrentMode) !== NoMode;
   diffHydratedProperties(instance, type, props, isConcurrentMode, shouldWarnDev, hostContext);
 }
+function validateHydratableTextInstance(text, hostContext) {
+  {
+    var hostContextDev = hostContext;
+    var ancestor = hostContextDev.ancestorInfo.current;
+
+    if (ancestor != null) {
+      return validateTextNesting(text, ancestor.tag);
+    }
+  }
+
+  return true;
+}
 function hydrateTextInstance(textInstance, text, internalInstanceHandle, shouldWarnDev) {
   precacheFiberNode(internalInstanceHandle, textInstance); // TODO: Temporary hack to check if we're in a concurrent root. We can delete
   return diffHydratedText(textInstance, text);
@@ -38561,11 +38830,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+var LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 var precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -38609,26 +38884,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   var instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   var precedence = instance.getAttribute('data-precedence');
-  var prior = precedences.get('p' + precedence) || last;
+  var prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -38680,7 +38955,7 @@ function (children) {
 
   {
     if (typeof arguments[1] === 'function') {
-      error('render(...): does not support the second callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
+      error('does not support the second callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
     } else if (isValidContainer(arguments[1])) {
       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.");
     } else if (typeof arguments[1] !== 'undefined') {
@@ -38696,7 +38971,7 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount = // $F
 function () {
   {
     if (typeof arguments[0] === 'function') {
-      error('unmount(...): does not support a callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
+      error('does not support a callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
     }
   }
 
@@ -38719,9 +38994,9 @@ function () {
   }
 };
 
-function createRoot$1(container, options) {
+function createRoot$2(container, options) {
   if (!isValidContainer(container)) {
-    throw new Error('createRoot(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   warnIfReactDOMContainerInDEV(container);
@@ -38780,9 +39055,9 @@ function scheduleHydration(target) {
 
 
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
-function hydrateRoot$1(container, initialChildren, options) {
+function hydrateRoot$2(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw new Error('hydrateRoot(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   warnIfReactDOMContainerInDEV(container);
@@ -38866,7 +39141,7 @@ var topLevelUpdateWarnings;
 
       if (hostInstance) {
         if (hostInstance.parentNode !== container) {
-          error('render(...): It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.');
+          error('It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.');
         }
       }
     }
@@ -38876,7 +39151,7 @@ var topLevelUpdateWarnings;
     var hasNonRootReactChild = !!(rootEl && getInstanceFromNode$1(rootEl));
 
     if (hasNonRootReactChild && !isRootRenderedBySomeReact) {
-      error('render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.');
+      error('Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.');
     }
   };
 }
@@ -38958,10 +39233,10 @@ function legacyCreateRootFromDOMContainer(container, initialChildren, parentComp
   }
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback !== null && typeof callback !== 'function') {
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -38969,7 +39244,7 @@ function warnOnInvalidCallback(callback, callerName) {
 function legacyRenderSubtreeIntoContainer(parentComponent, children, container, forceHydrate, callback) {
   {
     topLevelUpdateWarnings(container);
-    warnOnInvalidCallback(callback === undefined ? null : callback, 'render');
+    warnOnInvalidCallback(callback === undefined ? null : callback);
   }
 
   var maybeRoot = container._reactRootContainer;
@@ -39080,7 +39355,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw new Error('unmountComponentAtNode(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   {
@@ -39402,24 +39677,24 @@ function renderSubtreeIntoContainer(parentComponent, element, containerNode, cal
   return unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback);
 }
 
-function createRoot(container, options) {
+function createRoot$1(container, options) {
   {
     if (!Internals.usingClientEntryPoint && !false) {
       error('You are importing createRoot from "react-dom" which is not supported. ' + 'You should instead import it from "react-dom/client".');
     }
   }
 
-  return createRoot$1(container, options);
+  return createRoot$2(container, options);
 }
 
-function hydrateRoot(container, initialChildren, options) {
+function hydrateRoot$1(container, initialChildren, options) {
   {
     if (!Internals.usingClientEntryPoint && !false) {
       error('You are importing hydrateRoot from "react-dom" which is not supported. ' + 'You should instead import it from "react-dom/client".');
     }
   }
 
-  return hydrateRoot$1(container, initialChildren, options);
+  return hydrateRoot$2(container, initialChildren, options);
 } // Overload the definition to the two valid signatures.
 // Warning, this opts-out of checking the function body.
 // eslint-disable-next-line no-redeclare
@@ -39459,19 +39734,31 @@ var foundDevTools = injectIntoDevTools({
   }
 }
 
-function experimental_useFormStatus() {
+function createRoot(container, options) {
   {
-    error('useFormStatus is now in canary. Remove the experimental_ prefix. ' + 'The prefixed alias will be removed in an upcoming release.');
+    Internals.usingClientEntryPoint = true;
   }
 
-  return useFormStatus();
+  try {
+    return createRoot$1(container, options);
+  } finally {
+    {
+      Internals.usingClientEntryPoint = false;
+    }
+  }
 }
-function experimental_useFormState(action, initialState, permalink) {
+function hydrateRoot(container, children, options) {
   {
-    error('useFormState is now in canary. Remove the experimental_ prefix. ' + 'The prefixed alias will be removed in an upcoming release.');
+    Internals.usingClientEntryPoint = true;
   }
 
-  return useFormState(action, initialState, permalink);
+  try {
+    return hydrateRoot$1(container, children, options);
+  } finally {
+    {
+      Internals.usingClientEntryPoint = false;
+    }
+  }
 }
 
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -39482,8 +39769,6 @@ exports.createRoleSelector = createRoleSelector;
 exports.createRoot = createRoot;
 exports.createTestNameSelector = createTestNameSelector;
 exports.createTextSelector = createTextSelector;
-exports.experimental_useFormState = experimental_useFormState;
-exports.experimental_useFormStatus = experimental_useFormStatus;
 exports.findAllNodes = findAllNodes;
 exports.findBoundingRects = findBoundingRects;
 exports.findDOMNode = findDOMNode;
@@ -39503,7 +39788,6 @@ exports.render = render;
 exports.unmountComponentAtNode = unmountComponentAtNode;
 exports.unstable_batchedUpdates = batchedUpdates$1;
 exports.unstable_renderSubtreeIntoContainer = renderSubtreeIntoContainer;
-exports.unstable_runWithPriority = runWithPriority;
 exports.useFormState = useFormState;
 exports.useFormStatus = useFormStatus;
 exports.version = ReactVersion;
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 9a81528a7e6295..fecc6c25a72dfe 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
@@ -25,10 +25,14 @@ const Internals = {
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
@@ -52,7 +56,7 @@ const assign = Object.assign;
 
 const enableClientRenderFallbackOnTextMismatch = true;
 const enableFormActions = true;
-const enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+const enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -75,18 +79,6 @@ const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature
 const alwaysThrottleRetries = true;
 const syncLaneExpirationMs = 250;
 const transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
-//
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
-// -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
-
-const createRootStrictEffectsByDefault = false;
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -95,7 +87,7 @@ const createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-const disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
+const disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -182,9 +174,10 @@ const REACT_PORTAL_TYPE = Symbol.for('react.portal');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -196,7 +189,6 @@ const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
 const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
 const REACT_CACHE_TYPE = Symbol.for('react.cache');
 const REACT_TRACING_MARKER_TYPE = Symbol.for('react.tracing_marker');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -235,9 +227,7 @@ const HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -457,6 +447,10 @@ const UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
 const NormalPriority$1 = Scheduler.unstable_NormalPriority;
 const LowPriority = Scheduler.unstable_LowPriority;
 const IdlePriority = Scheduler.unstable_IdlePriority; // this doesn't actually exist on the scheduler, but it *does*
+// on scheduler/unstable_mock, which we'll need for internal testing
+
+const log$1 = Scheduler.log;
+const unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue;
 
 let rendererID = null;
 let injectedHook = null;
@@ -526,6 +520,23 @@ function onCommitUnmount(fiber) {
     }
   }
 }
+function setIsStrictModeForDevtools(newIsStrictMode) {
+  {
+    if (typeof log$1 === 'function') {
+      // We're in a test because Scheduler.log only exists
+      // in SchedulerMock. To reduce the noise in strict mode tests,
+      // suppress warnings and disable scheduler yielding during the double render
+      unstable_setDisableYieldValue(newIsStrictMode);
+    }
+
+    if (injectedHook && typeof injectedHook.setStrictMode === 'function') {
+      try {
+        injectedHook.setStrictMode(rendererID, newIsStrictMode);
+      } catch (err) {
+      }
+    }
+  }
+} // Profiler API hooks
 
 function injectProfilingHooks(profilingHooks) {
 }
@@ -1121,7 +1132,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1158,7 +1169,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -1946,7 +1957,7 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
 }
 
 let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -1962,6 +1973,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 let reentry = false;
 let componentFrameCache;
 /**
@@ -2174,12 +2188,12 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -2224,7 +2238,10 @@ function getStackByFiberInDevAndProd(workInProgress) {
     let node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (false) ; // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -2301,13 +2318,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -2333,13 +2360,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
@@ -2365,12 +2385,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      const context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        const context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      const provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        const provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3600,7 +3624,7 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (const key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
+    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
 
@@ -4076,18 +4100,19 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
-
+  } // Validate that this is ok to render here before any mismatches.
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4098,6 +4123,7 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4110,15 +4136,12 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4131,6 +4154,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   const text = fiber.pendingProps;
   const isHydratable = isHydratableText(text);
+
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
@@ -4138,11 +4162,13 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4153,6 +4179,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4165,15 +4192,12 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4221,11 +4245,6 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
-
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -4646,2416 +4665,2476 @@ function getRootForUpdatedFiber(sourceFiber) {
   return node.tag === HostRoot ? node.stateNode : null;
 }
 
-const UpdateState = 0;
-const ReplaceState = 1;
-const ForceUpdate = 2;
-const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
-
-let hasForceUpdate = false;
-
-function initializeUpdateQueue(fiber) {
-  const queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      lanes: NoLanes,
-      hiddenCallbacks: null
-    },
-    callbacks: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  const queue = workInProgress.updateQueue;
-  const currentQueue = current.updateQueue;
-
-  if (queue === currentQueue) {
-    const clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      callbacks: null
-    };
-    workInProgress.updateQueue = clone;
-  }
-}
-function createUpdate(lane) {
-  const update = {
-    lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
-}
-function enqueueUpdate(fiber, update, lane) {
-  const updateQueue = fiber.updateQueue;
-
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
-  }
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
 
-  const sharedQueue = updateQueue.shared;
+let firstScheduledRoot = null;
+let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    const pending = sharedQueue.pending;
+let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
+let mightHavePendingSyncWork = false;
+let isFlushingWork = false;
+let currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
     } else {
-      update.next = pending.next;
-      pending.next = update;
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
     }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
 
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
   }
 }
-function entangleTransitions(root, fiber, lane) {
-  const updateQueue = fiber.updateQueue;
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
     return;
   }
 
-  const sharedQueue = updateQueue.shared;
-
-  if (isTransitionLane(lane)) {
-    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
 
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
 
-    const newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
+  let didPerformSomeWork;
+  let errors = null;
+  isFlushingWork = true;
 
-    markRootEntangled(root, newQueueLanes);
-  }
-}
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
+  do {
+    didPerformSomeWork = false;
+    let root = firstScheduledRoot;
 
-  const current = workInProgress.alternate;
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        const workInProgressRoot = getWorkInProgressRoot();
+        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
 
-  if (current !== null) {
-    const currentQueue = current.updateQueue;
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
 
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      let newFirst = null;
-      let newLast = null;
-      const firstBaseUpdate = queue.firstBaseUpdate;
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
 
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        let update = firstBaseUpdate;
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
 
-        do {
-          const clone = {
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
-
-
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
-
-
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
-        }
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
       } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
-      }
+        for (let i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        callbacks: currentQueue.callbacks
-      };
-      workInProgress.updateQueue = queue;
-      return;
+        const firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      const error = errors[0];
+      throw error;
     }
-  } // Append the update to the end of the list.
-
-
-  const lastBaseUpdate = queue.lastBaseUpdate;
-
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
   }
-
-  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-  switch (update.tag) {
-    case ReplaceState:
-      {
-        const payload = update.payload;
-
-        if (typeof payload === 'function') {
-
-          const nextState = payload.call(instance, prevState, nextProps);
-
-          return nextState;
-        } // State object
+function throwError(error) {
+  throw error;
+}
 
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
 
-        return payload;
-      }
 
-    case CaptureUpdate:
-      {
-        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
-      }
-    // Intentional fallthrough
+  mightHavePendingSyncWork = false;
+  const currentTime = now();
+  let prev = null;
+  let root = firstScheduledRoot;
 
-    case UpdateState:
-      {
-        const payload = update.payload;
-        let partialState;
+  while (root !== null) {
+    const next = root.next;
 
-        if (typeof payload === 'function') {
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
 
-          partialState = payload.call(instance, prevState, nextProps);
-        } else {
-          // Partial state object
-          partialState = payload;
-        }
+    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
-        if (partialState === null || partialState === undefined) {
-          // Null and undefined are treated as no-ops.
-          return prevState;
-        } // Merge the partial state and the previous state.
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
 
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
 
-        return assign({}, prevState, partialState);
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
       }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
 
-    case ForceUpdate:
-      {
-        hasForceUpdate = true;
-        return prevState;
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
       }
+    }
+
+    root = next;
   }
 
-  return prevState;
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
 }
 
-function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
-  const queue = workInProgress.updateQueue;
-  hasForceUpdate = false;
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
 
-  let firstBaseUpdate = queue.firstBaseUpdate;
-  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+  const workInProgressRoot = getWorkInProgressRoot();
+  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  const existingCallbackNode = root.callbackNode;
 
-  let pendingQueue = queue.shared.pending;
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
 
-  if (pendingQueue !== null) {
-    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
-    // and last so that it's non-circular.
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
 
-    const lastPendingUpdate = pendingQueue;
-    const firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null; // Append pending updates to base queue
 
-    if (lastBaseUpdate === null) {
-      firstBaseUpdate = firstPendingUpdate;
-    } else {
-      lastBaseUpdate.next = firstPendingUpdate;
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
     }
 
-    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
-    // we need to transfer the updates to that queue, too. Because the base
-    // queue is a singly-linked list with no cycles, we can append to both
-    // lists and take advantage of structural sharing.
-    // TODO: Pass `current` as argument
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    const existingCallbackPriority = root.callbackPriority;
+    const newCallbackPriority = getHighestPriorityLane(nextLanes);
 
-    const current = workInProgress.alternate;
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(false  )) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
 
-    if (current !== null) {
-      // This is always non-null on a ClassComponent or HostRoot
-      const currentQueue = current.updateQueue;
-      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
+    let schedulerPriorityLevel;
 
-      if (currentLastBaseUpdate !== lastBaseUpdate) {
-        if (currentLastBaseUpdate === null) {
-          currentQueue.firstBaseUpdate = firstPendingUpdate;
-        } else {
-          currentLastBaseUpdate.next = firstPendingUpdate;
-        }
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
 
-        currentQueue.lastBaseUpdate = lastPendingUpdate;
-      }
-    }
-  } // These values may change as we process the queue.
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
 
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
 
-  if (firstBaseUpdate !== null) {
-    // Iterate through the list of updates to compute the result.
-    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-    // from the original lanes.
-
-    let newLanes = NoLanes;
-    let newBaseState = null;
-    let newFirstBaseUpdate = null;
-    let newLastBaseUpdate = null;
-    let update = firstBaseUpdate;
-
-    do {
-      // An extra OffscreenLane bit is added to updates that were made to
-      // a hidden tree, so that we can distinguish them from updates that were
-      // already there when the tree was hidden.
-      const updateLane = removeLanes(update.lane, OffscreenLane);
-      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
-      // it's not a "base" update and we should disregard the extra base lanes
-      // that were added to renderLanes when we entered the Offscreen tree.
-
-      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
 
-      if (shouldSkipUpdate) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        const clone = {
-          lane: updateLane,
-          tag: update.tag,
-          payload: update.payload,
-          callback: update.callback,
-          next: null
-        };
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
 
-        if (newLastBaseUpdate === null) {
-          newFirstBaseUpdate = newLastBaseUpdate = clone;
-          newBaseState = newState;
-        } else {
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Update the remaining priority in the queue.
+    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
 
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now());
 
-        newLanes = mergeLanes(newLanes, updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newLastBaseUpdate !== null) {
-          const clone = {
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Process this update.
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
 
+  return null;
+}
 
-        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
-        const callback = update.callback;
+function scheduleCallback$2(priorityLevel, callback) {
+  {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
 
-        if (callback !== null) {
-          workInProgress.flags |= Callback;
+function cancelCallback(callbackNode) {
+  if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
 
-          if (isHiddenUpdate) {
-            workInProgress.flags |= Visibility;
-          }
+function scheduleImmediateTask(cb) {
+  // Alternatively, can we move this check to the host config?
 
-          const callbacks = queue.callbacks;
 
-          if (callbacks === null) {
-            queue.callbacks = [callback];
-          } else {
-            callbacks.push(callback);
-          }
-        }
-      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+  {
+    scheduleMicrotask(() => {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      const executionContext = getExecutionContext();
 
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
 
-      update = update.next;
+      cb();
+    });
+  }
+}
 
-      if (update === null) {
-        pendingQueue = queue.shared.pending;
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
 
-        if (pendingQueue === null) {
-          break;
-        } else {
-          // An update was scheduled from inside a reducer. Add the new
-          // pending updates to the end of the list and keep processing.
-          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-          // unravel them when transferring them to the base queue.
+  return currentEventTransitionLane;
+}
 
-          const firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = null;
-          update = firstPendingUpdate;
-          queue.lastBaseUpdate = lastPendingUpdate;
-          queue.shared.pending = null;
-        }
-      }
-    } while (true);
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
 
-    if (newLastBaseUpdate === null) {
-      newBaseState = newState;
-    }
+let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
 
-    queue.baseState = newBaseState;
-    queue.firstBaseUpdate = newFirstBaseUpdate;
-    queue.lastBaseUpdate = newLastBaseUpdate;
+let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
 
-    if (firstBaseUpdate === null) {
-      // `queue.lanes` is used for entangling transitions. We can set it back to
-      // zero once the queue is empty.
-      queue.shared.lanes = NoLanes;
-    } // Set the remaining expiration time to be whatever is remaining in the queue.
-    // This should be fine because the only two other things that contribute to
-    // expiration time are props and context. We're already in the middle of the
-    // begin phase by the time we start processing the queue, so we've already
-    // dealt with the props. Context in components that specify
-    // shouldComponentUpdate is tricky; but we'll have to account for
-    // that regardless.
+let currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
 
+let currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    const entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    const entangledThenable = {
+      status: 'pending',
+      value: undefined,
 
-    markSkippedUpdateLanes(newLanes);
-    workInProgress.lanes = newLanes;
-    workInProgress.memoizedState = newState;
-  }
-}
+      then(resolve) {
+        entangledListeners.push(resolve);
+      }
 
-function callCallback(callback, context) {
-  if (typeof callback !== 'function') {
-    throw Error(formatProdErrorMessage(191, callback));
+    };
+    currentEntangledActionThenable = entangledThenable;
   }
 
-  callback.call(context);
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
 }
 
-function resetHasForceUpdateBeforeProcessing() {
-  hasForceUpdate = false;
-}
-function checkHasForceUpdateAfterProcessing() {
-  return hasForceUpdate;
-}
-function deferHiddenCallbacks(updateQueue) {
-  // When an update finishes on a hidden component, its callback should not
-  // be fired until/unless the component is made visible again. Stash the
-  // callback on the shared queue object so it can be fired later.
-  const newHiddenCallbacks = updateQueue.callbacks;
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      const fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
 
-  if (newHiddenCallbacks !== null) {
-    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+    const listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
 
-    if (existingHiddenCallbacks === null) {
-      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
-    } else {
-      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener();
     }
   }
 }
-function commitHiddenCallbacks(updateQueue, context) {
-  // This component is switching from hidden -> visible. Commit any callbacks
-  // that were previously deferred.
-  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-  if (hiddenCallbacks !== null) {
-    updateQueue.shared.hiddenCallbacks = null;
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  const listeners = [];
+  const thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
 
-    for (let i = 0; i < hiddenCallbacks.length; i++) {
-      const callback = hiddenCallbacks[i];
-      callCallback(callback, context);
+    then(resolve) {
+      listeners.push(resolve);
     }
-  }
-}
-function commitCallbacks(updateQueue, context) {
-  const callbacks = updateQueue.callbacks;
 
-  if (callbacks !== null) {
-    updateQueue.callbacks = null;
+  };
+  thenable.then(value => {
+    const fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
 
-    for (let i = 0; i < callbacks.length; i++) {
-      const callback = callbacks[i];
-      callCallback(callback, context);
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener(result);
     }
-  }
+  }, error => {
+    const rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
+
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
+
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
+}
+function peekEntangledActionLane() {
+  return currentEntangledLane;
+}
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
 }
 
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
+const UpdateState = 0;
+const ReplaceState = 1;
+const ForceUpdate = 2;
+const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
 
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) {
-    return true;
+let hasForceUpdate = false;
+
+function initializeUpdateQueue(fiber) {
+  const queue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: {
+      pending: null,
+      lanes: NoLanes,
+      hiddenCallbacks: null
+    },
+    callbacks: null
+  };
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  const queue = workInProgress.updateQueue;
+  const currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    const clone = {
+      baseState: currentQueue.baseState,
+      firstBaseUpdate: currentQueue.firstBaseUpdate,
+      lastBaseUpdate: currentQueue.lastBaseUpdate,
+      shared: currentQueue.shared,
+      callbacks: null
+    };
+    workInProgress.updateQueue = clone;
   }
+}
+function createUpdate(lane) {
+  const update = {
+    lane,
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+    next: null
+  };
+  return update;
+}
+function enqueueUpdate(fiber, update, lane) {
+  const updateQueue = fiber.updateQueue;
 
-  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-    return false;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return null;
   }
 
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
+  const sharedQueue = updateQueue.shared;
 
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // Test for A's keys different from B.
+  if (isUnsafeClassRenderPhaseUpdate()) {
+    // This is an unsafe render phase update. Add directly to the update
+    // queue so we can process it immediately during the current render.
+    const pending = sharedQueue.pending;
 
+    if (pending === null) {
+      // This is the first update. Create a circular list.
+      update.next = update;
+    } else {
+      update.next = pending.next;
+      pending.next = update;
+    }
 
-  for (let i = 0; i < keysA.length; i++) {
-    const currentKey = keysA[i];
+    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+    // this fiber. This is for backwards compatibility in the case where you
+    // update a different component during render phase than the one that is
+    // currently renderings (a pattern that is accompanied by a warning).
 
-    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
-    !objectIs(objA[currentKey], objB[currentKey])) {
-      return false;
-    }
+    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+  } else {
+    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
   }
-
-  return true;
 }
+function entangleTransitions(root, fiber, lane) {
+  const updateQueue = fiber.updateQueue;
 
-// detect this is caught by userspace, we'll log a warning in development.
-
-const SuspenseException = Error(formatProdErrorMessage(460));
-const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
-// TODO: It would be better to refactor throwException into multiple functions
-// so we can trigger a fallback directly without having to check the type. But
-// for now this will do.
-
-const noopSuspenseyCommitThenable = {
-  then() {
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
   }
 
-};
-function createThenableState() {
-  // The ThenableState is created the first time a component suspends. If it
-  // suspends again, we'll reuse the same state.
-  return [];
-}
-function isThenableResolved(thenable) {
-  const status = thenable.status;
-  return status === 'fulfilled' || status === 'rejected';
-}
-
-function noop$2() {}
+  const sharedQueue = updateQueue.shared;
 
-function trackUsedThenable(thenableState, thenable, index) {
+  if (isTransitionLane(lane)) {
+    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+    // have finished. We can remove them from the shared queue, which represents
+    // a superset of the actually pending lanes. In some cases we may entangle
+    // more than we need to, but that's OK. In fact it's worse if we *don't*
+    // entangle when we should.
 
-  const previous = thenableState[index];
+    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
 
-  if (previous === undefined) {
-    thenableState.push(thenable);
-  } else {
-    if (previous !== thenable) {
-      // Reuse the previous thenable, and drop the new one. We can assume
-      // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
-      // intentionally ignore.
-      thenable.then(noop$2, noop$2);
-      thenable = previous;
-    }
-  } // We use an expando to track the status and result of a thenable so that we
-  // can synchronously unwrap the value. Think of this as an extension of the
-  // Promise API, or a custom interface that is a superset of Thenable.
-  //
-  // If the thenable doesn't have a status, set it to "pending" and attach
-  // a listener that will update its status and result when it resolves.
+    const newQueueLanes = mergeLanes(queueLanes, lane);
+    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+    // the lane finished since the last time we entangled it. So we need to
+    // entangle it again, just to be sure.
 
+    markRootEntangled(root, newQueueLanes);
+  }
+}
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  // Captured updates are updates that are thrown by a child during the render
+  // phase. They should be discarded if the render is aborted. Therefore,
+  // we should only put them on the work-in-progress queue, not the current one.
+  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-  switch (thenable.status) {
-    case 'fulfilled':
-      {
-        const fulfilledValue = thenable.value;
-        return fulfilledValue;
-      }
+  const current = workInProgress.alternate;
 
-    case 'rejected':
-      {
-        const rejectedError = thenable.reason;
-        checkIfUseWrappedInAsyncCatch(rejectedError);
-        throw rejectedError;
-      }
+  if (current !== null) {
+    const currentQueue = current.updateQueue;
 
-    default:
-      {
-        if (typeof thenable.status === 'string') {
-          // Only instrument the thenable if the status if not defined. If
-          // it's defined, but an unknown value, assume it's been instrumented by
-          // some custom userspace implementation. We treat it as "pending".
-          // Attach a dummy listener, to ensure that any lazy initialization can
-          // happen. Flight lazily parses JSON when the value is actually awaited.
-          thenable.then(noop$2, noop$2);
-        } else {
-          // This is an uncached thenable that we haven't seen before.
-          // Detect infinite ping loops caused by uncached promises.
-          const root = getWorkInProgressRoot();
+    if (queue === currentQueue) {
+      // The work-in-progress queue is the same as current. This happens when
+      // we bail out on a parent fiber that then captures an error thrown by
+      // a child. Since we want to append the update only to the work-in
+      // -progress queue, we need to clone the updates. We usually clone during
+      // processUpdateQueue, but that didn't happen in this case because we
+      // skipped over the parent when we bailed out.
+      let newFirst = null;
+      let newLast = null;
+      const firstBaseUpdate = queue.firstBaseUpdate;
 
-          if (root !== null && root.shellSuspendCounter > 100) {
-            // This root has suspended repeatedly in the shell without making any
-            // progress (i.e. committing something). This is highly suggestive of
-            // an infinite ping loop, often caused by an accidental Async Client
-            // Component.
-            //
-            // During a transition, we can suspend the work loop until the promise
-            // to resolve, but this is a sync render, so that's not an option. We
-            // also can't show a fallback, because none was provided. So our last
-            // resort is to throw an error.
-            //
-            // TODO: Remove this error in a future release. Other ways of handling
-            // this case include forcing a concurrent render, or putting the whole
-            // root into offscreen mode.
-            throw Error(formatProdErrorMessage(482));
-          }
+      if (firstBaseUpdate !== null) {
+        // Loop through the updates and clone them.
+        let update = firstBaseUpdate;
 
-          const pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(fulfilledValue => {
-            if (thenable.status === 'pending') {
-              const fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, error => {
-            if (thenable.status === 'pending') {
-              const rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously.
+        do {
+          const clone = {
+            lane: update.lane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                const fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+          if (newLast === null) {
+            newFirst = newLast = clone;
+          } else {
+            newLast.next = clone;
+            newLast = clone;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-            case 'rejected':
-              {
-                const rejectedThenable = thenable;
-                const rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(rejectedError);
-                throw rejectedError;
-              }
-          }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
 
+          update = update.next;
+        } while (update !== null); // Append the captured update the end of the cloned list.
 
-        suspendedThenable = thenable;
 
-        throw SuspenseException;
+        if (newLast === null) {
+          newFirst = newLast = capturedUpdate;
+        } else {
+          newLast.next = capturedUpdate;
+          newLast = capturedUpdate;
+        }
+      } else {
+        // There are no base updates.
+        newFirst = newLast = capturedUpdate;
       }
-  }
-}
-function suspendCommit() {
-  // This extra indirection only exists so it can handle passing
-  // noopSuspenseyCommitThenable through to throwException.
-  // TODO: Factor the thenable check out of throwException
-  suspendedThenable = noopSuspenseyCommitThenable;
-  throw SuspenseyCommitException;
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
 
-let suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw Error(formatProdErrorMessage(459));
-  }
-
-  const thenable = suspendedThenable;
-  suspendedThenable = null;
-
-  return thenable;
-}
-function checkIfUseWrappedInAsyncCatch(rejectedReason) {
-  // This check runs in prod, too, because it prevents a more confusing
-  // downstream error, where SuspenseException is caught by a promise and
-  // thrown asynchronously.
-  // TODO: Another way to prevent SuspenseException from leaking into an async
-  // execution context is to check the dispatcher every time `use` is called,
-  // or some equivalent. That might be preferable for other reasons, too, since
-  // it matches how we prevent similar mistakes for other hooks.
-  if (rejectedReason === SuspenseException) {
-    throw Error(formatProdErrorMessage(483));
-  }
-}
+      queue = {
+        baseState: currentQueue.baseState,
+        firstBaseUpdate: newFirst,
+        lastBaseUpdate: newLast,
+        shared: currentQueue.shared,
+        callbacks: currentQueue.callbacks
+      };
+      workInProgress.updateQueue = queue;
+      return;
+    }
+  } // Append the update to the end of the list.
 
-let thenableState$1 = null;
-let thenableIndexCounter$1 = 0;
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter$1;
-  thenableIndexCounter$1 += 1;
+  const lastBaseUpdate = queue.lastBaseUpdate;
 
-  if (thenableState$1 === null) {
-    thenableState$1 = createThenableState();
+  if (lastBaseUpdate === null) {
+    queue.firstBaseUpdate = capturedUpdate;
+  } else {
+    lastBaseUpdate.next = capturedUpdate;
   }
 
-  return trackUsedThenable(thenableState$1, thenable, index);
+  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function coerceRef(returnFiber, current, element) {
-  const mixedRef = element.ref;
+function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+  switch (update.tag) {
+    case ReplaceState:
+      {
+        const payload = update.payload;
 
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+        if (typeof payload === 'function') {
 
-    if (element._owner) {
-      const owner = element._owner;
-      let inst;
+          const nextState = payload.call(instance, prevState, nextProps);
 
-      if (owner) {
-        const ownerFiber = owner;
+          return nextState;
+        } // State object
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw Error(formatProdErrorMessage(309));
-        }
 
-        inst = ownerFiber.stateNode;
+        return payload;
       }
 
-      if (!inst) {
-        throw Error(formatProdErrorMessage(147, mixedRef));
-      } // Assigning this to a const so Flow knows it won't change in the closure
-
-
-      const resolvedInst = inst;
-
-      const stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
-
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
+    case CaptureUpdate:
+      {
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
       }
+    // Intentional fallthrough
+
+    case UpdateState:
+      {
+        const payload = update.payload;
+        let partialState;
 
-      const ref = function (value) {
-        const refs = resolvedInst.refs;
+        if (typeof payload === 'function') {
 
-        if (value === null) {
-          delete refs[stringRef];
+          partialState = payload.call(instance, prevState, nextProps);
         } else {
-          refs[stringRef] = value;
+          // Partial state object
+          partialState = payload;
         }
-      };
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw Error(formatProdErrorMessage(284));
+        if (partialState === null || partialState === undefined) {
+          // Null and undefined are treated as no-ops.
+          return prevState;
+        } // Merge the partial state and the previous state.
+
+
+        return assign({}, prevState, partialState);
       }
 
-      if (!element._owner) {
-        throw Error(formatProdErrorMessage(290, mixedRef));
+    case ForceUpdate:
+      {
+        hasForceUpdate = true;
+        return prevState;
       }
-    }
   }
 
-  return mixedRef;
+  return prevState;
 }
 
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  // $FlowFixMe[method-unbinding]
-  const childString = Object.prototype.toString.call(newChild);
-  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+let didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
+
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    const entangledActionThenable = peekEntangledActionThenable();
+
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
+    }
+  }
 }
+function processUpdateQueue(workInProgress, props, instance, renderLanes) {
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-function resolveLazy(lazyType) {
-  const payload = lazyType._payload;
-  const init = lazyType._init;
-  return init(payload);
-} // This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
+  const queue = workInProgress.updateQueue;
+  hasForceUpdate = false;
 
+  let firstBaseUpdate = queue.firstBaseUpdate;
+  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
 
-function createChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
+  let pendingQueue = queue.shared.pending;
 
-    const deletions = returnFiber.deletions;
+  if (pendingQueue !== null) {
+    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
+    // and last so that it's non-circular.
 
-    if (deletions === null) {
-      returnFiber.deletions = [childToDelete];
-      returnFiber.flags |= ChildDeletion;
+    const lastPendingUpdate = pendingQueue;
+    const firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null; // Append pending updates to base queue
+
+    if (lastBaseUpdate === null) {
+      firstBaseUpdate = firstPendingUpdate;
     } else {
-      deletions.push(childToDelete);
+      lastBaseUpdate.next = firstPendingUpdate;
     }
-  }
 
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
+    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
+    // we need to transfer the updates to that queue, too. Because the base
+    // queue is a singly-linked list with no cycles, we can append to both
+    // lists and take advantage of structural sharing.
+    // TODO: Pass `current` as argument
 
+    const current = workInProgress.alternate;
 
-    let childToDelete = currentFirstChild;
+    if (current !== null) {
+      // This is always non-null on a ClassComponent or HostRoot
+      const currentQueue = current.updateQueue;
+      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
+      if (currentLastBaseUpdate !== lastBaseUpdate) {
+        if (currentLastBaseUpdate === null) {
+          currentQueue.firstBaseUpdate = firstPendingUpdate;
+        } else {
+          currentLastBaseUpdate.next = firstPendingUpdate;
+        }
+
+        currentQueue.lastBaseUpdate = lastPendingUpdate;
+      }
     }
+  } // These values may change as we process the queue.
+
+
+  if (firstBaseUpdate !== null) {
+    // Iterate through the list of updates to compute the result.
+    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+    // from the original lanes.
+
+    let newLanes = NoLanes;
+    let newBaseState = null;
+    let newFirstBaseUpdate = null;
+    let newLastBaseUpdate = null;
+    let update = firstBaseUpdate;
+
+    do {
+      // An extra OffscreenLane bit is added to updates that were made to
+      // a hidden tree, so that we can distinguish them from updates that were
+      // already there when the tree was hidden.
+      const updateLane = removeLanes(update.lane, OffscreenLane);
+      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+      // it's not a "base" update and we should disregard the extra base lanes
+      // that were added to renderLanes when we entered the Offscreen tree.
+
+      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
+
+      if (shouldSkipUpdate) {
+        // Priority is insufficient. Skip this update. If this is the first
+        // skipped update, the previous update/state is the new base
+        // update/state.
+        const clone = {
+          lane: updateLane,
+          tag: update.tag,
+          payload: update.payload,
+          callback: update.callback,
+          next: null
+        };
 
-    return null;
-  }
+        if (newLastBaseUpdate === null) {
+          newFirstBaseUpdate = newLastBaseUpdate = clone;
+          newBaseState = newState;
+        } else {
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Update the remaining priority in the queue.
 
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // Add the remaining children to a temporary map so that we can find them by
-    // keys quickly. Implicit (null) keys get added to this set with their index
-    // instead.
-    const existingChildren = new Map();
-    let existingChild = currentFirstChild;
 
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
+        newLanes = mergeLanes(newLanes, updateLane);
       } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
+        // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
+        }
 
-      existingChild = existingChild.sibling;
-    }
+        if (newLastBaseUpdate !== null) {
+          const clone = {
+            // This update is going to be committed so we never want uncommit
+            // it. Using NoLane works because 0 is a subset of all bitmasks, so
+            // this will never be skipped by the check above.
+            lane: NoLane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Process this update.
 
-    return existingChildren;
-  }
 
-  function useFiber(fiber, pendingProps) {
-    // We currently set sibling to null and index to 0 here because it is easy
-    // to forget to do before returning it. E.g. for the single child case.
-    const clone = createWorkInProgress(fiber, pendingProps);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
-  }
+        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
+        const callback = update.callback;
 
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
+        if (callback !== null) {
+          workInProgress.flags |= Callback;
 
-    if (!shouldTrackSideEffects) {
-      // During hydration, the useId algorithm needs to know which fibers are
-      // part of a list of children (arrays, iterators).
-      newFiber.flags |= Forked;
-      return lastPlacedIndex;
-    }
+          if (isHiddenUpdate) {
+            workInProgress.flags |= Visibility;
+          }
 
-    const current = newFiber.alternate;
+          const callbacks = queue.callbacks;
 
-    if (current !== null) {
-      const oldIndex = current.index;
+          if (callbacks === null) {
+            queue.callbacks = [callback];
+          } else {
+            callbacks.push(callback);
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.flags |= Placement | PlacementDEV;
-        return lastPlacedIndex;
-      } else {
-        // This item can stay in place.
-        return oldIndex;
-      }
-    } else {
-      // This is an insertion.
-      newFiber.flags |= Placement | PlacementDEV;
-      return lastPlacedIndex;
-    }
-  }
 
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.flags |= Placement | PlacementDEV;
-    }
+      update = update.next;
 
-    return newFiber;
-  }
+      if (update === null) {
+        pendingQueue = queue.shared.pending;
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, textContent);
-      existing.return = returnFiber;
-      return existing;
-    }
-  }
+        if (pendingQueue === null) {
+          break;
+        } else {
+          // An update was scheduled from inside a reducer. Add the new
+          // pending updates to the end of the list and keep processing.
+          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+          // unravel them when transferring them to the base queue.
 
-  function updateElement(returnFiber, current, element, lanes) {
-    const elementType = element.type;
+          const firstPendingUpdate = lastPendingUpdate.next;
+          lastPendingUpdate.next = null;
+          update = firstPendingUpdate;
+          queue.lastBaseUpdate = lastPendingUpdate;
+          queue.shared.pending = null;
+        }
+      }
+    } while (true);
 
-    if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
+    if (newLastBaseUpdate === null) {
+      newBaseState = newState;
     }
 
-    if (current !== null) {
-      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-      false) || // Lazy types should reconcile their resolved type.
-      // We need to do this after the Hot Reloading check above,
-      // because hot reloading has different semantics than prod because
-      // it doesn't resuspend. So we can't let the call below suspend.
-      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
-        // Move based on index
-        const existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
-        existing.return = returnFiber;
-
-        return existing;
-      }
-    } // Insert
+    queue.baseState = newBaseState;
+    queue.firstBaseUpdate = newFirstBaseUpdate;
+    queue.lastBaseUpdate = newLastBaseUpdate;
 
+    if (firstBaseUpdate === null) {
+      // `queue.lanes` is used for entangling transitions. We can set it back to
+      // zero once the queue is empty.
+      queue.shared.lanes = NoLanes;
+    } // Set the remaining expiration time to be whatever is remaining in the queue.
+    // This should be fine because the only two other things that contribute to
+    // expiration time are props and context. We're already in the middle of the
+    // begin phase by the time we start processing the queue, so we've already
+    // dealt with the props. Context in components that specify
+    // shouldComponentUpdate is tricky; but we'll have to account for
+    // that regardless.
 
-    const created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
-    created.return = returnFiber;
-    return created;
-  }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
-    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
-      // Insert
-      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, portal.children || []);
-      existing.return = returnFiber;
-      return existing;
-    }
+    markSkippedUpdateLanes(newLanes);
+    workInProgress.lanes = newLanes;
+    workInProgress.memoizedState = newState;
   }
+}
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, fragment);
-      existing.return = returnFiber;
-      return existing;
-    }
+function callCallback(callback, context) {
+  if (typeof callback !== 'function') {
+    throw Error(formatProdErrorMessage(191, callback));
   }
 
-  function createChild(returnFiber, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    }
-
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
-            created.ref = coerceRef(returnFiber, null, newChild);
-            created.return = returnFiber;
-            return created;
-          }
+  callback.call(context);
+}
 
-        case REACT_PORTAL_TYPE:
-          {
-            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
-            created.return = returnFiber;
-            return created;
-          }
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+function deferHiddenCallbacks(updateQueue) {
+  // When an update finishes on a hidden component, its callback should not
+  // be fired until/unless the component is made visible again. Stash the
+  // callback on the shared queue object so it can be fired later.
+  const newHiddenCallbacks = updateQueue.callbacks;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
-          }
-      }
+  if (newHiddenCallbacks !== null) {
+    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
-        created.return = returnFiber;
-        return created;
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+    if (existingHiddenCallbacks === null) {
+      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
+    } else {
+      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
+    }
+  }
+}
+function commitHiddenCallbacks(updateQueue, context) {
+  // This component is switching from hidden -> visible. Commit any callbacks
+  // that were previously deferred.
+  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
+  if (hiddenCallbacks !== null) {
+    updateQueue.shared.hiddenCallbacks = null;
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
-      }
+    for (let i = 0; i < hiddenCallbacks.length; i++) {
+      const callback = hiddenCallbacks[i];
+      callCallback(callback, context);
+    }
+  }
+}
+function commitCallbacks(updateQueue, context) {
+  const callbacks = updateQueue.callbacks;
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+  if (callbacks !== null) {
+    updateQueue.callbacks = null;
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+    for (let i = 0; i < callbacks.length; i++) {
+      const callback = callbacks[i];
+      callCallback(callback, context);
     }
-
-    return null;
   }
+}
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
-    // Update the fiber if the keys match, otherwise return null.
-    const key = oldFiber !== null ? oldFiber.key : null;
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      if (key !== null) {
-        return null;
-      }
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) {
+    return true;
+  }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
-    }
+  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+    return false;
+  }
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
-            }
-          }
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
 
-        case REACT_PORTAL_TYPE:
-          {
-            if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
-            }
-          }
+  if (keysA.length !== keysB.length) {
+    return false;
+  } // Test for A's keys different from B.
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
-          }
-      }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
-        }
+  for (let i = 0; i < keysA.length; i++) {
+    const currentKey = keysA[i];
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
+    !objectIs(objA[currentKey], objB[currentKey])) {
+      return false;
+    }
+  }
 
+  return true;
+}
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
-      }
+function getThenablesFromState(state) {
+  {
+    const prodState = state;
+    return prodState;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+const SuspenseException = Error(formatProdErrorMessage(460));
+const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
+// TODO: It would be better to refactor throwException into multiple functions
+// so we can trigger a fallback directly without having to check the type. But
+// for now this will do.
 
-    return null;
+const noopSuspenseyCommitThenable = {
+  then() {
   }
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      const matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
-    }
+};
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  {
+    return [];
+  }
+}
+function isThenableResolved(thenable) {
+  const status = thenable.status;
+  return status === 'fulfilled' || status === 'rejected';
+}
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updateElement(returnFiber, matchedFiber, newChild, lanes);
-          }
+function noop$2() {}
 
-        case REACT_PORTAL_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
-          }
+function trackUsedThenable(thenableState, thenable, index) {
 
-        case REACT_LAZY_TYPE:
-          const payload = newChild._payload;
-          const init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
-      }
+  const trackedThenables = getThenablesFromState(thenableState);
+  const previous = trackedThenables[index];
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const matchedFiber = existingChildren.get(newIdx) || null;
-        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+  if (previous === undefined) {
+    trackedThenables.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // intentionally ignore.
 
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
+      thenable.then(noop$2, noop$2);
+      thenable = previous;
+    }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        checkIfUseWrappedInAsyncCatch(rejectedError);
+        throw rejectedError;
       }
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$2, noop$2);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // Detect infinite ping loops caused by uncached promises.
+          const root = getWorkInProgressRoot();
 
-    return null;
-  }
+          if (root !== null && root.shellSuspendCounter > 100) {
+            // This root has suspended repeatedly in the shell without making any
+            // progress (i.e. committing something). This is highly suggestive of
+            // an infinite ping loop, often caused by an accidental Async Client
+            // Component.
+            //
+            // During a transition, we can suspend the work loop until the promise
+            // to resolve, but this is a sync render, so that's not an option. We
+            // also can't show a fallback, because none was provided. So our last
+            // resort is to throw an error.
+            //
+            // TODO: Remove this error in a future release. Other ways of handling
+            // this case include forcing a concurrent render, or putting the whole
+            // root into offscreen mode.
+            throw Error(formatProdErrorMessage(482));
+          }
 
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
 
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
 
-      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(rejectedError);
+              throw rejectedError;
+            }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
 
-        break;
-      }
+        suspendedThenable = thenable;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
+        throw SuspenseException;
       }
+  }
+}
+function suspendCommit() {
+  // This extra indirection only exists so it can handle passing
+  // noopSuspenseyCommitThenable through to throwException.
+  // TODO: Factor the thenable check out of throwException
+  suspendedThenable = noopSuspenseyCommitThenable;
+  throw SuspenseyCommitException;
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+let suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw Error(formatProdErrorMessage(459));
+  }
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
+  const thenable = suspendedThenable;
+  suspendedThenable = null;
 
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+  return thenable;
+}
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  // This check runs in prod, too, because it prevents a more confusing
+  // downstream error, where SuspenseException is caught by a promise and
+  // thrown asynchronously.
+  // TODO: Another way to prevent SuspenseException from leaking into an async
+  // execution context is to check the dispatcher every time `use` is called,
+  // or some equivalent. That might be preferable for other reasons, too, since
+  // it matches how we prevent similar mistakes for other hooks.
+  if (rejectedReason === SuspenseException) {
+    throw Error(formatProdErrorMessage(483));
+  }
+}
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+let thenableState$1 = null;
+let thenableIndexCounter$1 = 0;
 
-      return resultingFirstChild;
-    }
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+  if (thenableState$1 === null) {
+    thenableState$1 = createThenableState();
+  }
 
-        if (newFiber === null) {
-          continue;
-        }
+  return trackUsedThenable(thenableState$1, thenable, index);
+}
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  const owner = element._owner;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw Error(formatProdErrorMessage(284));
+    }
 
-        previousNewFiber = newFiber;
-      }
+    throw Error(formatProdErrorMessage(290, mixedRef));
+  }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+  if (owner.tag !== ClassComponent) {
+    throw Error(formatProdErrorMessage(309));
+  } // At this point, we know the ref isn't an object or function but it could
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+  const stringRef = '' + mixedRef;
 
+  const inst = owner.stateNode;
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+  if (!inst) {
+    throw Error(formatProdErrorMessage(147, stringRef));
+  } // Check if previous string ref matches new string ref
 
-    for (; newIdx < newChildren.length; newIdx++) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
-          }
-        }
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    const currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+  const ref = function (value) {
+    const refs = inst.refs;
 
-        previousNewFiber = newFiber;
-      }
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
     }
+  };
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
+  ref._stringRef = stringRef;
+  return ref;
+}
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
-    }
+function coerceRef(returnFiber, current, workInProgress, element) {
+  let mixedRef;
 
-    return resultingFirstChild;
+  {
+    // TODO: This is a temporary, intermediate step. When enableRefAsProp is on,
+    // we should resolve the `ref` prop during the begin phase of the component
+    // it's attached to (HostComponent, ClassComponent, etc).
+    const refProp = element.props.ref;
+    mixedRef = refProp !== undefined ? refProp : null;
   }
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    const iteratorFn = getIteratorFn(newChildrenIterable);
+  let coercedRef;
 
-    if (typeof iteratorFn !== 'function') {
-      throw Error(formatProdErrorMessage(150));
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
+
+    {
+      // When enableRefAsProp is on, we should always use the props as the
+      // source of truth for refs. Not a field on the fiber.
+      //
+      // In the case of string refs, this presents a problem, because string
+      // refs are not passed around internally as strings; they are converted to
+      // callback refs. The ref used by the reconciler is not the same as the
+      // one the user provided.
+      //
+      // But since this is a deprecated feature anyway, what we can do is clone
+      // the props object and replace it with the internal callback ref. Then we
+      // can continue to use the props object as the source of truth.
+      //
+      // This means the internal callback ref will leak into userspace. The
+      // receiving component will receive a callback ref even though the parent
+      // passed a string. Which is weird, but again, this is a deprecated
+      // feature, and we're only leaving it around behind a flag so that Meta
+      // can keep using string refs temporarily while they finish migrating
+      // their codebase.
+      const userProvidedProps = workInProgress.pendingProps;
+      const propsWithInternalCallbackRef = assign({}, userProvidedProps);
+      propsWithInternalCallbackRef.ref = coercedRef;
+      workInProgress.pendingProps = propsWithInternalCallbackRef;
     }
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
 
-    const newChildren = iteratorFn.call(newChildrenIterable);
 
-    if (newChildren == null) {
-      throw Error(formatProdErrorMessage(151));
-    }
+  workInProgress.ref = coercedRef;
+}
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
-    let step = newChildren.next();
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  // $FlowFixMe[method-unbinding]
+  const childString = Object.prototype.toString.call(newChild);
+  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+}
 
-    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
+function resolveLazy(lazyType) {
+  const payload = lazyType._payload;
+  const init = lazyType._init;
+  return init(payload);
+} // This wrapper function exists because I expect to clone the code in each path
+// to be able to optimize each path individually by branching early. This needs
+// a compiler or we can do it manually. Helpers that don't need this branching
+// live outside of this function.
 
-      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
+function createChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
 
-        break;
-      }
+    const deletions = returnFiber.deletions;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+    if (deletions === null) {
+      returnFiber.deletions = [childToDelete];
+      returnFiber.flags |= ChildDeletion;
+    } else {
+      deletions.push(childToDelete);
+    }
+  }
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return null;
+    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
+    // assuming that after the first child we've already added everything.
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
+    let childToDelete = currentFirstChild;
+
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
     }
 
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+    return null;
+  }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    // Add the remaining children to a temporary map so that we can find them by
+    // keys quickly. Implicit (null) keys get added to this set with their index
+    // instead.
+    const existingChildren = new Map();
+    let existingChild = currentFirstChild;
+
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
       }
 
-      return resultingFirstChild;
+      existingChild = existingChild.sibling;
     }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        const newFiber = createChild(returnFiber, step.value, lanes);
+    return existingChildren;
+  }
 
-        if (newFiber === null) {
-          continue;
-        }
+  function useFiber(fiber, pendingProps) {
+    // We currently set sibling to null and index to 0 here because it is easy
+    // to forget to do before returning it. E.g. for the single child case.
+    const clone = createWorkInProgress(fiber, pendingProps);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
+  }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+    if (!shouldTrackSideEffects) {
+      // During hydration, the useId algorithm needs to know which fibers are
+      // part of a list of children (arrays, iterators).
+      newFiber.flags |= Forked;
+      return lastPlacedIndex;
+    }
 
-        previousNewFiber = newFiber;
-      }
+    const current = newFiber.alternate;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
+    if (current !== null) {
+      const oldIndex = current.index;
+
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.flags |= Placement | PlacementDEV;
+        return lastPlacedIndex;
+      } else {
+        // This item can stay in place.
+        return oldIndex;
       }
+    } else {
+      // This is an insertion.
+      newFiber.flags |= Placement | PlacementDEV;
+      return lastPlacedIndex;
+    }
+  }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+  function placeSingleChild(newFiber) {
+    // This is simpler for the single child case. We only need to do a
+    // placement for inserting new children.
+    if (shouldTrackSideEffects && newFiber.alternate === null) {
+      newFiber.flags |= Placement | PlacementDEV;
+    }
 
+    return newFiber;
+  }
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
+    if (current === null || current.tag !== HostText) {
+      // Insert
+      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, textContent);
+      existing.return = returnFiber;
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
-          }
-        }
+      return existing;
+    }
+  }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
+    const elementType = element.type;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+    if (elementType === REACT_FRAGMENT_TYPE) {
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
+    }
 
-        previousNewFiber = newFiber;
+    if (current !== null) {
+      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+      false) || // Lazy types should reconcile their resolved type.
+      // We need to do this after the Hot Reloading check above,
+      // because hot reloading has different semantics than prod because
+      // it doesn't resuspend. So we can't let the call below suspend.
+      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
+        // Move based on index
+        const existing = useFiber(current, element.props);
+        coerceRef(returnFiber, current, existing, element);
+        existing.return = returnFiber;
+
+        return existing;
       }
-    }
+    } // Insert
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
-    }
+    const created = createFiberFromElement(element, returnFiber.mode, lanes);
+    coerceRef(returnFiber, current, created, element);
+    created.return = returnFiber;
 
-    return resultingFirstChild;
+    return created;
   }
 
-  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      const existing = useFiber(currentFirstChild, textContent);
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
+    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
+      // Insert
+      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+      created.return = returnFiber;
+
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
+
       return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
+    }
+  }
 
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
+    if (current === null || current.tag !== Fragment) {
+      // Insert
+      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
+      created.return = returnFiber;
 
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, fragment);
+      existing.return = returnFiber;
+
+      return existing;
+    }
   }
 
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
-    const key = element.key;
-    let child = currentFirstChild;
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        const elementType = element.type;
+      return created;
+    }
 
-        if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
+            coerceRef(returnFiber, null, created, newChild);
+            created.return = returnFiber;
 
-            return existing;
+            return created;
           }
-        } else {
-          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-          false) || // Lazy types should reconcile their resolved type.
-          // We need to do this after the Hot Reloading check above,
-          // because hot reloading has different semantics than prod because
-          // it doesn't resuspend. So we can't let the call below suspend.
-          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props);
-            existing.ref = coerceRef(returnFiber, child, element);
-            existing.return = returnFiber;
 
-            return existing;
+        case REACT_PORTAL_TYPE:
+          {
+            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
+            created.return = returnFiber;
+
+            return created;
           }
-        } // Didn't match.
+
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return createChild(returnFiber, init(payload), lanes);
+          }
+      }
+
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
+        created.return = returnFiber;
+
+        return created;
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
 
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return createChild(returnFiber, unwrapThenable(thenable), lanes);
       }
 
-      child = child.sibling;
-    }
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      const created = createFiberFromElement(element, returnFiber.mode, lanes);
-      created.ref = coerceRef(returnFiber, currentFirstChild, element);
-      created.return = returnFiber;
-      return created;
+      throwOnInvalidObjectType(returnFiber, newChild);
     }
+
+    return null;
   }
 
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
-    const key = portal.key;
-    let child = currentFirstChild;
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
+    // Update the fiber if the keys match, otherwise return null.
+    const key = oldFiber !== null ? oldFiber.key : null;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          const existing = useFiber(child, portal.children || []);
-          existing.return = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      if (key !== null) {
+        return null;
       }
 
-      child = child.sibling;
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
     }
 
-    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            if (newChild.key === key) {
+              return updateElement(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
+          }
 
+        case REACT_PORTAL_TYPE:
+          {
+            if (newChild.key === key) {
+              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
+          }
 
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    // TODO: Let's use recursion like we do for Usable nodes?
-    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+          }
+      }
 
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
+
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
+
+
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
+      }
+
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
+
+    return null;
+  }
+
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys, so we neither have to check the old nor
+      // new node for the key. If both are text nodes, they match.
+      const matchedFiber = existingChildren.get(newIdx) || null;
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+    }
 
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updateElement(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_PORTAL_TYPE:
-          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_LAZY_TYPE:
           const payload = newChild._payload;
-          const init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
-      }
-
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
+          const init = newChild._init;
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
       }
 
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
-      } // Usables are a valid React node type. When React encounters a Usable in
-      // a child position, it unwraps it using the same algorithm as `use`. For
-      // example, for promises, React will throw an exception to unwind the
-      // stack, then replay the component once the promise resolves.
-      //
-      // A difference from `use` is that React will keep unwrapping the value
-      // until it reaches a non-Usable type.
-      //
-      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const matchedFiber = existingChildren.get(newIdx) || null;
+        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
+      } // Usable node types
       //
-      // The structure is a bit unfortunate. Ideally, we shouldn't need to
-      // replay the entire begin phase of the parent fiber in order to reconcile
-      // the children again. This would require a somewhat significant refactor,
-      // because reconcilation happens deep within the begin phase, and
-      // depending on the type of work, not always at the end. We should
-      // consider as an future improvement.
+      // Unwrap the inner value and recursively call this function again.
 
 
       if (typeof newChild.then === 'function') {
         const thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         const context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
-    }
+    return null;
+  }
 
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
 
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
 
-  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
-    // This indirection only exists so we can reset `thenableState` at the end.
-    // It should get inlined by Closure.
-    thenableIndexCounter$1 = 0;
-    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
-    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
-    // set at the beginning.
+    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
 
-    return firstChildFiber;
-  }
+      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
 
-  return reconcileChildFibers;
-}
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-const reconcileChildFibers = createChildReconciler(true);
-const mountChildFibers = createChildReconciler(false);
-function resetChildReconcilerOnUnwind() {
-  // On unwind, clear any pending thenables that were used.
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-}
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw Error(formatProdErrorMessage(153));
-  }
+        break;
+      }
 
-  if (workInProgress.child === null) {
-    return;
-  }
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
 
-  let currentChild = workInProgress.child;
-  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
+
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
+
+    if (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
-    newChild.return = workInProgress;
-  }
+      return resultingFirstChild;
+    }
 
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; newIdx < newChildren.length; newIdx++) {
+        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
 
-function resetChildFibers(workInProgress, lanes) {
-  let child = workInProgress.child;
+        if (newFiber === null) {
+          continue;
+        }
 
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-// TODO: This isn't being used yet, but it's intended to replace the
-// InvisibleParentContext that is currently managed by SuspenseContext.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const currentTreeHiddenStackCursor = createCursor(null);
-const prevEntangledRenderLanesCursor = createCursor(NoLanes);
-function pushHiddenContext(fiber, context) {
-  const prevEntangledRenderLanes = getEntangledRenderLanes();
-  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
-  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
-  // lanes that would have rendered if the hidden subtree hadn't been deferred.
-  // That is, in order to reveal content from hidden -> visible, we must commit
-  // all the updates that we skipped when we originally hid the tree.
+        previousNewFiber = newFiber;
+      }
 
-  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
-}
-function reuseHiddenContextOnStack(fiber) {
-  // This subtree is not currently hidden, so we don't need to add any lanes
-  // to the render lanes. But we still need to push something to avoid a
-  // context mismatch. Reuse the existing context on the stack.
-  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
-  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
-}
-function popHiddenContext(fiber) {
-  // Restore the previous render lanes from the stack
-  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
-  pop(currentTreeHiddenStackCursor);
-  pop(prevEntangledRenderLanesCursor);
-}
-function isCurrentTreeHidden() {
-  return currentTreeHiddenStackCursor.current !== null;
-}
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-// suspends, i.e. it's the nearest `catch` block on the stack.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
-// Everything above this is the "shell". When this is null, it means we're
-// rendering in the shell of the app. If it's non-null, it means we're rendering
-// deeper than the shell, inside a new tree that wasn't already visible.
-//
-// The main way we use this concept is to determine whether showing a fallback
-// would result in a desirable or undesirable loading state. Activing a fallback
-// in the shell is considered an undersirable loading state, because it would
-// mean hiding visible (albeit stale) content in the current tree — we prefer to
-// show the stale content, rather than switch to a fallback. But showing a
-// fallback in a new tree is fine, because there's no stale content to
-// prefer instead.
 
-let shellBoundary = null;
-function getShellBoundary() {
-  return shellBoundary;
-}
-function pushPrimaryTreeSuspenseHandler(handler) {
-  // TODO: Pass as argument
-  const current = handler.alternate;
-  // propagated a single level. For example, when ForceSuspenseFallback is set,
-  // it should only force the nearest Suspense boundary into fallback mode.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
-  // to push a nested Suspense handler, because it will get replaced by the
-  // outer fallback, anyway. Consider this as a future optimization.
+    for (; newIdx < newChildren.length; newIdx++) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
 
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  push(suspenseHandlerStackCursor, handler);
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  if (shellBoundary === null) {
-    if (current === null || isCurrentTreeHidden()) {
-      // This boundary is not visible in the current UI.
-      shellBoundary = handler;
-    } else {
-      const prevState = current.memoizedState;
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-      if (prevState !== null) {
-        // This boundary is showing a fallback in the current UI.
-        shellBoundary = handler;
+        previousNewFiber = newFiber;
       }
     }
-  }
-}
-function pushFallbackTreeSuspenseHandler(fiber) {
-  // We're about to render the fallback. If something in the fallback suspends,
-  // it's akin to throwing inside of a `catch` block. This boundary should not
-  // capture. Reuse the existing handler on the stack.
-  reuseSuspenseHandlerOnStack(fiber);
-}
-function pushOffscreenSuspenseHandler(fiber) {
-  if (fiber.tag === OffscreenComponent) {
-    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
-    // Reuse the current value on the stack.
-    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
-    push(suspenseHandlerStackCursor, fiber);
-
-    if (shellBoundary !== null) ; else {
-      const current = fiber.alternate;
 
-      if (current !== null) {
-        const prevState = current.memoizedState;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
 
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
-        }
-      }
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
     }
-  } else {
-    // This is a LegacyHidden component.
-    reuseSuspenseHandlerOnStack(fiber);
-  }
-}
-function reuseSuspenseHandlerOnStack(fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
-  push(suspenseHandlerStackCursor, getSuspenseHandler());
-}
-function getSuspenseHandler() {
-  return suspenseHandlerStackCursor.current;
-}
-function popSuspenseHandler(fiber) {
-  pop(suspenseHandlerStackCursor);
 
-  if (shellBoundary === fiber) {
-    // Popping back into the shell.
-    shellBoundary = null;
+    return resultingFirstChild;
   }
 
-  popSuspenseListContext();
-} // SuspenseList context
-// TODO: Move to a separate module? We may change the SuspenseList
-// implementation to hide/show in the commit phase, anyway.
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+    const iteratorFn = getIteratorFn(newChildrenIterable);
 
-const DefaultSuspenseContext = 0b00;
-const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
+    if (typeof iteratorFn !== 'function') {
+      throw Error(formatProdErrorMessage(150));
+    }
 
-const ForceSuspenseFallback = 0b10;
-const suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseListContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseListContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseListContext(parentContext, shallowContext) {
-  return parentContext & SubtreeSuspenseContextMask | shallowContext;
-}
-function pushSuspenseListContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext);
-}
-function popSuspenseListContext(fiber) {
-  pop(suspenseStackCursor);
-}
+    const newChildren = iteratorFn.call(newChildrenIterable);
 
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
+    if (newChildren == null) {
+      throw Error(formatProdErrorMessage(151));
+    }
 
-function findFirstSuspended(row) {
-  let node = row;
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
+    let step = newChildren.next();
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      const state = node.memoizedState;
+    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
 
-      if (state !== null) {
-        const dehydrated = state.dehydrated;
+      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
 
-        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
-          return node;
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
+
+        break;
+      }
+
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
         }
       }
-    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-    // keep track of whether it suspended or not.
-    node.memoizedProps.revealOrder !== undefined) {
-      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      if (didSuspend) {
-        return node;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
       }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
 
-    if (node === row) {
-      return null;
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
+    if (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
       }
 
-      node = node.return;
+      return resultingFirstChild;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; !step.done; newIdx++, step = newChildren.next()) {
+        const newFiber = createChild(returnFiber, step.value, lanes);
 
-  return null;
-}
+        if (newFiber === null) {
+          continue;
+        }
 
-const NoFlags =
-/*   */
-0b0000; // Represents whether effect should fire.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-const HasEffect =
-/* */
-0b0001; // Represents the phase in which the effect (not the clean-up) fires.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const Insertion =
-/* */
-0b0010;
-const Layout =
-/*    */
-0b0100;
-const Passive =
-/*   */
-0b1000;
+        previousNewFiber = newFiber;
+      }
 
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-let firstScheduledRoot = null;
-let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-let mightHavePendingSyncWork = false;
-let isFlushingWork = false;
-let currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
-    }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
+    for (; !step.done; newIdx++, step = newChildren.next()) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
 
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
+
+        previousNewFiber = newFiber;
+      }
     }
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
 
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
 
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
+    }
 
+    return resultingFirstChild;
+  }
 
-  let didPerformSomeWork;
-  let errors = null;
-  isFlushingWork = true;
+  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
+    // There's no need to check for keys on text nodes since we don't have a
+    // way to define them.
+    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+      // We already have an existing node so let's just update it and delete
+      // the rest.
+      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+      const existing = useFiber(currentFirstChild, textContent);
+      existing.return = returnFiber;
+      return existing;
+    } // The existing first child is not a text node so we need to create one
+    // and delete the existing ones.
 
-  do {
-    didPerformSomeWork = false;
-    let root = firstScheduledRoot;
 
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        const workInProgressRoot = getWorkInProgressRoot();
-        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+    deleteRemainingChildren(returnFiber, currentFirstChild);
+    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  }
 
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
+    const key = element.key;
+    let child = currentFirstChild;
 
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        const elementType = element.type;
 
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
+        if (elementType === REACT_FRAGMENT_TYPE) {
+          if (child.tag === Fragment) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props.children);
+            existing.return = returnFiber;
 
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (let i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
+            return existing;
+          }
+        } else {
+          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+          false) || // Lazy types should reconcile their resolved type.
+          // We need to do this after the Hot Reloading check above,
+          // because hot reloading has different semantics than prod because
+          // it doesn't resuspend. So we can't let the call below suspend.
+          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props);
+            coerceRef(returnFiber, child, existing, element);
+            existing.return = returnFiber;
 
-        const firstError = errors[0];
-        throw firstError;
+            return existing;
+          }
+        } // Didn't match.
+
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
+      } else {
+        deleteChild(returnFiber, child);
       }
+
+      child = child.sibling;
+    }
+
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
+      created.return = returnFiber;
+
+      return created;
     } else {
-      const error = errors[0];
-      throw error;
+      const created = createFiberFromElement(element, returnFiber.mode, lanes);
+      coerceRef(returnFiber, currentFirstChild, created, element);
+      created.return = returnFiber;
+
+      return created;
     }
   }
-}
 
-function throwError(error) {
-  throw error;
-}
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
+    const key = portal.key;
+    let child = currentFirstChild;
 
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          const existing = useFiber(child, portal.children || []);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
 
+      child = child.sibling;
+    }
 
-  mightHavePendingSyncWork = false;
-  const currentTime = now();
-  let prev = null;
-  let root = firstScheduledRoot;
+    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  } // This API will tag the children with the side-effect of the reconciliation
+  // itself. They will be added to the side-effect list as we pass through the
+  // children and the parent.
 
-  while (root !== null) {
-    const next = root.next;
 
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
+    // This function is not recursive.
+    // If the top level item is an array, we treat it as a set of children,
+    // not as a fragment. Nested arrays on the other hand will be treated as
+    // fragment nodes. Recursion happens at the normal flow.
+    // Handle top level unkeyed fragments as if they were arrays.
+    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // We treat the ambiguous cases above the same.
+    // TODO: Let's use recursion like we do for Usable nodes?
+    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
 
-    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    if (isUnkeyedTopLevelFragment) {
+      newChild = newChild.props.children;
+    } // Handle object types
 
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
 
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
-      } else {
-        prev.next = next;
-      }
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
 
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+
+        case REACT_LAZY_TYPE:
+          const payload = newChild._payload;
+          const init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes);
       }
-    } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
 
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
+      if (isArray(newChild)) {
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
       }
-    }
 
-    root = next;
-  }
+      if (getIteratorFn(newChild)) {
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
+      } // Usables are a valid React node type. When React encounters a Usable in
+      // a child position, it unwraps it using the same algorithm as `use`. For
+      // example, for promises, React will throw an exception to unwind the
+      // stack, then replay the component once the promise resolves.
+      //
+      // A difference from `use` is that React will keep unwrapping the value
+      // until it reaches a non-Usable type.
+      //
+      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      //
+      // The structure is a bit unfortunate. Ideally, we shouldn't need to
+      // replay the entire begin phase of the parent fiber in order to reconcile
+      // the children again. This would require a somewhat significant refactor,
+      // because reconcilation happens deep within the begin phase, and
+      // depending on the type of work, not always at the end. We should
+      // consider as an future improvement.
 
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
 
-  flushSyncWorkOnAllRoots();
-}
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+      }
 
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  const workInProgressRoot = getWorkInProgressRoot();
-  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  const existingCallbackNode = root.callbackNode;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
     }
 
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
 
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
 
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
+    // This indirection only exists so we can reset `thenableState` at the end.
+    // It should get inlined by Closure.
+    thenableIndexCounter$1 = 0;
+    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
+    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+    // set at the beginning.
 
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    const existingCallbackPriority = root.callbackPriority;
-    const newCallbackPriority = getHighestPriorityLane(nextLanes);
+    return firstChildFiber;
+  }
 
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(false  )) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
+  return reconcileChildFibers;
+}
 
-    let schedulerPriorityLevel;
+const reconcileChildFibers = createChildReconciler(true);
+const mountChildFibers = createChildReconciler(false);
+function resetChildReconcilerOnUnwind() {
+  // On unwind, clear any pending thenables that were used.
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+}
+function cloneChildFibers(current, workInProgress) {
+  if (current !== null && workInProgress.child !== current.child) {
+    throw Error(formatProdErrorMessage(153));
+  }
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+  if (workInProgress.child === null) {
+    return;
+  }
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+  let currentChild = workInProgress.child;
+  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
+  workInProgress.child = newChild;
+  newChild.return = workInProgress;
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
+    newChild.return = workInProgress;
+  }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+  newChild.sibling = null;
+} // Reset a workInProgress child set to prepare it for a second pass.
 
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-    }
+function resetChildFibers(workInProgress, lanes) {
+  let child = workInProgress.child;
 
-    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
+  while (child !== null) {
+    resetWorkInProgress(child, lanes);
+    child = child.sibling;
   }
 }
 
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now());
+// TODO: This isn't being used yet, but it's intended to replace the
+// InvisibleParentContext that is currently managed by SuspenseContext.
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
+const currentTreeHiddenStackCursor = createCursor(null);
+const prevEntangledRenderLanesCursor = createCursor(NoLanes);
+function pushHiddenContext(fiber, context) {
+  const prevEntangledRenderLanes = getEntangledRenderLanes();
+  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
+  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
+  // lanes that would have rendered if the hidden subtree hadn't been deferred.
+  // That is, in order to reveal content from hidden -> visible, we must commit
+  // all the updates that we skipped when we originally hid the tree.
 
-  return null;
+  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
 }
-
-function scheduleCallback$2(priorityLevel, callback) {
-  {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
+function reuseHiddenContextOnStack(fiber) {
+  // This subtree is not currently hidden, so we don't need to add any lanes
+  // to the render lanes. But we still need to push something to avoid a
+  // context mismatch. Reuse the existing context on the stack.
+  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext(fiber) {
+  // Restore the previous render lanes from the stack
+  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+function isCurrentTreeHidden() {
+  return currentTreeHiddenStackCursor.current !== null;
 }
 
-function cancelCallback(callbackNode) {
-  if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
-  }
+// suspends, i.e. it's the nearest `catch` block on the stack.
+
+const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+// Everything above this is the "shell". When this is null, it means we're
+// rendering in the shell of the app. If it's non-null, it means we're rendering
+// deeper than the shell, inside a new tree that wasn't already visible.
+//
+// The main way we use this concept is to determine whether showing a fallback
+// would result in a desirable or undesirable loading state. Activing a fallback
+// in the shell is considered an undersirable loading state, because it would
+// mean hiding visible (albeit stale) content in the current tree — we prefer to
+// show the stale content, rather than switch to a fallback. But showing a
+// fallback in a new tree is fine, because there's no stale content to
+// prefer instead.
+
+let shellBoundary = null;
+function getShellBoundary() {
+  return shellBoundary;
 }
+function pushPrimaryTreeSuspenseHandler(handler) {
+  // TODO: Pass as argument
+  const current = handler.alternate;
+  // propagated a single level. For example, when ForceSuspenseFallback is set,
+  // it should only force the nearest Suspense boundary into fallback mode.
 
-function scheduleImmediateTask(cb) {
-  // Alternatively, can we move this check to the host config?
+  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
+  // to push a nested Suspense handler, because it will get replaced by the
+  // outer fallback, anyway. Consider this as a future optimization.
 
 
-  {
-    scheduleMicrotask(() => {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      const executionContext = getExecutionContext();
+  push(suspenseHandlerStackCursor, handler);
 
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
+  if (shellBoundary === null) {
+    if (current === null || isCurrentTreeHidden()) {
+      // This boundary is not visible in the current UI.
+      shellBoundary = handler;
+    } else {
+      const prevState = current.memoizedState;
+
+      if (prevState !== null) {
+        // This boundary is showing a fallback in the current UI.
+        shellBoundary = handler;
       }
+    }
+  }
+}
+function pushFallbackTreeSuspenseHandler(fiber) {
+  // We're about to render the fallback. If something in the fallback suspends,
+  // it's akin to throwing inside of a `catch` block. This boundary should not
+  // capture. Reuse the existing handler on the stack.
+  reuseSuspenseHandlerOnStack(fiber);
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (fiber.tag === OffscreenComponent) {
+    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+    // Reuse the current value on the stack.
+    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+    // into separate functions for Suspense and Offscreen.
+    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    push(suspenseHandlerStackCursor, fiber);
 
-      cb();
-    });
+    if (shellBoundary !== null) ; else {
+      const current = fiber.alternate;
+
+      if (current !== null) {
+        const prevState = current.memoizedState;
+
+        if (prevState !== null) {
+          // This is the first boundary in the stack that's already showing
+          // a fallback. So everything outside is considered the shell.
+          shellBoundary = fiber;
+        }
+      }
+    }
+  } else {
+    // This is a LegacyHidden component.
+    reuseSuspenseHandlerOnStack(fiber);
   }
 }
+function reuseSuspenseHandlerOnStack(fiber) {
+  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, getSuspenseHandler());
+}
+function getSuspenseHandler() {
+  return suspenseHandlerStackCursor.current;
+}
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
 
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
   }
 
-  return currentEventTransitionLane;
-}
+  popSuspenseListContext();
+} // SuspenseList context
+// TODO: Move to a separate module? We may change the SuspenseList
+// implementation to hide/show in the commit phase, anyway.
 
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
-//
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
+const DefaultSuspenseContext = 0b00;
+const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+// items into their fallback state during one of the render passes.
 
-let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+const ForceSuspenseFallback = 0b10;
+const suspenseStackCursor = createCursor(DefaultSuspenseContext);
+function hasSuspenseListContext(parentContext, flag) {
+  return (parentContext & flag) !== 0;
+}
+function setDefaultShallowSuspenseListContext(parentContext) {
+  return parentContext & SubtreeSuspenseContextMask;
+}
+function setShallowSuspenseListContext(parentContext, shallowContext) {
+  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+}
+function pushSuspenseListContext(fiber, newContext) {
+  push(suspenseStackCursor, newContext);
+}
+function popSuspenseListContext(fiber) {
+  pop(suspenseStackCursor);
+}
 
-let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+// A non-null SuspenseState means that it is blocked for one reason or another.
+// - A non-null dehydrated field means it's blocked pending hydration.
+//   - A non-null dehydrated field can use isSuspenseInstancePending or
+//     isSuspenseInstanceFallback to query the reason for being dehydrated.
+// - A null dehydrated field means it's blocked by something suspending and
+//   we're currently showing a fallback instead.
 
-let currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  const thenable = actionReturnValue;
-  let entangledListeners;
+function findFirstSuspended(row) {
+  let node = row;
 
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
-  }
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      const state = node.memoizedState;
 
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  const resultThenable = createResultThenable(entangledListeners);
-  let resultStatus = 'pending';
-  let resultValue;
-  let rejectedReason;
-  thenable.then(value => {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, error => {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(() => {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          const fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
+      if (state !== null) {
+        const dehydrated = state.dehydrated;
 
-      case 'rejected':
-        {
-          const rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
+        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+          return node;
         }
+      }
+    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+    // keep track of whether it suspended or not.
+    node.memoizedProps.revealOrder !== undefined) {
+      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw Error(formatProdErrorMessage(478));
-        }
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-  });
-  return resultThenable;
-}
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  const resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
 
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    const entangledListeners = currentEntangledListeners;
-    const resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(() => {
-      const fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
-  }
-}
+    if (node === row) {
+      return null;
+    }
 
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    const listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
 
-    for (let i = 0; i < listeners.length; i++) {
-      const listener = listeners[i];
-      listener();
+      node = node.return;
     }
+
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
-}
 
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  const resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
+  return null;
+}
 
-    then(resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      const ping = resolve;
-      entangledListeners.push(ping);
-    }
+const NoFlags =
+/*   */
+0b0000; // Represents whether effect should fire.
 
-  };
-  return resultThenable;
-}
+const HasEffect =
+/* */
+0b0001; // Represents the phase in which the effect (not the clean-up) fires.
 
-function peekEntangledActionLane() {
-  return currentEntangledLane;
-}
+const Insertion =
+/* */
+0b0010;
+const Layout =
+/*    */
+0b0100;
+const Passive =
+/*   */
+0b1000;
 
 const ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
       ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -7490,7 +7569,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -7568,6 +7647,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -7635,6 +7720,7 @@ function updateReducerImpl(hook, current, reducer) {
     let newBaseQueueFirst = null;
     let newBaseQueueLast = null;
     let update = first;
+    let didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -7694,6 +7780,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -7704,7 +7797,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             const clone = {
@@ -7766,7 +7866,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        const entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -8023,8 +8139,16 @@ function mountStateImpl(initialState) {
   const hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    const initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -8149,27 +8273,27 @@ function runFormStateAction(actionQueue, setState, payload) {
   const prevState = actionQueue.state; // This is a fork of startTransition
 
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   try {
     const returnValue = action(prevState, payload);
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      const thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      const thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(nextState => {
         actionQueue.state = nextState;
         finishRunningFormStateAction(actionQueue, setState);
       }, () => finishRunningFormStateAction(actionQueue, setState));
-      const entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      const entangledResult = requestSyncActionContext(returnValue, null);
-      setState(entangledResult);
+      setState(returnValue);
       const nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -8563,12 +8687,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   const hook = mountWorkInProgressHook();
   const nextDeps = deps === undefined ? null : deps;
+  const nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8586,11 +8712,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  const nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8688,7 +8817,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   const previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  const currentTransition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -8713,17 +8844,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        const thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        const thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        const entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        const thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        const entangledResult = requestSyncActionContext(returnValue, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -9017,6 +9145,7 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  requestCurrentTransition();
 
   const update = {
     // An optimistic update commits synchronously.
@@ -9487,6 +9616,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -9527,6 +9657,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -9619,6 +9750,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -9699,17 +9831,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+const CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  let stack;
+
+  if (typeof value === 'object' && value !== null) {
+    const capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value,
     source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value,
     source: null,
@@ -10045,7 +10197,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -10079,7 +10231,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -10097,7 +10249,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           const uncaughtSuspenseError = Error(formatProdErrorMessage(426));
@@ -10125,7 +10277,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -10134,6 +10286,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   let workInProgress = returnFiber;
 
   do {
@@ -10146,7 +10304,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           const update = createRootErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -10162,7 +10320,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
           const update = createClassErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
         break;
@@ -10171,6 +10329,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 const ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -10214,16 +10374,38 @@ function forceUnmountCurrentAndReconcile(current, workInProgress, nextChildren,
 }
 
 function updateForwardRef(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens after the first render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   const render = Component.render;
-  const ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
+  const ref = workInProgress.ref;
+  let propsWithoutRef;
+
+  if ('ref' in nextProps) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in nextProps) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = nextProps[key];
+      }
+    }
+  } else {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
+
 
   let nextChildren;
   let hasId;
   prepareToReadContext(workInProgress, renderLanes);
 
   {
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
   }
 
@@ -10259,7 +10441,7 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       return updateSimpleMemoComponent(current, workInProgress, resolvedType, nextProps, renderLanes);
     }
 
-    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
@@ -10293,7 +10475,9 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
 }
 
 function updateSimpleMemoComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens when the inner render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   if (current !== null) {
     const prevProps = current.memoizedProps;
 
@@ -10349,7 +10533,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   const nextChildren = nextProps.children;
   const nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   const prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -10528,6 +10712,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     const prevState = current.memoizedState;
@@ -10588,7 +10773,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   const ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -10599,7 +10786,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
   let context;
 
   {
@@ -10693,7 +10879,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -10783,10 +10969,14 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
 
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
+
   const nextChildren = nextState.element;
 
   if (prevState.isDehydrated) {
@@ -10856,12 +11046,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   const type = workInProgress.type;
   const nextProps = workInProgress.pendingProps;
   const prevProps = current !== null ? current.memoizedProps : null;
@@ -10923,13 +11112,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const currentProps = current === null ? null : current.memoizedProps;
   const resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -10967,7 +11156,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -11018,7 +11207,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -11595,7 +11783,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -11685,7 +11873,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       // Something errored during hydration. Try again without hydrating.
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
-      const capturedValue = createCapturedValue(Error(formatProdErrorMessage(422)));
+      const capturedValue = createCapturedValueFromError(Error(formatProdErrorMessage(422)));
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
     } else if (workInProgress.memoizedState !== null) {
       // Something suspended and we should still be in dehydrated mode.
@@ -11951,8 +12139,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 }
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  const providerType = workInProgress.type;
-  const context = providerType._context;
+  let context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   const newProps = workInProgress.pendingProps;
   const oldProps = workInProgress.memoizedProps;
   const newValue = newProps.value;
@@ -11982,7 +12174,11 @@ function updateContextProvider(current, workInProgress, renderLanes) {
 }
 
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  let context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
+  let context;
+
+  {
+    context = workInProgress.type;
+  }
 
   const newProps = workInProgress.pendingProps;
   const render = newProps.children;
@@ -12095,7 +12291,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         const newValue = workInProgress.memoizedProps.value;
-        const context = workInProgress.type._context;
+        let context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -12382,7 +12583,6 @@ function beginWork$1(current, workInProgress, renderLanes) {
         const unresolvedProps = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
         let resolvedProps = resolveDefaultProps(type, unresolvedProps);
-
         resolvedProps = resolveDefaultProps(type.type, resolvedProps);
         return updateMemoComponent(current, workInProgress, type, resolvedProps, renderLanes);
       }
@@ -12455,11 +12655,7 @@ function popProvider(context, providerFiber) {
   const currentValue = valueCursor.current;
 
   {
-    if (currentValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue = context._defaultValue;
-    } else {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
   }
 
   pop(valueCursor);
@@ -12717,9 +12913,7 @@ const CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 // for retaining the cache once it is in use (retainCache), and releasing the cache
 // once it is no longer needed (releaseCache).
@@ -12759,9 +12953,28 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 const ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-const NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  const transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  const callbacks = transition._callbacks;
+  callbacks.forEach(callback => callback(transition, returnValue));
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -12875,10 +13088,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -13303,10 +13512,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13330,10 +13535,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13382,10 +13583,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -13412,11 +13609,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -13432,10 +13624,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, type, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -13472,11 +13660,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -13620,7 +13803,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       bubbleProperties(workInProgress);
       return null;
@@ -14029,7 +14217,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       return null;
 
@@ -14117,7 +14310,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      const context = interruptedWork.type._context;
+      let context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context);
       break;
 
@@ -17476,7 +17674,13 @@ let workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 let workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-let workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+let workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+let workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+let didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -17538,9 +17742,9 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  const isTransition = requestCurrentTransition() !== NoTransition;
+  const transition = requestCurrentTransition();
 
-  if (isTransition) {
+  if (transition !== null) {
 
     const actionScopeLane = peekEntangledActionLane();
     return actionScopeLane !== NoLane ? // We're inside an async action scope. Reuse the same lane.
@@ -17606,7 +17810,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -17935,16 +18139,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -17968,14 +18172,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -18039,15 +18243,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -18109,7 +18351,7 @@ function performSyncWorkOnRoot(root, lanes) {
   const finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -18261,7 +18503,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -18541,7 +18784,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -18620,7 +18863,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -18687,7 +18930,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -18751,7 +18994,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -18763,7 +19006,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -18935,7 +19178,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -18944,34 +19187,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   const returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    const didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -18991,6 +19227,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -19090,7 +19342,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   const previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -19099,7 +19351,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -19108,7 +19360,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -19150,7 +19402,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   const concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -19307,7 +19561,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     // finishing. If there are too many, it indicates an infinite update loop.
@@ -19641,6 +19898,17 @@ function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
     rootWithNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw Error(formatProdErrorMessage(185));
   }
 }
@@ -19836,7 +20104,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -19846,7 +20114,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   let fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   let resolvedType = type;
@@ -19916,13 +20184,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -19955,13 +20232,12 @@ key, pendingProps, source, owner, mode, lanes) {
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  let source = null;
   let owner = null;
 
   const type = element.type;
   const key = element.key;
   const pendingProps = element.props;
-  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   return fiber;
 }
@@ -20119,7 +20395,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -21574,7 +21850,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    const root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    const root = unblocked.ownerDocument || unblocked;
     const formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -24265,7 +24542,8 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case 'href':
       {
         {
-          if (value === '') {
+          if (value === '' && // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && key === 'href')) {
 
             domElement.removeAttribute(key);
             break;
@@ -24405,7 +24683,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -24681,6 +24961,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -27940,11 +28221,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+const LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 let precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -27988,26 +28275,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   const instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   const precedence = instance.getAttribute('data-precedence');
-  const prior = precedences.get('p' + precedence) || last;
+  const prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -28077,7 +28364,7 @@ function () {
   }
 };
 
-function createRoot$1(container, options) {
+function createRoot$2(container, options) {
   if (!isValidContainer(container)) {
     throw Error(formatProdErrorMessage(299));
   }
@@ -28127,9 +28414,9 @@ function scheduleHydration(target) {
 
 
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
-function hydrateRoot$1(container, initialChildren, options) {
+function hydrateRoot$2(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(405));
+    throw Error(formatProdErrorMessage(299));
   }
   // the hydration callbacks.
 
@@ -28286,7 +28573,7 @@ function findDOMNode(componentOrElement) {
 function hydrate(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
 
@@ -28295,7 +28582,7 @@ function hydrate(element, container, callback) {
 function render(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
@@ -28303,7 +28590,7 @@ function render(element, container, callback) {
 function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
 
   if (!isValidContainerLegacy(containerNode)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (parentComponent == null || !has(parentComponent)) {
@@ -28314,7 +28601,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(40));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (container._reactRootContainer) {
@@ -28480,7 +28767,7 @@ function createPortal(children, container) {
   let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   } // TODO: pass ReactDOM portal implementation as third argument
   // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
@@ -28492,14 +28779,14 @@ function renderSubtreeIntoContainer(parentComponent, element, containerNode, cal
   return unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback);
 }
 
-function createRoot(container, options) {
+function createRoot$1(container, options) {
 
-  return createRoot$1(container, options);
+  return createRoot$2(container, options);
 }
 
-function hydrateRoot(container, initialChildren, options) {
+function hydrateRoot$1(container, initialChildren, options) {
 
-  return hydrateRoot$1(container, initialChildren, options);
+  return hydrateRoot$2(container, initialChildren, options);
 } // Overload the definition to the two valid signatures.
 // Warning, this opts-out of checking the function body.
 // eslint-disable-next-line no-redeclare
@@ -28520,13 +28807,19 @@ injectIntoDevTools({
   rendererPackageName: 'react-dom'
 });
 
-function experimental_useFormStatus() {
+function createRoot(container, options) {
 
-  return useFormStatus();
+  try {
+    return createRoot$1(container, options);
+  } finally {
+  }
 }
-function experimental_useFormState(action, initialState, permalink) {
+function hydrateRoot(container, children, options) {
 
-  return useFormState(action, initialState, permalink);
+  try {
+    return hydrateRoot$1(container, children, options);
+  } finally {
+  }
 }
 
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -28537,8 +28830,6 @@ exports.createRoleSelector = createRoleSelector;
 exports.createRoot = createRoot;
 exports.createTestNameSelector = createTestNameSelector;
 exports.createTextSelector = createTextSelector;
-exports.experimental_useFormState = experimental_useFormState;
-exports.experimental_useFormStatus = experimental_useFormStatus;
 exports.findAllNodes = findAllNodes;
 exports.findBoundingRects = findBoundingRects;
 exports.findDOMNode = findDOMNode;
@@ -28558,7 +28849,6 @@ exports.render = render;
 exports.unmountComponentAtNode = unmountComponentAtNode;
 exports.unstable_batchedUpdates = batchedUpdates$1;
 exports.unstable_renderSubtreeIntoContainer = renderSubtreeIntoContainer;
-exports.unstable_runWithPriority = runWithPriority;
 exports.useFormState = useFormState;
 exports.useFormStatus = useFormStatus;
 exports.version = ReactVersion;
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js
index 17097c7a7e1b12..16f2282dec42cb 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom-unstable_testing.production.min.js
@@ -8,20 +8,19 @@
  LICENSE file in the root directory of this source tree.
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("next/dist/compiled/scheduler-experimental"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function t(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
-var B=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null};function ia(){return ea.current.useHostTransitionStatus()}function ja(a,b,c){return ea.current.useFormState(a,b,c)}var ka=[],la=-1;function ma(a){return{current:a}}function D(a){0>la||(a.current=ka[la],ka[la]=null,la--)}function E(a,b){la++;ka[la]=a.current;a.current=b}
-var na=Symbol.for("react.element"),oa=Symbol.for("react.portal"),pa=Symbol.for("react.fragment"),qa=Symbol.for("react.strict_mode"),ra=Symbol.for("react.profiler"),sa=Symbol.for("react.provider"),ta=Symbol.for("react.context"),ua=Symbol.for("react.server_context"),va=Symbol.for("react.forward_ref"),wa=Symbol.for("react.suspense"),xa=Symbol.for("react.suspense_list"),ya=Symbol.for("react.memo"),za=Symbol.for("react.lazy"),Aa=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
-var Ba=Symbol.for("react.offscreen"),Ca=Symbol.for("react.legacy_hidden"),Da=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ea=Symbol.for("react.default_value"),Fa=Symbol.for("react.memo_cache_sentinel"),Ga=Symbol.for("react.postpone"),Ha=Symbol.iterator;function Ia(a){if(null===a||"object"!==typeof a)return null;a=Ha&&a[Ha]||a["@@iterator"];return"function"===typeof a?a:null}
-var Ja=ma(null),Ka=ma(null),La=ma(null),Ma=ma(null),Na={$$typeof:ta,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};function Oa(a,b){E(La,b);E(Ka,a);E(Ja,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Pa(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Pa(a),b=Qa(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}D(Ja);E(Ja,b)}
-function Ra(){D(Ja);D(Ka);D(La)}function Sa(a){null!==a.memoizedState&&E(Ma,a);var b=Ja.current;var c=Qa(b,a.type);b!==c&&(E(Ka,a),E(Ja,c))}function Ta(a){Ka.current===a&&(D(Ja),D(Ka));Ma.current===a&&(D(Ma),Na._currentValue=null)}
-var Ua=ba.unstable_scheduleCallback,Va=ba.unstable_cancelCallback,Wa=ba.unstable_shouldYield,Xa=ba.unstable_requestPaint,Ya=ba.unstable_now,Za=ba.unstable_getCurrentPriorityLevel,$a=ba.unstable_ImmediatePriority,ab=ba.unstable_UserBlockingPriority,bb=ba.unstable_NormalPriority,cb=ba.unstable_LowPriority,db=ba.unstable_IdlePriority,eb=null,fb=null;function gb(a){if(fb&&"function"===typeof fb.onCommitFiberRoot)try{fb.onCommitFiberRoot(eb,a,void 0,128===(a.current.flags&128))}catch(b){}}
-var ib=Math.clz32?Math.clz32:hb,jb=Math.log,kb=Math.LN2;function hb(a){a>>>=0;return 0===a?32:31-(jb(a)/kb|0)|0}var lb=128,mb=4194304;
+'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("next/dist/compiled/scheduler-experimental"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function t(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var C=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null},ia=[],ja=-1;function ka(a){return{current:a}}function E(a){0>ja||(a.current=ia[ja],ia[ja]=null,ja--)}function F(a,b){ja++;ia[ja]=a.current;a.current=b}
+var la=Symbol.for("react.element"),ma=Symbol.for("react.portal"),na=Symbol.for("react.fragment"),oa=Symbol.for("react.strict_mode"),pa=Symbol.for("react.profiler"),qa=Symbol.for("react.provider"),ra=Symbol.for("react.consumer"),sa=Symbol.for("react.context"),ta=Symbol.for("react.forward_ref"),ua=Symbol.for("react.suspense"),va=Symbol.for("react.suspense_list"),wa=Symbol.for("react.memo"),xa=Symbol.for("react.lazy"),ya=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
+var za=Symbol.for("react.offscreen"),Aa=Symbol.for("react.legacy_hidden"),Ba=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ca=Symbol.for("react.memo_cache_sentinel"),Da=Symbol.for("react.postpone"),Ea=Symbol.iterator;function Fa(a){if(null===a||"object"!==typeof a)return null;a=Ea&&a[Ea]||a["@@iterator"];return"function"===typeof a?a:null}var Ga=ka(null),Ha=ka(null),Ia=ka(null),Ja=ka(null),Ka={$$typeof:sa,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null};
+function La(a,b){F(Ia,b);F(Ha,a);F(Ga,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Ma(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Ma(a),b=Na(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}E(Ga);F(Ga,b)}function Oa(){E(Ga);E(Ha);E(Ia)}function Pa(a){null!==a.memoizedState&&F(Ja,a);var b=Ga.current;var c=Na(b,a.type);b!==c&&(F(Ha,a),F(Ga,c))}
+function Qa(a){Ha.current===a&&(E(Ga),E(Ha));Ja.current===a&&(E(Ja),Ka._currentValue=null)}var Ra=ba.unstable_scheduleCallback,Sa=ba.unstable_cancelCallback,Ta=ba.unstable_shouldYield,Ua=ba.unstable_requestPaint,Va=ba.unstable_now,Wa=ba.unstable_getCurrentPriorityLevel,Xa=ba.unstable_ImmediatePriority,Ya=ba.unstable_UserBlockingPriority,Za=ba.unstable_NormalPriority,$a=ba.unstable_LowPriority,ab=ba.unstable_IdlePriority,bb=ba.log,cb=ba.unstable_setDisableYieldValue,db=null,eb=null;
+function fb(a){if(eb&&"function"===typeof eb.onCommitFiberRoot)try{eb.onCommitFiberRoot(db,a,void 0,128===(a.current.flags&128))}catch(b){}}function gb(a){"function"===typeof bb&&cb(a);if(eb&&"function"===typeof eb.setStrictMode)try{eb.setStrictMode(db,a)}catch(b){}}var ib=Math.clz32?Math.clz32:hb,jb=Math.log,kb=Math.LN2;function hb(a){a>>>=0;return 0===a?32:31-(jb(a)/kb|0)|0}var lb=128,mb=4194304;
 function nb(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
 case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function ob(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=nb(c):(a&=f,0!==a&&(d=nb(a)))):(c&=~e,0!==c?d=nb(c):0!==a&&(d=nb(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
 function pb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
-function qb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function rb(){var a=mb;mb<<=1;0===(mb&62914560)&&(mb=4194304);return a}function sb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}function tb(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0)}
+function qb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function rb(){var a=lb;lb<<=1;0===(lb&4194176)&&(lb=128);return a}function sb(){var a=mb;mb<<=1;0===(mb&62914560)&&(mb=4194304);return a}function tb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}
 function ub(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-ib(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var n=k[g];null!==n&&(n.lane&=-536870913)}d&=~h}0!==c&&vb(a,c,0)}
-function vb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-ib(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function wb(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-ib(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function xb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-ib(b);a.entanglements[1]|=c;b&=~c}}var F=0;function yb(a,b){var c=F;try{return F=a,b()}finally{F=c}}
+function vb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-ib(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function wb(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-ib(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function xb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-ib(b);a.entanglements[1]|=c;b&=~c}}var G=0;function yb(a,b){var c=G;try{return G=a,b()}finally{G=c}}
 function zb(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}var Ab=Object.prototype.hasOwnProperty,Bb=Math.random().toString(36).slice(2),Cb="__reactFiber$"+Bb,Db="__reactProps$"+Bb,Eb="__reactContainer$"+Bb,Fb="__reactEvents$"+Bb,Gb="__reactListeners$"+Bb,Ib="__reactHandles$"+Bb,Jb="__reactResources$"+Bb,Kb="__reactMarker$"+Bb;function Lb(a){delete a[Cb];delete a[Db];delete a[Fb];delete a[Gb];delete a[Ib]}
 function Mb(a){var b=a[Cb];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Eb]||c[Cb]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Nb(a);null!==a;){if(c=a[Cb])return c;a=Nb(a)}return b}a=c;c=a.parentNode}return null}function Ob(a){if(a=a[Cb]||a[Eb]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function Pb(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(t(33));}function Qb(a){return a[Db]||null}
 function Rb(a){var b=a[Jb];b||(b=a[Jb]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function Sb(a){a[Kb]=!0}
@@ -33,419 +32,424 @@ var Zb=!("undefined"===typeof window||"undefined"===typeof window.document||"und
 {},bc={};function cc(a){if(Ab.call(bc,a))return!0;if(Ab.call(ac,a))return!1;if($b.test(a))return bc[a]=!0;ac[a]=!0;return!1}function dc(a,b,c){if(cc(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
 function ec(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function fc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var gc;
 function hc(a){if(void 0===gc)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);gc=b&&b[1]||""}return"\n"+gc+a}var ic=!1;
-function jc(a,b){if(!a||ic)return"";ic=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(u){var r=u}Reflect.construct(a,[],w)}else{try{w.call()}catch(u){r=u}a.call(w.prototype)}}else{try{throw Error();}catch(u){r=u}(w=a())&&"function"===typeof w.catch&&
-w.catch(function(){})}}catch(u){if(u&&r&&"string"===typeof u.stack)return[u.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{ic=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?hc(c):""}
-function kc(a){switch(a.tag){case 26:case 27:case 5:return hc(a.type);case 16:return hc("Lazy");case 13:return hc("Suspense");case 19:return hc("SuspenseList");case 0:case 2:case 15:return a=jc(a.type,!1),a;case 11:return a=jc(a.type.render,!1),a;case 1:return a=jc(a.type,!0),a;default:return""}}var lc=Symbol.for("react.client.reference");
-function mc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===lc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case pa:return"Fragment";case oa:return"Portal";case ra:return"Profiler";case qa:return"StrictMode";case wa:return"Suspense";case xa:return"SuspenseList";case Da:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ta:return(a.displayName||"Context")+".Consumer";case sa:return(a._context.displayName||"Context")+".Provider";case va:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case ya:return b=a.displayName||null,null!==b?b:mc(a.type)||"Memo";case za:b=a._payload;a=a._init;try{return mc(a(b))}catch(c){break}case ua:return(a.displayName||a._globalName)+".Provider"}return null}
-function nc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return mc(b);case 8:return b===qa?"StrictMode":"Mode";
-case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function oc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
-function pc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
-function qc(a){var b=pc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
-null;delete a[b]}}}}function rc(a){a._valueTracker||(a._valueTracker=qc(a))}function sc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=pc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function tc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var uc=/[\n"\\]/g;
-function vc(a){return a.replace(uc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
-function wc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+oc(b)}else a.value!==""+oc(b)&&(a.value=""+oc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?xc(a,g,oc(b)):null!=c?xc(a,g,oc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
-typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+oc(h):a.removeAttribute("name")}
-function yc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+oc(c):"";b=null!=b?""+oc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
-function xc(a,b,c){"number"===b&&tc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var zc=Array.isArray;
-function Ac(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+oc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
-function Bc(a,b,c){if(null!=b&&(b=""+oc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+oc(c):""}function Cc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(t(92));if(zc(d)){if(1<d.length)throw Error(t(93));d=d[0]}c=d}null==c&&(c="");b=c}c=oc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}
-function Dc(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Ec=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
-function Fc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Ec.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
-function Gc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(t(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Fc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Fc(a,f,b[f])}
-function Hc(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
-var Ic=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
+function jc(a,b){if(!a||ic)return"";ic=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(r){var q=r}Reflect.construct(a,[],w)}else{try{w.call()}catch(r){q=r}a.call(w.prototype)}}else{try{throw Error();}catch(r){q=r}(w=a())&&"function"===typeof w.catch&&
+w.catch(function(){})}}catch(r){if(r&&q&&"string"===typeof r.stack)return[r.stack,q.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var u="\n"+k[d].replace(" at new "," at ");a.displayName&&u.includes("<anonymous>")&&(u=u.replace("<anonymous>",a.displayName));return u}while(1<=d&&0<=e)}break}}}finally{ic=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?hc(c):""}
+function kc(a){switch(a.tag){case 26:case 27:case 5:return hc(a.type);case 16:return hc("Lazy");case 13:return hc("Suspense");case 19:return hc("SuspenseList");case 0:case 2:case 15:return a=jc(a.type,!1),a;case 11:return a=jc(a.type.render,!1),a;case 1:return a=jc(a.type,!0),a;default:return""}}function lc(a){try{var b="";do b+=kc(a),a=a.return;while(a);return b}catch(c){return"\nError generating stack: "+c.message+"\n"+c.stack}}var mc=Symbol.for("react.client.reference");
+function nc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===mc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case na:return"Fragment";case ma:return"Portal";case pa:return"Profiler";case oa:return"StrictMode";case ua:return"Suspense";case va:return"SuspenseList";case Ba:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case qa:return(a._context.displayName||"Context")+".Provider";case sa:return(a.displayName||"Context")+".Consumer";case ta:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case wa:return b=a.displayName||null,null!==b?b:nc(a.type)||"Memo";case xa:b=a._payload;a=a._init;try{return nc(a(b))}catch(c){}}return null}
+function oc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return nc(b);case 8:return b===oa?"StrictMode":"Mode";
+case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function pc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
+function qc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
+function rc(a){var b=qc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
+null;delete a[b]}}}}function sc(a){a._valueTracker||(a._valueTracker=rc(a))}function tc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=qc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function uc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var vc=/[\n"\\]/g;
+function wc(a){return a.replace(vc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
+function xc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+pc(b)}else a.value!==""+pc(b)&&(a.value=""+pc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?yc(a,g,pc(b)):null!=c?yc(a,g,pc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
+typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+pc(h):a.removeAttribute("name")}
+function zc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+pc(c):"";b=null!=b?""+pc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
+function yc(a,b,c){"number"===b&&uc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var Ac=Array.isArray;
+function Bc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+pc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
+function Cc(a,b,c){if(null!=b&&(b=""+pc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+pc(c):""}function Dc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(t(92));if(Ac(d)){if(1<d.length)throw Error(t(93));d=d[0]}c=d}null==c&&(c="");b=c}c=pc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}
+function Ec(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Fc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
+function Gc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Fc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
+function Hc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(t(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Gc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Gc(a,f,b[f])}
+function Ic(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
+var Jc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Jc=null;function Kc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Lc=null,Mc=null;
-function Nc(a){var b=Ob(a);if(b&&(a=b.stateNode)){var c=Qb(a);a:switch(a=b.stateNode,b.type){case "input":wc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+vc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Qb(d);if(!e)throw Error(t(90));wc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
-e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&sc(d)}break a;case "textarea":Bc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&Ac(a,!!c.multiple,b,!1)}}}function Oc(a){Lc?Mc?Mc.push(a):Mc=[a]:Lc=a}function Pc(){if(Lc){var a=Lc,b=Mc;Mc=Lc=null;Nc(a);if(b)for(a=0;a<b.length;a++)Nc(b[a])}}function Qc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
-function Rc(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Sc(a){if(Qc(a)!==a)throw Error(t(188));}
-function Tc(a){var b=a.alternate;if(!b){b=Qc(a);if(null===b)throw Error(t(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Sc(e),a;if(f===d)return Sc(e),b;f=f.sibling}throw Error(t(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
-c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(t(189));}}if(c.alternate!==d)throw Error(t(190));}if(3!==c.tag)throw Error(t(188));return c.stateNode.current===c?a:b}function Uc(a){a=Tc(a);return null!==a?Vc(a):null}function Vc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=Vc(a);if(null!==b)return b;a=a.sibling}return null}var Wc={},Xc=ma(Wc),Yc=ma(!1),Zc=Wc;
-function $c(a,b){var c=a.type.contextTypes;if(!c)return Wc;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function ad(a){a=a.childContextTypes;return null!==a&&void 0!==a}function bd(){D(Yc);D(Xc)}
-function cd(a,b,c){if(Xc.current!==Wc)throw Error(t(168));E(Xc,b);E(Yc,c)}function dd(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(t(108,nc(a)||"Unknown",e));return B({},c,d)}function ed(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Wc;Zc=Xc.current;E(Xc,a);E(Yc,Yc.current);return!0}
-function fd(a,b,c){var d=a.stateNode;if(!d)throw Error(t(169));c?(a=dd(a,b,Zc),d.__reactInternalMemoizedMergedChildContext=a,D(Yc),D(Xc),E(Xc,a)):D(Yc);E(Yc,c)}function gd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var hd="function"===typeof Object.is?Object.is:gd,id=[],jd=0,kd=null,ld=0,md=[],nd=0,od=null,pd=1,qd="";function rd(a,b){id[jd++]=ld;id[jd++]=kd;kd=a;ld=b}
-function sd(a,b,c){md[nd++]=pd;md[nd++]=qd;md[nd++]=od;od=a;var d=pd;a=qd;var e=32-ib(d)-1;d&=~(1<<e);c+=1;var f=32-ib(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;pd=1<<32-ib(b)+e|c<<e|d;qd=f+a}else pd=1<<f|c<<e|d,qd=a}function td(a){null!==a.return&&(rd(a,1),sd(a,1,0))}function ud(a){for(;a===kd;)kd=id[--jd],id[jd]=null,ld=id[--jd],id[jd]=null;for(;a===od;)od=md[--nd],md[nd]=null,qd=md[--nd],md[nd]=null,pd=md[--nd],md[nd]=null}var G=null,J=null,K=!1,vd=null,wd=!1;
-function xd(a,b){var c=yd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function zd(a,b){b.flags=b.flags&-4097|2}function Ad(a,b){b=Bd(b,a.type,a.pendingProps,wd);return null!==b?(a.stateNode=b,G=a,J=Cd(b.firstChild),wd=!1,!0):!1}function Dd(a,b){b=Ed(b,a.pendingProps,wd);return null!==b?(a.stateNode=b,G=a,J=null,!0):!1}
-function Fd(a,b){a:{var c=b;for(b=wd;8!==c.nodeType;){if(!b){b=null;break a}c=Gd(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==od?{id:pd,overflow:qd}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=yd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,G=a,J=null,!0):!1}function Hd(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Id(){throw Error(t(418));}
-function Jd(a){for(G=a.return;G;)switch(G.tag){case 3:case 27:wd=!0;return;case 5:case 13:wd=!1;return;default:G=G.return}}
-function Kd(a){if(a!==G)return!1;if(!K)return Jd(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Ld(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=J))if(Hd(a))Md(),Id();else for(;b;)xd(a,b),b=Gd(b);Jd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(t(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){J=Gd(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}J=
-null}}else J=G?Gd(a.stateNode):null;return!0}function Md(){for(var a=J;a;)a=Gd(a)}function Nd(){J=G=null;K=!1}function Od(a){null===vd?vd=[a]:vd.push(a)}var Pd=[],Qd=0,Rd=0;function Sd(){for(var a=Qd,b=Rd=Qd=0;b<a;){var c=Pd[b];Pd[b++]=null;var d=Pd[b];Pd[b++]=null;var e=Pd[b];Pd[b++]=null;var f=Pd[b];Pd[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&Td(c,e,f)}}
-function Ud(a,b,c,d){Pd[Qd++]=a;Pd[Qd++]=b;Pd[Qd++]=c;Pd[Qd++]=d;Rd|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function Vd(a,b,c,d){Ud(a,b,c,d);return Wd(a)}function Xd(a,b){Ud(a,null,null,b);return Wd(a)}
-function Td(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-ib(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function Wd(a){if(50<Yd)throw Yd=0,Zd=null,Error(t(185));for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
-var $d=!1;function ae(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function be(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function ce(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
-function de(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(L&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=Wd(a);Td(a,null,c);return b}Ud(a,d,b,c);return Wd(a)}function ee(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;wb(a,c)}}
-function fe(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
-function ge(a,b,c,d){var e=a.updateQueue;$d=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var q=a.alternate;null!==q&&(q=q.updateQueue,h=q.lastBaseUpdate,h!==g&&(null===h?q.firstBaseUpdate=n:h.next=n,q.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;q=n=k=null;h=f;do{var r=h.lane&-536870913,u=r!==h.lane;if(u?(M&r)===r:(d&r)===r){null!==q&&(q=q.next={lane:0,tag:h.tag,payload:h.payload,
-callback:null,next:null});a:{var z=a,C=h;r=b;var V=c;switch(C.tag){case 1:z=C.payload;if("function"===typeof z){w=z.call(V,w,r);break a}w=z;break a;case 3:z.flags=z.flags&-65537|128;case 0:z=C.payload;r="function"===typeof z?z.call(V,w,r):z;if(null===r||void 0===r)break a;w=B({},w,r);break a;case 2:$d=!0}}r=h.callback;null!==r&&(a.flags|=64,u&&(a.flags|=8192),u=e.callbacks,null===u?e.callbacks=[r]:u.push(r))}else u={lane:r,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===q?(n=q=u,
-k=w):q=q.next=u,g|=r;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else u=h,h=u.next,u.next=null,e.lastBaseUpdate=u,e.shared.pending=null}while(1);null===q&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=q;null===f&&(e.shared.lanes=0);he|=g;a.lanes=g;a.memoizedState=w}}function ie(a,b){if("function"!==typeof a)throw Error(t(191,a));a.call(b)}function je(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)ie(c[a],b)}
-function ke(a,b){if(hd(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Ab.call(b,e)||!hd(a[e],b[e]))return!1}return!0}var le=Error(t(460)),me=Error(t(474)),ne={then:function(){}};function oe(a){a=a.status;return"fulfilled"===a||"rejected"===a}function pe(){}
-function qe(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(pe,pe),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===le)throw Error(t(483));throw a;default:if("string"===typeof b.status)b.then(pe,pe);else{a=N;if(null!==a&&100<a.shellSuspendCounter)throw Error(t(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}});switch(b.status){case "fulfilled":return b.value;
-case "rejected":a=b.reason;if(a===le)throw Error(t(483));throw a;}}re=b;throw le;}}var re=null;function se(){if(null===re)throw Error(t(459));var a=re;re=null;return a}var te=null,ue=0;function ve(a){var b=ue;ue+=1;null===te&&(te=[]);return qe(te,a,b)}
-function we(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(t(309));var d=c.stateNode}if(!d)throw Error(t(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(g){var h=e.refs;null===g?delete h[f]:h[f]=g};b._stringRef=f;return b}if("string"!==typeof a)throw Error(t(284));if(!c._owner)throw Error(t(290,a));}return a}
-function xe(a,b){a=Object.prototype.toString.call(b);throw Error(t(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function ye(a){var b=a._init;return b(a._payload)}
-function ze(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=Ae(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
-function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=Be(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var x=p.type;if(x===pa)return q(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===za&&ye(x)===l.type))return v=e(l,p.props),v.ref=we(m,l,p),v.return=m,v;v=Ce(p.type,p.key,p.props,null,null,m.mode,v);v.ref=we(m,l,p);v.return=m;return v}function n(m,l,
-p,v){if(null===l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=De(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function q(m,l,p,v,x){if(null===l||7!==l.tag)return l=Ee(p,m.mode,v,x),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=Be(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case na:return p=Ce(l.type,
-l.key,l.props,null,null,m.mode,p),p.ref=we(m,null,l),p.return=m,p;case oa:return l=De(l,m.mode,p),l.return=m,l;case za:var v=l._init;return w(m,v(l._payload),p)}if(zc(l)||Ia(l))return l=Ee(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,ve(l),p);if(l.$$typeof===ta||l.$$typeof===ua)return w(m,Fe(m,l,p),p);xe(m,l)}return null}function r(m,l,p,v){var x=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==x?null:h(m,l,""+p,v);if("object"===typeof p&&
-null!==p){switch(p.$$typeof){case na:return p.key===x?k(m,l,p,v):null;case oa:return p.key===x?n(m,l,p,v):null;case za:return x=p._init,r(m,l,x(p._payload),v)}if(zc(p)||Ia(p))return null!==x?null:q(m,l,p,v,null);if("function"===typeof p.then)return r(m,l,ve(p),v);if(p.$$typeof===ta||p.$$typeof===ua)return r(m,l,Fe(m,p,v),v);xe(m,p)}return null}function u(m,l,p,v,x){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,x);if("object"===typeof v&&null!==v){switch(v.$$typeof){case na:return m=
-m.get(null===v.key?p:v.key)||null,k(l,m,v,x);case oa:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,x);case za:var A=v._init;return u(m,l,p,A(v._payload),x)}if(zc(v)||Ia(v))return m=m.get(p)||null,q(l,m,v,x,null);if("function"===typeof v.then)return u(m,l,p,ve(v),x);if(v.$$typeof===ta||v.$$typeof===ua)return u(m,l,p,Fe(l,v,x),x);xe(l,v)}return null}function z(m,l,p,v){for(var x=null,A=null,y=l,H=l=0,ha=null;null!==y&&H<p.length;H++){y.index>H?(ha=y,y=null):ha=y.sibling;var I=r(m,y,p[H],v);if(null===
-I){null===y&&(y=ha);break}a&&y&&null===I.alternate&&b(m,y);l=f(I,l,H);null===A?x=I:A.sibling=I;A=I;y=ha}if(H===p.length)return c(m,y),K&&rd(m,H),x;if(null===y){for(;H<p.length;H++)y=w(m,p[H],v),null!==y&&(l=f(y,l,H),null===A?x=y:A.sibling=y,A=y);K&&rd(m,H);return x}for(y=d(m,y);H<p.length;H++)ha=u(y,m,H,p[H],v),null!==ha&&(a&&null!==ha.alternate&&y.delete(null===ha.key?H:ha.key),l=f(ha,l,H),null===A?x=ha:A.sibling=ha,A=ha);a&&y.forEach(function(Hb){return b(m,Hb)});K&&rd(m,H);return x}function C(m,
-l,p,v){var x=Ia(p);if("function"!==typeof x)throw Error(t(150));p=x.call(p);if(null==p)throw Error(t(151));for(var A=x=null,y=l,H=l=0,ha=null,I=p.next();null!==y&&!I.done;H++,I=p.next()){y.index>H?(ha=y,y=null):ha=y.sibling;var Hb=r(m,y,I.value,v);if(null===Hb){null===y&&(y=ha);break}a&&y&&null===Hb.alternate&&b(m,y);l=f(Hb,l,H);null===A?x=Hb:A.sibling=Hb;A=Hb;y=ha}if(I.done)return c(m,y),K&&rd(m,H),x;if(null===y){for(;!I.done;H++,I=p.next())I=w(m,I.value,v),null!==I&&(l=f(I,l,H),null===A?x=I:A.sibling=
-I,A=I);K&&rd(m,H);return x}for(y=d(m,y);!I.done;H++,I=p.next())I=u(y,m,H,I.value,v),null!==I&&(a&&null!==I.alternate&&y.delete(null===I.key?H:I.key),l=f(I,l,H),null===A?x=I:A.sibling=I,A=I);a&&y.forEach(function(gn){return b(m,gn)});K&&rd(m,H);return x}function V(m,l,p,v){"object"===typeof p&&null!==p&&p.type===pa&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case na:a:{for(var x=p.key,A=l;null!==A;){if(A.key===x){x=p.type;if(x===pa){if(7===A.tag){c(m,A.sibling);
-l=e(A,p.props.children);l.return=m;m=l;break a}}else if(A.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===za&&ye(x)===A.type){c(m,A.sibling);l=e(A,p.props);l.ref=we(m,A,p);l.return=m;m=l;break a}c(m,A);break}else b(m,A);A=A.sibling}p.type===pa?(l=Ee(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=Ce(p.type,p.key,p.props,null,null,m.mode,v),v.ref=we(m,l,p),v.return=m,m=v)}return g(m);case oa:a:{for(A=p.key;null!==l;){if(l.key===A)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&
-l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=De(p,m.mode,v);l.return=m;m=l}return g(m);case za:return A=p._init,R(m,l,A(p._payload),v)}if(zc(p))return z(m,l,p,v);if(Ia(p))return C(m,l,p,v);if("function"===typeof p.then)return V(m,l,ve(p),v);if(p.$$typeof===ta||p.$$typeof===ua)return V(m,l,Fe(m,p,v),v);xe(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,
-l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=Be(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}function R(m,l,p,v){ue=0;m=V(m,l,p,v);te=null;return m}return R}var Ge=ze(!0),He=ze(!1),Ie=ma(null),Je=ma(0);function Ke(a,b){a=Le;E(Je,a);E(Ie,b);Le=a|b.baseLanes}function Me(){E(Je,Le);E(Ie,Ie.current)}function Ne(){Le=Je.current;D(Ie);D(Je)}var Oe=ma(null),Pe=null;function Qe(a){var b=a.alternate;E(Re,Re.current&1);E(Oe,a);null===Pe&&(null===b||null!==Ie.current?Pe=a:null!==b.memoizedState&&(Pe=a))}
-function Se(a){if(22===a.tag){if(E(Re,Re.current),E(Oe,a),null===Pe){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Pe=a)}}else Te(a)}function Te(){E(Re,Re.current);E(Oe,Oe.current)}function Ue(a){D(Oe);Pe===a&&(Pe=null);D(Re)}var Re=ma(0);
-function Ve(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var We=null,Xe=null,Ye=!1,Ze=!1,$e=!1,af=0;
-function bf(a){a!==Xe&&null===a.next&&(null===Xe?We=Xe=a:Xe=Xe.next=a);Ze=!0;Ye||(Ye=!0,cf(df))}
-function ef(a){if(!$e&&Ze){var b=null;$e=!0;do{var c=!1;for(var d=We;null!==d;){if(!a||0===d.tag){var e=M,f=ob(d,d===N?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(L&6))throw Error(t(327));if(!ff()){var g=gf(e,f);if(0!==e.tag&&2===g){var h=f,k=qb(e,h);0!==k&&(f=k,g=hf(e,h,k))}if(1===g)throw h=jf,kf(e,0),lf(e,f,0),bf(e),h;6===g?lf(e,f,mf):(e.finishedWork=e.current.alternate,e.finishedLanes=f,nf(e,of,pf,mf))}bf(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);$e=!1;if(null!==b){if(1<b.length){if("function"===
-typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)cf(qf.bind(null,b[a]))}throw b[0];}}}function qf(a){throw a;}function df(){Ze=Ye=!1;for(var a=Ya(),b=null,c=We;null!==c;){var d=c.next;if(0!==af&&rf()){var e=c,f=af;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=sf(c,a);0===e?(c.next=null,null===b?We=d:b.next=d,null===d&&(Xe=b)):(b=c,0!==(e&3)&&(Ze=!0));c=d}af=0;ef(!1)}
-function sf(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-ib(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=pb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=N;c=M;c=ob(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===O||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Va(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Va(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
-null!==d&&Va(d);switch(zb(c)){case 2:c=$a;break;case 8:c=ab;break;case 32:c=bb;break;case 268435456:c=db;break;default:c=bb}d=tf.bind(null,a);c=Ua(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function cf(a){uf(function(){0!==(L&6)?Ua($a,a):a()})}function vf(){if(0===af){var a=lb;lb<<=1;0===(lb&4194176)&&(lb=128);af=a}return af}var wf=null,xf=0,yf=0;
-function zf(a,b){if(null===wf){var c=wf=[];xf=0;yf=vf()}else c=wf;xf++;var d=Af(c),e="pending",f,g;a.then(function(h){e="fulfilled";f=null!==b?b:h;Bf()},function(h){e="rejected";g=h;Bf()});c.push(function(){switch(e){case "fulfilled":d.status="fulfilled";d.value=f;break;case "rejected":d.status="rejected";d.reason=g;break;default:throw Error(t(478));}});return d}function Cf(a,b){var c=null!==b?b:a;if(null===wf)return c;a=wf;var d=Af(a);a.push(function(){d.status="fulfilled";d.value=c});return d}
-function Bf(){if(null!==wf&&0===--xf){var a=wf;wf=null;for(var b=yf=0;b<a.length;b++)(0,a[b])()}}function Af(a){return{status:"pending",value:null,reason:null,then:function(b){a.push(b)}}}var Df=da.ReactCurrentDispatcher,Ef=da.ReactCurrentBatchConfig,Ff=0,P=null,Q=null,S=null,Gf=!1,Hf=!1,If=!1,Jf=0,Kf=0,Lf=null,Mf=0;function T(){throw Error(t(321));}function Nf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!hd(a[c],b[c]))return!1;return!0}
-function Of(a,b,c,d,e,f){Ff=f;P=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Df.current=null===a||null===a.memoizedState?Pf:Qf;If=!1;a=c(d,e);If=!1;Hf&&(a=Rf(b,c,d,e));Sf();return a}function Sf(){Df.current=Tf;var a=null!==Q&&null!==Q.next;Ff=0;S=Q=P=null;Gf=!1;Kf=0;Lf=null;if(a)throw Error(t(300));}function Rf(a,b,c,d){P=a;var e=0;do{Hf&&(Lf=null);Kf=0;Hf=!1;if(25<=e)throw Error(t(301));e+=1;S=Q=null;a.updateQueue=null;Df.current=Uf;var f=b(c,d)}while(Hf);return f}
-function Vf(){var a=Df.current.useState()[0];return"function"===typeof a.then?Wf(a):a}function Xf(){var a=0!==Jf;Jf=0;return a}function Yf(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}function Zf(a){if(Gf){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Gf=!1}Ff=0;S=Q=P=null;Hf=!1;Kf=Jf=0;Lf=null}function $f(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===S?P.memoizedState=S=a:S=S.next=a;return S}
-function ag(){if(null===Q){var a=P.alternate;a=null!==a?a.memoizedState:null}else a=Q.next;var b=null===S?P.memoizedState:S.next;if(null!==b)S=b,Q=a;else{if(null===a){if(null===P.alternate)throw Error(t(467));throw Error(t(310));}Q=a;a={memoizedState:Q.memoizedState,baseState:Q.baseState,baseQueue:Q.baseQueue,queue:Q.queue,next:null};null===S?P.memoizedState=S=a:S=S.next=a}return S}var bg;bg=function(){return{lastEffect:null,events:null,stores:null,memoCache:null}};
-function Wf(a){var b=Kf;Kf+=1;null===Lf&&(Lf=[]);a=qe(Lf,a,b);null===P.alternate&&(null===S?null===P.memoizedState:null===S.next)&&(Df.current=Pf);return a}function cg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Wf(a);if(a.$$typeof===ta||a.$$typeof===ua)return dg(a)}throw Error(t(438,String(a)));}
-function eg(a){var b=null,c=P.updateQueue;null!==c&&(b=c.memoCache);if(null==b){var d=P.alternate;null!==d&&(d=d.updateQueue,null!==d&&(d=d.memoCache,null!=d&&(b={data:d.data.map(function(e){return e.slice()}),index:0})))}null==b&&(b={data:[],index:0});null===c&&(c=bg(),P.updateQueue=c);c.memoCache=b;c=b.data[b.index];if(void 0===c)for(c=b.data[b.index]=Array(a),d=0;d<a;d++)c[d]=Fa;b.index++;return c}function fg(a,b){return"function"===typeof b?b(a):b}function gg(a){var b=ag();return hg(b,Q,a)}
-function hg(a,b,c){var d=a.queue;if(null===d)throw Error(t(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b;do{var q=n.lane&-536870913;if(q!==n.lane?(M&q)===q:(Ff&q)===q){q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null});
-else if((Ff&q)===q){n=n.next;continue}else{var w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null};null===k?(h=k=w,g=f):k=k.next=w;P.lanes|=q;he|=q}q=n.action;If&&c(f,q);f=n.hasEagerState?n.eagerState:c(f,q)}else w={lane:q,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,P.lanes|=q,he|=q;n=n.next}while(null!==n&&n!==b);null===k?g=f:k.next=h;hd(f,a.memoizedState)||
-(ig=!0);a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}function jg(a){var b=ag(),c=b.queue;if(null===c)throw Error(t(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);hd(f,b.memoizedState)||(ig=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
-function kg(a,b,c){var d=P,e=ag(),f=K;if(f){if(void 0===c)throw Error(t(407));c=c()}else c=b();var g=!hd((Q||e).memoizedState,c);g&&(e.memoizedState=c,ig=!0);e=e.queue;lg(mg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==S&&S.memoizedState.tag&1){d.flags|=2048;ng(9,og.bind(null,d,e,c,b),{destroy:void 0},null);if(null===N)throw Error(t(349));f||0!==(Ff&60)||pg(d,b,c)}return c}
-function pg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=P.updateQueue;null===b?(b=bg(),P.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function og(a,b,c,d){b.value=c;b.getSnapshot=d;qg(b)&&rg(a)}function mg(a,b,c){return c(function(){qg(b)&&rg(a)})}function qg(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!hd(a,c)}catch(d){return!0}}function rg(a){var b=Xd(a,2);null!==b&&sg(b,a,2)}
-function tg(a){var b=$f();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:fg,lastRenderedState:a};return b}function ug(a,b,c,d){a.baseState=c;return hg(a,Q,"function"===typeof d?d:fg)}function vg(a,b,c,d){if(wg(a))throw Error(t(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,xg(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
-function xg(a,b,c){var d=a.action,e=a.state,f=Ef.transition;Ef.transition={};try{var g=d(e,c);if(null!==g&&"object"===typeof g&&"function"===typeof g.then){g.then(function(n){a.state=n;yg(a,b)},function(){return yg(a,b)});var h=zf(g,null);b(h)}else{var k=Cf(g,null);b(k);a.state=g;yg(a,b)}}catch(n){b({then:function(){},status:"rejected",reason:n}),yg(a,b)}finally{Ef.transition=f}}
-function yg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,xg(a,b,d.payload))}}function zg(a,b){return b}function Ag(a,b,c){a=hg(a,b,zg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?Wf(a):a;b=ag();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(P.flags|=2048,ng(9,Bg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Bg(a,b){a.action=b}
-function ng(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=P.updateQueue;null===b?(b=bg(),P.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Cg(){return ag().memoizedState}function Dg(a,b,c,d){var e=$f();P.flags|=a;e.memoizedState=ng(1|b,c,{destroy:void 0},void 0===d?null:d)}
-function Eg(a,b,c,d){var e=ag();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==Q&&null!==d&&Nf(d,Q.memoizedState.deps)?e.memoizedState=ng(b,c,f,d):(P.flags|=a,e.memoizedState=ng(1|b,c,f,d))}function Fg(a,b){Dg(8390656,8,a,b)}function lg(a,b){Eg(2048,8,a,b)}function Gg(a){P.flags|=4;var b=P.updateQueue;if(null===b)b=bg(),P.updateQueue=b,b.events=[a];else{var c=b.events;null===c?b.events=[a]:c.push(a)}}
-function Hg(a){var b=ag().memoizedState;Gg({ref:b,nextImpl:a});return function(){if(0!==(L&2))throw Error(t(440));return b.impl.apply(void 0,arguments)}}function Ig(a,b){return Eg(4,2,a,b)}function Jg(a,b){return Eg(4,4,a,b)}function Kg(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function Lg(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Eg(4,4,Kg.bind(null,b,a),c)}function Mg(){}
-function Ng(a,b){var c=ag();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Nf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Og(a,b){var c=ag();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Nf(b,d[1]))return d[0];If&&a();a=a();c.memoizedState=[a,b];return a}function Pg(a,b,c){if(void 0===c||0!==(Ff&1073741824))return a.memoizedState=b;a.memoizedState=c;a=Qg();P.lanes|=a;he|=a;return c}
-function Rg(a,b,c,d){if(hd(c,b))return c;if(null!==Ie.current)return a=Pg(a,c,d),hd(a,b)||(ig=!0),a;if(0===(Ff&42))return ig=!0,a.memoizedState=c;a=Qg();P.lanes|=a;he|=a;return b}function Sg(a,b,c,d,e){var f=F;F=0!==f&&8>f?f:8;var g=Ef.transition;Ef.transition={};Tg(a,!1,b,c);try{var h=e();if(null!==h&&"object"===typeof h&&"function"===typeof h.then){var k=zf(h,d);Ug(a,b,k)}else{var n=Cf(h,d);Ug(a,b,n)}}catch(q){Ug(a,b,{then:function(){},status:"rejected",reason:q})}finally{F=f,Ef.transition=g}}
-function Vg(a,b,c,d){if(5!==a.tag)throw Error(t(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:fg,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;Sg(a,f,b,fa,function(){return c(d)})}function Wg(){var a=dg(Na);return null!==a?a:fa}function Xg(){return ag().memoizedState}
-function Yg(){return ag().memoizedState}function Zg(a,b,c){for(var d=a.return;null!==d;){switch(d.tag){case 24:case 3:var e=$g(d);a=ce(e);var f=de(d,a,e);null!==f&&(sg(f,d,e),ee(f,d,e));d=ah();null!==b&&void 0!==b&&null!==f&&d.data.set(b,c);a.payload={cache:d};return}d=d.return}}function bh(a,b,c){var d=$g(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};wg(a)?ch(b,c):(c=Vd(a,b,c,d),null!==c&&(sg(c,a,d),dh(c,b,d)))}
-function Ug(a,b,c){var d=$g(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(wg(a))ch(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(hd(h,g)){Ud(a,b,e,0);null===N&&Sd();return}}catch(k){}finally{}c=Vd(a,b,e,d);null!==c&&(sg(c,a,d),dh(c,b,d))}}
-function Tg(a,b,c,d){d={lane:2,revertLane:vf(),action:d,hasEagerState:!1,eagerState:null,next:null};if(wg(a)){if(b)throw Error(t(479));}else b=Vd(a,c,d,2),null!==b&&sg(b,a,2)}function wg(a){var b=a.alternate;return a===P||null!==b&&b===P}function ch(a,b){Hf=Gf=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function dh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;wb(a,c)}}
-var Tf={readContext:dg,use:cg,useCallback:T,useContext:T,useEffect:T,useImperativeHandle:T,useInsertionEffect:T,useLayoutEffect:T,useMemo:T,useReducer:T,useRef:T,useState:T,useDebugValue:T,useDeferredValue:T,useTransition:T,useSyncExternalStore:T,useId:T};Tf.useCacheRefresh=T;Tf.useMemoCache=T;Tf.useEffectEvent=T;Tf.useHostTransitionStatus=T;Tf.useFormState=T;Tf.useOptimistic=T;
-var Pf={readContext:dg,use:cg,useCallback:function(a,b){$f().memoizedState=[a,void 0===b?null:b];return a},useContext:dg,useEffect:Fg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Dg(4194308,4,Kg.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Dg(4194308,4,a,b)},useInsertionEffect:function(a,b){Dg(4,2,a,b)},useMemo:function(a,b){var c=$f();b=void 0===b?null:b;If&&a();a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=$f();b=void 0!==c?c(b):
-b;d.memoizedState=d.baseState=b;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=bh.bind(null,P,a);return[d.memoizedState,a]},useRef:function(a){var b=$f();a={current:a};return b.memoizedState=a},useState:function(a){a=tg(a);var b=a.queue,c=Ug.bind(null,P,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:Mg,useDeferredValue:function(a,b){var c=$f();return Pg(c,a,b)},useTransition:function(){var a=tg(!1);a=Sg.bind(null,P,a.queue,!0,!1);
-$f().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=P,e=$f();if(K){if(void 0===c)throw Error(t(407));c=c()}else{c=b();if(null===N)throw Error(t(349));0!==(M&60)||pg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Fg(mg.bind(null,d,f,a),[a]);d.flags|=2048;ng(9,og.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=$f(),b=N.identifierPrefix;if(K){var c=qd;var d=pd;c=(d&~(1<<32-ib(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Jf++;0<c&&(b+="H"+
-c.toString(32));b+=":"}else c=Mf++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return $f().memoizedState=Zg.bind(null,P)}};Pf.useMemoCache=eg;Pf.useEffectEvent=function(a){var b=$f(),c={impl:a};b.memoizedState=c;return function(){if(0!==(L&2))throw Error(t(440));return c.impl.apply(void 0,arguments)}};Pf.useHostTransitionStatus=Wg;
-Pf.useFormState=function(a,b){if(K){var c=N.formState;if(null!==c){a:{if(K){if(J){b:{var d=J;for(var e=wd;8!==d.nodeType;){if(!e){d=null;break b}d=Gd(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){J=Gd(d);d="F!"===d.data;break a}}Id()}d=!1}d&&(b=c[0])}}c=$f();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:zg,lastRenderedState:b};c.queue=d;c=Ug.bind(null,P,d);d.dispatch=c;d=$f();e={state:b,dispatch:null,action:a,pending:null};d.queue=
-e;c=vg.bind(null,P,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};Pf.useOptimistic=function(a){var b=$f();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=Tg.bind(null,P,!0,c);c.dispatch=b;return[a,b]};
-var Qf={readContext:dg,use:cg,useCallback:Ng,useContext:dg,useEffect:lg,useImperativeHandle:Lg,useInsertionEffect:Ig,useLayoutEffect:Jg,useMemo:Og,useReducer:gg,useRef:Cg,useState:function(){return gg(fg)},useDebugValue:Mg,useDeferredValue:function(a,b){var c=ag();return Rg(c,Q.memoizedState,a,b)},useTransition:function(){var a=gg(fg)[0],b=ag().memoizedState;return["boolean"===typeof a?a:Wf(a),b]},useSyncExternalStore:kg,useId:Xg};Qf.useCacheRefresh=Yg;Qf.useMemoCache=eg;Qf.useEffectEvent=Hg;
-Qf.useHostTransitionStatus=Wg;Qf.useFormState=function(a){var b=ag();return Ag(b,Q,a)};Qf.useOptimistic=function(a,b){var c=ag();return ug(c,Q,a,b)};
-var Uf={readContext:dg,use:cg,useCallback:Ng,useContext:dg,useEffect:lg,useImperativeHandle:Lg,useInsertionEffect:Ig,useLayoutEffect:Jg,useMemo:Og,useReducer:jg,useRef:Cg,useState:function(){return jg(fg)},useDebugValue:Mg,useDeferredValue:function(a,b){var c=ag();return null===Q?Pg(c,a,b):Rg(c,Q.memoizedState,a,b)},useTransition:function(){var a=jg(fg)[0],b=ag().memoizedState;return["boolean"===typeof a?a:Wf(a),b]},useSyncExternalStore:kg,useId:Xg};Uf.useCacheRefresh=Yg;Uf.useMemoCache=eg;
-Uf.useEffectEvent=Hg;Uf.useHostTransitionStatus=Wg;Uf.useFormState=function(a){var b=ag(),c=Q;if(null!==c)return Ag(b,c,a);b=b.memoizedState;c=ag();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};Uf.useOptimistic=function(a,b){var c=ag();if(null!==Q)return ug(c,Q,a,b);c.baseState=a;return[a,c.queue.dispatch]};function eh(a,b){if(a&&a.defaultProps){b=B({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function fh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:B({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
-var gh={isMounted:function(a){return(a=a._reactInternals)?Qc(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=$g(a),e=ce(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=de(a,e,d);null!==b&&(sg(b,a,d),ee(b,a,d))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=$g(a),e=ce(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=de(a,e,d);null!==b&&(sg(b,a,d),ee(b,a,d))},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=$g(a),d=ce(c);d.tag=2;void 0!==
-b&&null!==b&&(d.callback=b);b=de(a,d,c);null!==b&&(sg(b,a,c),ee(b,a,c))}};function hh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!ke(c,d)||!ke(e,f):!0}
-function ih(a,b,c){var d=!1,e=Wc;var f=b.contextType;"object"===typeof f&&null!==f?f=dg(f):(e=ad(b)?Zc:Xc.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?$c(a,e):Wc);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=gh;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
-function jh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&gh.enqueueReplaceState(b,b.state,null)}
-function kh(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};ae(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=dg(f):(f=ad(b)?Zc:Xc.current,e.context=$c(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(fh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
-"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&gh.enqueueReplaceState(e,e.state,null),ge(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function lh(a,b){try{var c="",d=b;do c+=kc(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}
-function mh(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function nh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function oh(a,b,c){c=ce(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){ph||(ph=!0,qh=d);nh(a,b)};return c}
-function rh(a,b,c){c=ce(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){nh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){nh(a,b);"function"!==typeof d&&(null===sh?sh=new Set([this]):sh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
-function th(a){var b=a.tag;0!==(a.mode&1)||0!==b&&11!==b&&15!==b||((b=a.alternate)?(a.updateQueue=b.updateQueue,a.memoizedState=b.memoizedState,a.lanes=b.lanes):(a.updateQueue=null,a.memoizedState=null))}function uh(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=ce(2),b.tag=2,de(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
-function vh(a,b,c,d,e){c.flags|=32768;if(null!==d&&"object"===typeof d&&(d.$$typeof===Ga&&(d={then:function(){}}),"function"===typeof d.then)){th(c);var f=Oe.current;if(null!==f){switch(f.tag){case 13:c.mode&1&&(null===Pe?wh():null===f.alternate&&0===xh&&(xh=3));f.flags&=-257;uh(f,b,c,a,e);d===ne?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):b.add(d),f.mode&1&&yh(a,d,e));return;case 22:if(f.mode&1){f.flags|=65536;d===ne?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,
-markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(f=b.retryQueue,null===f?b.retryQueue=new Set([d]):f.add(d)),yh(a,d,e));return}}throw Error(t(435,f.tag));}if(1===a.tag){yh(a,d,e);wh();return}d=Error(t(426))}if(K&&c.mode&1&&(f=Oe.current,null!==f)){0===(f.flags&65536)&&(f.flags|=256);uh(f,b,c,a,e);Od(lh(d,c));return}d=lh(d,c);zh(d);a=b;do{switch(a.tag){case 3:a.flags|=65536;e&=-e;a.lanes|=e;e=oh(a,d,e);fe(a,e);return;case 1:if(f=d,b=a.type,c=a.stateNode,0===(a.flags&128)&&("function"===
-typeof b.getDerivedStateFromError||null!==c&&"function"===typeof c.componentDidCatch&&(null===sh||!sh.has(c)))){a.flags|=65536;e&=-e;a.lanes|=e;e=rh(a,f,e);fe(a,e);return}}a=a.return}while(null!==a)}var Ah=da.ReactCurrentOwner,Bh=Error(t(461)),ig=!1;function Ch(a,b,c,d){b.child=null===a?He(b,null,c,d):Ge(b,a.child,c,d)}function Dh(a,b,c,d,e){c=c.render;var f=b.ref;Eh(b,e);d=Of(a,b,c,d,f,e);c=Xf();if(null!==a&&!ig)return Yf(a,b,e),Fh(a,b,e);K&&c&&td(b);b.flags|=1;Ch(a,b,d,e);return b.child}
-function Gh(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!Hh(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,Ih(a,b,f,d,e);a=Ce(c.type,null,d,null,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:ke;if(c(g,d)&&a.ref===b.ref)return Fh(a,b,e)}b.flags|=1;a=Ae(f,d);a.ref=b.ref;a.return=b;return b.child=a}
-function Ih(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(ke(f,d)&&a.ref===b.ref)if(ig=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(ig=!0);else return b.lanes=a.lanes,Fh(a,b,e)}return Jh(a,b,c,d,e)}
-function Kh(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;Lh(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return Mh(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&Nh(b,null),Me(),Se(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
-cachePool:null},null!==a&&Nh(b,null!==g?g.cachePool:null),null!==g?Ke(b,g):Me(),Se(b);else return b.lanes=b.childLanes=536870912,Mh(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(Nh(b,g.cachePool),Ke(b,g),Te(b),b.memoizedState=null):(null!==a&&Nh(b,null),Me(),Te(b));Ch(a,b,e,c);return b.child}function Mh(a,b,c){var d=Oh();d=null===d?null:{parent:Ph._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&Nh(b,null);Me();Se(b);return null}
-function Lh(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function Jh(a,b,c,d,e){var f=ad(c)?Zc:Xc.current;f=$c(b,f);Eh(b,e);c=Of(a,b,c,d,f,e);d=Xf();if(null!==a&&!ig)return Yf(a,b,e),Fh(a,b,e);K&&d&&td(b);b.flags|=1;Ch(a,b,c,e);return b.child}function Qh(a,b,c,d,e,f){Eh(b,f);c=Rf(b,d,c,e);Sf();d=Xf();if(null!==a&&!ig)return Yf(a,b,f),Fh(a,b,f);K&&d&&td(b);b.flags|=1;Ch(a,b,c,f);return b.child}
-function Rh(a,b,c,d,e){if(ad(c)){var f=!0;ed(b)}else f=!1;Eh(b,e);if(null===b.stateNode)Sh(a,b),ih(b,c,d),kh(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=dg(n):(n=ad(c)?Zc:Xc.current,n=$c(b,n));var q=c.getDerivedStateFromProps,w="function"===typeof q||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
-(h!==d||k!==n)&&jh(b,g,d,n);$d=!1;var r=b.memoizedState;g.state=r;ge(b,d,g,e);k=b.memoizedState;h!==d||r!==k||Yc.current||$d?("function"===typeof q&&(fh(b,c,q,d),k=b.memoizedState),(h=$d||hh(b,c,h,d,r,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):
-("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;be(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:eh(b.type,h);g.props=n;w=b.pendingProps;r=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=dg(k):(k=ad(c)?Zc:Xc.current,k=$c(b,k));var u=c.getDerivedStateFromProps;(q="function"===typeof u||"function"===typeof g.getSnapshotBeforeUpdate)||
-"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||r!==k)&&jh(b,g,d,k);$d=!1;r=b.memoizedState;g.state=r;ge(b,d,g,e);var z=b.memoizedState;h!==w||r!==z||Yc.current||$d?("function"===typeof u&&(fh(b,c,u,d),z=b.memoizedState),(n=$d||hh(b,c,n,d,r,z,k)||!1)?(q||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,z,k),"function"===typeof g.UNSAFE_componentWillUpdate&&
-g.UNSAFE_componentWillUpdate(d,z,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=z),g.props=d,g.state=z,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===
-a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),d=!1)}return Th(a,b,c,d,f,e)}
-function Th(a,b,c,d,e,f){Lh(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&fd(b,c,!1),Fh(a,b,f);d=b.stateNode;Ah.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=Ge(b,a.child,null,f),b.child=Ge(b,null,h,f)):Ch(a,b,h,f);b.memoizedState=d.state;e&&fd(b,c,!0);return b.child}function Uh(a){var b=a.stateNode;b.pendingContext?cd(a,b.pendingContext,b.pendingContext!==b.context):b.context&&cd(a,b.context,!1);Oa(a,b.containerInfo)}
-function Vh(a,b,c,d,e){Nd();Od(e);b.flags|=256;Ch(a,b,c,d);return b.child}var Wh={dehydrated:null,treeContext:null,retryLane:0};function Xh(a){return{baseLanes:a,cachePool:Yh()}}function Zh(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=mf);return a}
-function $h(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Re.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?Qe(b):Te(b);if(K){var h=f=J;if(!h)Hd(b)&&Id(),zd(G,b),K=!1,G=b,J=f;else if(!Fd(b,h)){Hd(b)&&Id();J=Gd(h);var k=G;J&&Fd(b,J)?xd(k,h):(zd(G,b),K=!1,G=b,J=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
-Ue(b)}f=d.children;h=d.fallback;if(e)return Te(b),d=ai(b,f,h,c),e=b.child,e.memoizedState=Xh(c),e.childLanes=Zh(a,g,c),b.memoizedState=Wh,d;if("number"===typeof d.unstable_expectedLoadTime)return Te(b),d=ai(b,f,h,c),e=b.child,e.memoizedState=Xh(c),e.childLanes=Zh(a,g,c),b.memoizedState=Wh,b.lanes=4194304,d;Qe(b);return bi(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return ci(a,b,f,g,d,k,h,c);if(e){Te(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};
-0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.deletions=null):(d=Ae(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=Ae(k,e):(e=Ee(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=Xh(c):(h=f.cachePool,null!==h?(k=Ph._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=Yh(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=Zh(a,g,c);b.memoizedState=Wh;return d}Qe(b);g=a.child;a=g.sibling;
-g=Ae(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function bi(a,b){b=di({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}
-function ai(a,b,c,d){var e=a.mode,f=a.child;b={mode:"hidden",children:b};0===(e&1)&&null!==f?(f.childLanes=0,f.pendingProps=b):f=di(b,e,0,null);c=Ee(c,e,d,null);f.return=a;c.return=a;f.sibling=c;a.child=f;return c}function ei(a,b,c,d){null!==d&&Od(d);Ge(b,a.child,null,c);a=bi(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
-function ci(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Qe(b),b.flags&=-257,f=mh(Error(t(422))),ei(a,b,h,f);if(null!==b.memoizedState)return Te(b),b.child=a.child,b.flags|=128,null;Te(b);f=e.fallback;g=b.mode;e=di({mode:"visible",children:e.children},g,0,null);f=Ee(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&Ge(b,a.child,null,h);g=b.child;g.memoizedState=Xh(h);g.childLanes=Zh(a,d,h);b.memoizedState=Wh;return f}Qe(b);if(0===(b.mode&1))return ei(a,b,h,null);if("$!"===
-f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=null;"POSTPONE"!==f&&(d=Error(t(419)),d.digest=f,d=mh(d,f,void 0));return ei(a,b,h,d)}d=0!==(h&a.childLanes);if(ig||d){d=N;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=
-64;break;case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,Xd(a,e),sg(d,a,e),Bh;}"$?"!==f.data&&wh();return ei(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=fi.bind(null,a),f._reactRetry=b,null;a=g.treeContext;J=Cd(f.nextSibling);G=b;K=!0;vd=null;wd=!1;null!==a&&(md[nd++]=pd,md[nd++]=qd,md[nd++]=od,pd=a.id,qd=a.overflow,od=b);b=bi(b,e.children);b.flags|=4096;return b}
-function gi(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);hi(a.return,b,c)}function ii(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
-function ji(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;Ch(a,b,d.children,c);d=Re.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&gi(a,c,b);else if(19===a.tag)gi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}E(Re,d);if(0===(b.mode&1))b.memoizedState=
-null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Ve(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);ii(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Ve(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}ii(b,!0,c,null,f);break;case "together":ii(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
-function Sh(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Fh(a,b,c){null!==a&&(b.dependencies=a.dependencies);he|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(t(153));if(null!==b.child){a=b.child;c=Ae(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=Ae(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
-function ki(a,b,c){switch(b.tag){case 3:Uh(b);li(b,Ph,a.memoizedState.cache);Nd();break;case 27:case 5:Sa(b);break;case 1:ad(b.type)&&ed(b);break;case 4:Oa(b,b.stateNode.containerInfo);break;case 10:li(b,b.type._context,b.memoizedProps.value);break;case 13:var d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Qe(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return $h(a,b,c);Qe(b);a=Fh(a,b,c);return null!==a?a.sibling:null}Qe(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&
-128)){if(d)return ji(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);E(Re,Re.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,Kh(a,b,c);case 24:li(b,Ph,a.memoizedState.cache)}return Fh(a,b,c)}var mi=ma(null),ni=null,oi=null,pi=null;function qi(){pi=oi=ni=null}function li(a,b,c){E(mi,b._currentValue);b._currentValue=c}function ri(a){var b=mi.current;a._currentValue=b===Ea?a._defaultValue:b;D(mi)}
-function hi(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
-function si(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=ce(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);hi(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
-f)throw Error(t(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);hi(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function Eh(a,b){ni=a;pi=oi=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(ig=!0),a.firstContext=null)}function dg(a){return ti(ni,a)}function Fe(a,b,c){null===ni&&Eh(a,c);return ti(a,b)}
-function ti(a,b){var c=b._currentValue;if(pi!==b)if(b={context:b,memoizedValue:c,next:null},null===oi){if(null===a)throw Error(t(308));oi=b;a.dependencies={lanes:0,firstContext:b}}else oi=oi.next=b;return c}
-var ui="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},vi=ba.unstable_scheduleCallback,wi=ba.unstable_NormalPriority,Ph={$$typeof:ta,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0,_defaultValue:null,_globalName:null};function ah(){return{controller:new ui,data:new Map,refCount:0}}
-function xi(a){a.refCount--;0===a.refCount&&vi(wi,function(){a.controller.abort()})}var yi=da.ReactCurrentBatchConfig,zi=ma(null);function Oh(){var a=zi.current;return null!==a?a:N.pooledCache}function Nh(a,b){null===b?E(zi,zi.current):E(zi,b.pool)}function Yh(){var a=Oh();return null===a?null:{parent:Ph._currentValue,pool:a}}function Ai(a){a.flags|=4}function Bi(a){a.flags|=2097664}
-function Ci(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(M&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(Di())a.flags|=8192;else throw re=ne,me;}function Ei(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?rb():536870912,a.lanes|=b)}
-function Fi(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
-function U(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
-function Gi(a,b,c){var d=b.pendingProps;ud(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return U(b),null;case 1:return ad(b.type)&&bd(),U(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);ri(Ph);Ra();D(Yc);D(Xc);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Kd(b)?Ai(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
-1024,null!==vd&&(Hi(vd),vd=null));U(b);return null;case 26:c=b.memoizedState;if(null===a)Ai(b),null!==b.ref&&Bi(b),null!==c?(U(b),Ci(b,c)):(U(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&Ai(b);a.ref!==b.ref&&Bi(b);null!==c?(U(b),c===e?b.flags&=-16777217:Ci(b,c)):(a.memoizedProps!==d&&Ai(b),U(b),b.flags&=-16777217)}return null;case 27:Ta(b);c=La.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Ai(b),a.ref!==b.ref&&Bi(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));
-U(b);return null}a=Ja.current;Kd(b)?Ii(b.stateNode,b.type,b.memoizedProps,a,b):(a=Ji(e,d,c),b.stateNode=a,Ai(b));null!==b.ref&&Bi(b)}U(b);return null;case 5:Ta(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Ai(b),a.ref!==b.ref&&Bi(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));U(b);return null}a=Ja.current;if(Kd(b))Ii(b.stateNode,b.type,b.memoizedProps,a,b);else{e=Ki(La.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",
-c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):
-e.createElement(c)}}a[Cb]=b;a[Db]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(Li(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&Ai(b)}null!==b.ref&&
-Bi(b)}U(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&Ai(b);else{if("string"!==typeof d&&null===b.stateNode)throw Error(t(166));a=La.current;if(Kd(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Cb]=b;if(d=a.nodeValue!==c)if(e=G,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);Mi(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&Mi(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&Ai(b)}else a=Ki(a).createTextNode(d),
-a[Cb]=b,b.stateNode=a}U(b);return null;case 13:Ue(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(K&&null!==J&&0!==(b.mode&1)&&0===(b.flags&128))Md(),Nd(),b.flags|=384,e=!1;else if(e=Kd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(t(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(t(317));e[Cb]=b}else Nd(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;U(b);e=!1}else null!==vd&&(Hi(vd),vd=null),e=!0;if(!e)return b.flags&
-256?b:null}if(0!==(b.flags&128))return b.lanes=c,b;c=null!==d;a=null!==a&&null!==a.memoizedState;c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);Ei(b,b.updateQueue);U(b);return null;case 4:return Ra(),null===a&&Ni(b.stateNode.containerInfo),
-U(b),null;case 10:return ri(b.type._context),U(b),null;case 17:return ad(b.type)&&bd(),U(b),null;case 19:D(Re);e=b.memoizedState;if(null===e)return U(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)Fi(e,!1);else{if(0!==xh||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Ve(a);if(null!==f){b.flags|=128;Fi(e,!1);a=f.updateQueue;b.updateQueue=a;Ei(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)Oi(c,a),c=c.sibling;E(Re,Re.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Ya()>
-Pi&&(b.flags|=128,d=!0,Fi(e,!1),b.lanes=4194304)}else{if(!d)if(a=Ve(f),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,b.updateQueue=a,Ei(b,a),Fi(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!K)return U(b),null}else 2*Ya()-e.renderingStartTime>Pi&&536870912!==c&&(b.flags|=128,d=!0,Fi(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Ya(),
-b.sibling=null,a=Re.current,E(Re,d?a&1|2:a&1),b;U(b);return null;case 22:case 23:return Ue(b),Ne(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(U(b),b.subtreeFlags&6&&(b.flags|=8192)):U(b),c=b.updateQueue,null!==c&&Ei(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&
-(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&D(zi),null;case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),ri(Ph),U(b),null;case 25:return null}throw Error(t(156,b.tag));}
-function Qi(a,b){ud(b);switch(b.tag){case 1:return ad(b.type)&&bd(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return ri(Ph),Ra(),D(Yc),D(Xc),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Ta(b),null;case 13:Ue(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(t(340));Nd()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return D(Re),null;case 4:return Ra(),null;case 10:return ri(b.type._context),
-null;case 22:case 23:return Ue(b),Ne(),null!==a&&D(zi),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 24:return ri(Ph),null;case 25:return null;default:return null}}
-function Ri(a,b){ud(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&bd();break;case 3:ri(Ph);Ra();D(Yc);D(Xc);break;case 26:case 27:case 5:Ta(b);break;case 4:Ra();break;case 13:Ue(b);break;case 19:D(Re);break;case 10:ri(b.type._context);break;case 22:case 23:Ue(b);Ne();null!==a&&D(zi);break;case 24:ri(Ph)}}function Si(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
-var Ti=!1,Ui=null,Vi=!1,Wi=null,Xi={onError:function(a){Ti=!0;Ui=a}};function Yi(a,b,c,d,e,f,g,h,k){Ti=!1;Ui=null;Si.apply(Xi,arguments)}function Zi(a,b,c,d,e,f,g,h,k){Yi.apply(this,arguments);if(Ti){if(Ti){var n=Ui;Ti=!1;Ui=null}else throw Error(t(198));Vi||(Vi=!0,Wi=n)}}var $i=!1,aj=!1,bj="function"===typeof WeakSet?WeakSet:Set,cj=null;
-function dj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}"function"===typeof c?a.refCleanup=c(e):c.current=e}}catch(f){W(a,b,f)}}function ej(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{c(null)}catch(e){W(a,b,e)}else c.current=null}
-function fj(a,b,c){try{c()}catch(d){W(a,b,d)}}var gj=!1;
-function hj(a,b){ij=jj;a=kj();if(lj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(A){c=null;break a}var g=0,h=-1,k=-1,n=0,q=0,w=a,r=null;b:for(;;){for(var u;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
-w.nodeValue.length);if(null===(u=w.firstChild))break;r=w;w=u}for(;;){if(w===a)break b;r===c&&++n===e&&(h=g);r===f&&++q===d&&(k=g);if(null!==(u=w.nextSibling))break;w=r;r=w.parentNode}w=u}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;mj={focusedElem:a,selectionRange:c};jj=!1;for(cj=b;null!==cj;)if(b=cj,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,cj=a;else for(;null!==cj;){b=cj;try{var z=b.alternate,C=b.flags;switch(b.tag){case 0:if(0!==(C&4)){var V=
-b.updateQueue,R=null!==V?V.events:null;if(null!==R)for(a=0;a<R.length;a++){var m=R[a];m.ref.impl=m.nextImpl}}break;case 11:case 15:break;case 1:if(0!==(C&1024)&&null!==z){var l=z.memoizedProps,p=z.memoizedState,v=b.stateNode,x=v.getSnapshotBeforeUpdate(b.elementType===b.type?l:eh(b.type,l),p);v.__reactInternalSnapshotBeforeUpdate=x}break;case 3:0!==(C&1024)&&nj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(C&1024))throw Error(t(163));}}catch(A){W(b,
-b.return,A)}a=b.sibling;if(null!==a){a.return=b.return;cj=a;break}cj=b.return}z=gj;gj=!1;return z}function oj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,fj(b,c,g))}e=e.next}while(e!==d)}}function pj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create,e=c.inst;d=d();e.destroy=d}c=c.next}while(c!==b)}}
-function qj(a,b){try{pj(b,a)}catch(c){W(a,a.return,c)}}function rj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{je(b,c)}catch(d){W(a,a.return,d)}}}function sj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
-function tj(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:uj(a,c);d&4&&qj(c,5);break;case 1:uj(a,c);if(d&4)if(a=c.stateNode,null===b)try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:eh(c.type,b.memoizedProps);b=b.memoizedState;try{a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&rj(c);d&512&&dj(c,c.return);break;case 3:uj(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=
-c.child.stateNode;break;case 1:a=c.child.stateNode}try{je(d,a)}catch(h){W(c,c.return,h)}}break;case 26:uj(a,c);d&512&&dj(c,c.return);break;case 27:case 5:uj(a,c);null===b&&d&4&&sj(c);d&512&&dj(c,c.return);break;case 12:uj(a,c);break;case 13:uj(a,c);d&4&&vj(a,c);break;case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||$i,!e){b=null!==b&&null!==b.memoizedState||aj;var f=$i,g=aj;$i=e;(aj=b)&&!g?wj(a,c,0!==(c.subtreeFlags&8772)):uj(a,c);$i=f;aj=g}}else uj(a,c);d&512&&("manual"===c.memoizedProps.mode?
-dj(c,c.return):ej(c,c.return));break;default:uj(a,c)}}function xj(a){var b=a.alternate;null!==b&&(a.alternate=null,xj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Lb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function yj(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
-function zj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||yj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
-function Aj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Bj));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Aj(a,b,c),a=a.sibling;null!==a;)Aj(a,b,c),a=a.sibling}
-function Cj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Cj(a,b,c),a=a.sibling;null!==a;)Cj(a,b,c),a=a.sibling}var Dj=null,Ej=!1;function Fj(a,b,c){for(c=c.child;null!==c;)Gj(a,b,c),c=c.sibling}
-function Gj(a,b,c){if(fb&&"function"===typeof fb.onCommitFiberUnmount)try{fb.onCommitFiberUnmount(eb,c)}catch(k){}switch(c.tag){case 26:aj||ej(c,b);Fj(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:aj||ej(c,b);var d=Dj,e=Ej;Dj=c.stateNode;Fj(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Lb(c);Dj=d;Ej=e;break;case 5:aj||ej(c,b);case 6:d=Dj;e=Ej;Dj=null;Fj(a,b,c);Dj=d;Ej=e;null!==Dj&&(Ej?(a=Dj,c=c.stateNode,
-8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):Dj.removeChild(c.stateNode));break;case 18:null!==Dj&&(Ej?(a=Dj,c=c.stateNode,8===a.nodeType?Hj(a.parentNode,c):1===a.nodeType&&Hj(a,c),Ij(a)):Hj(Dj,c.stateNode));break;case 4:d=Dj;e=Ej;Dj=c.stateNode.containerInfo;Ej=!0;Fj(a,b,c);Dj=d;Ej=e;break;case 0:case 11:case 14:case 15:if(!aj&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,fj(c,b,h)):
-0!==(f&4)&&(g.destroy=void 0,fj(c,b,h)));e=e.next}while(e!==d)}Fj(a,b,c);break;case 1:if(!aj&&(ej(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(k){W(c,b,k)}Fj(a,b,c);break;case 21:Fj(a,b,c);break;case 22:ej(c,b);c.mode&1?(aj=(d=aj)||null!==c.memoizedState,Fj(a,b,c),aj=d):Fj(a,b,c);break;default:Fj(a,b,c)}}
-function vj(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{Ij(a)}catch(c){W(b,b.return,c)}}function Jj(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new bj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new bj),b;default:throw Error(t(435,a.tag));}}function Kj(a,b){var c=Jj(a);b.forEach(function(d){var e=Lj.bind(null,a,d);c.has(d)||(c.add(d),d.then(e,e))})}
-function Mj(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:Dj=h.stateNode;Ej=!1;break a;case 3:Dj=h.stateNode.containerInfo;Ej=!0;break a;case 4:Dj=h.stateNode.containerInfo;Ej=!0;break a}h=h.return}if(null===Dj)throw Error(t(160));Gj(f,g,e);Dj=null;Ej=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Nj(b,a),b=b.sibling}
-var Oj=null;
-function Nj(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Mj(b,a);Pj(a);if(d&4){try{oj(3,a,a.return),pj(3,a)}catch(u){W(a,a.return,u)}try{oj(5,a,a.return)}catch(u){W(a,a.return,u)}}break;case 1:Mj(b,a);Pj(a);d&512&&null!==c&&ej(c,c.return);d&64&&$i&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=Oj;Mj(b,a);Pj(a);d&512&&null!==c&&ej(c,c.return);if(d&4)if(b=null!==
-c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Kb]||e[Cb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));Li(e,c,d);e[Cb]=a;Sb(e);c=e;break a;case "link":var f=Qj("link","href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],
-e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);Li(e,c,d);b.head.appendChild(e);break;case "meta":if(f=Qj("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==
-d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);Li(e,c,d);b.head.appendChild(e);break;default:throw Error(t(468,c));}e[Cb]=a;Sb(e);c=e}a.stateNode=c}else Rj(e,a.type,a.stateNode);else a.stateNode=Sj(e,d,a.memoizedProps);else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):
-b.count--,null===d?Rj(e,a.type,a.stateNode):Sj(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Tj(h,a.type,c.memoizedProps,k);h[Db]=k}catch(u){W(a,a.return,u)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,q=g.nodeName;g[Kb]||"HEAD"===q||"BODY"===q||"SCRIPT"===q||"STYLE"===q||"LINK"===q&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=
-e.attributes;n.length;)e.removeAttributeNode(n[0]);Li(e,g,f);e[Cb]=a;e[Db]=f}case 5:Mj(b,a);Pj(a);d&512&&null!==c&&ej(c,c.return);if(a.flags&32){b=a.stateNode;try{Dc(b,"")}catch(u){W(a,a.return,u)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Tj(d,e,c,b),d[Db]=b}catch(u){W(a,a.return,u)}}break;case 6:Mj(b,a);Pj(a);if(d&4){if(null===a.stateNode)throw Error(t(162));c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(u){W(a,a.return,
-u)}}break;case 3:Uj=null;e=Oj;Oj=Vj(b.containerInfo);Mj(b,a);Oj=e;Pj(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{Ij(b.containerInfo)}catch(u){W(a,a.return,u)}break;case 4:c=Oj;Oj=Vj(a.stateNode.containerInfo);Mj(b,a);Pj(a);Oj=c;break;case 13:Mj(b,a);Pj(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(Wj=Ya());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Kj(a,c)));break;case 22:d&512&&null!==c&&ej(c,c.return);h=null!==a.memoizedState;k=null!==c&&
-null!==c.memoizedState;if(a.mode&1){var w=$i,r=aj;$i=w||h;aj=r||k;Mj(b,a);aj=r;$i=w}else Mj(b,a);Pj(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=$i||aj,null===c||k||b||0!==(a.mode&1)&&Xj(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display",
-"none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,q=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==q||"boolean"===typeof q?"":(""+q).trim())}catch(u){W(a,a.return,u)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(u){W(a,a.return,u)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===
-b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,Kj(a,d))));break;case 19:Mj(b,a);Pj(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Kj(a,c)));break;case 21:break;default:Mj(b,a),Pj(a)}}
-function Pj(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(yj(c)){var d=c;break b}c=c.return}throw Error(t(160));}switch(d.tag){case 27:var e=d.stateNode,f=zj(a);Cj(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Dc(g,""),d.flags&=-33);var h=zj(a);Cj(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=zj(a);Aj(a,n,k);break;default:throw Error(t(161));}}}catch(q){W(a,a.return,q)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
-function uj(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)tj(a,b.alternate,b),b=b.sibling}
-function Xj(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:oj(4,b,b.return);Xj(b);break;case 1:ej(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{var f=d;c.props=f.memoizedProps;c.state=f.memoizedState;c.componentWillUnmount()}catch(g){W(d,e,g)}}Xj(b);break;case 26:case 27:case 5:ej(b,b.return);Xj(b);break;case 22:ej(b,b.return);null===b.memoizedState&&Xj(b);break;default:Xj(b)}a=a.sibling}}
-function wj(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:wj(e,f,c);qj(f,4);break;case 1:wj(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)ie(h[d],e)}c&&g&64&&rj(f);dj(f,f.return);break;case 26:case 27:case 5:wj(e,f,c);
-c&&null===d&&g&4&&sj(f);dj(f,f.return);break;case 12:wj(e,f,c);break;case 13:wj(e,f,c);c&&g&4&&vj(e,f);break;case 22:null===f.memoizedState&&wj(e,f,c);dj(f,f.return);break;default:wj(e,f,c)}b=b.sibling}}function Yj(a,b){try{pj(b,a)}catch(c){W(a,a.return,c)}}
-function Zj(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&xi(c))}function ak(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&xi(a))}
-function bk(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)ck(a,b,c,d),b=b.sibling}
-function ck(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:bk(a,b,c,d);e&2048&&Yj(b,9);break;case 3:bk(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&xi(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?bk(a,b,c,d):b.mode&1?dk(a,b):(f._visibility|=4,bk(a,b,c,d)):f._visibility&4?bk(a,b,c,d):(f._visibility|=4,ek(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Zj(b.alternate,
-b);break;case 24:bk(a,b,c,d);e&2048&&ak(b.alternate,b);break;default:bk(a,b,c,d)}}
-function ek(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:ek(f,g,h,k,e);Yj(g,8);break;case 23:break;case 22:var q=g.stateNode;null!==g.memoizedState?q._visibility&4?ek(f,g,h,k,e):g.mode&1?dk(f,g):(q._visibility|=4,ek(f,g,h,k,e)):(q._visibility|=4,ek(f,g,h,k,e));e&&n&2048&&Zj(g.alternate,g);break;case 24:ek(f,g,h,k,e);e&&n&2048&&ak(g.alternate,g);break;default:ek(f,g,h,k,e)}b=b.sibling}}
-function dk(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:dk(c,d);e&2048&&Zj(d.alternate,d);break;case 24:dk(c,d);e&2048&&ak(d.alternate,d);break;default:dk(c,d)}b=b.sibling}}var fk=8192;function gk(a){if(a.subtreeFlags&fk)for(a=a.child;null!==a;)hk(a),a=a.sibling}
-function hk(a){switch(a.tag){case 26:gk(a);a.flags&fk&&null!==a.memoizedState&&ik(Oj,a.memoizedState,a.memoizedProps);break;case 5:gk(a);break;case 3:case 4:var b=Oj;Oj=Vj(a.stateNode.containerInfo);gk(a);Oj=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=fk,fk=16777216,gk(a),fk=b):gk(a));break;default:gk(a)}}function jk(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
-function kk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];cj=d;lk(d,a)}jk(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)mk(a),a=a.sibling}function mk(a){switch(a.tag){case 0:case 11:case 15:kk(a);a.flags&2048&&oj(9,a,a.return);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,nk(a)):kk(a);break;default:kk(a)}}
-function nk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];cj=d;lk(d,a)}jk(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:oj(8,b,b.return);nk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,nk(b));break;default:nk(b)}a=a.sibling}}
-function lk(a,b){for(;null!==cj;){var c=cj;switch(c.tag){case 0:case 11:case 15:oj(8,c,b);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:xi(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,cj=d;else a:for(c=a;null!==cj;){d=cj;var e=d.sibling,f=d.return;xj(d);if(d===c){cj=null;break a}if(null!==e){e.return=f;cj=e;break a}cj=f}}}
-var ok={getCacheSignal:function(){return dg(Ph).controller.signal},getCacheForType:function(a){var b=dg(Ph),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},pk=0,qk=1,rk=2,sk=3,tk=4;if("function"===typeof Symbol&&Symbol.for){var uk=Symbol.for;pk=uk("selector.component");qk=uk("selector.has_pseudo_class");rk=uk("selector.role");sk=uk("selector.test_id");tk=uk("selector.text")}
-function vk(a){var b=Mb(a)||null;if(null!=b){if("string"!==typeof b.memoizedProps["data-testname"])throw Error(t(364));return b}a:{a=[a];for(b=0;b<a.length;){var c=a[b++];if(c[Eb]){a=Ob(c);break a}a.push.apply(a,c.children)}a=null}if(null===a)throw Error(t(362));return a.stateNode.current}
-function wk(a,b){var c=a.tag;switch(b.$$typeof){case pk:if(a.type===b.value)return!0;break;case qk:a:{b=b.value;c=[a,0];for(a=0;a<c.length;){var d=c[a++],e=d.tag,f=c[a++],g=b[f];if(5!==e&&26!==e&&27!==e||!xk(d)){for(;null!=g&&wk(d,g);)f++,g=b[f];if(f===b.length){b=!0;break a}else for(d=d.child;null!==d;)c.push(d,f),d=d.sibling}}b=!1}return b;case rk:if(5===c||26===c||27===c)if(c=a.stateNode,b=b.value,a=(a=c.getAttribute("role"))?a.trim().split(" "):null,b=null!==a&&0<=a.indexOf(b)||b===Ub(c)?!0:!1,
-b)return!0;break;case tk:if(5===c||6===c||26===c||27===c){a:{switch(a.tag){case 26:case 27:case 5:c="";a=a.stateNode.childNodes;for(f=0;f<a.length;f++)d=a[f],d.nodeType===Node.TEXT_NODE&&(c+=d.textContent);break a;case 6:c=a.stateNode.textContent;break a}c=null}if(null!==c&&0<=c.indexOf(b.value))return!0}break;case sk:if(5===c||26===c||27===c)if(c=a.memoizedProps["data-testname"],"string"===typeof c&&c.toLowerCase()===b.value.toLowerCase())return!0;break;default:throw Error(t(365));}return!1}
-function yk(a){switch(a.$$typeof){case pk:return"<"+(mc(a.value)||"Unknown")+">";case qk:return":has("+(yk(a)||"")+")";case rk:return'[role="'+a.value+'"]';case tk:return'"'+a.value+'"';case sk:return'[data-testname="'+a.value+'"]';default:throw Error(t(365));}}
-function zk(a,b){var c=[];a=[a,0];for(var d=0;d<a.length;){var e=a[d++],f=e.tag,g=a[d++],h=b[g];if(5!==f&&26!==f&&27!==f||!xk(e)){for(;null!=h&&wk(e,h);)g++,h=b[g];if(g===b.length)c.push(e);else for(e=e.child;null!==e;)a.push(e,g),e=e.sibling}}return c}function Ak(a,b){a=vk(a);a=zk(a,b);b=[];a=Array.from(a);for(var c=0;c<a.length;){var d=a[c++],e=d.tag;if(5===e||26===e||27===e)xk(d)||b.push(d.stateNode);else for(d=d.child;null!==d;)a.push(d),d=d.sibling}return b}
-var Bk="function"===typeof WeakMap?WeakMap:Map,Ck=da.ReactCurrentDispatcher,Dk=da.ReactCurrentCache,Ek=da.ReactCurrentOwner,Fk=da.ReactCurrentBatchConfig,L=0,N=null,X=null,M=0,O=0,Gk=null,Hk=!1,Le=0,xh=0,jf=null,he=0,Ik=0,Jk=0,mf=0,Kk=null,of=null,Wj=0,Pi=Infinity,pf=null,ph=!1,qh=null,sh=null,Lk=!1,Mk=null,Nk=0,Ok=0,Pk=null,Yd=0,Zd=null;
-function $g(a){if(0===(a.mode&1))return 2;if(0!==(L&2)&&0!==M)return M&-M;if(null!==yi.transition)return a=yf,0!==a?a:vf();a=F;if(0!==a)return a;a=window.event;a=void 0===a?32:Qk(a.type);return a}function Qg(){0===mf&&(mf=0===(M&536870912)||K?vf():536870912);var a=Oe.current;null!==a&&(a.flags|=32);return mf}
-function sg(a,b,c){if(a===N&&2===O||null!==a.cancelPendingCommit)kf(a,0),lf(a,M,mf);tb(a,c);if(0===(L&2)||a!==N)a===N&&(0===(L&2)&&(Ik|=c),4===xh&&lf(a,M,mf)),bf(a),2===c&&0===L&&0===(b.mode&1)&&(Pi=Ya()+500,ef(!0))}
-function tf(a,b){if(0!==(L&6))throw Error(t(327));var c=a.callbackNode;if(ff()&&a.callbackNode!==c)return null;var d=ob(a,a===N?M:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?Rk(a,d):gf(a,d);if(0!==b){var f=e;do{if(6===b)lf(a,d,0);else{e=a.current.alternate;if(f&&!Sk(e)){b=gf(a,d);f=!1;continue}if(2===b){f=d;var g=qb(a,f);0!==g&&(d=g,b=hf(a,f,g))}if(1===b)throw c=jf,kf(a,0),lf(a,d,0),bf(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(t(345));
-case 4:if((d&4194176)===d){lf(f,d,mf);break a}break;case 2:case 3:case 5:break;default:throw Error(t(329));}if((d&62914560)===d&&(b=Wj+300-Ya(),10<b)){lf(f,d,mf);if(0!==ob(f,0))break a;f.timeoutHandle=Tk(Uk.bind(null,f,e,of,pf,d,mf),b);break a}Uk(f,e,of,pf,d,mf)}}break}while(1)}bf(a);sf(a,Ya());a=a.callbackNode===c?tf.bind(null,a):null;return a}
-function hf(a,b,c){var d=Kk,e=a.current.memoizedState.isDehydrated;e&&(kf(a,c).flags|=256);c=gf(a,c);if(2!==c){if(Hk&&!e)return a.errorRecoveryDisabledLanes|=b,Ik|=b,4;a=of;of=d;null!==a&&Hi(a)}return c}function Hi(a){null===of?of=a:of.push.apply(of,a)}function Uk(a,b,c,d,e,f){if(0===(e&42)&&(Vk={stylesheets:null,count:0,unsuspend:Wk},hk(b),b=Xk(),null!==b)){a.cancelPendingCommit=b(nf.bind(null,a,c,d));lf(a,e,f);return}nf(a,c,d,f)}
-function Sk(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!hd(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
-function lf(a,b,c){b&=~Jk;b&=~Ik;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-ib(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&vb(a,c,b)}function Yk(a,b){var c=L;L|=1;try{return a(b)}finally{L=c,0===L&&(Pi=Ya()+500,ef(!0))}}function Zk(a){null!==Mk&&0===Mk.tag&&0===(L&6)&&ff();var b=L;L|=1;var c=Fk.transition,d=F;try{if(Fk.transition=null,F=2,a)return a()}finally{F=d,Fk.transition=c,L=b,0===(L&6)&&ef(!1)}}
-function $k(){if(null!==X){if(0===O)var a=X.return;else a=X,qi(),Zf(a),te=null,ue=0,a=X;for(;null!==a;)Ri(a.alternate,a),a=a.return;X=null}}
-function kf(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,al(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());$k();N=a;X=c=Ae(a.current,null);M=b;O=0;Gk=null;Hk=!1;xh=0;jf=null;mf=Jk=Ik=he=0;of=Kk=null;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-ib(d),f=1<<e;b|=a[e];d&=~f}Le=b;Sd();return c}
-function bl(a,b){P=null;Df.current=Tf;Ek.current=null;b===le?(b=se(),O=Di()&&0===(he&134217727)&&0===(Ik&134217727)?2:3):b===me?(b=se(),O=4):O=b===Bh?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;Gk=b;null===X&&(xh=1,jf=b)}function Di(){var a=Oe.current;return null===a?!0:(M&4194176)===M?null===Pe?!0:!1:(M&62914560)===M||0!==(M&536870912)?a===Pe:!1}function cl(){var a=Ck.current;Ck.current=Tf;return null===a?Tf:a}function dl(){var a=Dk.current;Dk.current=ok;return a}
-function wh(){xh=4;0===(he&134217727)&&0===(Ik&134217727)||null===N||lf(N,M,mf)}function zh(a){4!==xh&&(xh=2);null===Kk?Kk=[a]:Kk.push(a)}
-function gf(a,b){var c=L;L|=2;var d=cl(),e=dl();if(N!==a||M!==b)pf=null,kf(a,b);b=!1;a:do try{if(0!==O&&null!==X){var f=X,g=Gk;switch(O){case 8:$k();xh=6;break a;case 3:case 2:b||null!==Oe.current||(b=!0);default:O=0,Gk=null,el(f,g)}}fl();break}catch(h){bl(a,h)}while(1);b&&a.shellSuspendCounter++;qi();L=c;Ck.current=d;Dk.current=e;if(null!==X)throw Error(t(261));N=null;M=0;Sd();return xh}function fl(){for(;null!==X;)gl(X)}
-function Rk(a,b){var c=L;L|=2;var d=cl(),e=dl();if(N!==a||M!==b)pf=null,Pi=Ya()+500,kf(a,b);a:do try{if(0!==O&&null!==X){b=X;var f=Gk;b:switch(O){case 1:O=0;Gk=null;el(b,f);break;case 2:if(oe(f)){O=0;Gk=null;hl(b);break}b=function(){2===O&&N===a&&(O=7);bf(a)};f.then(b,b);break a;case 3:O=7;break a;case 4:O=5;break a;case 7:oe(f)?(O=0,Gk=null,hl(b)):(O=0,Gk=null,el(b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;O=0;Gk=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==h?(X=
-h,il(h)):X=null}break b}O=0;Gk=null;el(b,f);break;case 6:O=0;Gk=null;el(b,f);break;case 8:$k();xh=6;break a;default:throw Error(t(462));}}jl();break}catch(k){bl(a,k)}while(1);qi();Ck.current=d;Dk.current=e;L=c;if(null!==X)return 0;N=null;M=0;Sd();return xh}function jl(){for(;null!==X&&!Wa();)gl(X)}function gl(a){var b=kl(a.alternate,a,Le);a.memoizedProps=a.pendingProps;null===b?il(a):X=b;Ek.current=null}
-function hl(a){var b=a.alternate;switch(a.tag){case 2:a.tag=0;case 15:case 0:var c=a.type,d=a.pendingProps;d=a.elementType===c?d:eh(c,d);var e=ad(c)?Zc:Xc.current;e=$c(a,e);b=Qh(b,a,d,c,e,M);break;case 11:c=a.type.render;d=a.pendingProps;d=a.elementType===c?d:eh(c,d);b=Qh(b,a,d,c,a.ref,M);break;case 5:Zf(a);default:Ri(b,a),a=X=Oi(a,Le),b=kl(b,a,Le)}a.memoizedProps=a.pendingProps;null===b?il(a):X=b;Ek.current=null}
-function el(a,b){qi();Zf(a);te=null;ue=0;var c=a.return;if(null===c||null===N)xh=1,jf=b,X=null;else{try{vh(N,c,a,b,M)}catch(d){throw X=c,d;}if(a.flags&32768)a:{do{b=Qi(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);xh=6;X=null}else il(a)}}function il(a){var b=a;do{a=b.return;var c=Gi(b.alternate,b,Le);if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===xh&&(xh=5)}
-function nf(a,b,c,d){var e=F,f=Fk.transition;try{Fk.transition=null,F=2,ll(a,b,c,e,d)}finally{Fk.transition=f,F=e}return null}
-function ll(a,b,c,d,e){do ff();while(null!==Mk);if(0!==(L&6))throw Error(t(327));var f=a.finishedWork,g=a.finishedLanes;if(null===f)return null;a.finishedWork=null;a.finishedLanes=0;if(f===a.current)throw Error(t(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var h=f.lanes|f.childLanes;h|=Rd;ub(a,h,e);a===N&&(X=N=null,M=0);0===(f.subtreeFlags&10256)&&0===(f.flags&10256)||Lk||(Lk=!0,Ok=h,Pk=c,ml(bb,function(){ff();return null}));c=0!==(f.flags&15990);if(0!==(f.subtreeFlags&
-15990)||c){c=Fk.transition;Fk.transition=null;e=F;F=2;var k=L;L|=4;Ek.current=null;hj(a,f);Nj(f,a);nl(mj);jj=!!ij;mj=ij=null;a.current=f;tj(a,f.alternate,f);Xa();L=k;F=e;Fk.transition=c}else a.current=f;Lk?(Lk=!1,Mk=a,Nk=g):ol(a,h);h=a.pendingLanes;0===h&&(sh=null);gb(f.stateNode,d);bf(a);if(null!==b)for(d=a.onRecoverableError,f=0;f<b.length;f++)h=b[f],c={digest:h.digest,componentStack:h.stack},d(h.value,c);if(ph)throw ph=!1,a=qh,qh=null,a;0!==(Nk&3)&&0!==a.tag&&ff();h=a.pendingLanes;0!==(g&4194218)&&
-0!==(h&42)?a===Zd?Yd++:(Yd=0,Zd=a):Yd=0;ef(!1);return null}function ol(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,xi(b)))}
-function ff(){if(null!==Mk){var a=Mk,b=Ok;Ok=0;var c=zb(Nk),d=32>c?32:c;c=Fk.transition;var e=F;try{Fk.transition=null;F=d;if(null===Mk)var f=!1;else{d=Pk;Pk=null;var g=Mk,h=Nk;Mk=null;Nk=0;if(0!==(L&6))throw Error(t(331));var k=L;L|=4;mk(g.current);ck(g,g.current,h,d);L=k;ef(!1);if(fb&&"function"===typeof fb.onPostCommitFiberRoot)try{fb.onPostCommitFiberRoot(eb,g)}catch(n){}f=!0}return f}finally{F=e,Fk.transition=c,ol(a,b)}}return!1}
-function pl(a,b,c){b=lh(c,b);b=oh(a,b,2);a=de(a,b,2);null!==a&&(tb(a,2),bf(a))}function W(a,b,c){if(3===a.tag)pl(a,a,c);else for(;null!==b;){if(3===b.tag){pl(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===sh||!sh.has(d))){a=lh(c,a);a=rh(b,a,2);b=de(b,a,2);null!==b&&(tb(b,2),bf(b));break}}b=b.return}}
-function yh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new Bk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(Hk=!0,e.add(c),a=ql.bind(null,a,b,c),b.then(a,a))}function ql(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;N===a&&(M&c)===c&&(4===xh||3===xh&&(M&62914560)===M&&300>Ya()-Wj?0===(L&2)&&kf(a,0):Jk|=c);bf(a)}function rl(a,b){0===b&&(b=0===(a.mode&1)?2:rb());a=Xd(a,b);null!==a&&(tb(a,b),bf(a))}
-function fi(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);rl(a,c)}function Lj(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(t(314));}null!==d&&d.delete(b);rl(a,c)}var kl;
-kl=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Yc.current)ig=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return ig=!1,ki(a,b,c);ig=0!==(a.flags&131072)?!0:!1}else ig=!1,K&&0!==(b.flags&1048576)&&sd(b,ld,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Sh(a,b);a=b.pendingProps;var e=$c(b,Xc.current);Eh(b,c);e=Of(null,b,d,a,e,c);var f=Xf();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
-null,ad(d)?(f=!0,ed(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,ae(b),e.updater=gh,b.stateNode=e,e._reactInternals=b,kh(b,d,a,c),b=Th(null,b,d,!0,f,c)):(b.tag=0,K&&f&&td(b),Ch(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Sh(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=sl(d);a=eh(d,a);switch(e){case 0:b=Jh(null,b,d,a,c);break a;case 1:b=Rh(null,b,d,a,c);break a;case 11:b=Dh(null,b,d,a,c);break a;case 14:b=Gh(null,b,d,eh(d.type,a),c);break a}throw Error(t(306,
-d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:eh(d,e),Jh(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:eh(d,e),Rh(a,b,d,e,c);case 3:a:{Uh(b);if(null===a)throw Error(t(387));e=b.pendingProps;f=b.memoizedState;d=f.element;be(a,b);ge(b,e,null,c);var g=b.memoizedState;e=g.cache;li(b,Ph,e);e!==f.cache&&si(b,Ph,c);e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){d=
-lh(Error(t(423)),b);b=Vh(a,b,e,c,d);break a}else if(e!==d){d=lh(Error(t(424)),b);b=Vh(a,b,e,c,d);break a}else for(J=Cd(b.stateNode.containerInfo.firstChild),G=b,K=!0,vd=null,wd=!0,c=He(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Nd();if(e===d){b=Fh(a,b,c);break a}Ch(a,b,e,c)}b=b.child}return b;case 26:return Lh(a,b),c=b.memoizedState=tl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=Ki(La.current).createElement(c),d[Cb]=
-b,d[Db]=a,Li(d,c,a),Sb(d),b.stateNode=d),null;case 27:return Sa(b),null===a&&K&&(d=b.stateNode=Ji(b.type,b.pendingProps,La.current),G=b,wd=!0,J=Cd(d.firstChild)),d=b.pendingProps.children,null!==a||K?Ch(a,b,d,c):b.child=Ge(b,null,d,c),Lh(a,b),b.child;case 5:return Sa(b),null===a&&K&&((e=d=J,e)?Ad(b,e)||(Hd(b)&&Id(),J=Gd(e),f=G,J&&Ad(b,J)?xd(f,e):(zd(G,b),K=!1,G=b,J=d)):(Hd(b)&&Id(),zd(G,b),K=!1,G=b,J=d)),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Ld(e,f)?d=null:null!==
-g&&Ld(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=Of(a,b,Vf,null,null,c),Na._currentValue=e,ig&&null!==a&&a.memoizedState.memoizedState!==e&&si(b,Na,c)),Lh(a,b),Ch(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=J,a&&d)?Dd(b,a)||(Hd(b)&&Id(),J=Gd(a),d=G,J&&Dd(b,J)?xd(d,a):(zd(G,b),K=!1,G=b,J=c)):(Hd(b)&&Id(),zd(G,b),K=!1,G=b,J=c)),null;case 13:return $h(a,b,c);case 4:return Oa(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Ge(b,null,d,c):Ch(a,b,d,c),b.child;
-case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:eh(d,e),Dh(a,b,d,e,c);case 7:return Ch(a,b,b.pendingProps,c),b.child;case 8:return Ch(a,b,b.pendingProps.children,c),b.child;case 12:return Ch(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;li(b,d,g);if(null!==f)if(hd(f.value,g)){if(f.children===e.children&&!Yc.current){b=Fh(a,b,c);break a}}else si(b,d,c);Ch(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=
-b.pendingProps.children,Eh(b,c),e=dg(e),d=d(e),b.flags|=1,Ch(a,b,d,c),b.child;case 14:return d=b.type,e=eh(d,b.pendingProps),e=eh(d.type,e),Gh(a,b,d,e,c);case 15:return Ih(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:eh(d,e),Sh(a,b),b.tag=1,ad(d)?(a=!0,ed(b)):a=!1,Eh(b,c),ih(b,d,e),kh(b,d,e,c),Th(null,b,d,!0,a,c);case 19:return ji(a,b,c);case 22:return Kh(a,b,c);case 24:return Eh(b,c),d=dg(Ph),null===a?(e=Oh(),null===e&&(e=N,f=ah(),e.pooledCache=f,f.refCount++,
-null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},ae(b),li(b,Ph,e)):(0!==(a.lanes&c)&&(be(a,b),ge(b,null,null,c)),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),li(b,Ph,d)):(d=f.cache,li(b,Ph,d),d!==e.cache&&si(b,Ph,c))),Ch(a,b,b.pendingProps.children,c),b.child}throw Error(t(156,b.tag));};function ml(a,b){return Ua(a,b)}
-function ul(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function yd(a,b,c,d){return new ul(a,b,c,d)}function Hh(a){a=a.prototype;return!(!a||!a.isReactComponent)}
-function sl(a){if("function"===typeof a)return Hh(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===va)return 11;if(a===ya)return 14}return 2}
-function Ae(a,b){var c=a.alternate;null===c?(c=yd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Kc=null;function Lc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Mc=null,Nc=null;
+function Oc(a){var b=Ob(a);if(b&&(a=b.stateNode)){var c=Qb(a);a:switch(a=b.stateNode,b.type){case "input":xc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+wc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Qb(d);if(!e)throw Error(t(90));xc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
+e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&tc(d)}break a;case "textarea":Cc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&Bc(a,!!c.multiple,b,!1)}}}function Pc(a){Mc?Nc?Nc.push(a):Nc=[a]:Mc=a}function Qc(){if(Mc){var a=Mc,b=Nc;Nc=Mc=null;Oc(a);if(b)for(a=0;a<b.length;a++)Oc(b[a])}}function Rc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
+function Sc(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Tc(a){if(Rc(a)!==a)throw Error(t(188));}
+function Uc(a){var b=a.alternate;if(!b){b=Rc(a);if(null===b)throw Error(t(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Tc(e),a;if(f===d)return Tc(e),b;f=f.sibling}throw Error(t(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
+c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(t(189));}}if(c.alternate!==d)throw Error(t(190));}if(3!==c.tag)throw Error(t(188));return c.stateNode.current===c?a:b}function Vc(a){a=Uc(a);return null!==a?Wc(a):null}function Wc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=Wc(a);if(null!==b)return b;a=a.sibling}return null}var Xc={},Yc=ka(Xc),Zc=ka(!1),$c=Xc;
+function ad(a,b){var c=a.type.contextTypes;if(!c)return Xc;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function bd(a){a=a.childContextTypes;return null!==a&&void 0!==a}function cd(){E(Zc);E(Yc)}
+function dd(a,b,c){if(Yc.current!==Xc)throw Error(t(168));F(Yc,b);F(Zc,c)}function ed(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(t(108,oc(a)||"Unknown",e));return C({},c,d)}function fd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Xc;$c=Yc.current;F(Yc,a);F(Zc,Zc.current);return!0}
+function gd(a,b,c){var d=a.stateNode;if(!d)throw Error(t(169));c?(a=ed(a,b,$c),d.__reactInternalMemoizedMergedChildContext=a,E(Zc),E(Yc),F(Yc,a)):E(Zc);F(Zc,c)}function hd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var id="function"===typeof Object.is?Object.is:hd,jd=[],kd=0,ld=null,md=0,nd=[],od=0,pd=null,qd=1,rd="";function sd(a,b){jd[kd++]=md;jd[kd++]=ld;ld=a;md=b}
+function td(a,b,c){nd[od++]=qd;nd[od++]=rd;nd[od++]=pd;pd=a;var d=qd;a=rd;var e=32-ib(d)-1;d&=~(1<<e);c+=1;var f=32-ib(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;qd=1<<32-ib(b)+e|c<<e|d;rd=f+a}else qd=1<<f|c<<e|d,rd=a}function ud(a){null!==a.return&&(sd(a,1),td(a,1,0))}function vd(a){for(;a===ld;)ld=jd[--kd],jd[kd]=null,md=jd[--kd],jd[kd]=null;for(;a===pd;)pd=nd[--od],nd[od]=null,rd=nd[--od],nd[od]=null,qd=nd[--od],nd[od]=null}var H=null,I=null,K=!1,wd=null,xd=!1;
+function yd(a,b){var c=zd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Ad(a,b){b.flags=b.flags&-4097|2}function Bd(a,b){b=Cd(b,a.type,a.pendingProps,xd);return null!==b?(a.stateNode=b,H=a,I=Dd(b.firstChild),xd=!1,!0):!1}function Ed(a,b){b=Fd(b,a.pendingProps,xd);return null!==b?(a.stateNode=b,H=a,I=null,!0):!1}
+function Gd(a,b){a:{var c=b;for(b=xd;8!==c.nodeType;){if(!b){b=null;break a}c=Hd(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==pd?{id:qd,overflow:rd}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=zd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,H=a,I=null,!0):!1}function Id(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Jd(){throw Error(t(418));}
+function Kd(a){for(H=a.return;H;)switch(H.tag){case 3:case 27:xd=!0;return;case 5:case 13:xd=!1;return;default:H=H.return}}
+function Ld(a){if(a!==H)return!1;if(!K)return Kd(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Md(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=I))if(Id(a))Nd(),Jd();else for(;b;)yd(a,b),b=Hd(b);Kd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(t(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){I=Hd(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}I=
+null}}else I=H?Hd(a.stateNode):null;return!0}function Nd(){for(var a=I;a;)a=Hd(a)}function Od(){I=H=null;K=!1}function Pd(a){null===wd?wd=[a]:wd.push(a)}var Qd=[],Rd=0,Sd=0;function Td(){for(var a=Rd,b=Sd=Rd=0;b<a;){var c=Qd[b];Qd[b++]=null;var d=Qd[b];Qd[b++]=null;var e=Qd[b];Qd[b++]=null;var f=Qd[b];Qd[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&Ud(c,e,f)}}
+function Vd(a,b,c,d){Qd[Rd++]=a;Qd[Rd++]=b;Qd[Rd++]=c;Qd[Rd++]=d;Sd|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function Wd(a,b,c,d){Vd(a,b,c,d);return Xd(a)}function Yd(a,b){Vd(a,null,null,b);return Xd(a)}
+function Ud(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-ib(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function Xd(a){Zd();for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
+var $d=null,ae=null,be=!1,ce=!1,de=!1,ee=0;function fe(a){a!==ae&&null===a.next&&(null===ae?$d=ae=a:ae=ae.next=a);ce=!0;be||(be=!0,ge(he))}
+function ie(a){if(!de&&ce){var b=null;de=!0;do{var c=!1;for(var d=$d;null!==d;){if(!a||0===d.tag){var e=L,f=ob(d,d===M?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(N&6))throw Error(t(327));if(!je()){var g=ke(e,f);if(0!==e.tag&&2===g){var h=f,k=qb(e,h);0!==k&&(f=k,g=le(e,h,k))}if(1===g)throw h=me,ne(e,0),oe(e,f,0),fe(e),h;6===g?oe(e,f,pe):(e.finishedWork=e.current.alternate,e.finishedLanes=f,qe(e,re,se,te,pe))}fe(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);de=!1;if(null!==b){if(1<b.length){if("function"===
+typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)ge(ue.bind(null,b[a]))}throw b[0];}}}function ue(a){throw a;}function he(){ce=be=!1;for(var a=Va(),b=null,c=$d;null!==c;){var d=c.next;if(0!==ee&&ve()){var e=c,f=ee;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=we(c,a);0===e?(c.next=null,null===b?$d=d:b.next=d,null===d&&(ae=b)):(b=c,0!==(e&3)&&(ce=!0));c=d}ee=0;ie(!1)}
+function we(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-ib(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=pb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=M;c=L;c=ob(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===O||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Sa(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Sa(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
+null!==d&&Sa(d);switch(zb(c)){case 2:c=Xa;break;case 8:c=Ya;break;case 32:c=Za;break;case 268435456:c=ab;break;default:c=Za}d=xe.bind(null,a);c=Ra(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function ge(a){ye(function(){0!==(N&6)?Ra(Xa,a):a()})}function ze(){0===ee&&(ee=rb());return ee}var Ae=null,Be=0,Ce=0,De=null;function Ee(a,b){if(null===Ae){var c=Ae=[];Be=0;Ce=ze();De={status:"pending",value:void 0,then:function(d){c.push(d)}}}Be++;b.then(Fe,Fe);return b}
+function Fe(){if(null!==Ae&&0===--Be){null!==De&&(De.status="fulfilled");var a=Ae;Ae=null;Ce=0;De=null;for(var b=0;b<a.length;b++)(0,a[b])()}}function Ge(a,b){var c=[],d={status:"pending",value:null,reason:null,then:function(e){c.push(e)}};a.then(function(){d.status="fulfilled";d.value=b;for(var e=0;e<c.length;e++)(0,c[e])(b)},function(e){d.status="rejected";d.reason=e;for(e=0;e<c.length;e++)(0,c[e])(void 0)});return d}var He=!1;
+function Ie(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Je(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function Ke(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
+function Le(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(N&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=Xd(a);Ud(a,null,c);return b}Vd(a,d,b,c);return Xd(a)}function Me(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;wb(a,c)}}
+function Ne(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
+var Oe=!1;function Pe(){if(Oe){var a=De;if(null!==a)throw a;}}
+function Qe(a,b,c,d){Oe=!1;var e=a.updateQueue;He=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var u=a.alternate;null!==u&&(u=u.updateQueue,h=u.lastBaseUpdate,h!==g&&(null===h?u.firstBaseUpdate=n:h.next=n,u.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;u=n=k=null;h=f;do{var q=h.lane&-536870913,r=q!==h.lane;if(r?(L&q)===q:(d&q)===q){0!==q&&q===Ce&&(Oe=!0);null!==u&&(u=u.next={lane:0,
+tag:h.tag,payload:h.payload,callback:null,next:null});a:{var y=a,D=h;q=b;var T=c;switch(D.tag){case 1:y=D.payload;if("function"===typeof y){w=y.call(T,w,q);break a}w=y;break a;case 3:y.flags=y.flags&-65537|128;case 0:y=D.payload;q="function"===typeof y?y.call(T,w,q):y;if(null===q||void 0===q)break a;w=C({},w,q);break a;case 2:He=!0}}q=h.callback;null!==q&&(a.flags|=64,r&&(a.flags|=8192),r=e.callbacks,null===r?e.callbacks=[q]:r.push(q))}else r={lane:q,tag:h.tag,payload:h.payload,callback:h.callback,
+next:null},null===u?(n=u=r,k=w):u=u.next=r,g|=q;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===u&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=u;null===f&&(e.shared.lanes=0);Re|=g;a.lanes=g;a.memoizedState=w}}function Se(a,b){if("function"!==typeof a)throw Error(t(191,a));a.call(b)}function Te(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)Se(c[a],b)}
+function Ue(a,b){if(id(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Ab.call(b,e)||!id(a[e],b[e]))return!1}return!0}var Ve=Error(t(460)),We=Error(t(474)),Xe={then:function(){}};function Ye(a){a=a.status;return"fulfilled"===a||"rejected"===a}function Ze(){}
+function $e(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ze,Ze),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===Ve)throw Error(t(483));throw a;default:if("string"===typeof b.status)b.then(Ze,Ze);else{a=M;if(null!==a&&100<a.shellSuspendCounter)throw Error(t(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}})}switch(b.status){case "fulfilled":return b.value;
+case "rejected":a=b.reason;if(a===Ve)throw Error(t(483));throw a;}af=b;throw Ve;}}var af=null;function bf(){if(null===af)throw Error(t(459));var a=af;af=null;return a}var cf=null,df=0;function ef(a){var b=df;df+=1;null===cf&&(cf=[]);return $e(cf,a,b)}
+function ff(a,b,c,d){function e(h){var k=g.refs;null===h?delete k[f]:k[f]=h}a=c._owner;if(!a){if("string"!==typeof d)throw Error(t(284));throw Error(t(290,d));}if(1!==a.tag)throw Error(t(309));var f=""+d,g=a.stateNode;if(!g)throw Error(t(147,f));if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;e._stringRef=f;return e}
+function gf(a,b,c,d){var e=d.props.ref;e=void 0!==e?e:null;null!==e&&"function"!==typeof e&&"object"!==typeof e?(a=ff(a,b,d,e),b=C({},c.pendingProps),b.ref=a,c.pendingProps=b):a=e;c.ref=a}function hf(a,b){a=Object.prototype.toString.call(b);throw Error(t(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function jf(a){var b=a._init;return b(a._payload)}
+function kf(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=lf(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
+function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=mf(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var x=p.type;if(x===na)return u(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===xa&&jf(x)===l.type))return v=e(l,p.props),gf(m,l,v,p),v.return=m,v;v=nf(p.type,p.key,p.props,null,m.mode,v);gf(m,l,v,p);v.return=m;return v}function n(m,l,p,v){if(null===
+l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=of(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function u(m,l,p,v,x){if(null===l||7!==l.tag)return l=pf(p,m.mode,v,x),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=mf(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case la:return p=nf(l.type,l.key,l.props,
+null,m.mode,p),gf(m,null,p,l),p.return=m,p;case ma:return l=of(l,m.mode,p),l.return=m,l;case xa:var v=l._init;return w(m,v(l._payload),p)}if(Ac(l)||Fa(l))return l=pf(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,ef(l),p);if(l.$$typeof===sa)return w(m,qf(m,l,p),p);hf(m,l)}return null}function q(m,l,p,v){var x=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==x?null:h(m,l,""+p,v);if("object"===typeof p&&null!==p){switch(p.$$typeof){case la:return p.key===
+x?k(m,l,p,v):null;case ma:return p.key===x?n(m,l,p,v):null;case xa:return x=p._init,q(m,l,x(p._payload),v)}if(Ac(p)||Fa(p))return null!==x?null:u(m,l,p,v,null);if("function"===typeof p.then)return q(m,l,ef(p),v);if(p.$$typeof===sa)return q(m,l,qf(m,p,v),v);hf(m,p)}return null}function r(m,l,p,v,x){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,x);if("object"===typeof v&&null!==v){switch(v.$$typeof){case la:return m=m.get(null===v.key?p:v.key)||null,k(l,m,v,
+x);case ma:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,x);case xa:var z=v._init;return r(m,l,p,z(v._payload),x)}if(Ac(v)||Fa(v))return m=m.get(p)||null,u(l,m,v,x,null);if("function"===typeof v.then)return r(m,l,p,ef(v),x);if(v.$$typeof===sa)return r(m,l,p,qf(l,v,x),x);hf(l,v)}return null}function y(m,l,p,v){for(var x=null,z=null,A=l,B=l=0,ha=null;null!==A&&B<p.length;B++){A.index>B?(ha=A,A=null):ha=A.sibling;var J=q(m,A,p[B],v);if(null===J){null===A&&(A=ha);break}a&&A&&null===J.alternate&&
+b(m,A);l=f(J,l,B);null===z?x=J:z.sibling=J;z=J;A=ha}if(B===p.length)return c(m,A),K&&sd(m,B),x;if(null===A){for(;B<p.length;B++)A=w(m,p[B],v),null!==A&&(l=f(A,l,B),null===z?x=A:z.sibling=A,z=A);K&&sd(m,B);return x}for(A=d(m,A);B<p.length;B++)ha=r(A,m,B,p[B],v),null!==ha&&(a&&null!==ha.alternate&&A.delete(null===ha.key?B:ha.key),l=f(ha,l,B),null===z?x=ha:z.sibling=ha,z=ha);a&&A.forEach(function(Hb){return b(m,Hb)});K&&sd(m,B);return x}function D(m,l,p,v){var x=Fa(p);if("function"!==typeof x)throw Error(t(150));
+p=x.call(p);if(null==p)throw Error(t(151));for(var z=x=null,A=l,B=l=0,ha=null,J=p.next();null!==A&&!J.done;B++,J=p.next()){A.index>B?(ha=A,A=null):ha=A.sibling;var Hb=q(m,A,J.value,v);if(null===Hb){null===A&&(A=ha);break}a&&A&&null===Hb.alternate&&b(m,A);l=f(Hb,l,B);null===z?x=Hb:z.sibling=Hb;z=Hb;A=ha}if(J.done)return c(m,A),K&&sd(m,B),x;if(null===A){for(;!J.done;B++,J=p.next())J=w(m,J.value,v),null!==J&&(l=f(J,l,B),null===z?x=J:z.sibling=J,z=J);K&&sd(m,B);return x}for(A=d(m,A);!J.done;B++,J=p.next())J=
+r(A,m,B,J.value,v),null!==J&&(a&&null!==J.alternate&&A.delete(null===J.key?B:J.key),l=f(J,l,B),null===z?x=J:z.sibling=J,z=J);a&&A.forEach(function(un){return b(m,un)});K&&sd(m,B);return x}function T(m,l,p,v){"object"===typeof p&&null!==p&&p.type===na&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case la:a:{for(var x=p.key,z=l;null!==z;){if(z.key===x){x=p.type;if(x===na){if(7===z.tag){c(m,z.sibling);l=e(z,p.props.children);l.return=m;m=l;break a}}else if(z.elementType===
+x||"object"===typeof x&&null!==x&&x.$$typeof===xa&&jf(x)===z.type){c(m,z.sibling);l=e(z,p.props);gf(m,z,l,p);l.return=m;m=l;break a}c(m,z);break}else b(m,z);z=z.sibling}p.type===na?(l=pf(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=nf(p.type,p.key,p.props,null,m.mode,v),gf(m,l,v,p),v.return=m,m=v)}return g(m);case ma:a:{for(z=p.key;null!==l;){if(l.key===z)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||
+[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=of(p,m.mode,v);l.return=m;m=l}return g(m);case xa:return z=p._init,T(m,l,z(p._payload),v)}if(Ac(p))return y(m,l,p,v);if(Fa(p))return D(m,l,p,v);if("function"===typeof p.then)return T(m,l,ef(p),v);if(p.$$typeof===sa)return T(m,l,qf(m,p,v),v);hf(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=mf(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}return function(m,
+l,p,v){df=0;m=T(m,l,p,v);cf=null;return m}}var rf=kf(!0),sf=kf(!1),tf=ka(null),uf=ka(0);function vf(a,b){a=wf;F(uf,a);F(tf,b);wf=a|b.baseLanes}function xf(){F(uf,wf);F(tf,tf.current)}function yf(){wf=uf.current;E(tf);E(uf)}var zf=ka(null),Af=null;function Bf(a){var b=a.alternate;F(Cf,Cf.current&1);F(zf,a);null===Af&&(null===b||null!==tf.current?Af=a:null!==b.memoizedState&&(Af=a))}
+function Df(a){if(22===a.tag){if(F(Cf,Cf.current),F(zf,a),null===Af){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Af=a)}}else Ef(a)}function Ef(){F(Cf,Cf.current);F(zf,zf.current)}function Ff(a){E(zf);Af===a&&(Af=null);E(Cf)}var Cf=ka(0);
+function Gf(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}
+var Hf=da.ReactCurrentDispatcher,If=da.ReactCurrentBatchConfig,Jf=0,P=null,Q=null,R=null,Kf=!1,Lf=!1,Mf=!1,Nf=0,Of=0,Pf=null,Qf=0;function S(){throw Error(t(321));}function Rf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!id(a[c],b[c]))return!1;return!0}function Sf(a,b,c,d,e,f){Jf=f;P=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Hf.current=null===a||null===a.memoizedState?Tf:Uf;Mf=!1;a=c(d,e);Mf=!1;Lf&&(a=Vf(b,c,d,e));Wf();return a}
+function Wf(){Hf.current=Xf;var a=null!==Q&&null!==Q.next;Jf=0;R=Q=P=null;Kf=!1;Of=0;Pf=null;if(a)throw Error(t(300));}function Vf(a,b,c,d){P=a;var e=0;do{Lf&&(Pf=null);Of=0;Lf=!1;if(25<=e)throw Error(t(301));e+=1;R=Q=null;a.updateQueue=null;Hf.current=Yf;var f=b(c,d)}while(Lf);return f}function Zf(){var a=Hf.current.useState()[0];return"function"===typeof a.then?$f(a):a}function ag(){var a=0!==Nf;Nf=0;return a}function bg(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}
+function cg(a){if(Kf){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Kf=!1}Jf=0;R=Q=P=null;Lf=!1;Of=Nf=0;Pf=null}function dg(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===R?P.memoizedState=R=a:R=R.next=a;return R}
+function U(){if(null===Q){var a=P.alternate;a=null!==a?a.memoizedState:null}else a=Q.next;var b=null===R?P.memoizedState:R.next;if(null!==b)R=b,Q=a;else{if(null===a){if(null===P.alternate)throw Error(t(467));throw Error(t(310));}Q=a;a={memoizedState:Q.memoizedState,baseState:Q.baseState,baseQueue:Q.baseQueue,queue:Q.queue,next:null};null===R?P.memoizedState=R=a:R=R.next=a}return R}var eg;eg=function(){return{lastEffect:null,events:null,stores:null,memoCache:null}};
+function $f(a){var b=Of;Of+=1;null===Pf&&(Pf=[]);a=$e(Pf,a,b);null===P.alternate&&(null===R?null===P.memoizedState:null===R.next)&&(Hf.current=Tf);return a}function fg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return $f(a);if(a.$$typeof===sa)return gg(a)}throw Error(t(438,String(a)));}
+function hg(a){var b=null,c=P.updateQueue;null!==c&&(b=c.memoCache);if(null==b){var d=P.alternate;null!==d&&(d=d.updateQueue,null!==d&&(d=d.memoCache,null!=d&&(b={data:d.data.map(function(e){return e.slice()}),index:0})))}null==b&&(b={data:[],index:0});null===c&&(c=eg(),P.updateQueue=c);c.memoCache=b;c=b.data[b.index];if(void 0===c)for(c=b.data[b.index]=Array(a),d=0;d<a;d++)c[d]=Ca;b.index++;return c}function ig(a,b){return"function"===typeof b?b(a):b}function jg(a){var b=U();return kg(b,Q,a)}
+function kg(a,b,c){var d=a.queue;if(null===d)throw Error(t(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b,u=!1;do{var w=n.lane&-536870913;if(w!==n.lane?(L&w)===w:(Jf&w)===w){var q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,
+next:null}),w===Ce&&(u=!0);else if((Jf&q)===q){n=n.next;q===Ce&&(u=!0);continue}else w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,P.lanes|=q,Re|=q;w=n.action;Mf&&c(f,w);f=n.hasEagerState?n.eagerState:c(f,w)}else q={lane:w,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=q,g=f):k=k.next=q,P.lanes|=w,Re|=w;n=n.next}while(null!==n&&
+n!==b);null===k?g=f:k.next=h;if(!id(f,a.memoizedState)&&(lg=!0,u&&(c=De,null!==c)))throw c;a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}
+function mg(a){var b=U(),c=b.queue;if(null===c)throw Error(t(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);id(f,b.memoizedState)||(lg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
+function ng(a,b,c){var d=P,e=U(),f=K;if(f){if(void 0===c)throw Error(t(407));c=c()}else c=b();var g=!id((Q||e).memoizedState,c);g&&(e.memoizedState=c,lg=!0);e=e.queue;og(pg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==R&&R.memoizedState.tag&1){d.flags|=2048;qg(9,rg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===M)throw Error(t(349));f||0!==(Jf&60)||sg(d,b,c)}return c}
+function sg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=P.updateQueue;null===b?(b=eg(),P.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function rg(a,b,c,d){b.value=c;b.getSnapshot=d;tg(b)&&ug(a)}function pg(a,b,c){return c(function(){tg(b)&&ug(a)})}function tg(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!id(a,c)}catch(d){return!0}}function ug(a){var b=Yd(a,2);null!==b&&vg(b,a,2)}
+function wg(a){var b=dg();if("function"===typeof a){var c=a;a=c();Mf&&(gb(!0),c(),gb(!1))}b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:ig,lastRenderedState:a};return b}function xg(a,b,c,d){a.baseState=c;return kg(a,Q,"function"===typeof d?d:ig)}function yg(a,b,c,d){if(zg(a))throw Error(t(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,Ag(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
+function Ag(a,b,c){var d=a.action,e=a.state,f=If.transition,g={_callbacks:new Set};If.transition=g;try{var h=d(e,c);null!==h&&"object"===typeof h&&"function"===typeof h.then?(Bg(g,h),h.then(function(k){a.state=k;Cg(a,b)},function(){return Cg(a,b)}),b(h)):(b(h),a.state=h,Cg(a,b))}catch(k){b({then:function(){},status:"rejected",reason:k}),Cg(a,b)}finally{If.transition=f}}function Cg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,Ag(a,b,d.payload))}}
+function Dg(a,b){return b}function Eg(a,b,c){a=kg(a,b,Dg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?$f(a):a;b=U();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(P.flags|=2048,qg(9,Fg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Fg(a,b){a.action=b}
+function qg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=P.updateQueue;null===b?(b=eg(),P.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Gg(){return U().memoizedState}function Hg(a,b,c,d){var e=dg();P.flags|=a;e.memoizedState=qg(1|b,c,{destroy:void 0},void 0===d?null:d)}
+function Ig(a,b,c,d){var e=U();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==Q&&null!==d&&Rf(d,Q.memoizedState.deps)?e.memoizedState=qg(b,c,f,d):(P.flags|=a,e.memoizedState=qg(1|b,c,f,d))}function Jg(a,b){Hg(8390656,8,a,b)}function og(a,b){Ig(2048,8,a,b)}function Kg(a){P.flags|=4;var b=P.updateQueue;if(null===b)b=eg(),P.updateQueue=b,b.events=[a];else{var c=b.events;null===c?b.events=[a]:c.push(a)}}
+function Lg(a){var b=U().memoizedState;Kg({ref:b,nextImpl:a});return function(){if(0!==(N&2))throw Error(t(440));return b.impl.apply(void 0,arguments)}}function Mg(a,b){return Ig(4,2,a,b)}function Ng(a,b){return Ig(4,4,a,b)}function Og(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function Pg(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Ig(4,4,Og.bind(null,b,a),c)}function Qg(){}
+function Rg(a,b){var c=U();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Rf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Sg(a,b){var c=U();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Rf(b,d[1]))return d[0];d=a();Mf&&(gb(!0),a(),gb(!1));c.memoizedState=[d,b];return d}function Tg(a,b,c){if(void 0===c||0!==(Jf&1073741824))return a.memoizedState=b;a.memoizedState=c;a=Ug();P.lanes|=a;Re|=a;return c}
+function Vg(a,b,c,d){if(id(c,b))return c;if(null!==tf.current)return a=Tg(a,c,d),id(a,b)||(lg=!0),a;if(0===(Jf&42))return lg=!0,a.memoizedState=c;a=Ug();P.lanes|=a;Re|=a;return b}
+function Wg(a,b,c,d,e){var f=G;G=0!==f&&8>f?f:8;var g=If.transition,h={_callbacks:new Set};If.transition=h;Xg(a,!1,b,c);try{var k=e();if(null!==k&&"object"===typeof k&&"function"===typeof k.then){Bg(h,k);var n=Ge(k,d);Yg(a,b,n)}else Yg(a,b,d)}catch(u){Yg(a,b,{then:function(){},status:"rejected",reason:u})}finally{G=f,If.transition=g}}
+function Zg(a,b,c,d){if(5!==a.tag)throw Error(t(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:ig,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;Wg(a,f,b,fa,function(){return c(d)})}function $g(){var a=gg(Ka);return null!==a?a:fa}function ah(){return U().memoizedState}
+function bh(){return U().memoizedState}function ch(a,b,c){for(var d=a.return;null!==d;){switch(d.tag){case 24:case 3:var e=dh(d);a=Ke(e);var f=Le(d,a,e);null!==f&&(vg(f,d,e),Me(f,d,e));d=eh();null!==b&&void 0!==b&&null!==f&&d.data.set(b,c);a.payload={cache:d};return}d=d.return}}function fh(a,b,c){var d=dh(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};zg(a)?gh(b,c):(c=Wd(a,b,c,d),null!==c&&(vg(c,a,d),hh(c,b,d)))}
+function Yg(a,b,c){var d=dh(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(zg(a))gh(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(id(h,g)){Vd(a,b,e,0);null===M&&Td();return}}catch(k){}finally{}c=Wd(a,b,e,d);null!==c&&(vg(c,a,d),hh(c,b,d))}}
+function Xg(a,b,c,d){ih();d={lane:2,revertLane:ze(),action:d,hasEagerState:!1,eagerState:null,next:null};if(zg(a)){if(b)throw Error(t(479));}else b=Wd(a,c,d,2),null!==b&&vg(b,a,2)}function zg(a){var b=a.alternate;return a===P||null!==b&&b===P}function gh(a,b){Lf=Kf=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function hh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;wb(a,c)}}
+var Xf={readContext:gg,use:fg,useCallback:S,useContext:S,useEffect:S,useImperativeHandle:S,useInsertionEffect:S,useLayoutEffect:S,useMemo:S,useReducer:S,useRef:S,useState:S,useDebugValue:S,useDeferredValue:S,useTransition:S,useSyncExternalStore:S,useId:S};Xf.useCacheRefresh=S;Xf.useMemoCache=S;Xf.useEffectEvent=S;Xf.useHostTransitionStatus=S;Xf.useFormState=S;Xf.useOptimistic=S;
+var Tf={readContext:gg,use:fg,useCallback:function(a,b){dg().memoizedState=[a,void 0===b?null:b];return a},useContext:gg,useEffect:Jg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Hg(4194308,4,Og.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Hg(4194308,4,a,b)},useInsertionEffect:function(a,b){Hg(4,2,a,b)},useMemo:function(a,b){var c=dg();b=void 0===b?null:b;var d=a();Mf&&(gb(!0),a(),gb(!1));c.memoizedState=[d,b];return d},useReducer:function(a,b,c){var d=
+dg();if(void 0!==c){var e=c(b);Mf&&(gb(!0),c(b),gb(!1))}else e=b;d.memoizedState=d.baseState=e;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:e};d.queue=a;a=a.dispatch=fh.bind(null,P,a);return[d.memoizedState,a]},useRef:function(a){var b=dg();a={current:a};return b.memoizedState=a},useState:function(a){a=wg(a);var b=a.queue,c=Yg.bind(null,P,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:Qg,useDeferredValue:function(a,b){var c=dg();return Tg(c,a,b)},useTransition:function(){var a=
+wg(!1);a=Wg.bind(null,P,a.queue,!0,!1);dg().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=P,e=dg();if(K){if(void 0===c)throw Error(t(407));c=c()}else{c=b();if(null===M)throw Error(t(349));0!==(L&60)||sg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Jg(pg.bind(null,d,f,a),[a]);d.flags|=2048;qg(9,rg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=dg(),b=M.identifierPrefix;if(K){var c=rd;var d=qd;c=(d&~(1<<32-ib(d)-1)).toString(32)+
+c;b=":"+b+"R"+c;c=Nf++;0<c&&(b+="H"+c.toString(32));b+=":"}else c=Qf++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return dg().memoizedState=ch.bind(null,P)}};Tf.useMemoCache=hg;Tf.useEffectEvent=function(a){var b=dg(),c={impl:a};b.memoizedState=c;return function(){if(0!==(N&2))throw Error(t(440));return c.impl.apply(void 0,arguments)}};Tf.useHostTransitionStatus=$g;
+Tf.useFormState=function(a,b){if(K){var c=M.formState;if(null!==c){a:{if(K){if(I){b:{var d=I;for(var e=xd;8!==d.nodeType;){if(!e){d=null;break b}d=Hd(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){I=Hd(d);d="F!"===d.data;break a}}Jd()}d=!1}d&&(b=c[0])}}c=dg();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Dg,lastRenderedState:b};c.queue=d;c=Yg.bind(null,P,d);d.dispatch=c;d=dg();e={state:b,dispatch:null,action:a,pending:null};d.queue=
+e;c=yg.bind(null,P,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};Tf.useOptimistic=function(a){var b=dg();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=Xg.bind(null,P,!0,c);c.dispatch=b;return[a,b]};
+var Uf={readContext:gg,use:fg,useCallback:Rg,useContext:gg,useEffect:og,useImperativeHandle:Pg,useInsertionEffect:Mg,useLayoutEffect:Ng,useMemo:Sg,useReducer:jg,useRef:Gg,useState:function(){return jg(ig)},useDebugValue:Qg,useDeferredValue:function(a,b){var c=U();return Vg(c,Q.memoizedState,a,b)},useTransition:function(){var a=jg(ig)[0],b=U().memoizedState;return["boolean"===typeof a?a:$f(a),b]},useSyncExternalStore:ng,useId:ah};Uf.useCacheRefresh=bh;Uf.useMemoCache=hg;Uf.useEffectEvent=Lg;
+Uf.useHostTransitionStatus=$g;Uf.useFormState=function(a){var b=U();return Eg(b,Q,a)};Uf.useOptimistic=function(a,b){var c=U();return xg(c,Q,a,b)};
+var Yf={readContext:gg,use:fg,useCallback:Rg,useContext:gg,useEffect:og,useImperativeHandle:Pg,useInsertionEffect:Mg,useLayoutEffect:Ng,useMemo:Sg,useReducer:mg,useRef:Gg,useState:function(){return mg(ig)},useDebugValue:Qg,useDeferredValue:function(a,b){var c=U();return null===Q?Tg(c,a,b):Vg(c,Q.memoizedState,a,b)},useTransition:function(){var a=mg(ig)[0],b=U().memoizedState;return["boolean"===typeof a?a:$f(a),b]},useSyncExternalStore:ng,useId:ah};Yf.useCacheRefresh=bh;Yf.useMemoCache=hg;
+Yf.useEffectEvent=Lg;Yf.useHostTransitionStatus=$g;Yf.useFormState=function(a){var b=U(),c=Q;if(null!==c)return Eg(b,c,a);b=b.memoizedState;c=U();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};Yf.useOptimistic=function(a,b){var c=U();if(null!==Q)return xg(c,Q,a,b);c.baseState=a;return[a,c.queue.dispatch]};function jh(a,b){if(a&&a.defaultProps){b=C({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function kh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:C({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
+var lh={isMounted:function(a){return(a=a._reactInternals)?Rc(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=dh(a),e=Ke(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=Le(a,e,d);null!==b&&(vg(b,a,d),Me(b,a,d))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=dh(a),e=Ke(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=Le(a,e,d);null!==b&&(vg(b,a,d),Me(b,a,d))},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=dh(a),d=Ke(c);d.tag=2;void 0!==
+b&&null!==b&&(d.callback=b);b=Le(a,d,c);null!==b&&(vg(b,a,c),Me(b,a,c))}};function mh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!Ue(c,d)||!Ue(e,f):!0}
+function nh(a,b,c){var d=!1,e=Xc;var f=b.contextType;"object"===typeof f&&null!==f?f=gg(f):(e=bd(b)?$c:Yc.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?ad(a,e):Xc);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=lh;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
+function oh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&lh.enqueueReplaceState(b,b.state,null)}
+function ph(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Ie(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=gg(f):(f=bd(b)?$c:Yc.current,e.context=ad(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(kh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
+"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&lh.enqueueReplaceState(e,e.state,null),Qe(a,c,e,d),Pe(),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}var qh=new WeakMap;function rh(a,b){if("object"===typeof a&&null!==a){var c=qh.get(a);"string"!==typeof c&&(c=lc(b),qh.set(a,c))}else c=lc(b);return{value:a,source:b,stack:c,digest:null}}
+function sh(a,b,c){"string"===typeof c&&qh.set(a,c);return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function th(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function uh(a,b,c){c=Ke(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){vh||(vh=!0,wh=d);th(a,b)};return c}
+function xh(a,b,c){c=Ke(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){th(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){th(a,b);"function"!==typeof d&&(null===yh?yh=new Set([this]):yh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
+function zh(a){var b=a.tag;0!==(a.mode&1)||0!==b&&11!==b&&15!==b||((b=a.alternate)?(a.updateQueue=b.updateQueue,a.memoizedState=b.memoizedState,a.lanes=b.lanes):(a.updateQueue=null,a.memoizedState=null))}function Ah(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Ke(2),b.tag=2,Le(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
+function Bh(a,b,c,d,e){c.flags|=32768;if(null!==d&&"object"===typeof d&&(d.$$typeof===Da&&(d={then:function(){}}),"function"===typeof d.then)){zh(c);var f=zf.current;if(null!==f){switch(f.tag){case 13:return c.mode&1&&(null===Af?Ch():null===f.alternate&&0===Dh&&(Dh=3)),f.flags&=-257,Ah(f,b,c,a,e),d===Xe?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):b.add(d),f.mode&1&&Eh(a,d,e)),!1;case 22:if(f.mode&1)return f.flags|=65536,d===Xe?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,
+markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(f=b.retryQueue,null===f?b.retryQueue=new Set([d]):f.add(d)),Eh(a,d,e)),!1}throw Error(t(435,f.tag));}if(1===a.tag)return Eh(a,d,e),Ch(),!1;d=Error(t(426))}if(K&&c.mode&1&&(f=zf.current,null!==f))return 0===(f.flags&65536)&&(f.flags|=256),Ah(f,b,c,a,e),Pd(rh(d,c)),!1;d=rh(d,c);Fh(d);if(null===b)return!0;a=b;do{switch(a.tag){case 3:return a.flags|=65536,e&=-e,a.lanes|=e,e=uh(a,d,e),Ne(a,e),!1;case 1:if(f=d,b=a.type,c=a.stateNode,0===(a.flags&
+128)&&("function"===typeof b.getDerivedStateFromError||null!==c&&"function"===typeof c.componentDidCatch&&(null===yh||!yh.has(c))))return a.flags|=65536,e&=-e,a.lanes|=e,e=xh(a,f,e),Ne(a,e),!1}a=a.return}while(null!==a);return!1}var Gh=da.ReactCurrentOwner,Hh=Error(t(461)),lg=!1;function Ih(a,b,c,d){b.child=null===a?sf(b,null,c,d):rf(b,a.child,c,d)}
+function Jh(a,b,c,d,e){c=c.render;var f=b.ref;if("ref"in d){var g={};for(var h in d)"ref"!==h&&(g[h]=d[h])}else g=d;Kh(b,e);d=Sf(a,b,c,g,f,e);h=ag();if(null!==a&&!lg)return bg(a,b,e),Lh(a,b,e);K&&h&&ud(b);b.flags|=1;Ih(a,b,d,e);return b.child}
+function Mh(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!Nh(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,Oh(a,b,f,d,e);a=nf(c.type,null,d,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:Ue;if(c(g,d)&&a.ref===b.ref)return Lh(a,b,e)}b.flags|=1;a=lf(f,d);a.ref=b.ref;a.return=b;return b.child=a}
+function Oh(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(Ue(f,d)&&a.ref===b.ref)if(lg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(lg=!0);else return b.lanes=a.lanes,Lh(a,b,e)}return Ph(a,b,c,d,e)}
+function Qh(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;Rh(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return Sh(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&Th(b,null),xf(),Df(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
+cachePool:null},null!==a&&Th(b,null!==g?g.cachePool:null),null!==g?vf(b,g):xf(),Df(b);else return b.lanes=b.childLanes=536870912,Sh(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(Th(b,g.cachePool),vf(b,g),Ef(b),b.memoizedState=null):(null!==a&&Th(b,null),xf(),Ef(b));Ih(a,b,e,c);return b.child}function Sh(a,b,c){var d=Uh();d=null===d?null:{parent:Vh._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&Th(b,null);xf();Df(b);return null}
+function Rh(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function Ph(a,b,c,d,e){var f=bd(c)?$c:Yc.current;f=ad(b,f);Kh(b,e);c=Sf(a,b,c,d,f,e);d=ag();if(null!==a&&!lg)return bg(a,b,e),Lh(a,b,e);K&&d&&ud(b);b.flags|=1;Ih(a,b,c,e);return b.child}function Wh(a,b,c,d,e,f){Kh(b,f);c=Vf(b,d,c,e);Wf();d=ag();if(null!==a&&!lg)return bg(a,b,f),Lh(a,b,f);K&&d&&ud(b);b.flags|=1;Ih(a,b,c,f);return b.child}
+function Xh(a,b,c,d,e){if(bd(c)){var f=!0;fd(b)}else f=!1;Kh(b,e);if(null===b.stateNode)Yh(a,b),nh(b,c,d),ph(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=gg(n):(n=bd(c)?$c:Yc.current,n=ad(b,n));var u=c.getDerivedStateFromProps,w="function"===typeof u||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
+(h!==d||k!==n)&&oh(b,g,d,n);He=!1;var q=b.memoizedState;g.state=q;Qe(b,d,g,e);Pe();k=b.memoizedState;h!==d||q!==k||Zc.current||He?("function"===typeof u&&(kh(b,c,u,d),k=b.memoizedState),(h=He||mh(b,c,h,d,q,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=
+4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Je(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:jh(b.type,h);g.props=n;w=b.pendingProps;q=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=gg(k):(k=bd(c)?$c:Yc.current,k=ad(b,k));var r=c.getDerivedStateFromProps;(u="function"===typeof r||"function"===typeof g.getSnapshotBeforeUpdate)||
+"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||q!==k)&&oh(b,g,d,k);He=!1;q=b.memoizedState;g.state=q;Qe(b,d,g,e);Pe();var y=b.memoizedState;h!==w||q!==y||Zc.current||He?("function"===typeof r&&(kh(b,c,r,d),y=b.memoizedState),(n=He||mh(b,c,n,d,q,y,k)||!1)?(u||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,y,k),"function"===
+typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,y,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=y),g.props=d,g.state=y,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||
+h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),d=!1)}return Zh(a,b,c,d,f,e)}
+function Zh(a,b,c,d,e,f){Rh(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&gd(b,c,!1),Lh(a,b,f);d=b.stateNode;Gh.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=rf(b,a.child,null,f),b.child=rf(b,null,h,f)):Ih(a,b,h,f);b.memoizedState=d.state;e&&gd(b,c,!0);return b.child}function $h(a){var b=a.stateNode;b.pendingContext?dd(a,b.pendingContext,b.pendingContext!==b.context):b.context&&dd(a,b.context,!1);La(a,b.containerInfo)}
+function ai(a,b,c,d,e){Od();Pd(e);b.flags|=256;Ih(a,b,c,d);return b.child}var bi={dehydrated:null,treeContext:null,retryLane:0};function ci(a){return{baseLanes:a,cachePool:di()}}function ei(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=pe);return a}
+function fi(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Cf.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?Bf(b):Ef(b);if(K){var h=f=I;if(!h)Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=f;else if(!Gd(b,h)){Id(b)&&Jd();I=Hd(h);var k=H;I&&Gd(b,I)?yd(k,h):(Ad(H,b),K=!1,H=b,I=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
+Ff(b)}f=d.children;h=d.fallback;if(e)return Ef(b),d=gi(b,f,h,c),e=b.child,e.memoizedState=ci(c),e.childLanes=ei(a,g,c),b.memoizedState=bi,d;if("number"===typeof d.unstable_expectedLoadTime)return Ef(b),d=gi(b,f,h,c),e=b.child,e.memoizedState=ci(c),e.childLanes=ei(a,g,c),b.memoizedState=bi,b.lanes=4194304,d;Bf(b);return hi(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return ii(a,b,f,g,d,k,h,c);if(e){Ef(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};
+0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.deletions=null):(d=lf(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=lf(k,e):(e=pf(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=ci(c):(h=f.cachePool,null!==h?(k=Vh._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=di(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=ei(a,g,c);b.memoizedState=bi;return d}Bf(b);g=a.child;a=g.sibling;
+g=lf(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function hi(a,b){b=ji({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}
+function gi(a,b,c,d){var e=a.mode,f=a.child;b={mode:"hidden",children:b};0===(e&1)&&null!==f?(f.childLanes=0,f.pendingProps=b):f=ji(b,e,0,null);c=pf(c,e,d,null);f.return=a;c.return=a;f.sibling=c;a.child=f;return c}function ki(a,b,c,d){null!==d&&Pd(d);rf(b,a.child,null,c);a=hi(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
+function ii(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Bf(b),b.flags&=-257,f=sh(Error(t(422))),ki(a,b,h,f);if(null!==b.memoizedState)return Ef(b),b.child=a.child,b.flags|=128,null;Ef(b);f=e.fallback;g=b.mode;e=ji({mode:"visible",children:e.children},g,0,null);f=pf(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&rf(b,a.child,null,h);g=b.child;g.memoizedState=ci(h);g.childLanes=ei(a,d,h);b.memoizedState=bi;return f}Bf(b);if(0===(b.mode&1))return ki(a,b,h,null);if("$!"===
+f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=null;"POSTPONE"!==f&&(d=Error(t(419)),d.digest=f,d=sh(d,f,void 0));return ki(a,b,h,d)}d=0!==(h&a.childLanes);if(lg||d){d=M;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=
+64;break;case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,Yd(a,e),vg(d,a,e),Hh;}"$?"!==f.data&&Ch();return ki(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=li.bind(null,a),f._reactRetry=b,null;a=g.treeContext;I=Dd(f.nextSibling);H=b;K=!0;wd=null;xd=!1;null!==a&&(nd[od++]=qd,nd[od++]=rd,nd[od++]=pd,qd=a.id,rd=a.overflow,pd=b);b=hi(b,e.children);b.flags|=4096;return b}
+function mi(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);ni(a.return,b,c)}function oi(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
+function pi(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;Ih(a,b,d.children,c);d=Cf.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&mi(a,c,b);else if(19===a.tag)mi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}F(Cf,d);if(0===(b.mode&1))b.memoizedState=
+null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Gf(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);oi(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Gf(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}oi(b,!0,c,null,f);break;case "together":oi(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
+function Yh(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Lh(a,b,c){null!==a&&(b.dependencies=a.dependencies);Re|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(t(153));if(null!==b.child){a=b.child;c=lf(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=lf(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
+function qi(a,b,c){switch(b.tag){case 3:$h(b);ri(b,Vh,a.memoizedState.cache);Od();break;case 27:case 5:Pa(b);break;case 1:bd(b.type)&&fd(b);break;case 4:La(b,b.stateNode.containerInfo);break;case 10:ri(b,b.type._context,b.memoizedProps.value);break;case 13:var d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Bf(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return fi(a,b,c);Bf(b);a=Lh(a,b,c);return null!==a?a.sibling:null}Bf(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&
+128)){if(d)return pi(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);F(Cf,Cf.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,Qh(a,b,c);case 24:ri(b,Vh,a.memoizedState.cache)}return Lh(a,b,c)}var si=ka(null),ti=null,ui=null,vi=null;function wi(){vi=ui=ti=null}function ri(a,b,c){F(si,b._currentValue);b._currentValue=c}function xi(a){a._currentValue=si.current;E(si)}
+function ni(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
+function yi(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=Ke(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);ni(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
+f)throw Error(t(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);ni(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function Kh(a,b){ti=a;vi=ui=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(lg=!0),a.firstContext=null)}function gg(a){return zi(ti,a)}function qf(a,b,c){null===ti&&Kh(a,c);return zi(a,b)}
+function zi(a,b){var c=b._currentValue;if(vi!==b)if(b={context:b,memoizedValue:c,next:null},null===ui){if(null===a)throw Error(t(308));ui=b;a.dependencies={lanes:0,firstContext:b}}else ui=ui.next=b;return c}
+var Ai="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},Bi=ba.unstable_scheduleCallback,Ci=ba.unstable_NormalPriority,Vh={$$typeof:sa,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function eh(){return{controller:new Ai,data:new Map,refCount:0}}
+function Di(a){a.refCount--;0===a.refCount&&Bi(Ci,function(){a.controller.abort()})}var Ei=da.ReactCurrentBatchConfig;function ih(){var a=Ei.transition;null!==a&&a._callbacks.add(Fi);return a}function Fi(a,b){Ee(a,b)}function Bg(a,b){a._callbacks.forEach(function(c){return c(a,b)})}var Gi=ka(null);function Uh(){var a=Gi.current;return null!==a?a:M.pooledCache}function Th(a,b){null===b?F(Gi,Gi.current):F(Gi,b.pool)}function di(){var a=Uh();return null===a?null:{parent:Vh._currentValue,pool:a}}
+function Hi(a){a.flags|=4}function Ii(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(L&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(Ji())a.flags|=8192;else throw af=Xe,We;}function Ki(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?sb():536870912,a.lanes|=b)}
+function Li(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
+function V(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
+function Mi(a,b,c){var d=b.pendingProps;vd(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return bd(b.type)&&cd(),V(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);xi(Vh);Oa();E(Zc);E(Yc);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Ld(b)?Hi(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
+1024,null!==wd&&(Ni(wd),wd=null));V(b);return null;case 26:c=b.memoizedState;if(null===a)Hi(b),null!==c?(V(b),Ii(b,c)):(V(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&Hi(b);null!==c?(V(b),c===e?b.flags&=-16777217:Ii(b,c)):(a.memoizedProps!==d&&Hi(b),V(b),b.flags&=-16777217)}return null;case 27:Qa(b);c=Ia.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Hi(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));V(b);return null}a=Ga.current;Ld(b)?Oi(b.stateNode,b.type,
+b.memoizedProps,a,b):(a=Pi(e,d,c),b.stateNode=a,Hi(b))}V(b);return null;case 5:Qa(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Hi(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));V(b);return null}a=Ga.current;if(Ld(b))Oi(b.stateNode,b.type,b.memoizedProps,a,b);else{e=Qi(Ia.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",
+c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):e.createElement(c)}}a[Cb]=b;a[Db]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);
+else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(Ri(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&Hi(b)}}V(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&Hi(b);else{if("string"!==typeof d&&
+null===b.stateNode)throw Error(t(166));a=Ia.current;if(Ld(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Cb]=b;if(d=a.nodeValue!==c)if(e=H,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);Si(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&Si(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&Hi(b)}else a=Qi(a).createTextNode(d),a[Cb]=b,b.stateNode=a}V(b);return null;case 13:Ff(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==
+a.memoizedState.dehydrated){if(K&&null!==I&&0!==(b.mode&1)&&0===(b.flags&128))Nd(),Od(),b.flags|=384,e=!1;else if(e=Ld(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(t(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(t(317));e[Cb]=b}else Od(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;V(b);e=!1}else null!==wd&&(Ni(wd),wd=null),e=!0;if(!e)return b.flags&256?b:null}if(0!==(b.flags&128))return b.lanes=c,b;c=null!==d;a=null!==a&&null!==a.memoizedState;
+c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);Ki(b,b.updateQueue);V(b);return null;case 4:return Oa(),null===a&&Ti(b.stateNode.containerInfo),V(b),null;case 10:return xi(b.type._context),V(b),null;case 17:return bd(b.type)&&cd(),
+V(b),null;case 19:E(Cf);e=b.memoizedState;if(null===e)return V(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)Li(e,!1);else{if(0!==Dh||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Gf(a);if(null!==f){b.flags|=128;Li(e,!1);a=f.updateQueue;b.updateQueue=a;Ki(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)Ui(c,a),c=c.sibling;F(Cf,Cf.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Va()>Vi&&(b.flags|=128,d=!0,Li(e,!1),b.lanes=4194304)}else{if(!d)if(a=Gf(f),null!==a){if(b.flags|=
+128,d=!0,a=a.updateQueue,b.updateQueue=a,Ki(b,a),Li(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!K)return V(b),null}else 2*Va()-e.renderingStartTime>Vi&&536870912!==c&&(b.flags|=128,d=!0,Li(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Va(),b.sibling=null,a=Cf.current,F(Cf,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return Ff(b),
+yf(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),c=b.updateQueue,null!==c&&Ki(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&E(Gi),null;
+case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),xi(Vh),V(b),null;case 25:return null}throw Error(t(156,b.tag));}
+function Wi(a,b){vd(b);switch(b.tag){case 1:return bd(b.type)&&cd(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return xi(Vh),Oa(),E(Zc),E(Yc),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Qa(b),null;case 13:Ff(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(t(340));Od()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return E(Cf),null;case 4:return Oa(),null;case 10:return xi(b.type._context),
+null;case 22:case 23:return Ff(b),yf(),null!==a&&E(Gi),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 24:return xi(Vh),null;case 25:return null;default:return null}}
+function Xi(a,b){vd(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&cd();break;case 3:xi(Vh);Oa();E(Zc);E(Yc);break;case 26:case 27:case 5:Qa(b);break;case 4:Oa();break;case 13:Ff(b);break;case 19:E(Cf);break;case 10:xi(b.type._context);break;case 22:case 23:Ff(b);yf();null!==a&&E(Gi);break;case 24:xi(Vh)}}function Yi(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
+var Zi=!1,$i=null,aj=!1,bj=null,cj={onError:function(a){Zi=!0;$i=a}};function dj(a,b,c,d,e,f,g,h,k){Zi=!1;$i=null;Yi.apply(cj,arguments)}function ej(a,b,c,d,e,f,g,h,k){dj.apply(this,arguments);if(Zi){if(Zi){var n=$i;Zi=!1;$i=null}else throw Error(t(198));aj||(aj=!0,bj=n)}}var fj=!1,gj=!1,hj="function"===typeof WeakSet?WeakSet:Set,ij=null;
+function jj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}"function"===typeof c?a.refCleanup=c(e):c.current=e}}catch(f){W(a,b,f)}}function kj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{c(null)}catch(e){W(a,b,e)}else c.current=null}
+function lj(a,b,c){try{c()}catch(d){W(a,b,d)}}var mj=!1;
+function nj(a,b){oj=pj;a=qj();if(rj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(A){c=null;break a}var g=0,h=-1,k=-1,n=0,u=0,w=a,q=null;b:for(;;){for(var r;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
+w.nodeValue.length);if(null===(r=w.firstChild))break;q=w;w=r}for(;;){if(w===a)break b;q===c&&++n===e&&(h=g);q===f&&++u===d&&(k=g);if(null!==(r=w.nextSibling))break;w=q;q=w.parentNode}w=r}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;sj={focusedElem:a,selectionRange:c};pj=!1;for(ij=b;null!==ij;)if(b=ij,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,ij=a;else for(;null!==ij;){b=ij;try{var y=b.alternate,D=b.flags;switch(b.tag){case 0:if(0!==(D&4)){var T=
+b.updateQueue,m=null!==T?T.events:null;if(null!==m)for(a=0;a<m.length;a++){var l=m[a];l.ref.impl=l.nextImpl}}break;case 11:case 15:break;case 1:if(0!==(D&1024)&&null!==y){var p=y.memoizedProps,v=y.memoizedState,x=b.stateNode,z=x.getSnapshotBeforeUpdate(b.elementType===b.type?p:jh(b.type,p),v);x.__reactInternalSnapshotBeforeUpdate=z}break;case 3:0!==(D&1024)&&tj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(D&1024))throw Error(t(163));}}catch(A){W(b,
+b.return,A)}a=b.sibling;if(null!==a){a.return=b.return;ij=a;break}ij=b.return}y=mj;mj=!1;return y}function uj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,lj(b,c,g))}e=e.next}while(e!==d)}}function vj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create,e=c.inst;d=d();e.destroy=d}c=c.next}while(c!==b)}}
+function wj(a,b){try{vj(b,a)}catch(c){W(a,a.return,c)}}function xj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{Te(b,c)}catch(d){W(a,a.return,d)}}}function yj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
+function zj(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:Aj(a,c);d&4&&wj(c,5);break;case 1:Aj(a,c);if(d&4)if(a=c.stateNode,null===b)try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:jh(c.type,b.memoizedProps);b=b.memoizedState;try{a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&xj(c);d&512&&jj(c,c.return);break;case 3:Aj(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=
+c.child.stateNode;break;case 1:a=c.child.stateNode}try{Te(d,a)}catch(h){W(c,c.return,h)}}break;case 26:Aj(a,c);d&512&&jj(c,c.return);break;case 27:case 5:Aj(a,c);null===b&&d&4&&yj(c);d&512&&jj(c,c.return);break;case 12:Aj(a,c);break;case 13:Aj(a,c);d&4&&Bj(a,c);break;case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||fj,!e){b=null!==b&&null!==b.memoizedState||gj;var f=fj,g=gj;fj=e;(gj=b)&&!g?Cj(a,c,0!==(c.subtreeFlags&8772)):Aj(a,c);fj=f;gj=g}}else Aj(a,c);d&512&&("manual"===c.memoizedProps.mode?
+jj(c,c.return):kj(c,c.return));break;default:Aj(a,c)}}function Dj(a){var b=a.alternate;null!==b&&(a.alternate=null,Dj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Lb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Ej(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
+function Fj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Ej(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
+function Gj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Hj));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Gj(a,b,c),a=a.sibling;null!==a;)Gj(a,b,c),a=a.sibling}
+function Ij(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Ij(a,b,c),a=a.sibling;null!==a;)Ij(a,b,c),a=a.sibling}var Jj=null,Kj=!1;function Lj(a,b,c){for(c=c.child;null!==c;)Mj(a,b,c),c=c.sibling}
+function Mj(a,b,c){if(eb&&"function"===typeof eb.onCommitFiberUnmount)try{eb.onCommitFiberUnmount(db,c)}catch(k){}switch(c.tag){case 26:gj||kj(c,b);Lj(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:gj||kj(c,b);var d=Jj,e=Kj;Jj=c.stateNode;Lj(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Lb(c);Jj=d;Kj=e;break;case 5:gj||kj(c,b);case 6:d=Jj;e=Kj;Jj=null;Lj(a,b,c);Jj=d;Kj=e;null!==Jj&&(Kj?(a=Jj,c=c.stateNode,
+8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):Jj.removeChild(c.stateNode));break;case 18:null!==Jj&&(Kj?(a=Jj,c=c.stateNode,8===a.nodeType?Nj(a.parentNode,c):1===a.nodeType&&Nj(a,c),Oj(a)):Nj(Jj,c.stateNode));break;case 4:d=Jj;e=Kj;Jj=c.stateNode.containerInfo;Kj=!0;Lj(a,b,c);Jj=d;Kj=e;break;case 0:case 11:case 14:case 15:if(!gj&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,lj(c,b,h)):
+0!==(f&4)&&(g.destroy=void 0,lj(c,b,h)));e=e.next}while(e!==d)}Lj(a,b,c);break;case 1:if(!gj&&(kj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(k){W(c,b,k)}Lj(a,b,c);break;case 21:Lj(a,b,c);break;case 22:kj(c,b);c.mode&1?(gj=(d=gj)||null!==c.memoizedState,Lj(a,b,c),gj=d):Lj(a,b,c);break;default:Lj(a,b,c)}}
+function Bj(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{Oj(a)}catch(c){W(b,b.return,c)}}function Pj(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new hj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new hj),b;default:throw Error(t(435,a.tag));}}function Qj(a,b){var c=Pj(a);b.forEach(function(d){var e=Rj.bind(null,a,d);c.has(d)||(c.add(d),d.then(e,e))})}
+function Sj(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:Jj=h.stateNode;Kj=!1;break a;case 3:Jj=h.stateNode.containerInfo;Kj=!0;break a;case 4:Jj=h.stateNode.containerInfo;Kj=!0;break a}h=h.return}if(null===Jj)throw Error(t(160));Mj(f,g,e);Jj=null;Kj=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Tj(b,a),b=b.sibling}
+var Uj=null;
+function Tj(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Sj(b,a);Vj(a);if(d&4){try{uj(3,a,a.return),vj(3,a)}catch(r){W(a,a.return,r)}try{uj(5,a,a.return)}catch(r){W(a,a.return,r)}}break;case 1:Sj(b,a);Vj(a);d&512&&null!==c&&kj(c,c.return);d&64&&fj&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=Uj;Sj(b,a);Vj(a);d&512&&null!==c&&kj(c,c.return);if(d&4)if(b=null!==
+c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Kb]||e[Cb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));Ri(e,c,d);e[Cb]=a;Sb(e);c=e;break a;case "link":var f=Wj("link","href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],
+e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);Ri(e,c,d);b.head.appendChild(e);break;case "meta":if(f=Wj("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==
+d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);Ri(e,c,d);b.head.appendChild(e);break;default:throw Error(t(468,c));}e[Cb]=a;Sb(e);c=e}a.stateNode=c}else Xj(e,a.type,a.stateNode);else a.stateNode=Yj(e,d,a.memoizedProps);else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):
+b.count--,null===d?Xj(e,a.type,a.stateNode):Yj(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Zj(h,a.type,c.memoizedProps,k);h[Db]=k}catch(r){W(a,a.return,r)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,u=g.nodeName;g[Kb]||"HEAD"===u||"BODY"===u||"SCRIPT"===u||"STYLE"===u||"LINK"===u&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=
+e.attributes;n.length;)e.removeAttributeNode(n[0]);Ri(e,g,f);e[Cb]=a;e[Db]=f}case 5:Sj(b,a);Vj(a);d&512&&null!==c&&kj(c,c.return);if(a.flags&32){b=a.stateNode;try{Ec(b,"")}catch(r){W(a,a.return,r)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Zj(d,e,c,b),d[Db]=b}catch(r){W(a,a.return,r)}}break;case 6:Sj(b,a);Vj(a);if(d&4){if(null===a.stateNode)throw Error(t(162));c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(r){W(a,a.return,
+r)}}break;case 3:ak=null;e=Uj;Uj=bk(b.containerInfo);Sj(b,a);Uj=e;Vj(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{Oj(b.containerInfo)}catch(r){W(a,a.return,r)}break;case 4:c=Uj;Uj=bk(a.stateNode.containerInfo);Sj(b,a);Vj(a);Uj=c;break;case 13:Sj(b,a);Vj(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(ck=Va());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Qj(a,c)));break;case 22:d&512&&null!==c&&kj(c,c.return);h=null!==a.memoizedState;k=null!==c&&
+null!==c.memoizedState;if(a.mode&1){var w=fj,q=gj;fj=w||h;gj=q||k;Sj(b,a);gj=q;fj=w}else Sj(b,a);Vj(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=fj||gj,null===c||k||b||0!==(a.mode&1)&&dk(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display",
+"none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,u=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==u||"boolean"===typeof u?"":(""+u).trim())}catch(r){W(a,a.return,r)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(r){W(a,a.return,r)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===
+b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,Qj(a,d))));break;case 19:Sj(b,a);Vj(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Qj(a,c)));break;case 21:break;default:Sj(b,a),Vj(a)}}
+function Vj(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(Ej(c)){var d=c;break b}c=c.return}throw Error(t(160));}switch(d.tag){case 27:var e=d.stateNode,f=Fj(a);Ij(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Ec(g,""),d.flags&=-33);var h=Fj(a);Ij(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=Fj(a);Gj(a,n,k);break;default:throw Error(t(161));}}}catch(u){W(a,a.return,u)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
+function Aj(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)zj(a,b.alternate,b),b=b.sibling}
+function dk(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:uj(4,b,b.return);dk(b);break;case 1:kj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{var f=d;c.props=f.memoizedProps;c.state=f.memoizedState;c.componentWillUnmount()}catch(g){W(d,e,g)}}dk(b);break;case 26:case 27:case 5:kj(b,b.return);dk(b);break;case 22:kj(b,b.return);null===b.memoizedState&&dk(b);break;default:dk(b)}a=a.sibling}}
+function Cj(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:Cj(e,f,c);wj(f,4);break;case 1:Cj(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)Se(h[d],e)}c&&g&64&&xj(f);jj(f,f.return);break;case 26:case 27:case 5:Cj(e,f,c);
+c&&null===d&&g&4&&yj(f);jj(f,f.return);break;case 12:Cj(e,f,c);break;case 13:Cj(e,f,c);c&&g&4&&Bj(e,f);break;case 22:null===f.memoizedState&&Cj(e,f,c);jj(f,f.return);break;default:Cj(e,f,c)}b=b.sibling}}function ek(a,b){try{vj(b,a)}catch(c){W(a,a.return,c)}}
+function fk(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&Di(c))}function gk(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&Di(a))}
+function hk(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)ik(a,b,c,d),b=b.sibling}
+function ik(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:hk(a,b,c,d);e&2048&&ek(b,9);break;case 3:hk(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&Di(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?hk(a,b,c,d):b.mode&1?jk(a,b):(f._visibility|=4,hk(a,b,c,d)):f._visibility&4?hk(a,b,c,d):(f._visibility|=4,kk(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&fk(b.alternate,
+b);break;case 24:hk(a,b,c,d);e&2048&&gk(b.alternate,b);break;default:hk(a,b,c,d)}}
+function kk(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:kk(f,g,h,k,e);ek(g,8);break;case 23:break;case 22:var u=g.stateNode;null!==g.memoizedState?u._visibility&4?kk(f,g,h,k,e):g.mode&1?jk(f,g):(u._visibility|=4,kk(f,g,h,k,e)):(u._visibility|=4,kk(f,g,h,k,e));e&&n&2048&&fk(g.alternate,g);break;case 24:kk(f,g,h,k,e);e&&n&2048&&gk(g.alternate,g);break;default:kk(f,g,h,k,e)}b=b.sibling}}
+function jk(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:jk(c,d);e&2048&&fk(d.alternate,d);break;case 24:jk(c,d);e&2048&&gk(d.alternate,d);break;default:jk(c,d)}b=b.sibling}}var lk=8192;function mk(a){if(a.subtreeFlags&lk)for(a=a.child;null!==a;)nk(a),a=a.sibling}
+function nk(a){switch(a.tag){case 26:mk(a);a.flags&lk&&null!==a.memoizedState&&ok(Uj,a.memoizedState,a.memoizedProps);break;case 5:mk(a);break;case 3:case 4:var b=Uj;Uj=bk(a.stateNode.containerInfo);mk(a);Uj=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=lk,lk=16777216,mk(a),lk=b):mk(a));break;default:mk(a)}}function pk(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
+function qk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];ij=d;rk(d,a)}pk(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)sk(a),a=a.sibling}function sk(a){switch(a.tag){case 0:case 11:case 15:qk(a);a.flags&2048&&uj(9,a,a.return);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,tk(a)):qk(a);break;default:qk(a)}}
+function tk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];ij=d;rk(d,a)}pk(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:uj(8,b,b.return);tk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,tk(b));break;default:tk(b)}a=a.sibling}}
+function rk(a,b){for(;null!==ij;){var c=ij;switch(c.tag){case 0:case 11:case 15:uj(8,c,b);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:Di(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,ij=d;else a:for(c=a;null!==ij;){d=ij;var e=d.sibling,f=d.return;Dj(d);if(d===c){ij=null;break a}if(null!==e){e.return=f;ij=e;break a}ij=f}}}
+var uk={getCacheSignal:function(){return gg(Vh).controller.signal},getCacheForType:function(a){var b=gg(Vh),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},vk=0,wk=1,xk=2,yk=3,zk=4;if("function"===typeof Symbol&&Symbol.for){var Ak=Symbol.for;vk=Ak("selector.component");wk=Ak("selector.has_pseudo_class");xk=Ak("selector.role");yk=Ak("selector.test_id");zk=Ak("selector.text")}
+function Bk(a){var b=Mb(a)||null;if(null!=b){if("string"!==typeof b.memoizedProps["data-testname"])throw Error(t(364));return b}a:{a=[a];for(b=0;b<a.length;){var c=a[b++];if(c[Eb]){a=Ob(c);break a}a.push.apply(a,c.children)}a=null}if(null===a)throw Error(t(362));return a.stateNode.current}
+function Ck(a,b){var c=a.tag;switch(b.$$typeof){case vk:if(a.type===b.value)return!0;break;case wk:a:{b=b.value;c=[a,0];for(a=0;a<c.length;){var d=c[a++],e=d.tag,f=c[a++],g=b[f];if(5!==e&&26!==e&&27!==e||!Dk(d)){for(;null!=g&&Ck(d,g);)f++,g=b[f];if(f===b.length){b=!0;break a}else for(d=d.child;null!==d;)c.push(d,f),d=d.sibling}}b=!1}return b;case xk:if(5===c||26===c||27===c)if(c=a.stateNode,b=b.value,a=(a=c.getAttribute("role"))?a.trim().split(" "):null,b=null!==a&&0<=a.indexOf(b)||b===Ub(c)?!0:!1,
+b)return!0;break;case zk:if(5===c||6===c||26===c||27===c){a:{switch(a.tag){case 26:case 27:case 5:c="";a=a.stateNode.childNodes;for(f=0;f<a.length;f++)d=a[f],d.nodeType===Node.TEXT_NODE&&(c+=d.textContent);break a;case 6:c=a.stateNode.textContent;break a}c=null}if(null!==c&&0<=c.indexOf(b.value))return!0}break;case yk:if(5===c||26===c||27===c)if(c=a.memoizedProps["data-testname"],"string"===typeof c&&c.toLowerCase()===b.value.toLowerCase())return!0;break;default:throw Error(t(365));}return!1}
+function Ek(a){switch(a.$$typeof){case vk:return"<"+(nc(a.value)||"Unknown")+">";case wk:return":has("+(Ek(a)||"")+")";case xk:return'[role="'+a.value+'"]';case zk:return'"'+a.value+'"';case yk:return'[data-testname="'+a.value+'"]';default:throw Error(t(365));}}
+function Fk(a,b){var c=[];a=[a,0];for(var d=0;d<a.length;){var e=a[d++],f=e.tag,g=a[d++],h=b[g];if(5!==f&&26!==f&&27!==f||!Dk(e)){for(;null!=h&&Ck(e,h);)g++,h=b[g];if(g===b.length)c.push(e);else for(e=e.child;null!==e;)a.push(e,g),e=e.sibling}}return c}function Gk(a,b){a=Bk(a);a=Fk(a,b);b=[];a=Array.from(a);for(var c=0;c<a.length;){var d=a[c++],e=d.tag;if(5===e||26===e||27===e)Dk(d)||b.push(d.stateNode);else for(d=d.child;null!==d;)a.push(d),d=d.sibling}return b}
+var Hk="function"===typeof WeakMap?WeakMap:Map,Ik=da.ReactCurrentDispatcher,Jk=da.ReactCurrentCache,Kk=da.ReactCurrentOwner,Lk=da.ReactCurrentBatchConfig,N=0,M=null,X=null,L=0,O=0,Mk=null,Nk=!1,wf=0,Dh=0,me=null,Re=0,Ok=0,Pk=0,pe=0,Qk=null,re=null,te=!1,Rk=!1,ck=0,Vi=Infinity,se=null,vh=!1,wh=null,yh=null,Sk=!1,Tk=null,Uk=0,Vk=0,Wk=null,Xk=0,Yk=null;
+function dh(a){if(0===(a.mode&1))return 2;if(0!==(N&2)&&0!==L)return L&-L;if(null!==ih())return a=Ce,0!==a?a:ze();a=G;if(0!==a)return a;a=window.event;a=void 0===a?32:Zk(a.type);return a}function Ug(){0===pe&&(pe=0===(L&536870912)||K?rb():536870912);var a=zf.current;null!==a&&(a.flags|=32);return pe}
+function vg(a,b,c){if(a===M&&2===O||null!==a.cancelPendingCommit)ne(a,0),oe(a,L,pe);$k(a,c);if(0===(N&2)||a!==M)a===M&&(0===(N&2)&&(Ok|=c),4===Dh&&oe(a,L,pe)),fe(a),2===c&&0===N&&0===(b.mode&1)&&(Vi=Va()+500,ie(!0))}
+function xe(a,b){if(0!==(N&6))throw Error(t(327));var c=a.callbackNode;if(je()&&a.callbackNode!==c)return null;var d=ob(a,a===M?L:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?al(a,d):ke(a,d);if(0!==b){var f=e;do{if(6===b)oe(a,d,0);else{e=a.current.alternate;if(f&&!bl(e)){b=ke(a,d);f=!1;continue}if(2===b){f=d;var g=qb(a,f);0!==g&&(d=g,b=le(a,f,g))}if(1===b)throw c=me,ne(a,0),oe(a,d,0),fe(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(t(345));
+case 4:if((d&4194176)===d){oe(f,d,pe);break a}break;case 2:case 3:case 5:break;default:throw Error(t(329));}if((d&62914560)===d&&(b=ck+300-Va(),10<b)){oe(f,d,pe);if(0!==ob(f,0))break a;f.timeoutHandle=cl(dl.bind(null,f,e,re,se,te,d,pe),b);break a}dl(f,e,re,se,te,d,pe)}}break}while(1)}fe(a);we(a,Va());a=a.callbackNode===c?xe.bind(null,a):null;return a}
+function le(a,b,c){var d=Qk,e=a.current.memoizedState.isDehydrated;e&&(ne(a,c).flags|=256);c=ke(a,c);if(2!==c){if(Nk&&!e)return a.errorRecoveryDisabledLanes|=b,Ok|=b,4;a=re;re=d;null!==a&&Ni(a)}return c}function Ni(a){null===re?re=a:re.push.apply(re,a)}function dl(a,b,c,d,e,f,g){if(0===(f&42)&&(el={stylesheets:null,count:0,unsuspend:fl},nk(b),b=gl(),null!==b)){a.cancelPendingCommit=b(qe.bind(null,a,c,d,e));oe(a,f,g);return}qe(a,c,d,e,g)}
+function bl(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!id(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
+function $k(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0);N&2?te=!0:N&4&&(Rk=!0);Zd()}function oe(a,b,c){b&=~Pk;b&=~Ok;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-ib(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&vb(a,c,b)}function hl(a,b){var c=N;N|=1;try{return a(b)}finally{N=c,0===N&&(Vi=Va()+500,ie(!0))}}
+function il(a){null!==Tk&&0===Tk.tag&&0===(N&6)&&je();var b=N;N|=1;var c=Lk.transition,d=G;try{if(Lk.transition=null,G=2,a)return a()}finally{G=d,Lk.transition=c,N=b,0===(N&6)&&ie(!1)}}function jl(){if(null!==X){if(0===O)var a=X.return;else a=X,wi(),cg(a),cf=null,df=0,a=X;for(;null!==a;)Xi(a.alternate,a),a=a.return;X=null}}
+function ne(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,kl(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());jl();M=a;X=c=lf(a.current,null);L=b;O=0;Mk=null;Nk=!1;Dh=0;me=null;pe=Pk=Ok=Re=0;re=Qk=null;te=!1;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-ib(d),f=1<<e;b|=a[e];d&=~f}wf=b;Td();return c}
+function ll(a,b){P=null;Hf.current=Xf;Kk.current=null;b===Ve?(b=bf(),O=Ji()&&0===(Re&134217727)&&0===(Ok&134217727)?2:3):b===We?(b=bf(),O=4):O=b===Hh?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;Mk=b;null===X&&(Dh=1,me=b)}function Ji(){var a=zf.current;return null===a?!0:(L&4194176)===L?null===Af?!0:!1:(L&62914560)===L||0!==(L&536870912)?a===Af:!1}function ml(){var a=Ik.current;Ik.current=Xf;return null===a?Xf:a}function nl(){var a=Jk.current;Jk.current=uk;return a}
+function Ch(){Dh=4;0===(Re&134217727)&&0===(Ok&134217727)||null===M||oe(M,L,pe)}function Fh(a){4!==Dh&&(Dh=2);null===Qk?Qk=[a]:Qk.push(a)}
+function ke(a,b){var c=N;N|=2;var d=ml(),e=nl();if(M!==a||L!==b)se=null,ne(a,b);b=!1;a:do try{if(0!==O&&null!==X){var f=X,g=Mk;switch(O){case 8:jl();Dh=6;break a;case 3:case 2:b||null!==zf.current||(b=!0);default:O=0,Mk=null,ol(a,f,g)}}pl();break}catch(h){ll(a,h)}while(1);b&&a.shellSuspendCounter++;wi();N=c;Ik.current=d;Jk.current=e;if(null!==X)throw Error(t(261));M=null;L=0;Td();return Dh}function pl(){for(;null!==X;)ql(X)}
+function al(a,b){var c=N;N|=2;var d=ml(),e=nl();if(M!==a||L!==b)se=null,Vi=Va()+500,ne(a,b);a:do try{if(0!==O&&null!==X){b=X;var f=Mk;b:switch(O){case 1:O=0;Mk=null;ol(a,b,f);break;case 2:if(Ye(f)){O=0;Mk=null;rl(b);break}b=function(){2===O&&M===a&&(O=7);fe(a)};f.then(b,b);break a;case 3:O=7;break a;case 4:O=5;break a;case 7:Ye(f)?(O=0,Mk=null,rl(b)):(O=0,Mk=null,ol(a,b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;O=0;Mk=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==
+h?(X=h,sl(h)):X=null}break b}O=0;Mk=null;ol(a,b,f);break;case 6:O=0;Mk=null;ol(a,b,f);break;case 8:jl();Dh=6;break a;default:throw Error(t(462));}}tl();break}catch(k){ll(a,k)}while(1);wi();Ik.current=d;Jk.current=e;N=c;if(null!==X)return 0;M=null;L=0;Td();return Dh}function tl(){for(;null!==X&&!Ta();)ql(X)}function ql(a){var b=ul(a.alternate,a,wf);a.memoizedProps=a.pendingProps;null===b?sl(a):X=b;Kk.current=null}
+function rl(a){var b=a.alternate;switch(a.tag){case 2:a.tag=0;case 15:case 0:var c=a.type,d=a.pendingProps;d=a.elementType===c?d:jh(c,d);var e=bd(c)?$c:Yc.current;e=ad(a,e);b=Wh(b,a,d,c,e,L);break;case 11:c=a.type.render;d=a.pendingProps;d=a.elementType===c?d:jh(c,d);b=Wh(b,a,d,c,a.ref,L);break;case 5:cg(a);default:Xi(b,a),a=X=Ui(a,wf),b=ul(b,a,wf)}a.memoizedProps=a.pendingProps;null===b?sl(a):X=b;Kk.current=null}
+function ol(a,b,c){wi();cg(b);cf=null;df=0;var d=b.return;try{if(Bh(a,d,b,c,L)){Dh=1;me=c;X=null;return}}catch(e){if(null!==d)throw X=d,e;Dh=1;me=c;X=null;return}if(b.flags&32768)a:{a=b;do{b=Wi(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);Dh=6;X=null}else sl(b)}
+function sl(a){var b=a;do{a=b.return;var c=Mi(b.alternate,b,wf);if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===Dh&&(Dh=5)}function qe(a,b,c,d,e){var f=G,g=Lk.transition;try{Lk.transition=null,G=2,vl(a,b,c,d,f,e)}finally{Lk.transition=g,G=f}return null}
+function vl(a,b,c,d,e,f){do je();while(null!==Tk);if(0!==(N&6))throw Error(t(327));var g=a.finishedWork,h=a.finishedLanes;if(null===g)return null;a.finishedWork=null;a.finishedLanes=0;if(g===a.current)throw Error(t(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var k=g.lanes|g.childLanes;k|=Sd;ub(a,k,f);Rk=!1;a===M&&(X=M=null,L=0);0===(g.subtreeFlags&10256)&&0===(g.flags&10256)||Sk||(Sk=!0,Vk=k,Wk=c,wl(Za,function(){je();return null}));c=0!==(g.flags&15990);if(0!==(g.subtreeFlags&
+15990)||c){c=Lk.transition;Lk.transition=null;f=G;G=2;var n=N;N|=4;Kk.current=null;nj(a,g);Tj(g,a);xl(sj);pj=!!oj;sj=oj=null;a.current=g;zj(a,g.alternate,g);Ua();N=n;G=f;Lk.transition=c}else a.current=g;Sk?(Sk=!1,Tk=a,Uk=h):yl(a,k);k=a.pendingLanes;0===k&&(yh=null);fb(g.stateNode,e);fe(a);if(null!==b)for(e=a.onRecoverableError,g=0;g<b.length;g++)k=b[g],c={digest:k.digest,componentStack:k.stack},e(k.value,c);if(vh)throw vh=!1,a=wh,wh=null,a;0!==(Uk&3)&&0!==a.tag&&je();k=a.pendingLanes;d||Rk||0!==(h&
+4194218)&&0!==(k&42)?a===Yk?Xk++:(Xk=0,Yk=a):Xk=0;ie(!1);return null}function yl(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,Di(b)))}
+function je(){if(null!==Tk){var a=Tk,b=Vk;Vk=0;var c=zb(Uk),d=32>c?32:c;c=Lk.transition;var e=G;try{Lk.transition=null;G=d;if(null===Tk)var f=!1;else{d=Wk;Wk=null;var g=Tk,h=Uk;Tk=null;Uk=0;if(0!==(N&6))throw Error(t(331));var k=N;N|=4;sk(g.current);ik(g,g.current,h,d);N=k;ie(!1);if(eb&&"function"===typeof eb.onPostCommitFiberRoot)try{eb.onPostCommitFiberRoot(db,g)}catch(n){}f=!0}return f}finally{G=e,Lk.transition=c,yl(a,b)}}return!1}
+function zl(a,b,c){b=rh(c,b);b=uh(a,b,2);a=Le(a,b,2);null!==a&&($k(a,2),fe(a))}function W(a,b,c){if(3===a.tag)zl(a,a,c);else for(;null!==b;){if(3===b.tag){zl(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===yh||!yh.has(d))){a=rh(c,a);a=xh(b,a,2);b=Le(b,a,2);null!==b&&($k(b,2),fe(b));break}}b=b.return}}
+function Eh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new Hk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(Nk=!0,e.add(c),a=Al.bind(null,a,b,c),b.then(a,a))}function Al(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;N&2?te=!0:N&4&&(Rk=!0);Zd();M===a&&(L&c)===c&&(4===Dh||3===Dh&&(L&62914560)===L&&300>Va()-ck?0===(N&2)&&ne(a,0):Pk|=c);fe(a)}
+function Bl(a,b){0===b&&(b=0===(a.mode&1)?2:sb());a=Yd(a,b);null!==a&&($k(a,b),fe(a))}function li(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Bl(a,c)}function Rj(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(t(314));}null!==d&&d.delete(b);Bl(a,c)}
+function Zd(){if(50<Xk)throw Xk=0,Yk=null,N&2&&null!==M&&(M.errorRecoveryDisabledLanes|=L),Error(t(185));}var ul;
+ul=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Zc.current)lg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return lg=!1,qi(a,b,c);lg=0!==(a.flags&131072)?!0:!1}else lg=!1,K&&0!==(b.flags&1048576)&&td(b,md,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Yh(a,b);a=b.pendingProps;var e=ad(b,Yc.current);Kh(b,c);e=Sf(null,b,d,a,e,c);var f=ag();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
+null,bd(d)?(f=!0,fd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Ie(b),e.updater=lh,b.stateNode=e,e._reactInternals=b,ph(b,d,a,c),b=Zh(null,b,d,!0,f,c)):(b.tag=0,K&&f&&ud(b),Ih(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Yh(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=Cl(d);a=jh(d,a);switch(e){case 0:b=Ph(null,b,d,a,c);break a;case 1:b=Xh(null,b,d,a,c);break a;case 11:b=Jh(null,b,d,a,c);break a;case 14:b=Mh(null,b,d,jh(d.type,a),c);break a}throw Error(t(306,
+d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Ph(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Xh(a,b,d,e,c);case 3:a:{$h(b);if(null===a)throw Error(t(387));e=b.pendingProps;f=b.memoizedState;d=f.element;Je(a,b);Qe(b,e,null,c);var g=b.memoizedState;e=g.cache;ri(b,Vh,e);e!==f.cache&&yi(b,Vh,c);Pe();e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&
+256){d=rh(Error(t(423)),b);b=ai(a,b,e,c,d);break a}else if(e!==d){d=rh(Error(t(424)),b);b=ai(a,b,e,c,d);break a}else for(I=Dd(b.stateNode.containerInfo.firstChild),H=b,K=!0,wd=null,xd=!0,c=sf(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Od();if(e===d){b=Lh(a,b,c);break a}Ih(a,b,e,c)}b=b.child}return b;case 26:return Rh(a,b),c=b.memoizedState=Dl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=Qi(Ia.current).createElement(c),
+d[Cb]=b,d[Db]=a,Ri(d,c,a),Sb(d),b.stateNode=d),null;case 27:return Pa(b),null===a&&K&&(d=b.stateNode=Pi(b.type,b.pendingProps,Ia.current),H=b,xd=!0,I=Dd(d.firstChild)),d=b.pendingProps.children,null!==a||K?Ih(a,b,d,c):b.child=rf(b,null,d,c),Rh(a,b),b.child;case 5:return null===a&&K&&((e=d=I,e)?Bd(b,e)||(Id(b)&&Jd(),I=Hd(e),f=H,I&&Bd(b,I)?yd(f,e):(Ad(H,b),K=!1,H=b,I=d)):(Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=d)),Pa(b),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Md(e,f)?d=null:null!==
+g&&Md(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=Sf(a,b,Zf,null,null,c),Ka._currentValue=e,lg&&null!==a&&a.memoizedState.memoizedState!==e&&yi(b,Ka,c)),Rh(a,b),Ih(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=I,a&&d)?Ed(b,a)||(Id(b)&&Jd(),I=Hd(a),d=H,I&&Ed(b,I)?yd(d,a):(Ad(H,b),K=!1,H=b,I=c)):(Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=c)),null;case 13:return fi(a,b,c);case 4:return La(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=rf(b,null,d,c):Ih(a,b,d,c),b.child;
+case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Jh(a,b,d,e,c);case 7:return Ih(a,b,b.pendingProps,c),b.child;case 8:return Ih(a,b,b.pendingProps.children,c),b.child;case 12:return Ih(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;ri(b,d,g);if(null!==f)if(id(f.value,g)){if(f.children===e.children&&!Zc.current){b=Lh(a,b,c);break a}}else yi(b,d,c);Ih(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=
+b.pendingProps.children,Kh(b,c),e=gg(e),d=d(e),b.flags|=1,Ih(a,b,d,c),b.child;case 14:return d=b.type,e=jh(d,b.pendingProps),e=jh(d.type,e),Mh(a,b,d,e,c);case 15:return Oh(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Yh(a,b),b.tag=1,bd(d)?(a=!0,fd(b)):a=!1,Kh(b,c),nh(b,d,e),ph(b,d,e,c),Zh(null,b,d,!0,a,c);case 19:return pi(a,b,c);case 22:return Qh(a,b,c);case 24:return Kh(b,c),d=gg(Vh),null===a?(e=Uh(),null===e&&(e=M,f=eh(),e.pooledCache=f,f.refCount++,
+null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},Ie(b),ri(b,Vh,e)):(0!==(a.lanes&c)&&(Je(a,b),Qe(b,null,null,c),Pe()),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),ri(b,Vh,d)):(d=f.cache,ri(b,Vh,d),d!==e.cache&&yi(b,Vh,c))),Ih(a,b,b.pendingProps.children,c),b.child}throw Error(t(156,b.tag));};function wl(a,b){return Ra(a,b)}
+function El(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function zd(a,b,c,d){return new El(a,b,c,d)}function Nh(a){a=a.prototype;return!(!a||!a.isReactComponent)}
+function Cl(a){if("function"===typeof a)return Nh(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===ta)return 11;if(a===wa)return 14}return 2}
+function lf(a,b){var c=a.alternate;null===c?(c=zd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};
 c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;c.refCleanup=a.refCleanup;return c}
-function Oi(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext});
+function Ui(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext});
 return a}
-function Ce(a,b,c,d,e,f,g){e=2;d=a;if("function"===typeof a)Hh(a)&&(e=1);else if("string"===typeof a)e=vl(a,c,Ja.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case pa:return Ee(c.children,f,g,b);case qa:e=8;f|=8;0!==(f&1)&&(f|=16);break;case ra:return a=yd(12,c,b,f|2),a.elementType=ra,a.lanes=g,a;case wa:return a=yd(13,c,b,f),a.elementType=wa,a.lanes=g,a;case xa:return a=yd(19,c,b,f),a.elementType=xa,a.lanes=g,a;case Ba:return di(c,f,g,b);case Ca:case Aa:case Da:return a=yd(24,
-c,b,f),a.elementType=Da,a.lanes=g,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case sa:e=10;break a;case ta:e=9;break a;case va:e=11;break a;case ya:e=14;break a;case za:e=16;d=null;break a}throw Error(t(130,null==a?a:typeof a,""));}b=yd(e,c,b,f);b.elementType=a;b.type=d;b.lanes=g;return b}function Ee(a,b,c,d){a=yd(7,a,d,b);a.lanes=c;return a}
-function di(a,b,c,d){a=yd(22,a,d,b);a.elementType=Ba;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0===(e._pendingVisibility&2)){var g=Xd(f,2);null!==g&&(e._pendingVisibility|=2,sg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0!==(e._pendingVisibility&2)){var g=Xd(f,2);null!==g&&(e._pendingVisibility&=-3,sg(g,f,2))}}};
-a.stateNode=e;return a}function Be(a,b,c){a=yd(6,a,null,b);a.lanes=c;return a}function De(a,b,c){b=yd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
-function wl(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=sb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=sb(0);this.hiddenUpdates=
-sb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map}function xl(a,b,c,d,e,f,g,h,k,n,q){a=new wl(a,b,c,h,k,q);1===b?(b=1,!0===f&&(b|=24)):b=0;f=yd(3,null,null,b);a.current=f;f.stateNode=a;b=ah();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};ae(f);return a}
-function yl(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:oa,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
-function zl(a){if(!a)return Wc;a=a._reactInternals;a:{if(Qc(a)!==a||1!==a.tag)throw Error(t(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(ad(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(t(171));}if(1===a.tag){var c=a.type;if(ad(c))return dd(a,c,b)}return b}
-function Al(a,b,c,d,e,f,g,h,k,n,q){a=xl(c,d,!0,a,e,f,g,h,k,n,q);a.context=zl(null);c=a.current;d=$g(c);e=ce(d);e.callback=void 0!==b&&null!==b?b:null;de(c,e,d);a.current.lanes=d;tb(a,d);bf(a);return a}function Bl(a,b,c,d){var e=b.current,f=$g(e);c=zl(c);null===b.context?b.context=c:b.pendingContext=c;b=ce(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=de(e,b,f);null!==a&&(sg(a,e,f),ee(a,e,f));return f}
-function Cl(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}function Dl(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=nb(b.pendingLanes);0!==c&&(xb(b,c),bf(b),0===(L&6)&&(Pi=Ya()+500,ef(!1)))}break;case 13:Zk(function(){var d=Xd(a,2);null!==d&&sg(d,a,2)}),El(a,2)}}
-function Fl(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function El(a,b){Fl(a,b);(a=a.alternate)&&Fl(a,b)}function Gl(a){if(13===a.tag){var b=Xd(a,67108864);null!==b&&sg(b,a,67108864);El(a,67108864)}}function Hl(){return null}var Il=!1;function Jl(a,b,c){if(Il)return a(b,c);Il=!0;try{return Yk(a,b,c)}finally{if(Il=!1,null!==Lc||null!==Mc)Zk(),Pc()}}
-function Kl(a,b){var c=a.stateNode;if(null===c)return null;var d=Qb(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
-typeof c)throw Error(t(231,b,typeof c));return c}var Ll=!1;if(Zb)try{var Ml={};Object.defineProperty(Ml,"passive",{get:function(){Ll=!0}});window.addEventListener("test",Ml,Ml);window.removeEventListener("test",Ml,Ml)}catch(a){Ll=!1}function Nl(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function Ol(){return!0}function Pl(){return!1}
-function Ql(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?Ol:Pl;this.isPropagationStopped=Pl;return this}B(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
-(c.returnValue=!1),this.isDefaultPrevented=Ol)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=Ol)},persist:function(){},isPersistent:Ol});return b}
-var Rl={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Sl=Ql(Rl),Tl=B({},Rl,{view:0,detail:0}),Ul=Ql(Tl),Vl,Wl,Xl,Zl=B({},Tl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Yl,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
-a)return a.movementX;a!==Xl&&(Xl&&"mousemove"===a.type?(Vl=a.screenX-Xl.screenX,Wl=a.screenY-Xl.screenY):Wl=Vl=0,Xl=a);return Vl},movementY:function(a){return"movementY"in a?a.movementY:Wl}}),$l=Ql(Zl),am=B({},Zl,{dataTransfer:0}),bm=Ql(am),cm=B({},Tl,{relatedTarget:0}),dm=Ql(cm),em=B({},Rl,{animationName:0,elapsedTime:0,pseudoElement:0}),fm=Ql(em),gm=B({},Rl,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),hm=Ql(gm),im=B({},Rl,{data:0}),jm=Ql(im),km={Esc:"Escape",
-Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},lm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
-119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},mm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function nm(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=mm[a])?!!b[a]:!1}function Yl(){return nm}
-var om=B({},Tl,{key:function(a){if(a.key){var b=km[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=Nl(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?lm[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Yl,charCode:function(a){return"keypress"===a.type?Nl(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
-a.type?Nl(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),pm=Ql(om),qm=B({},Zl,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),rm=Ql(qm),sm=B({},Tl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Yl}),tm=Ql(sm),um=B({},Rl,{propertyName:0,elapsedTime:0,pseudoElement:0}),vm=Ql(um),wm=B({},Zl,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
-deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),xm=Ql(wm);
-function ym(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=Qb(e).action,g=d.submitter;g&&(b=(b=Qb(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new Sl("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
-new FormData(e);Vg(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var zm=!1,Am=null,Bm=null,Cm=null,Dm=new Map,Em=new Map,Fm=[],Gm="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
-function Hm(a,b){switch(a){case "focusin":case "focusout":Am=null;break;case "dragenter":case "dragleave":Bm=null;break;case "mouseover":case "mouseout":Cm=null;break;case "pointerover":case "pointerout":Dm.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":Em.delete(b.pointerId)}}
-function Im(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Ob(b),null!==b&&Gl(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
-function Jm(a,b,c,d,e){switch(b){case "focusin":return Am=Im(Am,a,b,c,d,e),!0;case "dragenter":return Bm=Im(Bm,a,b,c,d,e),!0;case "mouseover":return Cm=Im(Cm,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;Dm.set(f,Im(Dm.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,Em.set(f,Im(Em.get(f)||null,a,b,c,d,e)),!0}return!1}
-function Km(a){var b=Mb(a.target);if(null!==b){var c=Qc(b);if(null!==c)if(b=c.tag,13===b){if(b=Rc(c),null!==b){a.blockedOn=b;yb(a.priority,function(){if(13===c.tag){var d=$g(c),e=Xd(c,d);null!==e&&sg(e,c,d);El(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
-function Lm(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=Mm(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Jc=d;c.target.dispatchEvent(d);Jc=null}else return b=Ob(c),null!==b&&Gl(b),a.blockedOn=c,!1;b.shift()}return!0}function Nm(a,b,c){Lm(a)&&c.delete(b)}function Om(){zm=!1;null!==Am&&Lm(Am)&&(Am=null);null!==Bm&&Lm(Bm)&&(Bm=null);null!==Cm&&Lm(Cm)&&(Cm=null);Dm.forEach(Nm);Em.forEach(Nm)}
-function Pm(a,b){a.blockedOn===b&&(a.blockedOn=null,zm||(zm=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,Om)))}var Qm=null;function Rm(a){Qm!==a&&(Qm=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){Qm===a&&(Qm=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===Sm(d||c))continue;else break;var f=Ob(c);null!==f&&(a.splice(b,3),b-=3,Vg(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
-function Ij(a){function b(k){return Pm(k,a)}null!==Am&&Pm(Am,a);null!==Bm&&Pm(Bm,a);null!==Cm&&Pm(Cm,a);Dm.forEach(b);Em.forEach(b);for(var c=0;c<Fm.length;c++){var d=Fm[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<Fm.length&&(c=Fm[0],null===c.blockedOn);)Km(c),null===c.blockedOn&&Fm.shift();c=a.getRootNode().$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=Qb(e);if("function"===typeof f)g||Rm(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=Qb(f))h=
-g.formAction;else{if(null!==Sm(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);Rm(c)}}}var Tm=da.ReactCurrentBatchConfig,jj=!0;function Um(a,b,c,d){var e=F,f=Tm.transition;Tm.transition=null;try{F=2,Vm(a,b,c,d)}finally{F=e,Tm.transition=f}}function Wm(a,b,c,d){var e=F,f=Tm.transition;Tm.transition=null;try{F=8,Vm(a,b,c,d)}finally{F=e,Tm.transition=f}}
-function Vm(a,b,c,d){if(jj){var e=Mm(d);if(null===e)Xm(a,b,d,Ym,c),Hm(a,d);else if(Jm(e,a,b,c,d))d.stopPropagation();else if(Hm(a,d),b&4&&-1<Gm.indexOf(a)){for(;null!==e;){var f=Ob(e);null!==f&&Dl(f);f=Mm(d);null===f&&Xm(a,b,d,Ym,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Xm(a,b,d,null,c)}}function Mm(a){a=Kc(a);return Sm(a)}var Ym=null;
-function Sm(a){Ym=null;a=Mb(a);if(null!==a){var b=Qc(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=Rc(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}Ym=a;return null}
-function Qk(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
-case "message":switch(Za()){case $a:return 2;case ab:return 8;case bb:case cb:return 32;case db:return 268435456;default:return 32}default:return 32}}var Zm=null,$m=null,an=null;function bn(){if(an)return an;var a,b=$m,c=b.length,d,e="value"in Zm?Zm.value:Zm.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return an=e.slice(a,1<d?1-d:void 0)}var cn=[9,13,27,32],dn=Zb&&"CompositionEvent"in window,en=null;Zb&&"documentMode"in document&&(en=document.documentMode);
-var fn=Zb&&"TextEvent"in window&&!en,hn=Zb&&(!dn||en&&8<en&&11>=en),jn=String.fromCharCode(32),kn=!1;function ln(a,b){switch(a){case "keyup":return-1!==cn.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function mn(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var nn=!1;
-function on(a,b){switch(a){case "compositionend":return mn(b);case "keypress":if(32!==b.which)return null;kn=!0;return jn;case "textInput":return a=b.data,a===jn&&kn?null:a;default:return null}}
-function pn(a,b){if(nn)return"compositionend"===a||!dn&&ln(a,b)?(a=bn(),an=$m=Zm=null,nn=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return hn&&"ko"!==b.locale?null:b.data;default:return null}}
-var qn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function rn(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!qn[a.type]:"textarea"===b?!0:!1}function sn(a,b,c,d){Oc(d);b=tn(b,"onChange");0<b.length&&(c=new Sl("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var un=null,vn=null;function wn(a){xn(a,0)}function yn(a){var b=Pb(a);if(sc(b))return a}
-function zn(a,b){if("change"===a)return b}var An=!1;if(Zb){var Bn;if(Zb){var Cn="oninput"in document;if(!Cn){var Dn=document.createElement("div");Dn.setAttribute("oninput","return;");Cn="function"===typeof Dn.oninput}Bn=Cn}else Bn=!1;An=Bn&&(!document.documentMode||9<document.documentMode)}function En(){un&&(un.detachEvent("onpropertychange",Fn),vn=un=null)}function Fn(a){if("value"===a.propertyName&&yn(vn)){var b=[];sn(b,vn,a,Kc(a));Jl(wn,b)}}
-function Gn(a,b,c){"focusin"===a?(En(),un=b,vn=c,un.attachEvent("onpropertychange",Fn)):"focusout"===a&&En()}function Hn(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return yn(vn)}function In(a,b){if("click"===a)return yn(b)}function Jn(a,b){if("input"===a||"change"===a)return yn(b)}function Kn(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
-function Ln(a,b){var c=Kn(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Kn(c)}}function Mn(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Mn(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
-function kj(){for(var a=window,b=tc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=tc(a.document)}return b}function lj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
-function nl(a){var b=kj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Mn(c.ownerDocument.documentElement,c)){if(null!==d&&lj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Ln(c,f);var g=Ln(c,
+function nf(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)Nh(a)&&(g=1);else if("string"===typeof a)g=Fl(a,c,Ga.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case na:return pf(c.children,e,f,b);case oa:g=8;e|=8;0!==(e&1)&&(e|=16);break;case pa:return a=zd(12,c,b,e|2),a.elementType=pa,a.lanes=f,a;case ua:return a=zd(13,c,b,e),a.elementType=ua,a.lanes=f,a;case va:return a=zd(19,c,b,e),a.elementType=va,a.lanes=f,a;case za:return ji(c,e,f,b);case Aa:case ya:case Ba:return a=zd(24,
+c,b,e),a.elementType=Ba,a.lanes=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case qa:g=10;break a;case sa:g=9;break a;case ra:case ta:g=11;break a;case wa:g=14;break a;case xa:g=16;d=null;break a}throw Error(t(130,null==a?a:typeof a,""));}b=zd(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function pf(a,b,c,d){a=zd(7,a,d,b);a.lanes=c;return a}
+function ji(a,b,c,d){a=zd(22,a,d,b);a.elementType=za;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0===(e._pendingVisibility&2)){var g=Yd(f,2);null!==g&&(e._pendingVisibility|=2,vg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0!==(e._pendingVisibility&2)){var g=Yd(f,2);null!==g&&(e._pendingVisibility&=-3,vg(g,f,2))}}};
+a.stateNode=e;return a}function mf(a,b,c){a=zd(6,a,null,b);a.lanes=c;return a}function of(a,b,c){b=zd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
+function Gl(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=tb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=tb(0);this.hiddenUpdates=
+tb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map}function Hl(a,b,c,d,e,f,g,h,k,n,u){a=new Gl(a,b,c,h,k,u);1===b?(b=1,!0===f&&(b|=24)):b=0;f=zd(3,null,null,b);a.current=f;f.stateNode=a;b=eh();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};Ie(f);return a}
+function Il(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:ma,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
+function Jl(a){if(!a)return Xc;a=a._reactInternals;a:{if(Rc(a)!==a||1!==a.tag)throw Error(t(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(bd(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(t(171));}if(1===a.tag){var c=a.type;if(bd(c))return ed(a,c,b)}return b}
+function Kl(a,b,c,d,e,f,g,h,k,n,u){a=Hl(c,d,!0,a,e,f,g,h,k,n,u);a.context=Jl(null);c=a.current;d=dh(c);e=Ke(d);e.callback=void 0!==b&&null!==b?b:null;Le(c,e,d);a.current.lanes=d;$k(a,d);fe(a);return a}function Ll(a,b,c,d){var e=b.current,f=dh(e);c=Jl(c);null===b.context?b.context=c:b.pendingContext=c;b=Ke(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=Le(e,b,f);null!==a&&(vg(a,e,f),Me(a,e,f));return f}
+function Ml(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}function Nl(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=nb(b.pendingLanes);0!==c&&(xb(b,c),fe(b),0===(N&6)&&(Vi=Va()+500,ie(!1)))}break;case 13:il(function(){var d=Yd(a,2);null!==d&&vg(d,a,2)}),Ol(a,2)}}
+function Pl(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function Ol(a,b){Pl(a,b);(a=a.alternate)&&Pl(a,b)}function Ql(a){if(13===a.tag){var b=Yd(a,67108864);null!==b&&vg(b,a,67108864);Ol(a,67108864)}}function Rl(){return null}var Sl=!1;function Tl(a,b,c){if(Sl)return a(b,c);Sl=!0;try{return hl(a,b,c)}finally{if(Sl=!1,null!==Mc||null!==Nc)il(),Qc()}}
+function Ul(a,b){var c=a.stateNode;if(null===c)return null;var d=Qb(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
+typeof c)throw Error(t(231,b,typeof c));return c}var Vl=!1;if(Zb)try{var Wl={};Object.defineProperty(Wl,"passive",{get:function(){Vl=!0}});window.addEventListener("test",Wl,Wl);window.removeEventListener("test",Wl,Wl)}catch(a){Vl=!1}function Xl(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function Yl(){return!0}function Zl(){return!1}
+function $l(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?Yl:Zl;this.isPropagationStopped=Zl;return this}C(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
+(c.returnValue=!1),this.isDefaultPrevented=Yl)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=Yl)},persist:function(){},isPersistent:Yl});return b}
+var am={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},bm=$l(am),cm=C({},am,{view:0,detail:0}),dm=$l(cm),em,fm,gm,im=C({},cm,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:hm,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
+a)return a.movementX;a!==gm&&(gm&&"mousemove"===a.type?(em=a.screenX-gm.screenX,fm=a.screenY-gm.screenY):fm=em=0,gm=a);return em},movementY:function(a){return"movementY"in a?a.movementY:fm}}),jm=$l(im),km=C({},im,{dataTransfer:0}),lm=$l(km),mm=C({},cm,{relatedTarget:0}),nm=$l(mm),om=C({},am,{animationName:0,elapsedTime:0,pseudoElement:0}),pm=$l(om),qm=C({},am,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),rm=$l(qm),sm=C({},am,{data:0}),tm=$l(sm),um={Esc:"Escape",
+Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},vm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
+119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},wm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function xm(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=wm[a])?!!b[a]:!1}function hm(){return xm}
+var ym=C({},cm,{key:function(a){if(a.key){var b=um[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=Xl(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?vm[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:hm,charCode:function(a){return"keypress"===a.type?Xl(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
+a.type?Xl(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),zm=$l(ym),Am=C({},im,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Bm=$l(Am),Cm=C({},cm,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:hm}),Dm=$l(Cm),Em=C({},am,{propertyName:0,elapsedTime:0,pseudoElement:0}),Fm=$l(Em),Gm=C({},im,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
+deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),Hm=$l(Gm);
+function Im(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=Qb(e).action,g=d.submitter;g&&(b=(b=Qb(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new bm("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
+new FormData(e);Zg(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var Jm=!1,Km=null,Lm=null,Mm=null,Nm=new Map,Om=new Map,Pm=[],Qm="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
+function Rm(a,b){switch(a){case "focusin":case "focusout":Km=null;break;case "dragenter":case "dragleave":Lm=null;break;case "mouseover":case "mouseout":Mm=null;break;case "pointerover":case "pointerout":Nm.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":Om.delete(b.pointerId)}}
+function Sm(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Ob(b),null!==b&&Ql(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
+function Tm(a,b,c,d,e){switch(b){case "focusin":return Km=Sm(Km,a,b,c,d,e),!0;case "dragenter":return Lm=Sm(Lm,a,b,c,d,e),!0;case "mouseover":return Mm=Sm(Mm,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;Nm.set(f,Sm(Nm.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,Om.set(f,Sm(Om.get(f)||null,a,b,c,d,e)),!0}return!1}
+function Um(a){var b=Mb(a.target);if(null!==b){var c=Rc(b);if(null!==c)if(b=c.tag,13===b){if(b=Sc(c),null!==b){a.blockedOn=b;yb(a.priority,function(){if(13===c.tag){var d=dh(c),e=Yd(c,d);null!==e&&vg(e,c,d);Ol(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
+function Vm(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=Wm(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Kc=d;c.target.dispatchEvent(d);Kc=null}else return b=Ob(c),null!==b&&Ql(b),a.blockedOn=c,!1;b.shift()}return!0}function Xm(a,b,c){Vm(a)&&c.delete(b)}function Ym(){Jm=!1;null!==Km&&Vm(Km)&&(Km=null);null!==Lm&&Vm(Lm)&&(Lm=null);null!==Mm&&Vm(Mm)&&(Mm=null);Nm.forEach(Xm);Om.forEach(Xm)}
+function Zm(a,b){a.blockedOn===b&&(a.blockedOn=null,Jm||(Jm=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,Ym)))}var $m=null;function an(a){$m!==a&&($m=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){$m===a&&($m=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===bn(d||c))continue;else break;var f=Ob(c);null!==f&&(a.splice(b,3),b-=3,Zg(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
+function Oj(a){function b(k){return Zm(k,a)}null!==Km&&Zm(Km,a);null!==Lm&&Zm(Lm,a);null!==Mm&&Zm(Mm,a);Nm.forEach(b);Om.forEach(b);for(var c=0;c<Pm.length;c++){var d=Pm[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<Pm.length&&(c=Pm[0],null===c.blockedOn);)Um(c),null===c.blockedOn&&Pm.shift();c=(a.ownerDocument||a).$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=Qb(e);if("function"===typeof f)g||an(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=Qb(f))h=
+g.formAction;else{if(null!==bn(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);an(c)}}}var cn=da.ReactCurrentBatchConfig,pj=!0;function dn(a,b,c,d){var e=G,f=cn.transition;cn.transition=null;try{G=2,en(a,b,c,d)}finally{G=e,cn.transition=f}}function fn(a,b,c,d){var e=G,f=cn.transition;cn.transition=null;try{G=8,en(a,b,c,d)}finally{G=e,cn.transition=f}}
+function en(a,b,c,d){if(pj){var e=Wm(d);if(null===e)gn(a,b,d,hn,c),Rm(a,d);else if(Tm(e,a,b,c,d))d.stopPropagation();else if(Rm(a,d),b&4&&-1<Qm.indexOf(a)){for(;null!==e;){var f=Ob(e);null!==f&&Nl(f);f=Wm(d);null===f&&gn(a,b,d,hn,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else gn(a,b,d,null,c)}}function Wm(a){a=Lc(a);return bn(a)}var hn=null;
+function bn(a){hn=null;a=Mb(a);if(null!==a){var b=Rc(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=Sc(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}hn=a;return null}
+function Zk(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
+case "message":switch(Wa()){case Xa:return 2;case Ya:return 8;case Za:case $a:return 32;case ab:return 268435456;default:return 32}default:return 32}}var jn=null,kn=null,ln=null;function mn(){if(ln)return ln;var a,b=kn,c=b.length,d,e="value"in jn?jn.value:jn.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return ln=e.slice(a,1<d?1-d:void 0)}var nn=[9,13,27,32],on=Zb&&"CompositionEvent"in window,pn=null;Zb&&"documentMode"in document&&(pn=document.documentMode);
+var qn=Zb&&"TextEvent"in window&&!pn,rn=Zb&&(!on||pn&&8<pn&&11>=pn),sn=String.fromCharCode(32),tn=!1;function vn(a,b){switch(a){case "keyup":return-1!==nn.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function wn(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var xn=!1;
+function yn(a,b){switch(a){case "compositionend":return wn(b);case "keypress":if(32!==b.which)return null;tn=!0;return sn;case "textInput":return a=b.data,a===sn&&tn?null:a;default:return null}}
+function zn(a,b){if(xn)return"compositionend"===a||!on&&vn(a,b)?(a=mn(),ln=kn=jn=null,xn=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return rn&&"ko"!==b.locale?null:b.data;default:return null}}
+var An={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Bn(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!An[a.type]:"textarea"===b?!0:!1}function Cn(a,b,c,d){Pc(d);b=Dn(b,"onChange");0<b.length&&(c=new bm("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var En=null,Fn=null;function Gn(a){Hn(a,0)}function In(a){var b=Pb(a);if(tc(b))return a}
+function Jn(a,b){if("change"===a)return b}var Kn=!1;if(Zb){var Ln;if(Zb){var Mn="oninput"in document;if(!Mn){var Nn=document.createElement("div");Nn.setAttribute("oninput","return;");Mn="function"===typeof Nn.oninput}Ln=Mn}else Ln=!1;Kn=Ln&&(!document.documentMode||9<document.documentMode)}function On(){En&&(En.detachEvent("onpropertychange",Pn),Fn=En=null)}function Pn(a){if("value"===a.propertyName&&In(Fn)){var b=[];Cn(b,Fn,a,Lc(a));Tl(Gn,b)}}
+function Qn(a,b,c){"focusin"===a?(On(),En=b,Fn=c,En.attachEvent("onpropertychange",Pn)):"focusout"===a&&On()}function Rn(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return In(Fn)}function Sn(a,b){if("click"===a)return In(b)}function Tn(a,b){if("input"===a||"change"===a)return In(b)}function Un(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
+function Vn(a,b){var c=Un(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Un(c)}}function Wn(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Wn(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
+function qj(){for(var a=window,b=uc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=uc(a.document)}return b}function rj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
+function xl(a){var b=qj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Wn(c.ownerDocument.documentElement,c)){if(null!==d&&rj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Vn(c,f);var g=Vn(c,
 d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}
-var Nn=Zb&&"documentMode"in document&&11>=document.documentMode,On=null,Pn=null,Qn=null,Rn=!1;
-function Sn(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Rn||null==On||On!==tc(d)||(d=On,"selectionStart"in d&&lj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Qn&&ke(Qn,d)||(Qn=d,d=tn(Pn,"onSelect"),0<d.length&&(b=new Sl("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=On)))}
-function Tn(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Un={animationend:Tn("Animation","AnimationEnd"),animationiteration:Tn("Animation","AnimationIteration"),animationstart:Tn("Animation","AnimationStart"),transitionend:Tn("Transition","TransitionEnd")},Vn={},Wn={};
-Zb&&(Wn=document.createElement("div").style,"AnimationEvent"in window||(delete Un.animationend.animation,delete Un.animationiteration.animation,delete Un.animationstart.animation),"TransitionEvent"in window||delete Un.transitionend.transition);function Xn(a){if(Vn[a])return Vn[a];if(!Un[a])return a;var b=Un[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Wn)return Vn[a]=b[c];return a}var Yn=Xn("animationend"),Zn=Xn("animationiteration"),$n=Xn("animationstart"),ao=Xn("transitionend"),bo=new Map,co="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
-function eo(a,b){bo.set(a,b);Xb(b,[a])}for(var fo=0;fo<co.length;fo++){var go=co[fo],ho=go.toLowerCase(),io=go[0].toUpperCase()+go.slice(1);eo(ho,"on"+io)}eo(Yn,"onAnimationEnd");eo(Zn,"onAnimationIteration");eo($n,"onAnimationStart");eo("dblclick","onDoubleClick");eo("focusin","onFocus");eo("focusout","onBlur");eo(ao,"onTransitionEnd");Yb("onMouseEnter",["mouseout","mouseover"]);Yb("onMouseLeave",["mouseout","mouseover"]);Yb("onPointerEnter",["pointerout","pointerover"]);
+var Xn=Zb&&"documentMode"in document&&11>=document.documentMode,Yn=null,Zn=null,$n=null,ao=!1;
+function bo(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;ao||null==Yn||Yn!==uc(d)||(d=Yn,"selectionStart"in d&&rj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),$n&&Ue($n,d)||($n=d,d=Dn(Zn,"onSelect"),0<d.length&&(b=new bm("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=Yn)))}
+function co(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var eo={animationend:co("Animation","AnimationEnd"),animationiteration:co("Animation","AnimationIteration"),animationstart:co("Animation","AnimationStart"),transitionend:co("Transition","TransitionEnd")},fo={},go={};
+Zb&&(go=document.createElement("div").style,"AnimationEvent"in window||(delete eo.animationend.animation,delete eo.animationiteration.animation,delete eo.animationstart.animation),"TransitionEvent"in window||delete eo.transitionend.transition);function ho(a){if(fo[a])return fo[a];if(!eo[a])return a;var b=eo[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in go)return fo[a]=b[c];return a}var io=ho("animationend"),jo=ho("animationiteration"),ko=ho("animationstart"),lo=ho("transitionend"),mo=new Map,no="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
+function oo(a,b){mo.set(a,b);Xb(b,[a])}for(var po=0;po<no.length;po++){var qo=no[po],ro=qo.toLowerCase(),so=qo[0].toUpperCase()+qo.slice(1);oo(ro,"on"+so)}oo(io,"onAnimationEnd");oo(jo,"onAnimationIteration");oo(ko,"onAnimationStart");oo("dblclick","onDoubleClick");oo("focusin","onFocus");oo("focusout","onBlur");oo(lo,"onTransitionEnd");Yb("onMouseEnter",["mouseout","mouseover"]);Yb("onMouseLeave",["mouseout","mouseover"]);Yb("onPointerEnter",["pointerout","pointerover"]);
 Yb("onPointerLeave",["pointerout","pointerover"]);Xb("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Xb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Xb("onBeforeInput",["compositionend","keypress","textInput","paste"]);Xb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Xb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
-Xb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var jo="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),ko=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(jo));
-function lo(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Zi(d,b,void 0,a);a.currentTarget=null}
-function xn(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;lo(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;lo(e,h,n);f=k}}}if(Vi)throw a=Wi,Vi=!1,Wi=null,a;}
-function Y(a,b){var c=b[Fb];void 0===c&&(c=b[Fb]=new Set);var d=a+"__bubble";c.has(d)||(mo(b,a,2,!1),c.add(d))}function no(a,b,c){var d=0;b&&(d|=4);mo(c,a,d,b)}var oo="_reactListening"+Math.random().toString(36).slice(2);function Ni(a){if(!a[oo]){a[oo]=!0;Vb.forEach(function(c){"selectionchange"!==c&&(ko.has(c)||no(c,!1,a),no(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[oo]||(b[oo]=!0,no("selectionchange",!1,b))}}
-function mo(a,b,c,d){switch(Qk(b)){case 2:var e=Um;break;case 8:e=Wm;break;default:e=Vm}c=e.bind(null,b,c,a);e=void 0;!Ll||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
-function Xm(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Mb(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}Jl(function(){var n=
-f,q=Kc(c),w=[];a:{var r=bo.get(a);if(void 0!==r){var u=Sl,z=a;switch(a){case "keypress":if(0===Nl(c))break a;case "keydown":case "keyup":u=pm;break;case "focusin":z="focus";u=dm;break;case "focusout":z="blur";u=dm;break;case "beforeblur":case "afterblur":u=dm;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":u=$l;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":u=
-bm;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":u=tm;break;case Yn:case Zn:case $n:u=fm;break;case ao:u=vm;break;case "scroll":case "scrollend":u=Ul;break;case "wheel":u=xm;break;case "copy":case "cut":case "paste":u=hm;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":u=rm}var C=0!==(b&4),V=!C&&("scroll"===a||"scrollend"===a),R=C?null!==r?r+"Capture":
-null:r;C=[];for(var m=n,l;null!==m;){var p=m;l=p.stateNode;p=p.tag;5!==p&&26!==p&&27!==p||null===l||null===R||(p=Kl(m,R),null!=p&&C.push(po(m,p,l)));if(V)break;m=m.return}0<C.length&&(r=new u(r,z,null,c,q),w.push({event:r,listeners:C}))}}if(0===(b&7)){a:{r="mouseover"===a||"pointerover"===a;u="mouseout"===a||"pointerout"===a;if(r&&c!==Jc&&(z=c.relatedTarget||c.fromElement)&&(Mb(z)||z[Eb]))break a;if(u||r){r=q.window===q?q:(r=q.ownerDocument)?r.defaultView||r.parentWindow:window;if(u){if(z=c.relatedTarget||
-c.toElement,u=n,z=z?Mb(z):null,null!==z&&(V=Qc(z),C=z.tag,z!==V||5!==C&&27!==C&&6!==C))z=null}else u=null,z=n;if(u!==z){C=$l;p="onMouseLeave";R="onMouseEnter";m="mouse";if("pointerout"===a||"pointerover"===a)C=rm,p="onPointerLeave",R="onPointerEnter",m="pointer";V=null==u?r:Pb(u);l=null==z?r:Pb(z);r=new C(p,m+"leave",u,c,q);r.target=V;r.relatedTarget=l;p=null;Mb(q)===n&&(C=new C(R,m+"enter",z,c,q),C.target=l,C.relatedTarget=V,p=C);V=p;if(u&&z)b:{C=u;R=z;m=0;for(l=C;l;l=qo(l))m++;l=0;for(p=R;p;p=qo(p))l++;
-for(;0<m-l;)C=qo(C),m--;for(;0<l-m;)R=qo(R),l--;for(;m--;){if(C===R||null!==R&&C===R.alternate)break b;C=qo(C);R=qo(R)}C=null}else C=null;null!==u&&ro(w,r,u,C,!1);null!==z&&null!==V&&ro(w,V,z,C,!0)}}}a:{r=n?Pb(n):window;u=r.nodeName&&r.nodeName.toLowerCase();if("select"===u||"input"===u&&"file"===r.type)var v=zn;else if(rn(r))if(An)v=Jn;else{v=Hn;var x=Gn}else u=r.nodeName,!u||"input"!==u.toLowerCase()||"checkbox"!==r.type&&"radio"!==r.type?n&&Hc(n.elementType)&&(v=zn):v=In;if(v&&(v=v(a,n))){sn(w,
-v,c,q);break a}x&&x(a,r,n);"focusout"===a&&n&&"number"===r.type&&null!=n.memoizedProps.value&&xc(r,"number",r.value)}x=n?Pb(n):window;switch(a){case "focusin":if(rn(x)||"true"===x.contentEditable)On=x,Pn=n,Qn=null;break;case "focusout":Qn=Pn=On=null;break;case "mousedown":Rn=!0;break;case "contextmenu":case "mouseup":case "dragend":Rn=!1;Sn(w,c,q);break;case "selectionchange":if(Nn)break;case "keydown":case "keyup":Sn(w,c,q)}var A;if(dn)b:{switch(a){case "compositionstart":var y="onCompositionStart";
-break b;case "compositionend":y="onCompositionEnd";break b;case "compositionupdate":y="onCompositionUpdate";break b}y=void 0}else nn?ln(a,c)&&(y="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(y="onCompositionStart");y&&(hn&&"ko"!==c.locale&&(nn||"onCompositionStart"!==y?"onCompositionEnd"===y&&nn&&(A=bn()):(Zm=q,$m="value"in Zm?Zm.value:Zm.textContent,nn=!0)),x=tn(n,y),0<x.length&&(y=new jm(y,a,null,c,q),w.push({event:y,listeners:x}),A?y.data=A:(A=mn(c),null!==A&&(y.data=A))));if(A=fn?on(a,
-c):pn(a,c))y=tn(n,"onBeforeInput"),0<y.length&&(x=new jm("onBeforeInput","beforeinput",null,c,q),w.push({event:x,listeners:y}),x.data=A);ym(w,a,n,c,q)}xn(w,b)})}function po(a,b,c){return{instance:a,listener:b,currentTarget:c}}function tn(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=Kl(a,c),null!=e&&d.unshift(po(a,e,f)),e=Kl(a,b),null!=e&&d.push(po(a,e,f)));a=a.return}return d}
-function qo(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function ro(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=Kl(c,f),null!=n&&g.unshift(po(c,n,k))):e||(n=Kl(c,f),null!=n&&g.push(po(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var so=/\r\n?/g,to=/\u0000|\uFFFD/g;
-function uo(a){return("string"===typeof a?a:""+a).replace(so,"\n").replace(to,"")}function Mi(a,b,c){b=uo(b);if(uo(a)!==b&&c)throw Error(t(425));}function Bj(){}
-function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Dc(a,d):"number"===typeof d&&"body"!==b&&Dc(a,""+d);break;case "className":ec(a,"class",d);break;case "tabIndex":ec(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":ec(a,c,d);break;case "style":Gc(a,d,f);break;case "src":case "href":if(""===d){a.removeAttribute(c);break}if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);
-break}a.setAttribute(c,""+d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,e,null),Z(a,b,"formEncType",
-e.formEncType,e,null),Z(a,b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=Bj);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==
-typeof d||!("__html"in d))throw Error(t(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(t(60));a.innerHTML=d}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===typeof d||"boolean"===
-typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
+Xb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var to="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),uo=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(to));
+function vo(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;ej(d,b,void 0,a);a.currentTarget=null}
+function Hn(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;vo(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;vo(e,h,n);f=k}}}if(aj)throw a=bj,aj=!1,bj=null,a;}
+function Y(a,b){var c=b[Fb];void 0===c&&(c=b[Fb]=new Set);var d=a+"__bubble";c.has(d)||(wo(b,a,2,!1),c.add(d))}function xo(a,b,c){var d=0;b&&(d|=4);wo(c,a,d,b)}var yo="_reactListening"+Math.random().toString(36).slice(2);function Ti(a){if(!a[yo]){a[yo]=!0;Vb.forEach(function(c){"selectionchange"!==c&&(uo.has(c)||xo(c,!1,a),xo(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[yo]||(b[yo]=!0,xo("selectionchange",!1,b))}}
+function wo(a,b,c,d){switch(Zk(b)){case 2:var e=dn;break;case 8:e=fn;break;default:e=en}c=e.bind(null,b,c,a);e=void 0;!Vl||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
+function gn(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Mb(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}Tl(function(){var n=
+f,u=Lc(c),w=[];a:{var q=mo.get(a);if(void 0!==q){var r=bm,y=a;switch(a){case "keypress":if(0===Xl(c))break a;case "keydown":case "keyup":r=zm;break;case "focusin":y="focus";r=nm;break;case "focusout":y="blur";r=nm;break;case "beforeblur":case "afterblur":r=nm;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":r=jm;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":r=
+lm;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":r=Dm;break;case io:case jo:case ko:r=pm;break;case lo:r=Fm;break;case "scroll":case "scrollend":r=dm;break;case "wheel":r=Hm;break;case "copy":case "cut":case "paste":r=rm;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":r=Bm}var D=0!==(b&4),T=!D&&("scroll"===a||"scrollend"===a),m=D?null!==q?q+"Capture":
+null:q;D=[];for(var l=n,p;null!==l;){var v=l;p=v.stateNode;v=v.tag;5!==v&&26!==v&&27!==v||null===p||null===m||(v=Ul(l,m),null!=v&&D.push(zo(l,v,p)));if(T)break;l=l.return}0<D.length&&(q=new r(q,y,null,c,u),w.push({event:q,listeners:D}))}}if(0===(b&7)){a:{q="mouseover"===a||"pointerover"===a;r="mouseout"===a||"pointerout"===a;if(q&&c!==Kc&&(y=c.relatedTarget||c.fromElement)&&(Mb(y)||y[Eb]))break a;if(r||q){q=u.window===u?u:(q=u.ownerDocument)?q.defaultView||q.parentWindow:window;if(r){if(y=c.relatedTarget||
+c.toElement,r=n,y=y?Mb(y):null,null!==y&&(T=Rc(y),D=y.tag,y!==T||5!==D&&27!==D&&6!==D))y=null}else r=null,y=n;if(r!==y){D=jm;v="onMouseLeave";m="onMouseEnter";l="mouse";if("pointerout"===a||"pointerover"===a)D=Bm,v="onPointerLeave",m="onPointerEnter",l="pointer";T=null==r?q:Pb(r);p=null==y?q:Pb(y);q=new D(v,l+"leave",r,c,u);q.target=T;q.relatedTarget=p;v=null;Mb(u)===n&&(D=new D(m,l+"enter",y,c,u),D.target=p,D.relatedTarget=T,v=D);T=v;if(r&&y)b:{D=r;m=y;l=0;for(p=D;p;p=Ao(p))l++;p=0;for(v=m;v;v=Ao(v))p++;
+for(;0<l-p;)D=Ao(D),l--;for(;0<p-l;)m=Ao(m),p--;for(;l--;){if(D===m||null!==m&&D===m.alternate)break b;D=Ao(D);m=Ao(m)}D=null}else D=null;null!==r&&Bo(w,q,r,D,!1);null!==y&&null!==T&&Bo(w,T,y,D,!0)}}}a:{q=n?Pb(n):window;r=q.nodeName&&q.nodeName.toLowerCase();if("select"===r||"input"===r&&"file"===q.type)var x=Jn;else if(Bn(q))if(Kn)x=Tn;else{x=Rn;var z=Qn}else r=q.nodeName,!r||"input"!==r.toLowerCase()||"checkbox"!==q.type&&"radio"!==q.type?n&&Ic(n.elementType)&&(x=Jn):x=Sn;if(x&&(x=x(a,n))){Cn(w,
+x,c,u);break a}z&&z(a,q,n);"focusout"===a&&n&&"number"===q.type&&null!=n.memoizedProps.value&&yc(q,"number",q.value)}z=n?Pb(n):window;switch(a){case "focusin":if(Bn(z)||"true"===z.contentEditable)Yn=z,Zn=n,$n=null;break;case "focusout":$n=Zn=Yn=null;break;case "mousedown":ao=!0;break;case "contextmenu":case "mouseup":case "dragend":ao=!1;bo(w,c,u);break;case "selectionchange":if(Xn)break;case "keydown":case "keyup":bo(w,c,u)}var A;if(on)b:{switch(a){case "compositionstart":var B="onCompositionStart";
+break b;case "compositionend":B="onCompositionEnd";break b;case "compositionupdate":B="onCompositionUpdate";break b}B=void 0}else xn?vn(a,c)&&(B="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(B="onCompositionStart");B&&(rn&&"ko"!==c.locale&&(xn||"onCompositionStart"!==B?"onCompositionEnd"===B&&xn&&(A=mn()):(jn=u,kn="value"in jn?jn.value:jn.textContent,xn=!0)),z=Dn(n,B),0<z.length&&(B=new tm(B,a,null,c,u),w.push({event:B,listeners:z}),A?B.data=A:(A=wn(c),null!==A&&(B.data=A))));if(A=qn?yn(a,
+c):zn(a,c))B=Dn(n,"onBeforeInput"),0<B.length&&(z=new tm("onBeforeInput","beforeinput",null,c,u),w.push({event:z,listeners:B}),z.data=A);Im(w,a,n,c,u)}Hn(w,b)})}function zo(a,b,c){return{instance:a,listener:b,currentTarget:c}}function Dn(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=Ul(a,c),null!=e&&d.unshift(zo(a,e,f)),e=Ul(a,b),null!=e&&d.push(zo(a,e,f)));a=a.return}return d}
+function Ao(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function Bo(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=Ul(c,f),null!=n&&g.unshift(zo(c,n,k))):e||(n=Ul(c,f),null!=n&&g.push(zo(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var Co=/\r\n?/g,Do=/\u0000|\uFFFD/g;
+function Eo(a){return("string"===typeof a?a:""+a).replace(Co,"\n").replace(Do,"")}function Si(a,b,c){b=Eo(b);if(Eo(a)!==b&&c)throw Error(t(425));}function Hj(){}
+function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Ec(a,d):"number"===typeof d&&"body"!==b&&Ec(a,""+d);break;case "className":ec(a,"class",d);break;case "tabIndex":ec(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":ec(a,c,d);break;case "style":Hc(a,d,f);break;case "src":case "href":if(""===d&&("a"!==b||"href"!==c)){a.removeAttribute(c);break}if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===
+typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,
+e,null),Z(a,b,"formEncType",e.formEncType,e,null),Z(a,b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=Hj);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=
+d){if("object"!==typeof d||!("__html"in d))throw Error(t(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(t(60));a.innerHTML=d}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":case "ref":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===
+typeof d||"boolean"===typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
 "function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""):a.removeAttribute(c);break;case "capture":case "download":!0===d?a.setAttribute(c,""):!1!==d&&null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,d):a.removeAttribute(c);break;case "cols":case "rows":case "size":case "span":null!=d&&"function"!==typeof d&&"symbol"!==typeof d&&!isNaN(d)&&1<=d?a.setAttribute(c,d):a.removeAttribute(c);break;case "rowSpan":case "start":null==d||"function"===typeof d||"symbol"===typeof d||
 isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":fc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":fc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":fc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":fc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":fc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":fc(a,"http://www.w3.org/1999/xlink","xlink:type",
-d);break;case "xmlBase":fc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":fc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":fc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":dc(a,"is",d);break;case "innerText":case "textContent":break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Ic.get(c)||c,dc(a,e,d)}}
-function vo(a,b,c,d,e,f){switch(c){case "style":Gc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(t(61));c=d.__html;if(null!=c){if(null!=e.children)throw Error(t(60));a.innerHTML=c}}break;case "children":"string"===typeof d?Dc(a,d):"number"===typeof d&&Dc(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=Bj);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":break;
+d);break;case "xmlBase":fc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":fc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":fc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":dc(a,"is",d);break;case "innerText":case "textContent":break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Jc.get(c)||c,dc(a,e,d)}}
+function Fo(a,b,c,d,e,f){switch(c){case "style":Hc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(t(61));c=d.__html;if(null!=c){if(null!=e.children)throw Error(t(60));a.innerHTML=c}}break;case "children":"string"===typeof d?Ec(a,d):"number"===typeof d&&Ec(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=Hj);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":case "ref":break;
 case "innerText":case "textContent":break;default:if(!Wb.hasOwnProperty(c))a:{if("o"===c[0]&&"n"===c[1]&&(e=c.endsWith("Capture"),b=c.slice(2,e?c.length-7:void 0),f=Qb(a),f=null!=f?f[c]:null,"function"===typeof f&&a.removeEventListener(b,f,e),"function"===typeof d)){"function"!==typeof f&&null!==f&&(c in a?a[c]=null:a.hasAttribute(c)&&a.removeAttribute(c));a.addEventListener(b,d,e);break a}c in a?a[c]=d:!0===d?a.setAttribute(c,""):dc(a,c,d)}}}
-function Li(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(q in c)if(c.hasOwnProperty(q)){var n=c[q];if(null!=n)switch(q){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(t(137,b));break;default:Z(a,
-b,q,n,c,null)}}yc(a,f,g,h,k,e,d,!1);rc(a);return;case "select":Y("invalid",a);var q=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":q=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!q;null!=b?Ac(a,!!q,b,!1):null!=c&&Ac(a,!!q,c,!0);return;case "textarea":Y("invalid",a);f=d=q=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":q=g;break;case "defaultValue":d=g;break;case "children":f=
-g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(t(91));break;default:Z(a,b,e,g,c,null)}Cc(a,q,d,f);rc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(q=c[g],null!=q))switch(g){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,g,q,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(q=0;q<jo.length;q++)Y(jo[q],a);break;case "image":Y("error",a);Y("load",
-a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(q=c[h],null!=q))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(t(137,b));default:Z(a,b,h,q,c,null)}return;default:if(Hc(b)){for(k in c)c.hasOwnProperty(k)&&(q=c[k],null!=q&&vo(a,b,k,q,c,null));
-return}}for(f in c)c.hasOwnProperty(f)&&(q=c[f],null!=q&&Z(a,b,f,q,c,null))}
-function Tj(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,q=null;for(u in c){var w=c[u];if(c.hasOwnProperty(u)&&null!=w)switch(u){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(u)||Z(a,b,u,null,d,w)}}for(var r in d){var u=d[r];w=c[r];if(d.hasOwnProperty(r)&&(null!=u||null!=w))switch(r){case "type":f=u;break;case "name":e=u;break;case "checked":n=
-u;break;case "defaultChecked":q=u;break;case "value":g=u;break;case "defaultValue":h=u;break;case "children":case "dangerouslySetInnerHTML":if(null!=u)throw Error(t(137,b));break;default:u!==w&&Z(a,b,r,u,d,w)}}wc(a,g,h,k,n,q,f,e);return;case "select":u=g=h=r=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":u=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":r=
-f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=u;null!=r?Ac(a,!!c,r,!1):!!d!==!!c&&(null!=b?Ac(a,!!c,b,!0):Ac(a,!!c,c?[]:"",!1));return;case "textarea":u=r=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":r=e;break;case "defaultValue":u=e;break;case "children":break;
-case "dangerouslySetInnerHTML":if(null!=e)throw Error(t(91));break;default:e!==f&&Z(a,b,g,e,d,f)}Bc(a,r,u);return;case "option":for(var z in c)if(r=c[z],c.hasOwnProperty(z)&&null!=r&&!d.hasOwnProperty(z))switch(z){case "selected":a.selected=!1;break;default:Z(a,b,z,null,d,r)}for(k in d)if(r=d[k],u=c[k],d.hasOwnProperty(k)&&r!==u&&(null!=r||null!=u))switch(k){case "selected":a.selected=r&&"function"!==typeof r&&"symbol"!==typeof r;break;default:Z(a,b,k,r,d,u)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var C in c)r=
-c[C],c.hasOwnProperty(C)&&null!=r&&!d.hasOwnProperty(C)&&Z(a,b,C,null,d,r);for(n in d)if(r=d[n],u=c[n],d.hasOwnProperty(n)&&r!==u&&(null!=r||null!=u))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(t(137,b));break;default:Z(a,b,n,r,d,u)}return;default:if(Hc(b)){for(var V in c)r=c[V],c.hasOwnProperty(V)&&null!=r&&!d.hasOwnProperty(V)&&vo(a,b,V,null,d,r);for(q in d)r=d[q],u=c[q],!d.hasOwnProperty(q)||r===u||null==r&&null==u||vo(a,b,q,r,d,u);return}}for(var R in c)r=c[R],
-c.hasOwnProperty(R)&&null!=r&&!d.hasOwnProperty(R)&&Z(a,b,R,null,d,r);for(w in d)r=d[w],u=c[w],!d.hasOwnProperty(w)||r===u||null==r&&null==u||Z(a,b,w,r,d,u)}var ij=null,mj=null;function Ki(a){return 9===a.nodeType?a:a.ownerDocument}function Pa(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
-function Qa(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Ld(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var wo=null;function rf(){var a=window.event;if(a&&"popstate"===a.type){if(a===wo)return!1;wo=a;return!0}wo=null;return!1}
-var Tk="function"===typeof setTimeout?setTimeout:void 0,al="function"===typeof clearTimeout?clearTimeout:void 0,xo="function"===typeof Promise?Promise:void 0,uf="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof xo?function(a){return xo.resolve(null).then(a).catch(yo)}:Tk;function yo(a){setTimeout(function(){throw a;})}
-function Hj(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);Ij(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);Ij(b)}function nj(a){var b=a.nodeType;if(9===b)zo(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":zo(a);break;default:a.textContent=""}}
-function zo(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":zo(c);Lb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
-function Bd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Kb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
+function Ri(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(u in c)if(c.hasOwnProperty(u)){var n=c[u];if(null!=n)switch(u){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(t(137,b));break;default:Z(a,
+b,u,n,c,null)}}zc(a,f,g,h,k,e,d,!1);sc(a);return;case "select":Y("invalid",a);var u=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":u=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!u;null!=b?Bc(a,!!u,b,!1):null!=c&&Bc(a,!!u,c,!0);return;case "textarea":Y("invalid",a);f=d=u=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":u=g;break;case "defaultValue":d=g;break;case "children":f=
+g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(t(91));break;default:Z(a,b,e,g,c,null)}Dc(a,u,d,f);sc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(u=c[g],null!=u))switch(g){case "selected":a.selected=u&&"function"!==typeof u&&"symbol"!==typeof u;break;default:Z(a,b,g,u,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(u=0;u<to.length;u++)Y(to[u],a);break;case "image":Y("error",a);Y("load",
+a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(u=c[h],null!=u))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(t(137,b));default:Z(a,b,h,u,c,null)}return;default:if(Ic(b)){for(k in c)c.hasOwnProperty(k)&&(u=c[k],null!=u&&Fo(a,b,k,u,c,null));
+return}}for(f in c)c.hasOwnProperty(f)&&(u=c[f],null!=u&&Z(a,b,f,u,c,null))}
+function Zj(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,u=null;for(r in c){var w=c[r];if(c.hasOwnProperty(r)&&null!=w)switch(r){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(r)||Z(a,b,r,null,d,w)}}for(var q in d){var r=d[q];w=c[q];if(d.hasOwnProperty(q)&&(null!=r||null!=w))switch(q){case "type":f=r;break;case "name":e=r;break;case "checked":n=
+r;break;case "defaultChecked":u=r;break;case "value":g=r;break;case "defaultValue":h=r;break;case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(t(137,b));break;default:r!==w&&Z(a,b,q,r,d,w)}}xc(a,g,h,k,n,u,f,e);return;case "select":r=g=h=q=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":r=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":q=
+f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=r;null!=q?Bc(a,!!c,q,!1):!!d!==!!c&&(null!=b?Bc(a,!!c,b,!0):Bc(a,!!c,c?[]:"",!1));return;case "textarea":r=q=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":q=e;break;case "defaultValue":r=e;break;case "children":break;
+case "dangerouslySetInnerHTML":if(null!=e)throw Error(t(91));break;default:e!==f&&Z(a,b,g,e,d,f)}Cc(a,q,r);return;case "option":for(var y in c)if(q=c[y],c.hasOwnProperty(y)&&null!=q&&!d.hasOwnProperty(y))switch(y){case "selected":a.selected=!1;break;default:Z(a,b,y,null,d,q)}for(k in d)if(q=d[k],r=c[k],d.hasOwnProperty(k)&&q!==r&&(null!=q||null!=r))switch(k){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,k,q,d,r)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var D in c)q=
+c[D],c.hasOwnProperty(D)&&null!=q&&!d.hasOwnProperty(D)&&Z(a,b,D,null,d,q);for(n in d)if(q=d[n],r=c[n],d.hasOwnProperty(n)&&q!==r&&(null!=q||null!=r))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=q)throw Error(t(137,b));break;default:Z(a,b,n,q,d,r)}return;default:if(Ic(b)){for(var T in c)q=c[T],c.hasOwnProperty(T)&&null!=q&&!d.hasOwnProperty(T)&&Fo(a,b,T,null,d,q);for(u in d)q=d[u],r=c[u],!d.hasOwnProperty(u)||q===r||null==q&&null==r||Fo(a,b,u,q,d,r);return}}for(var m in c)q=c[m],
+c.hasOwnProperty(m)&&null!=q&&!d.hasOwnProperty(m)&&Z(a,b,m,null,d,q);for(w in d)q=d[w],r=c[w],!d.hasOwnProperty(w)||q===r||null==q&&null==r||Z(a,b,w,q,d,r)}var oj=null,sj=null;function Qi(a){return 9===a.nodeType?a:a.ownerDocument}function Ma(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
+function Na(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Md(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var Go=null;function ve(){var a=window.event;if(a&&"popstate"===a.type){if(a===Go)return!1;Go=a;return!0}Go=null;return!1}
+var cl="function"===typeof setTimeout?setTimeout:void 0,kl="function"===typeof clearTimeout?clearTimeout:void 0,Ho="function"===typeof Promise?Promise:void 0,ye="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof Ho?function(a){return Ho.resolve(null).then(a).catch(Io)}:cl;function Io(a){setTimeout(function(){throw a;})}
+function Nj(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);Oj(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);Oj(b)}function tj(a){var b=a.nodeType;if(9===b)Jo(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":Jo(a);break;default:a.textContent=""}}
+function Jo(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":Jo(c);Lb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
+function Cd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Kb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
 a.getAttribute("href")!==(null==e.href?null:e.href)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin)||a.getAttribute("title")!==(null==e.title?null:e.title))break;return a;case "style":if(a.hasAttribute("data-precedence"))break;return a;case "script":f=a.getAttribute("src");if((f!==(null==e.src?null:e.src)||a.getAttribute("type")!==(null==e.type?null:e.type)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin))&&f&&a.hasAttribute("async")&&!a.hasAttribute("itemprop"))break;
-return a;default:return a}a=Gd(a);if(null===a)break}return null}function Ed(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Gd(a);if(null===a)return null}return a}function Cd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Gd(a){return Cd(a.nextSibling)}
-function Ii(a,b,c,d,e){a[Cb]=e;a[Db]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<jo.length;e++)Y(jo[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);yc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);rc(a);break;case "select":Y("invalid",
-a);break;case "textarea":Y("invalid",a),Cc(a,c.value,c.defaultValue,c.children),rc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&Mi(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=Bj)}
-function Nb(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function Ao(a){a=a.getBoundingClientRect();return{x:a.left,y:a.top,width:a.width,height:a.height}}function xk(a){return 5===a.tag&&!0===a.memoizedProps.hidden}
-function Bo(a){function b(){c=!0}var c=!1;try{a.addEventListener("focus",b),(a.focus||HTMLElement.prototype.focus).call(a)}finally{a.removeEventListener("focus",b)}return c}
-function Co(a,b,c){var d=new Map;a.forEach(function(f){d.set(f,{rect:Ao(f),ratio:0})});var e=new IntersectionObserver(function(f){f.forEach(function(g){var h=g.boundingClientRect;d.set(g.target,{rect:{x:h.left,y:h.top,width:h.width,height:h.height},ratio:g.intersectionRatio})});b(Array.from(d.values()))},c);a.forEach(function(f){e.observe(f)});return{disconnect:function(){return e.disconnect()},observe:function(f){d.set(f,{rect:Ao(f),ratio:0});e.observe(f)},unobserve:function(f){d.delete(f);e.unobserve(f)}}}
-function Ji(a,b,c){b=Ki(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(t(452));return a;case "head":a=b.head;if(!a)throw Error(t(453));return a;case "body":a=b.body;if(!a)throw Error(t(454));return a;default:throw Error(t(451));}}var Do=new Map,Eo=new Set;function Vj(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var Mo={prefetchDNS:Fo,preconnect:Go,preload:Ho,preloadModule:Io,preinitStyle:Jo,preinitScript:Ko,preinitModuleScript:Lo};
-function No(a,b,c){var d=document;if("string"===typeof b&&b){var e=vc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');Eo.has(e)||(Eo.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),Li(b,"link",a),Sb(b),d.head.appendChild(b)))}}function Fo(a){No("dns-prefetch",a,null)}function Go(a,b){No("preconnect",a,b)}
-function Ho(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+vc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+vc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+vc(c.imageSizes)+'"]')):e+='[href="'+vc(a)+'"]':e+='[href="'+vc(a)+'"]';var f=e;switch(b){case "style":f=Oo(a);break;case "script":f=Po(a)}Do.has(f)||(a=B({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),Do.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(Qo(f))||
-"script"===b&&d.querySelector(Ro(f))||(b=d.createElement("link"),Li(b,"link",a),Sb(b),d.head.appendChild(b)))}}
-function Io(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+vc(d)+'"][href="'+vc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=Po(a)}if(!Do.has(f)&&(a=B({rel:"modulepreload",href:a},b),Do.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(Ro(f)))return}d=c.createElement("link");
-Li(d,"link",a);Sb(d);c.head.appendChild(d)}}}
-function Jo(a,b,c){var d=document;if(a){var e=Rb(d).hoistableStyles,f=Oo(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(Qo(f)))h.loading=5;else{a=B({rel:"stylesheet",href:a,"data-precedence":b},c);(c=Do.get(f))&&So(a,c);var k=g=d.createElement("link");Sb(k);Li(k,"link",a);k._p=new Promise(function(n,q){k.onload=n;k.onerror=q});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;To(g,b,d)}g=
-{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function Ko(a,b){var c=document;if(a){var d=Rb(c).hoistableScripts,e=Po(a),f=d.get(e);f||(f=c.querySelector(Ro(e)),f||(a=B({src:a,async:!0},b),(b=Do.get(e))&&Uo(a,b),f=c.createElement("script"),Sb(f),Li(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function Lo(a,b){var c=document;if(a){var d=Rb(c).hoistableScripts,e=Po(a),f=d.get(e);f||(f=c.querySelector(Ro(e)),f||(a=B({src:a,async:!0,type:"module"},b),(b=Do.get(e))&&Uo(a,b),f=c.createElement("script"),Sb(f),Li(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function tl(a,b,c){b=(b=La.current)?Vj(b):null;if(!b)throw Error(t(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=Oo(c.href),b=Rb(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=Oo(c.href);var d=Rb(b).hoistableStyles,e=d.get(a);
-e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),Do.has(a)||Vo(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=Po(c.src),b=Rb(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
-instance:null,count:0,state:null};default:throw Error(t(444,a));}}function Oo(a){return'href="'+vc(a)+'"'}function Qo(a){return'link[rel="stylesheet"]['+a+"]"}function Wo(a){return B({},a,{"data-precedence":a.precedence,precedence:null})}
-function Vo(a,b,c,d){Do.set(b,c);a.querySelector(Qo(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),Li(b,"link",c),Sb(b),a.head.appendChild(b)))}function Po(a){return'[src="'+vc(a)+'"]'}function Ro(a){return"script[async]"+a}
-function Sj(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+vc(c.href)+'"]');if(d)return b.instance=d,Sb(d),d;var e=B({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");Sb(d);Li(d,"style",e);To(d,c.precedence,a);return b.instance=d;case "stylesheet":e=Oo(c.href);var f=a.querySelector(Qo(e));if(f)return b.state.loading|=4,b.instance=f,Sb(f),f;d=Wo(c);(e=Do.get(e))&&
-So(d,e);f=(a.ownerDocument||a).createElement("link");Sb(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});Li(f,"link",d);b.state.loading|=4;To(f,c.precedence,a);return b.instance=f;case "script":f=Po(c.src);if(e=a.querySelector(Ro(f)))return b.instance=e,Sb(e),e;d=c;if(e=Do.get(f))d=B({},c),Uo(d,e);a=a.ownerDocument||a;e=a.createElement("script");Sb(e);Li(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(t(443,b.type));}else"stylesheet"===
-b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,To(d,c.precedence,a));return b.instance}function To(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
-function So(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function Uo(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var Uj=null;
-function Qj(a,b,c){if(null===Uj){var d=new Map;var e=Uj=new Map;e.set(c,d)}else e=Uj,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Kb]||f[Cb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
-function Rj(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
-function vl(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
-var Vk=null;function Wk(){}
-function ik(a,b,c){if(null===Vk)throw Error(t(475));var d=Vk;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=Oo(c.href),f=a.querySelector(Qo(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=Xo.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;Sb(f);return}f=a.ownerDocument||a;c=Wo(c);(e=Do.get(e))&&So(c,e);f=f.createElement("link");Sb(f);var g=f;g._p=new Promise(function(h,
-k){g.onload=h;g.onerror=k});Li(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=Xo.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
-function Xk(){if(null===Vk)throw Error(t(475));var a=Vk;a.stylesheets&&0===a.count&&Yo(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&Yo(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function Xo(){this.count--;if(0===this.count)if(this.stylesheets)Yo(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var Zo=null;
-function Yo(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,Zo=new Map,b.forEach($o,a),Zo=null,Xo.call(a))}
-function $o(a,b){if(!(b.state.loading&4)){var c=Zo.get(a);if(c)var d=c.get("last");else{c=new Map;Zo.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set("p"+g.dataset.precedence,g),d=g}d&&c.set("last",d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get("p"+g)||d;f===d&&c.set("last",e);c.set(g,e);this.count++;d=Xo.bind(this);e.addEventListener("load",d);e.addEventListener("error",
-d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var ap=ca.Dispatcher;"undefined"!==typeof document&&(ap.current=Mo);var bp="function"===typeof reportError?reportError:function(a){console.error(a)};function cp(a){this._internalRoot=a}dp.prototype.render=cp.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(t(409));Bl(a,b,null,null)};
-dp.prototype.unmount=cp.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Zk(function(){Bl(null,a,null,null)});b[Eb]=null}};function dp(a){this._internalRoot=a}dp.prototype.unstable_scheduleHydration=function(a){if(a){var b=F;a={blockedOn:null,target:a,priority:b};for(var c=0;c<Fm.length&&0!==b&&b<Fm[c].priority;c++);Fm.splice(c,0,a);0===c&&Km(a)}};function ep(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
-function fp(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function gp(){}
-function hp(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=Cl(g);f.call(n)}}var g=Al(b,d,a,0,null,!1,!1,"",gp,null,null);a._reactRootContainer=g;a[Eb]=g.current;Ni(8===a.nodeType?a.parentNode:a);Zk();return g}nj(a);if("function"===typeof d){var h=d;d=function(){var n=Cl(k);h.call(n)}}var k=xl(a,0,!1,null,null,!1,!1,"",gp,null,null);a._reactRootContainer=k;a[Eb]=k.current;Ni(8===a.nodeType?a.parentNode:a);Zk(function(){Bl(b,k,c,d)});return k}
-function ip(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=Cl(g);h.call(k)}}Bl(b,g,a,e)}else g=hp(c,b,a,e,d);return Cl(g)}function jp(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var kp=ca.Dispatcher;ca.Events=[Ob,Pb,Qb,Oc,Pc,Yk];var lp={findFiberByHostInstance:Mb,bundleType:0,version:"18.3.0-experimental-60a927d04-20240113",rendererPackageName:"react-dom"};
-var mp={bundleType:lp.bundleType,version:lp.version,rendererPackageName:lp.rendererPackageName,rendererConfig:lp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=Uc(a);return null===a?null:a.stateNode},findFiberByHostInstance:lp.findFiberByHostInstance||
-Hl,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-experimental-60a927d04-20240113"};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var np=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!np.isDisabled&&np.supportsFiber)try{eb=np.inject(mp),fb=np}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;exports.createComponentSelector=function(a){return{$$typeof:pk,value:a}};
-exports.createHasPseudoClassSelector=function(a){return{$$typeof:qk,value:a}};exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!ep(b))throw Error(t(200));return yl(a,b,null,c)};exports.createRoleSelector=function(a){return{$$typeof:rk,value:a}};
-exports.createRoot=function(a,b){if(!ep(a))throw Error(t(299));var c=!1,d="",e=bp,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=xl(a,1,!1,null,null,c,!1,d,e,f,null);a[Eb]=b.current;ap.current=Mo;Ni(8===a.nodeType?a.parentNode:a);return new cp(b)};
-exports.createTestNameSelector=function(a){return{$$typeof:sk,value:a}};exports.createTextSelector=function(a){return{$$typeof:tk,value:a}};exports.experimental_useFormState=function(a,b,c){return ja(a,b,c)};exports.experimental_useFormStatus=function(){return ia()};exports.findAllNodes=Ak;
-exports.findBoundingRects=function(a,b){b=Ak(a,b);a=[];for(var c=0;c<b.length;c++)a.push(Ao(b[c]));for(b=a.length-1;0<b;b--){c=a[b];for(var d=c.x,e=d+c.width,f=c.y,g=f+c.height,h=b-1;0<=h;h--)if(b!==h){var k=a[h],n=k.x,q=n+k.width,w=k.y,r=w+k.height;if(d>=n&&f>=w&&e<=q&&g<=r){a.splice(b,1);break}else if(!(d!==n||c.width!==k.width||r<f||w>g)){w>f&&(k.height+=w-f,k.y=f);r<g&&(k.height=g-w);a.splice(b,1);break}else if(!(f!==w||c.height!==k.height||q<d||n>e)){n>d&&(k.width+=n-d,k.x=d);q<e&&(k.width=e-
-n);a.splice(b,1);break}}}return a};exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(t(188));a=Object.keys(a).join(",");throw Error(t(268,a));}a=Uc(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return Zk(a)};
-exports.focusWithin=function(a,b){a=vk(a);b=zk(a,b);b=Array.from(b);for(a=0;a<b.length;){var c=b[a++],d=c.tag;if(!xk(c)){if((5===d||26===d||27===d)&&Bo(c.stateNode))return!0;for(c=c.child;null!==c;)b.push(c),c=c.sibling}}return!1};
-exports.getFindAllNodesFailureDescription=function(a,b){var c=0,d=[];a=[vk(a),0];for(var e=0;e<a.length;){var f=a[e++],g=f.tag,h=a[e++],k=b[h];if(5!==g&&26!==g&&27!==g||!xk(f))if(wk(f,k)&&(d.push(yk(k)),h++,h>c&&(c=h)),h<b.length)for(f=f.child;null!==f;)a.push(f,h),f=f.sibling}if(c<b.length){for(a=[];c<b.length;c++)a.push(yk(b[c]));return"findAllNodes was able to match part of the selector:\n  "+(d.join(" > ")+"\n\nNo matching component was found for:\n  ")+a.join(" > ")}return null};
-exports.hydrate=function(a,b,c){if(!fp(b))throw Error(t(200));return ip(null,a,b,!0,c)};
-exports.hydrateRoot=function(a,b,c){if(!ep(a))throw Error(t(405));var d=!1,e="",f=bp,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=Al(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Eb]=b.current;ap.current=Mo;Ni(a);return new dp(b)};
-exports.observeVisibleRects=function(a,b,c,d){a=Ak(a,b);var e=Co(a,c,d).disconnect;return{disconnect:function(){e()}}};exports.preconnect=function(a,b){var c=kp.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=kp.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
-exports.preinit=function(a,b){var c=kp.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=jp(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
-exports.preinitModule=function(a,b){var c=kp.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=jp(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
-exports.preload=function(a,b){var c=kp.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=jp(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
-typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=kp.current;if(c&&"string"===typeof a)if(b){var d=jp(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!fp(b))throw Error(t(200));return ip(null,a,b,!1,c)};
-exports.unmountComponentAtNode=function(a){if(!fp(a))throw Error(t(40));return a._reactRootContainer?(Zk(function(){ip(null,null,a,!1,function(){a._reactRootContainer=null;a[Eb]=null})}),!0):!1};exports.unstable_batchedUpdates=Yk;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!fp(c))throw Error(t(200));if(null==a||void 0===a._reactInternals)throw Error(t(38));return ip(a,b,c,!1,d)};exports.unstable_runWithPriority=yb;exports.useFormState=ja;exports.useFormStatus=ia;
-exports.version="18.3.0-experimental-60a927d04-20240113";
+return a;default:return a}a=Hd(a);if(null===a)break}return null}function Fd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Hd(a);if(null===a)return null}return a}function Dd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Hd(a){return Dd(a.nextSibling)}
+function Oi(a,b,c,d,e){a[Cb]=e;a[Db]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<to.length;e++)Y(to[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);zc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);sc(a);break;case "select":Y("invalid",
+a);break;case "textarea":Y("invalid",a),Dc(a,c.value,c.defaultValue,c.children),sc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&Si(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=Hj)}
+function Nb(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function Ko(a){a=a.getBoundingClientRect();return{x:a.left,y:a.top,width:a.width,height:a.height}}function Dk(a){return 5===a.tag&&!0===a.memoizedProps.hidden}
+function Lo(a){function b(){c=!0}var c=!1;try{a.addEventListener("focus",b),(a.focus||HTMLElement.prototype.focus).call(a)}finally{a.removeEventListener("focus",b)}return c}
+function Mo(a,b,c){var d=new Map;a.forEach(function(f){d.set(f,{rect:Ko(f),ratio:0})});var e=new IntersectionObserver(function(f){f.forEach(function(g){var h=g.boundingClientRect;d.set(g.target,{rect:{x:h.left,y:h.top,width:h.width,height:h.height},ratio:g.intersectionRatio})});b(Array.from(d.values()))},c);a.forEach(function(f){e.observe(f)});return{disconnect:function(){return e.disconnect()},observe:function(f){d.set(f,{rect:Ko(f),ratio:0});e.observe(f)},unobserve:function(f){d.delete(f);e.unobserve(f)}}}
+function Pi(a,b,c){b=Qi(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(t(452));return a;case "head":a=b.head;if(!a)throw Error(t(453));return a;case "body":a=b.body;if(!a)throw Error(t(454));return a;default:throw Error(t(451));}}var No=new Map,Oo=new Set;function bk(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var Wo={prefetchDNS:Po,preconnect:Qo,preload:Ro,preloadModule:So,preinitStyle:To,preinitScript:Uo,preinitModuleScript:Vo};
+function Xo(a,b,c){var d=document;if("string"===typeof b&&b){var e=wc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');Oo.has(e)||(Oo.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),Ri(b,"link",a),Sb(b),d.head.appendChild(b)))}}function Po(a){Xo("dns-prefetch",a,null)}function Qo(a,b){Xo("preconnect",a,b)}
+function Ro(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+wc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+wc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+wc(c.imageSizes)+'"]')):e+='[href="'+wc(a)+'"]':e+='[href="'+wc(a)+'"]';var f=e;switch(b){case "style":f=Yo(a);break;case "script":f=Zo(a)}No.has(f)||(a=C({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),No.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector($o(f))||
+"script"===b&&d.querySelector(ap(f))||(b=d.createElement("link"),Ri(b,"link",a),Sb(b),d.head.appendChild(b)))}}
+function So(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+wc(d)+'"][href="'+wc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=Zo(a)}if(!No.has(f)&&(a=C({rel:"modulepreload",href:a},b),No.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(ap(f)))return}d=c.createElement("link");
+Ri(d,"link",a);Sb(d);c.head.appendChild(d)}}}
+function To(a,b,c){var d=document;if(a){var e=Rb(d).hoistableStyles,f=Yo(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector($o(f)))h.loading=5;else{a=C({rel:"stylesheet",href:a,"data-precedence":b},c);(c=No.get(f))&&bp(a,c);var k=g=d.createElement("link");Sb(k);Ri(k,"link",a);k._p=new Promise(function(n,u){k.onload=n;k.onerror=u});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;cp(g,b,d)}g=
+{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function Uo(a,b){var c=document;if(a){var d=Rb(c).hoistableScripts,e=Zo(a),f=d.get(e);f||(f=c.querySelector(ap(e)),f||(a=C({src:a,async:!0},b),(b=No.get(e))&&dp(a,b),f=c.createElement("script"),Sb(f),Ri(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function Vo(a,b){var c=document;if(a){var d=Rb(c).hoistableScripts,e=Zo(a),f=d.get(e);f||(f=c.querySelector(ap(e)),f||(a=C({src:a,async:!0,type:"module"},b),(b=No.get(e))&&dp(a,b),f=c.createElement("script"),Sb(f),Ri(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function Dl(a,b,c){b=(b=Ia.current)?bk(b):null;if(!b)throw Error(t(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=Yo(c.href),b=Rb(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=Yo(c.href);var d=Rb(b).hoistableStyles,e=d.get(a);
+e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),No.has(a)||ep(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=Zo(c.src),b=Rb(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
+instance:null,count:0,state:null};default:throw Error(t(444,a));}}function Yo(a){return'href="'+wc(a)+'"'}function $o(a){return'link[rel="stylesheet"]['+a+"]"}function fp(a){return C({},a,{"data-precedence":a.precedence,precedence:null})}
+function ep(a,b,c,d){No.set(b,c);a.querySelector($o(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),Ri(b,"link",c),Sb(b),a.head.appendChild(b)))}function Zo(a){return'[src="'+wc(a)+'"]'}function ap(a){return"script[async]"+a}
+function Yj(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+wc(c.href)+'"]');if(d)return b.instance=d,Sb(d),d;var e=C({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");Sb(d);Ri(d,"style",e);cp(d,c.precedence,a);return b.instance=d;case "stylesheet":e=Yo(c.href);var f=a.querySelector($o(e));if(f)return b.state.loading|=4,b.instance=f,Sb(f),f;d=fp(c);(e=No.get(e))&&
+bp(d,e);f=(a.ownerDocument||a).createElement("link");Sb(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});Ri(f,"link",d);b.state.loading|=4;cp(f,c.precedence,a);return b.instance=f;case "script":f=Zo(c.src);if(e=a.querySelector(ap(f)))return b.instance=e,Sb(e),e;d=c;if(e=No.get(f))d=C({},c),dp(d,e);a=a.ownerDocument||a;e=a.createElement("script");Sb(e);Ri(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(t(443,b.type));}else"stylesheet"===
+b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,cp(d,c.precedence,a));return b.instance}function cp(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
+function bp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function dp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var ak=null;
+function Wj(a,b,c){if(null===ak){var d=new Map;var e=ak=new Map;e.set(c,d)}else e=ak,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Kb]||f[Cb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
+function Xj(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
+function Fl(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
+var el=null;function fl(){}
+function ok(a,b,c){if(null===el)throw Error(t(475));var d=el;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=Yo(c.href),f=a.querySelector($o(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=gp.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;Sb(f);return}f=a.ownerDocument||a;c=fp(c);(e=No.get(e))&&bp(c,e);f=f.createElement("link");Sb(f);var g=f;g._p=new Promise(function(h,
+k){g.onload=h;g.onerror=k});Ri(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=gp.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
+function gl(){if(null===el)throw Error(t(475));var a=el;a.stylesheets&&0===a.count&&hp(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&hp(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function gp(){this.count--;if(0===this.count)if(this.stylesheets)hp(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var ip=null;
+function hp(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,ip=new Map,b.forEach(jp,a),ip=null,gp.call(a))}
+function jp(a,b){if(!(b.state.loading&4)){var c=ip.get(a);if(c)var d=c.get(null);else{c=new Map;ip.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set(g.dataset.precedence,g),d=g}d&&c.set(null,d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get(g)||d;f===d&&c.set(null,e);c.set(g,e);this.count++;d=gp.bind(this);e.addEventListener("load",d);e.addEventListener("error",
+d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var kp=ca.Dispatcher;"undefined"!==typeof document&&(kp.current=Wo);var lp="function"===typeof reportError?reportError:function(a){console.error(a)};function mp(a){this._internalRoot=a}np.prototype.render=mp.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(t(409));Ll(a,b,null,null)};
+np.prototype.unmount=mp.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;il(function(){Ll(null,a,null,null)});b[Eb]=null}};function np(a){this._internalRoot=a}np.prototype.unstable_scheduleHydration=function(a){if(a){var b=G;a={blockedOn:null,target:a,priority:b};for(var c=0;c<Pm.length&&0!==b&&b<Pm[c].priority;c++);Pm.splice(c,0,a);0===c&&Um(a)}};function op(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
+function pp(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function qp(){}
+function rp(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=Ml(g);f.call(n)}}var g=Kl(b,d,a,0,null,!1,!1,"",qp,null,null);a._reactRootContainer=g;a[Eb]=g.current;Ti(8===a.nodeType?a.parentNode:a);il();return g}tj(a);if("function"===typeof d){var h=d;d=function(){var n=Ml(k);h.call(n)}}var k=Hl(a,0,!1,null,null,!1,!1,"",qp,null,null);a._reactRootContainer=k;a[Eb]=k.current;Ti(8===a.nodeType?a.parentNode:a);il(function(){Ll(b,k,c,d)});return k}
+function sp(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=Ml(g);h.call(k)}}Ll(b,g,a,e)}else g=rp(c,b,a,e,d);return Ml(g)}function tp(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var up=ca.Dispatcher;ca.Events=[Ob,Pb,Qb,Pc,Qc,hl];var vp={findFiberByHostInstance:Mb,bundleType:0,version:"18.3.0-experimental-14898b6a9-20240318",rendererPackageName:"react-dom"};
+var wp={bundleType:vp.bundleType,version:vp.version,rendererPackageName:vp.rendererPackageName,rendererConfig:vp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=Vc(a);return null===a?null:a.stateNode},findFiberByHostInstance:vp.findFiberByHostInstance||
+Rl,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-experimental-14898b6a9-20240318"};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var xp=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!xp.isDisabled&&xp.supportsFiber)try{db=xp.inject(wp),eb=xp}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;exports.createComponentSelector=function(a){return{$$typeof:vk,value:a}};
+exports.createHasPseudoClassSelector=function(a){return{$$typeof:wk,value:a}};exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!op(b))throw Error(t(299));return Il(a,b,null,c)};exports.createRoleSelector=function(a){return{$$typeof:xk,value:a}};
+exports.createRoot=function(a,b){if(!op(a))throw Error(t(299));var c=!1,d="",e=lp,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=Hl(a,1,!1,null,null,c,!1,d,e,f,null);a[Eb]=b.current;kp.current=Wo;Ti(8===a.nodeType?a.parentNode:a);return new mp(b)};
+exports.createTestNameSelector=function(a){return{$$typeof:yk,value:a}};exports.createTextSelector=function(a){return{$$typeof:zk,value:a}};exports.findAllNodes=Gk;
+exports.findBoundingRects=function(a,b){b=Gk(a,b);a=[];for(var c=0;c<b.length;c++)a.push(Ko(b[c]));for(b=a.length-1;0<b;b--){c=a[b];for(var d=c.x,e=d+c.width,f=c.y,g=f+c.height,h=b-1;0<=h;h--)if(b!==h){var k=a[h],n=k.x,u=n+k.width,w=k.y,q=w+k.height;if(d>=n&&f>=w&&e<=u&&g<=q){a.splice(b,1);break}else if(!(d!==n||c.width!==k.width||q<f||w>g)){w>f&&(k.height+=w-f,k.y=f);q<g&&(k.height=g-w);a.splice(b,1);break}else if(!(f!==w||c.height!==k.height||u<d||n>e)){n>d&&(k.width+=n-d,k.x=d);u<e&&(k.width=e-
+n);a.splice(b,1);break}}}return a};exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(t(188));a=Object.keys(a).join(",");throw Error(t(268,a));}a=Vc(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return il(a)};
+exports.focusWithin=function(a,b){a=Bk(a);b=Fk(a,b);b=Array.from(b);for(a=0;a<b.length;){var c=b[a++],d=c.tag;if(!Dk(c)){if((5===d||26===d||27===d)&&Lo(c.stateNode))return!0;for(c=c.child;null!==c;)b.push(c),c=c.sibling}}return!1};
+exports.getFindAllNodesFailureDescription=function(a,b){var c=0,d=[];a=[Bk(a),0];for(var e=0;e<a.length;){var f=a[e++],g=f.tag,h=a[e++],k=b[h];if(5!==g&&26!==g&&27!==g||!Dk(f))if(Ck(f,k)&&(d.push(Ek(k)),h++,h>c&&(c=h)),h<b.length)for(f=f.child;null!==f;)a.push(f,h),f=f.sibling}if(c<b.length){for(a=[];c<b.length;c++)a.push(Ek(b[c]));return"findAllNodes was able to match part of the selector:\n  "+(d.join(" > ")+"\n\nNo matching component was found for:\n  ")+a.join(" > ")}return null};
+exports.hydrate=function(a,b,c){if(!pp(b))throw Error(t(299));return sp(null,a,b,!0,c)};
+exports.hydrateRoot=function(a,b,c){if(!op(a))throw Error(t(299));var d=!1,e="",f=lp,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=Kl(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Eb]=b.current;kp.current=Wo;Ti(a);return new np(b)};
+exports.observeVisibleRects=function(a,b,c,d){a=Gk(a,b);var e=Mo(a,c,d).disconnect;return{disconnect:function(){e()}}};exports.preconnect=function(a,b){var c=up.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=up.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
+exports.preinit=function(a,b){var c=up.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=tp(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
+exports.preinitModule=function(a,b){var c=up.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=tp(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
+exports.preload=function(a,b){var c=up.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=tp(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
+typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=up.current;if(c&&"string"===typeof a)if(b){var d=tp(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!pp(b))throw Error(t(299));return sp(null,a,b,!1,c)};
+exports.unmountComponentAtNode=function(a){if(!pp(a))throw Error(t(299));return a._reactRootContainer?(il(function(){sp(null,null,a,!1,function(){a._reactRootContainer=null;a[Eb]=null})}),!0):!1};exports.unstable_batchedUpdates=hl;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!pp(c))throw Error(t(299));if(null==a||void 0===a._reactInternals)throw Error(t(38));return sp(a,b,c,!1,d)};exports.useFormState=function(a,b,c){return ea.current.useFormState(a,b,c)};
+exports.useFormStatus=function(){return ea.current.useHostTransitionStatus()};exports.version="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-unstable_testing.production.min.js.map
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 c03907d772ae2f..454ceace82cf84 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
@@ -113,7 +113,7 @@ var assign = Object.assign;
 
 var enableClientRenderFallbackOnTextMismatch = true;
 var enableFormActions = true;
-var enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+var enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -136,18 +136,15 @@ var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in
 var alwaysThrottleRetries = true;
 var syncLaneExpirationMs = 250;
 var transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
+// Ready for next major.
 //
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
+// Alias __NEXT_MAJOR__ to true for easier skimming.
 // -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
 
-var createRootStrictEffectsByDefault = false;
+var __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// Remove IE and MsApp specific workarounds for innerHTML
+
+var disableIEWorkarounds = __NEXT_MAJOR__; // Changes the behavior for rendering custom elements in both server rendering
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -156,9 +153,7 @@ var createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-var disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
-
-var disableIEWorkarounds = true; // Filter certain DOM attributes (e.g. src, href) if their values are empty
+var disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -275,9 +270,10 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -289,7 +285,6 @@ var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
 var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
 var REACT_CACHE_TYPE = Symbol.for('react.cache');
 var REACT_TRACING_MARKER_TYPE = Symbol.for('react.tracing_marker');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -328,9 +323,7 @@ var HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -1674,7 +1667,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1711,7 +1704,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -2671,7 +2664,7 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
 
 var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -2687,6 +2680,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 var reentry = false;
 var componentFrameCache;
 
@@ -2936,72 +2932,17 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
 }
 
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
 function describeFiber(fiber) {
 
   switch (fiber.tag) {
@@ -3041,7 +2982,23 @@ function getStackByFiberInDevAndProd(workInProgress) {
     var node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (true) {
+        // Add any Server Component stack frames in reverse order.
+        var debugInfo = node._debugInfo;
+
+        if (debugInfo) {
+          for (var i = debugInfo.length - 1; i >= 0; i--) {
+            var entry = debugInfo[i];
+
+            if (typeof entry.name === 'string') {
+              info += describeDebugInfoFrame(entry.name, entry.env);
+            }
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -3123,13 +3080,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -3155,13 +3122,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
@@ -3187,12 +3147,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      var context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        var context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      var provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        var provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3270,7 +3234,7 @@ function getComponentNameFromFiber(fiber) {
   return null;
 }
 
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 var current = null;
 var isRendering = false;
 function getCurrentFiberOwnerNameInDevOrNull() {
@@ -3303,14 +3267,14 @@ function getCurrentFiberStackInDev() {
 
 function resetCurrentFiber() {
   {
-    ReactDebugCurrentFrame$1.getCurrentStack = null;
+    ReactDebugCurrentFrame.getCurrentStack = null;
     current = null;
     isRendering = false;
   }
 }
 function setCurrentFiber(fiber) {
   {
-    ReactDebugCurrentFrame$1.getCurrentStack = fiber === null ? null : getCurrentFiberStackInDev;
+    ReactDebugCurrentFrame.getCurrentStack = fiber === null ? null : getCurrentFiberStackInDev;
     current = fiber;
     isRendering = false;
   }
@@ -4364,7 +4328,7 @@ function validateDOMNesting(childTag, ancestorInfo) {
     var invalidParentOrAncestor = invalidParent || invalidAncestor;
 
     if (!invalidParentOrAncestor) {
-      return;
+      return true;
     }
 
     var ancestorTag = invalidParentOrAncestor.tag;
@@ -4372,7 +4336,7 @@ function validateDOMNesting(childTag, ancestorInfo) {
     String(!!invalidParent) + '|' + childTag + '|' + ancestorTag;
 
     if (didWarn$1[warnKey]) {
-      return;
+      return false;
     }
 
     didWarn$1[warnKey] = true;
@@ -4385,33 +4349,37 @@ function validateDOMNesting(childTag, ancestorInfo) {
         info += ' Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by ' + 'the browser.';
       }
 
-      error('validateDOMNesting(...): %s cannot appear as a child of <%s>.%s', tagDisplayName, ancestorTag, info);
+      error('In HTML, %s cannot be a child of <%s>.%s\n' + 'This will cause a hydration error.', tagDisplayName, ancestorTag, info);
     } else {
-      error('validateDOMNesting(...): %s cannot appear as a descendant of ' + '<%s>.', tagDisplayName, ancestorTag);
+      error('In HTML, %s cannot be a descendant of <%s>.\n' + 'This will cause a hydration error.', tagDisplayName, ancestorTag);
     }
+
+    return false;
   }
 }
 
 function validateTextNesting(childText, parentTag) {
   {
     if (isTagValidWithParent('#text', parentTag)) {
-      return;
+      return true;
     } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
     var warnKey = '#text|' + parentTag;
 
     if (didWarn$1[warnKey]) {
-      return;
+      return false;
     }
 
     didWarn$1[warnKey] = true;
 
     if (/\S/.test(childText)) {
-      error('validateDOMNesting(...): Text nodes cannot appear as a child of <%s>.', parentTag);
+      error('In HTML, text nodes cannot be a child of <%s>.\n' + 'This will cause a hydration error.', parentTag);
     } else {
-      error('validateDOMNesting(...): Whitespace text nodes cannot appear as a child of <%s>. ' + "Make sure you don't have any extra whitespace between tags on " + 'each line of your source code.', parentTag);
+      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.\n' + 'This will cause a hydration error.', parentTag);
     }
+
+    return false;
   }
 }
 
@@ -5701,6 +5669,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -6341,70 +6310,6 @@ function findCurrentHostFiberWithNoPortalsImpl(node) {
   return null;
 }
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
 var warnedAboutMissingGetChildContext;
 
 {
@@ -6470,11 +6375,6 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (var key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromFiber(workInProgress) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
     } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
@@ -6553,11 +6453,6 @@ function processChildContext(fiber, type, parentContext) {
       }
     }
 
-    {
-      var name = getComponentNameFromFiber(fiber) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
     return assign({}, parentContext, childContext);
   }
 }
@@ -6946,7 +6841,6 @@ function warnUnhydratedInstance(returnFiber, instance) {
 }
 
 function deleteHydratableInstance(returnFiber, instance) {
-  warnUnhydratedInstance(returnFiber, instance);
   var childToDelete = createFiberFromHostInstanceForDeletion();
   childToDelete.stateNode = instance;
   childToDelete.return = returnFiber;
@@ -6960,7 +6854,7 @@ function deleteHydratableInstance(returnFiber, instance) {
   }
 }
 
-function warnNonhydratedInstance(returnFiber, fiber) {
+function warnNonHydratedInstance(returnFiber, fiber) {
   {
     if (didSuspendOrErrorDEV) {
       // Inside a boundary that already suspended. We're currently rendering the
@@ -7051,7 +6945,6 @@ function warnNonhydratedInstance(returnFiber, fiber) {
 
 function insertNonHydratedInstance(returnFiber, fiber) {
   fiber.flags = fiber.flags & ~Hydrating | Placement;
-  warnNonhydratedInstance(returnFiber, fiber);
 }
 
 function tryHydrateInstance(fiber, nextInstance) {
@@ -7139,19 +7032,30 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
+  } // Validate that this is ok to render here before any mismatches.
+
 
+  var currentHostContext = getHostContext();
+  var shouldKeepWarning = validateHydratableInstance(fiber.type, fiber.pendingProps, currentHostContext);
   var initialInstance = nextHydratableInstance;
   var nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+    if (shouldKeepWarning) {
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
+    }
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7162,7 +7066,10 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7175,6 +7082,11 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7185,6 +7097,10 @@ function tryToClaimNextHydratableInstance(fiber) {
     // fiber associated with it.
 
 
+    if (shouldKeepWarning) {
+      warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
+    }
+
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7196,6 +7112,14 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   var text = fiber.pendingProps;
   var isHydratable = isHydratableText(text);
+  var shouldKeepWarning = true;
+
+  if (isHydratable) {
+    // Validate that this is ok to render here before any mismatches.
+    var currentHostContext = getHostContext();
+    shouldKeepWarning = validateHydratableTextInstance(text, currentHostContext);
+  }
+
   var initialInstance = nextHydratableInstance;
   var nextInstance = nextHydratableInstance;
 
@@ -7203,12 +7127,20 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+    if (shouldKeepWarning) {
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
+    }
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7219,7 +7151,10 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7232,6 +7167,11 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7242,6 +7182,10 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // fiber associated with it.
 
 
+    if (shouldKeepWarning) {
+      warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
+    }
+
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7256,12 +7200,13 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+    warnNonHydratedInstance(hydrationParentFiber, fiber);
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7272,7 +7217,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
 
   if (!tryHydrateSuspense(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7285,6 +7230,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateSuspense(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7295,6 +7241,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
     // fiber associated with it.
 
 
+    warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7470,6 +7417,7 @@ function popHydrationState(fiber) {
         throwOnHydrationMismatch();
       } else {
         while (nextInstance) {
+          warnUnhydratedInstance(fiber, nextInstance);
           deleteHydratableInstance(fiber, nextInstance);
           nextInstance = getNextHydratableSibling(nextInstance);
         }
@@ -7740,256 +7688,767 @@ function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
   }
 }
 
-var UpdateState = 0;
-var ReplaceState = 1;
-var ForceUpdate = 2;
-var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
-
-var hasForceUpdate = false;
-var didWarnUpdateInsideUpdate;
-var currentlyProcessingQueue;
-
-{
-  didWarnUpdateInsideUpdate = false;
-  currentlyProcessingQueue = null;
-}
+var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
 
-function initializeUpdateQueue(fiber) {
-  var queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      lanes: NoLanes,
-      hiddenCallbacks: null
-    },
-    callbacks: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  var queue = workInProgress.updateQueue;
-  var currentQueue = current.updateQueue;
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-  if (queue === currentQueue) {
-    var clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      callbacks: null
-    };
-    workInProgress.updateQueue = clone;
-  }
-}
-function createUpdate(lane) {
-  var update = {
-    lane: lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
-}
-function enqueueUpdate(fiber, update, lane) {
-  var updateQueue = fiber.updateQueue;
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
-  }
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
 
-  var sharedQueue = updateQueue.shared;
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
 
-  {
-    if (currentlyProcessingQueue === sharedQueue && !didWarnUpdateInsideUpdate) {
-      var componentName = getComponentNameFromFiber(fiber);
 
-      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);
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
 
-      didWarnUpdateInsideUpdate = true;
+  if (ReactCurrentActQueue$3.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
     }
-  }
-
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    var pending = sharedQueue.pending;
-
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
-    } else {
-      update.next = pending.next;
-      pending.next = update;
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
     }
+  }
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
-
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+  if (ReactCurrentActQueue$3.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$3.didScheduleLegacyUpdate = true;
   }
 }
-function entangleTransitions(root, fiber, lane) {
-  var updateQueue = fiber.updateQueue;
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
     return;
   }
 
-  var sharedQueue = updateQueue.shared;
-
-  if (isTransitionLane(lane)) {
-    var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
-
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
-
-    var newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
-
-    markRootEntangled(root, newQueueLanes);
-  }
-}
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
-
-  var current = workInProgress.alternate;
-
-  if (current !== null) {
-    var currentQueue = current.updateQueue;
-
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      var newFirst = null;
-      var newLast = null;
-      var firstBaseUpdate = queue.firstBaseUpdate;
-
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        var update = firstBaseUpdate;
-
-        do {
-          var clone = {
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
 
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
 
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
 
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        var workInProgressRoot = getWorkInProgressRoot();
+        var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
 
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
         }
-      } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
       }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        callbacks: currentQueue.callbacks
-      };
-      workInProgress.updateQueue = queue;
-      return;
+      root = root.next;
     }
-  } // Append the update to the end of the list.
+  } while (didPerformSomeWork);
 
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
 
-  var lastBaseUpdate = queue.lastBaseUpdate;
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
 
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
   }
+}
 
-  queue.lastBaseUpdate = capturedUpdate;
+function throwError(error) {
+  throw error;
 }
 
-function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-  switch (update.tag) {
-    case ReplaceState:
-      {
-        var payload = update.payload;
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
 
-        if (typeof payload === 'function') {
-          // Updater function
-          {
-            enterDisallowedContextReadInDEV();
-          }
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
 
-          var nextState = payload.call(instance, prevState, nextProps);
 
-          {
-            if (workInProgress.mode & StrictLegacyMode) {
-              setIsStrictModeForDevtools(true);
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
 
-              try {
-                payload.call(instance, prevState, nextProps);
-              } finally {
-                setIsStrictModeForDevtools(false);
-              }
-            }
+  while (root !== null) {
+    var next = root.next;
 
-            exitDisallowedContextReadInDEV();
-          }
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
 
-          return nextState;
-        } // State object
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
 
-        return payload;
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
       }
 
-    case CaptureUpdate:
-      {
-        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
       }
-    // Intentional fallthrough
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  var existingCallbackNode = root.callbackNode;
+
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(ReactCurrentActQueue$3.current !== null && existingCallbackNode !== fakeActCallbackNode$1)) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$3.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$3.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1) ; else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$3.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$3.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+
+  {
+    scheduleMicrotask(function () {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      var executionContext = getExecutionContext();
+
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
+
+      cb();
+    });
+  }
+}
+
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
+
+var currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+
+var currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+
+var currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
+
+var currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    var entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    var entangledThenable = {
+      status: 'pending',
+      value: undefined,
+      then: function (resolve) {
+        entangledListeners.push(resolve);
+      }
+    };
+    currentEntangledActionThenable = entangledThenable;
+  }
+
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
+
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      var fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
+
+    var listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
+      listener();
+    }
+  }
+}
+
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  var listeners = [];
+  var thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
+    then: function (resolve) {
+      listeners.push(resolve);
+    }
+  };
+  thenable.then(function (value) {
+    var fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
+      listener(result);
+    }
+  }, function (error) {
+    var rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
+
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
+}
+function peekEntangledActionLane() {
+  return currentEntangledLane;
+}
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
+}
+
+var UpdateState = 0;
+var ReplaceState = 1;
+var ForceUpdate = 2;
+var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
+
+var hasForceUpdate = false;
+var didWarnUpdateInsideUpdate;
+var currentlyProcessingQueue;
+
+{
+  didWarnUpdateInsideUpdate = false;
+  currentlyProcessingQueue = null;
+}
+
+function initializeUpdateQueue(fiber) {
+  var queue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: {
+      pending: null,
+      lanes: NoLanes,
+      hiddenCallbacks: null
+    },
+    callbacks: null
+  };
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  var queue = workInProgress.updateQueue;
+  var currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    var clone = {
+      baseState: currentQueue.baseState,
+      firstBaseUpdate: currentQueue.firstBaseUpdate,
+      lastBaseUpdate: currentQueue.lastBaseUpdate,
+      shared: currentQueue.shared,
+      callbacks: null
+    };
+    workInProgress.updateQueue = clone;
+  }
+}
+function createUpdate(lane) {
+  var update = {
+    lane: lane,
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+    next: null
+  };
+  return update;
+}
+function enqueueUpdate(fiber, update, lane) {
+  var updateQueue = fiber.updateQueue;
+
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return null;
+  }
+
+  var sharedQueue = updateQueue.shared;
+
+  {
+    if (currentlyProcessingQueue === sharedQueue && !didWarnUpdateInsideUpdate) {
+      var componentName = getComponentNameFromFiber(fiber);
+
+      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);
+
+      didWarnUpdateInsideUpdate = true;
+    }
+  }
+
+  if (isUnsafeClassRenderPhaseUpdate()) {
+    // This is an unsafe render phase update. Add directly to the update
+    // queue so we can process it immediately during the current render.
+    var pending = sharedQueue.pending;
+
+    if (pending === null) {
+      // This is the first update. Create a circular list.
+      update.next = update;
+    } else {
+      update.next = pending.next;
+      pending.next = update;
+    }
+
+    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+    // this fiber. This is for backwards compatibility in the case where you
+    // update a different component during render phase than the one that is
+    // currently renderings (a pattern that is accompanied by a warning).
+
+    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+  } else {
+    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+  }
+}
+function entangleTransitions(root, fiber, lane) {
+  var updateQueue = fiber.updateQueue;
+
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
+  }
+
+  var sharedQueue = updateQueue.shared;
+
+  if (isTransitionLane(lane)) {
+    var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+    // have finished. We can remove them from the shared queue, which represents
+    // a superset of the actually pending lanes. In some cases we may entangle
+    // more than we need to, but that's OK. In fact it's worse if we *don't*
+    // entangle when we should.
+
+    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+    var newQueueLanes = mergeLanes(queueLanes, lane);
+    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+    // the lane finished since the last time we entangled it. So we need to
+    // entangle it again, just to be sure.
+
+    markRootEntangled(root, newQueueLanes);
+  }
+}
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  // Captured updates are updates that are thrown by a child during the render
+  // phase. They should be discarded if the render is aborted. Therefore,
+  // we should only put them on the work-in-progress queue, not the current one.
+  var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
+
+  var current = workInProgress.alternate;
+
+  if (current !== null) {
+    var currentQueue = current.updateQueue;
+
+    if (queue === currentQueue) {
+      // The work-in-progress queue is the same as current. This happens when
+      // we bail out on a parent fiber that then captures an error thrown by
+      // a child. Since we want to append the update only to the work-in
+      // -progress queue, we need to clone the updates. We usually clone during
+      // processUpdateQueue, but that didn't happen in this case because we
+      // skipped over the parent when we bailed out.
+      var newFirst = null;
+      var newLast = null;
+      var firstBaseUpdate = queue.firstBaseUpdate;
+
+      if (firstBaseUpdate !== null) {
+        // Loop through the updates and clone them.
+        var update = firstBaseUpdate;
+
+        do {
+          var clone = {
+            lane: update.lane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
+
+          if (newLast === null) {
+            newFirst = newLast = clone;
+          } else {
+            newLast.next = clone;
+            newLast = clone;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+
+          update = update.next;
+        } while (update !== null); // Append the captured update the end of the cloned list.
+
+
+        if (newLast === null) {
+          newFirst = newLast = capturedUpdate;
+        } else {
+          newLast.next = capturedUpdate;
+          newLast = capturedUpdate;
+        }
+      } else {
+        // There are no base updates.
+        newFirst = newLast = capturedUpdate;
+      }
+
+      queue = {
+        baseState: currentQueue.baseState,
+        firstBaseUpdate: newFirst,
+        lastBaseUpdate: newLast,
+        shared: currentQueue.shared,
+        callbacks: currentQueue.callbacks
+      };
+      workInProgress.updateQueue = queue;
+      return;
+    }
+  } // Append the update to the end of the list.
+
+
+  var lastBaseUpdate = queue.lastBaseUpdate;
+
+  if (lastBaseUpdate === null) {
+    queue.firstBaseUpdate = capturedUpdate;
+  } else {
+    lastBaseUpdate.next = capturedUpdate;
+  }
+
+  queue.lastBaseUpdate = capturedUpdate;
+}
+
+function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+  switch (update.tag) {
+    case ReplaceState:
+      {
+        var payload = update.payload;
+
+        if (typeof payload === 'function') {
+          // Updater function
+          {
+            enterDisallowedContextReadInDEV();
+          }
+
+          var nextState = payload.call(instance, prevState, nextProps);
+
+          {
+            if (workInProgress.mode & StrictLegacyMode) {
+              setIsStrictModeForDevtools(true);
+
+              try {
+                payload.call(instance, prevState, nextProps);
+              } finally {
+                setIsStrictModeForDevtools(false);
+              }
+            }
+
+            exitDisallowedContextReadInDEV();
+          }
+
+          return nextState;
+        } // State object
+
+
+        return payload;
+      }
+
+    case CaptureUpdate:
+      {
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
+      }
+    // Intentional fallthrough
 
     case UpdateState:
       {
@@ -8041,8 +8500,32 @@ function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps,
   return prevState;
 }
 
+var didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
+
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    var entangledActionThenable = peekEntangledActionThenable();
+
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
+    }
+  }
+}
 function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
+
   var queue = workInProgress.updateQueue;
   hasForceUpdate = false;
 
@@ -8140,6 +8623,13 @@ function processUpdateQueue(workInProgress, props, instance, renderLanes) {
         newLanes = mergeLanes(newLanes, updateLane);
       } else {
         // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
+        }
+
         if (newLastBaseUpdate !== null) {
           var _clone = {
             // This update is going to be committed so we never want uncommit
@@ -8562,9 +9052,17 @@ var ReactStrictModeWarnings = {
   };
 }
 
-var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+
+function getThenablesFromState(state) {
+  {
+    var devState = state;
+    return devState.thenables;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
 // detect this is caught by userspace, we'll log a warning in development.
 
+
 var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
 var SuspenseyCommitException = new Error('Suspense Exception: This is not a real error, and should not leak into ' + "userspace. If you're seeing this, it's likely a bug in React."); // This is a noop thenable that we use to trigger a fallback in throwException.
 // TODO: It would be better to refactor throwException into multiple functions
@@ -8581,7 +9079,12 @@ var noopSuspenseyCommitThenable = {
 function createThenableState() {
   // The ThenableState is created the first time a component suspends. If it
   // suspends again, we'll reuse the same state.
-  return [];
+  {
+    return {
+      didWarnAboutUncachedPromise: false,
+      thenables: []
+    };
+  }
 }
 function isThenableResolved(thenable) {
   var status = thenable.status;
@@ -8591,20 +9094,46 @@ function isThenableResolved(thenable) {
 function noop$2() {}
 
 function trackUsedThenable(thenableState, thenable, index) {
-  if (ReactCurrentActQueue$3.current !== null) {
-    ReactCurrentActQueue$3.didUsePromise = true;
+  if (ReactCurrentActQueue$2.current !== null) {
+    ReactCurrentActQueue$2.didUsePromise = true;
   }
 
-  var previous = thenableState[index];
+  var trackedThenables = getThenablesFromState(thenableState);
+  var previous = trackedThenables[index];
 
   if (previous === undefined) {
-    thenableState.push(thenable);
+    trackedThenables.push(thenable);
   } else {
     if (previous !== thenable) {
       // Reuse the previous thenable, and drop the new one. We can assume
       // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
+      {
+        var thenableStateDev = thenableState;
+
+        if (!thenableStateDev.didWarnAboutUncachedPromise) {
+          // We should only warn the first time an uncached thenable is
+          // discovered per component, because if there are multiple, the
+          // subsequent ones are likely derived from the first.
+          //
+          // We track this on the thenableState instead of deduping using the
+          // component name like we usually do, because in the case of a
+          // promise-as-React-node, the owner component is likely different from
+          // the parent that's currently being reconciled. We'd have to track
+          // the owner using state, which we're trying to move away from. Though
+          // since this is dev-only, maybe that'd be OK.
+          //
+          // However, another benefit of doing it this way is we might
+          // eventually have a thenableState per memo/Forget boundary instead
+          // of per component, so this would allow us to have more
+          // granular warnings.
+          thenableStateDev.didWarnAboutUncachedPromise = true; // TODO: This warning should link to a corresponding docs page.
+
+          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.');
+        }
+      } // Avoid an unhandled rejection errors for the Promises that we'll
       // intentionally ignore.
+
+
       thenable.then(noop$2, noop$2);
       thenable = previous;
     }
@@ -8675,23 +9204,24 @@ function trackUsedThenable(thenableState, thenable, index) {
               rejectedThenable.status = 'rejected';
               rejectedThenable.reason = error;
             }
-          }); // Check one more time in case the thenable resolved synchronously.
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                var _rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(_rejectedError);
-                throw _rejectedError;
-              }
-          }
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              var fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              var rejectedThenable = thenable;
+              var _rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(_rejectedError);
+              throw _rejectedError;
+            }
         } // Suspend.
         //
         // Throwing here is an implementation detail that allows us to unwind the
@@ -8769,11 +9299,27 @@ function checkIfUseWrappedInAsyncCatch(rejectedReason) {
 
 var thenableState$1 = null;
 var thenableIndexCounter$1 = 0;
+
+function mergeDebugInfo(outer, inner) {
+
+  if (inner == null) {
+    return outer;
+  } else if (outer === null) {
+    return inner;
+  } else {
+    // If we have two debugInfo, we need to create a new one. This makes the array no longer
+    // live so we'll miss any future updates if we received more so ideally we should always
+    // do this after both have fully resolved/unsuspended.
+    return outer.concat(inner);
+  }
+}
+
 var didWarnAboutMaps;
 var didWarnAboutGenerators;
 var didWarnAboutStringRefs;
 var ownerHasKeyUseWarning;
 var ownerHasFunctionTypeWarning;
+var ownerHasSymbolTypeWarning;
 
 var warnForMissingKey = function (child, returnFiber) {};
 
@@ -8789,6 +9335,7 @@ var warnForMissingKey = function (child, returnFiber) {};
 
   ownerHasKeyUseWarning = {};
   ownerHasFunctionTypeWarning = {};
+  ownerHasSymbolTypeWarning = {};
 
   warnForMissingKey = function (child, returnFiber) {
     if (child === null || typeof child !== 'object') {
@@ -8832,83 +9379,119 @@ function unwrapThenable(thenable) {
   return trackUsedThenable(thenableState$1, thenable, index);
 }
 
-function coerceRef(returnFiber, current, element) {
-  var mixedRef = element.ref;
-
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
-    {
-      if ( // We warn in ReactElement.js if owner and self are equal for string refs
-      // because these cannot be automatically converted to an arrow function
-      // using a codemod. Therefore, we don't have to warn about string refs again.
-      !(element._owner && element._self && element._owner.stateNode !== element._self) && // Will already throw with "Function components cannot have string refs"
-      !(element._owner && element._owner.tag !== ClassComponent) && // Will already warn with "Function components cannot be given refs"
-      !(typeof element.type === 'function' && !isReactClass(element.type)) && // Will already throw with "Element ref was specified as a string (someStringRef) but no owner was set"
-      element._owner) {
-        var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
-
-        if (!didWarnAboutStringRefs[componentName]) {
-          error('Component "%s" contains the string ref "%s". Support for string refs ' + 'will be removed in a future major release. We recommend using ' + 'useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, mixedRef);
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  var owner = element._owner;
 
-          didWarnAboutStringRefs[componentName] = true;
-        }
-      }
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw new Error('Expected ref to be a function, a string, an object returned by React.createRef(), or null.');
     }
 
-    if (element._owner) {
-      var owner = element._owner;
-      var inst;
+    throw new Error("Element ref was specified as a string (" + mixedRef + ") but no owner was set. This could happen for one of" + ' the following reasons:\n' + '1. You may be adding a ref to a function component\n' + "2. You may be adding a ref to a component that was not created inside a component's render method\n" + '3. You have multiple copies of React loaded\n' + 'See https://reactjs.org/link/refs-must-have-owner for more information.');
+  }
 
-      if (owner) {
-        var ownerFiber = owner;
+  if (owner.tag !== ClassComponent) {
+    throw new Error('Function components cannot have string refs. ' + 'We recommend using useRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref');
+  } // At this point, we know the ref isn't an object or function but it could
+  // be a number. Coerce it to a string.
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw new Error('Function components cannot have string refs. ' + 'We recommend using useRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref');
-        }
 
-        inst = ownerFiber.stateNode;
-      }
+  {
+    checkPropStringCoercion(mixedRef, 'ref');
+  }
 
-      if (!inst) {
-        throw new Error("Missing owner for string ref " + mixedRef + ". This error is likely caused by a " + 'bug in React. Please file an issue.');
-      } // Assigning this to a const so Flow knows it won't change in the closure
+  var stringRef = '' + mixedRef;
 
+  {
+    if ( // Will already warn with "Function components cannot be given refs"
+    !(typeof element.type === 'function' && !isReactClass(element.type))) {
+      var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
 
-      var resolvedInst = inst;
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". Support for string refs ' + 'will be removed in a future major release. We recommend using ' + 'useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, stringRef);
 
-      {
-        checkPropStringCoercion(mixedRef, 'ref');
+        didWarnAboutStringRefs[componentName] = true;
       }
+    }
+  }
 
-      var stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
+  var inst = owner.stateNode;
 
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
-      }
+  if (!inst) {
+    throw new Error("Missing owner for string ref " + stringRef + ". This error is likely caused by a " + 'bug in React. Please file an issue.');
+  } // Check if previous string ref matches new string ref
 
-      var ref = function (value) {
-        var refs = resolvedInst.refs;
 
-        if (value === null) {
-          delete refs[stringRef];
-        } else {
-          refs[stringRef] = value;
-        }
-      };
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    var currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw new Error('Expected ref to be a function, a string, an object returned by React.createRef(), or null.');
-      }
 
-      if (!element._owner) {
-        throw new Error("Element ref was specified as a string (" + mixedRef + ") but no owner was set. This could happen for one of" + ' the following reasons:\n' + '1. You may be adding a ref to a function component\n' + "2. You may be adding a ref to a component that was not created inside a component's render method\n" + '3. You have multiple copies of React loaded\n' + 'See https://reactjs.org/link/refs-must-have-owner for more information.');
-      }
+  var ref = function (value) {
+    var refs = inst.refs;
+
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
     }
+  };
+
+  ref._stringRef = stringRef;
+  return ref;
+}
+
+function coerceRef(returnFiber, current, workInProgress, element) {
+  var mixedRef;
+
+  {
+    // TODO: This is a temporary, intermediate step. When enableRefAsProp is on,
+    // we should resolve the `ref` prop during the begin phase of the component
+    // it's attached to (HostComponent, ClassComponent, etc).
+    var refProp = element.props.ref;
+    mixedRef = refProp !== undefined ? refProp : null;
   }
 
-  return mixedRef;
+  var coercedRef;
+
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
+
+    {
+      // When enableRefAsProp is on, we should always use the props as the
+      // source of truth for refs. Not a field on the fiber.
+      //
+      // In the case of string refs, this presents a problem, because string
+      // refs are not passed around internally as strings; they are converted to
+      // callback refs. The ref used by the reconciler is not the same as the
+      // one the user provided.
+      //
+      // But since this is a deprecated feature anyway, what we can do is clone
+      // the props object and replace it with the internal callback ref. Then we
+      // can continue to use the props object as the source of truth.
+      //
+      // This means the internal callback ref will leak into userspace. The
+      // receiving component will receive a callback ref even though the parent
+      // passed a string. Which is weird, but again, this is a deprecated
+      // feature, and we're only leaving it around behind a flag so that Meta
+      // can keep using string refs temporarily while they finish migrating
+      // their codebase.
+      var userProvidedProps = workInProgress.pendingProps;
+      var propsWithInternalCallbackRef = assign({}, userProvidedProps);
+      propsWithInternalCallbackRef.ref = coercedRef;
+      workInProgress.pendingProps = propsWithInternalCallbackRef;
+    }
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
+
+
+  workInProgress.ref = coercedRef;
 }
 
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -8917,17 +9500,42 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
   throw new Error("Objects are not valid as a React child (found: " + (childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
 }
 
-function warnOnFunctionType(returnFiber) {
+function warnOnFunctionType(returnFiber, invalidChild) {
   {
-    var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
+    var parentName = getComponentNameFromFiber(returnFiber) || 'Component';
 
-    if (ownerHasFunctionTypeWarning[componentName]) {
+    if (ownerHasFunctionTypeWarning[parentName]) {
       return;
     }
 
-    ownerHasFunctionTypeWarning[componentName] = true;
+    ownerHasFunctionTypeWarning[parentName] = true;
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
 
-    error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+    if (returnFiber.tag === HostRoot) {
+      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)', name, name, name);
+    } else {
+      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>', name, name, parentName, name, parentName);
+    }
+  }
+}
+
+function warnOnSymbolType(returnFiber, invalidChild) {
+  {
+    var parentName = getComponentNameFromFiber(returnFiber) || 'Component';
+
+    if (ownerHasSymbolTypeWarning[parentName]) {
+      return;
+    }
+
+    ownerHasSymbolTypeWarning[parentName] = true; // eslint-disable-next-line react-internal/safe-string-coercion
+
+    var name = String(invalidChild);
+
+    if (returnFiber.tag === HostRoot) {
+      error('Symbols are not valid as a React child.\n' + '  root.render(%s)', name);
+    } else {
+      error('Symbols are not valid as a React child.\n' + '  <%s>%s</%s>', parentName, name, parentName);
+    }
   }
 }
 
@@ -9045,25 +9653,35 @@ function createChildReconciler(shouldTrackSideEffects) {
     return newFiber;
   }
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
     if (current === null || current.tag !== HostText) {
       // Insert
       var created = createFiberFromText(textContent, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, textContent);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function updateElement(returnFiber, current, element, lanes) {
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
     var elementType = element.type;
 
     if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key, debugInfo);
     }
 
     if (current !== null) {
@@ -9075,12 +9693,12 @@ function createChildReconciler(shouldTrackSideEffects) {
       typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
         // Move based on index
         var existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
+        coerceRef(returnFiber, current, existing, element);
         existing.return = returnFiber;
 
         {
-          existing._debugSource = element._source;
           existing._debugOwner = element._owner;
+          existing._debugInfo = debugInfo;
         }
 
         return existing;
@@ -9089,46 +9707,76 @@ function createChildReconciler(shouldTrackSideEffects) {
 
 
     var created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
+    coerceRef(returnFiber, current, created, element);
     created.return = returnFiber;
+
+    {
+      created._debugInfo = debugInfo;
+    }
+
     return created;
   }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
     if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
       // Insert
       var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
     if (current === null || current.tag !== Fragment) {
       // Insert
       var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, fragment);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function createChild(returnFiber, newChild, lanes) {
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
     if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
       // Text nodes don't have keys. If the previous node is implicitly keyed
       // we can continue to replace it without aborting even if it is not a text
       // node.
       var created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     }
 
@@ -9138,8 +9786,13 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var _created = createFiberFromElement(newChild, returnFiber.mode, lanes);
 
-            _created.ref = coerceRef(returnFiber, null, newChild);
+            coerceRef(returnFiber, null, _created, newChild);
             _created.return = returnFiber;
+
+            {
+              _created._debugInfo = mergeDebugInfo(debugInfo, newChild._debugInfo);
+            }
+
             return _created;
           }
 
@@ -9148,6 +9801,11 @@ function createChildReconciler(shouldTrackSideEffects) {
             var _created2 = createFiberFromPortal(newChild, returnFiber.mode, lanes);
 
             _created2.return = returnFiber;
+
+            {
+              _created2._debugInfo = debugInfo;
+            }
+
             return _created2;
           }
 
@@ -9155,7 +9813,8 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var payload = newChild._payload;
             var init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
+            return createChild(returnFiber, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo) // call merge after init
+            );
           }
       }
 
@@ -9163,6 +9822,11 @@ function createChildReconciler(shouldTrackSideEffects) {
         var _created3 = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
 
         _created3.return = returnFiber;
+
+        {
+          _created3._debugInfo = mergeDebugInfo(debugInfo, newChild._debugInfo);
+        }
+
         return _created3;
       } // Usable node types
       //
@@ -9171,12 +9835,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
+        return createChild(returnFiber, unwrapThenable(thenable), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9184,14 +9848,18 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
     return null;
   }
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
     // Update the fiber if the keys match, otherwise return null.
     var key = oldFiber !== null ? oldFiber.key : null;
 
@@ -9203,7 +9871,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         return null;
       }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes, debugInfo);
     }
 
     if (typeof newChild === 'object' && newChild !== null) {
@@ -9211,7 +9879,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         case REACT_ELEMENT_TYPE:
           {
             if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
+              return updateElement(returnFiber, oldFiber, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
             } else {
               return null;
             }
@@ -9220,7 +9888,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         case REACT_PORTAL_TYPE:
           {
             if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+              return updatePortal(returnFiber, oldFiber, newChild, lanes, debugInfo);
             } else {
               return null;
             }
@@ -9230,7 +9898,7 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var payload = newChild._payload;
             var init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
           }
       }
 
@@ -9239,7 +9907,7 @@ function createChildReconciler(shouldTrackSideEffects) {
           return null;
         }
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usable node types
       //
       // Unwrap the inner value and recursively call this function again.
@@ -9247,12 +9915,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes, debugInfo);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9260,19 +9928,23 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
     return null;
   }
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
     if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
       // Text nodes don't have keys, so we neither have to check the old nor
       // new node for the key. If both are text nodes, they match.
       var matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes, debugInfo);
     }
 
     if (typeof newChild === 'object' && newChild !== null) {
@@ -9281,26 +9953,26 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var _matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
 
-            return updateElement(returnFiber, _matchedFiber, newChild, lanes);
+            return updateElement(returnFiber, _matchedFiber, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
           }
 
         case REACT_PORTAL_TYPE:
           {
             var _matchedFiber2 = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
 
-            return updatePortal(returnFiber, _matchedFiber2, newChild, lanes);
+            return updatePortal(returnFiber, _matchedFiber2, newChild, lanes, debugInfo);
           }
 
         case REACT_LAZY_TYPE:
           var payload = newChild._payload;
           var init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
       if (isArray(newChild) || getIteratorFn(newChild)) {
         var _matchedFiber3 = existingChildren.get(newIdx) || null;
 
-        return updateFragment(returnFiber, _matchedFiber3, newChild, lanes, null);
+        return updateFragment(returnFiber, _matchedFiber3, newChild, lanes, null, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usable node types
       //
       // Unwrap the inner value and recursively call this function again.
@@ -9308,12 +9980,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes, debugInfo);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9321,7 +9993,11 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
@@ -9374,7 +10050,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     return knownKeys;
   }
 
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
     // This algorithm can't optimize by searching from both ends since we
     // don't have backpointers on fibers. I'm trying to see how far we can get
     // with that model. If it ends up not being worth the tradeoffs, we can
@@ -9415,7 +10091,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         nextOldFiber = oldFiber.sibling;
       }
 
-      var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
+      var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes, debugInfo);
 
       if (newFiber === null) {
         // TODO: This breaks on empty slots like null children. That's
@@ -9470,7 +10146,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       // If we don't have any more existing children we can choose a fast path
       // since the rest will all be insertions.
       for (; newIdx < newChildren.length; newIdx++) {
-        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes, debugInfo);
 
         if (_newFiber === null) {
           continue;
@@ -9500,7 +10176,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
     for (; newIdx < newChildren.length; newIdx++) {
-      var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
+      var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes, debugInfo);
 
       if (_newFiber2 !== null) {
         if (shouldTrackSideEffects) {
@@ -9541,7 +10217,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     return resultingFirstChild;
   }
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
     // This is the same implementation as reconcileChildrenArray(),
     // but using the iterator instead.
     var iteratorFn = getIteratorFn(newChildrenIterable);
@@ -9609,7 +10285,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         nextOldFiber = oldFiber.sibling;
       }
 
-      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
+      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes, debugInfo);
 
       if (newFiber === null) {
         // TODO: This breaks on empty slots like null children. That's
@@ -9664,7 +10340,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       // If we don't have any more existing children we can choose a fast path
       // since the rest will all be insertions.
       for (; !step.done; newIdx++, step = newChildren.next()) {
-        var _newFiber3 = createChild(returnFiber, step.value, lanes);
+        var _newFiber3 = createChild(returnFiber, step.value, lanes, debugInfo);
 
         if (_newFiber3 === null) {
           continue;
@@ -9694,7 +10370,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
     for (; !step.done; newIdx++, step = newChildren.next()) {
-      var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+      var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes, debugInfo);
 
       if (_newFiber4 !== null) {
         if (shouldTrackSideEffects) {
@@ -9755,7 +10431,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     return created;
   }
 
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
     var key = element.key;
     var child = currentFirstChild;
 
@@ -9772,8 +10448,8 @@ function createChildReconciler(shouldTrackSideEffects) {
             existing.return = returnFiber;
 
             {
-              existing._debugSource = element._source;
               existing._debugOwner = element._owner;
+              existing._debugInfo = debugInfo;
             }
 
             return existing;
@@ -9789,12 +10465,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
             var _existing = useFiber(child, element.props);
 
-            _existing.ref = coerceRef(returnFiber, child, element);
+            coerceRef(returnFiber, child, _existing, element);
             _existing.return = returnFiber;
 
             {
-              _existing._debugSource = element._source;
               _existing._debugOwner = element._owner;
+              _existing._debugInfo = debugInfo;
             }
 
             return _existing;
@@ -9814,17 +10490,27 @@ function createChildReconciler(shouldTrackSideEffects) {
     if (element.type === REACT_FRAGMENT_TYPE) {
       var created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       var _created4 = createFiberFromElement(element, returnFiber.mode, lanes);
 
-      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
+      coerceRef(returnFiber, currentFirstChild, _created4, element);
       _created4.return = returnFiber;
+
+      {
+        _created4._debugInfo = debugInfo;
+      }
+
       return _created4;
     }
   }
 
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
     var key = portal.key;
     var child = currentFirstChild;
 
@@ -9856,7 +10542,7 @@ function createChildReconciler(shouldTrackSideEffects) {
   // children and the parent.
 
 
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
     // This function is not recursive.
     // If the top level item is an array, we treat it as a set of children,
     // not as a fragment. Nested arrays on the other hand will be treated as
@@ -9875,24 +10561,23 @@ function createChildReconciler(shouldTrackSideEffects) {
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo)));
 
         case REACT_PORTAL_TYPE:
           return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
 
         case REACT_LAZY_TYPE:
           var payload = newChild._payload;
-          var init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
+          var init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
       if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
       if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usables are a valid React node type. When React encounters a Usable in
       // a child position, it unwraps it using the same algorithm as `use`. For
       // example, for promises, React will throw an exception to unwind the
@@ -9913,12 +10598,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes, mergeDebugInfo(debugInfo, thenable._debugInfo));
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9926,839 +10611,300 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
       return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
-    }
-
-    {
-      if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
-      }
-    } // Remaining cases are all treated as empty.
-
-
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
-
-  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
-    // This indirection only exists so we can reset `thenableState` at the end.
-    // It should get inlined by Closure.
-    thenableIndexCounter$1 = 0;
-    var firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
-    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
-    // set at the beginning.
-
-    return firstChildFiber;
-  }
-
-  return reconcileChildFibers;
-}
-
-var reconcileChildFibers = createChildReconciler(true);
-var mountChildFibers = createChildReconciler(false);
-function resetChildReconcilerOnUnwind() {
-  // On unwind, clear any pending thenables that were used.
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-}
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw new Error('Resuming work not yet implemented.');
-  }
-
-  if (workInProgress.child === null) {
-    return;
-  }
-
-  var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
-
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
-    newChild.return = workInProgress;
-  }
-
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
-
-function resetChildFibers(workInProgress, lanes) {
-  var child = workInProgress.child;
-
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
-
-// TODO: This isn't being used yet, but it's intended to replace the
-// InvisibleParentContext that is currently managed by SuspenseContext.
-
-var currentTreeHiddenStackCursor = createCursor(null);
-var prevEntangledRenderLanesCursor = createCursor(NoLanes);
-function pushHiddenContext(fiber, context) {
-  var prevEntangledRenderLanes = getEntangledRenderLanes();
-  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes, fiber);
-  push(currentTreeHiddenStackCursor, context, fiber); // When rendering a subtree that's currently hidden, we must include all
-  // lanes that would have rendered if the hidden subtree hadn't been deferred.
-  // That is, in order to reveal content from hidden -> visible, we must commit
-  // all the updates that we skipped when we originally hid the tree.
-
-  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
-}
-function reuseHiddenContextOnStack(fiber) {
-  // This subtree is not currently hidden, so we don't need to add any lanes
-  // to the render lanes. But we still need to push something to avoid a
-  // context mismatch. Reuse the existing context on the stack.
-  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes(), fiber);
-  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current, fiber);
-}
-function popHiddenContext(fiber) {
-  // Restore the previous render lanes from the stack
-  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
-  pop(currentTreeHiddenStackCursor, fiber);
-  pop(prevEntangledRenderLanesCursor, fiber);
-}
-function isCurrentTreeHidden() {
-  return currentTreeHiddenStackCursor.current !== null;
-}
-
-// suspends, i.e. it's the nearest `catch` block on the stack.
-
-var suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
-// Everything above this is the "shell". When this is null, it means we're
-// rendering in the shell of the app. If it's non-null, it means we're rendering
-// deeper than the shell, inside a new tree that wasn't already visible.
-//
-// The main way we use this concept is to determine whether showing a fallback
-// would result in a desirable or undesirable loading state. Activing a fallback
-// in the shell is considered an undersirable loading state, because it would
-// mean hiding visible (albeit stale) content in the current tree — we prefer to
-// show the stale content, rather than switch to a fallback. But showing a
-// fallback in a new tree is fine, because there's no stale content to
-// prefer instead.
-
-var shellBoundary = null;
-function getShellBoundary() {
-  return shellBoundary;
-}
-function pushPrimaryTreeSuspenseHandler(handler) {
-  // TODO: Pass as argument
-  var current = handler.alternate;
-  // propagated a single level. For example, when ForceSuspenseFallback is set,
-  // it should only force the nearest Suspense boundary into fallback mode.
-
-  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
-  // to push a nested Suspense handler, because it will get replaced by the
-  // outer fallback, anyway. Consider this as a future optimization.
-
-
-  push(suspenseHandlerStackCursor, handler, handler);
-
-  if (shellBoundary === null) {
-    if (current === null || isCurrentTreeHidden()) {
-      // This boundary is not visible in the current UI.
-      shellBoundary = handler;
-    } else {
-      var prevState = current.memoizedState;
-
-      if (prevState !== null) {
-        // This boundary is showing a fallback in the current UI.
-        shellBoundary = handler;
-      }
-    }
-  }
-}
-function pushFallbackTreeSuspenseHandler(fiber) {
-  // We're about to render the fallback. If something in the fallback suspends,
-  // it's akin to throwing inside of a `catch` block. This boundary should not
-  // capture. Reuse the existing handler on the stack.
-  reuseSuspenseHandlerOnStack(fiber);
-}
-function pushOffscreenSuspenseHandler(fiber) {
-  if (fiber.tag === OffscreenComponent) {
-    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
-    // Reuse the current value on the stack.
-    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
-    push(suspenseHandlerStackCursor, fiber, fiber);
-
-    if (shellBoundary !== null) ; else {
-      var current = fiber.alternate;
-
-      if (current !== null) {
-        var prevState = current.memoizedState;
-
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
-        }
-      }
-    }
-  } else {
-    // This is a LegacyHidden component.
-    reuseSuspenseHandlerOnStack(fiber);
-  }
-}
-function reuseSuspenseHandlerOnStack(fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
-  push(suspenseHandlerStackCursor, getSuspenseHandler(), fiber);
-}
-function getSuspenseHandler() {
-  return suspenseHandlerStackCursor.current;
-}
-function popSuspenseHandler(fiber) {
-  pop(suspenseHandlerStackCursor, fiber);
-
-  if (shellBoundary === fiber) {
-    // Popping back into the shell.
-    shellBoundary = null;
-  }
-
-  popSuspenseListContext(fiber);
-} // SuspenseList context
-// TODO: Move to a separate module? We may change the SuspenseList
-// implementation to hide/show in the commit phase, anyway.
-
-var DefaultSuspenseContext = 0;
-var SubtreeSuspenseContextMask = 1; // ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
-
-var ForceSuspenseFallback = 2;
-var suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseListContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseListContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseListContext(parentContext, shallowContext) {
-  return parentContext & SubtreeSuspenseContextMask | shallowContext;
-}
-function pushSuspenseListContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext, fiber);
-}
-function popSuspenseListContext(fiber) {
-  pop(suspenseStackCursor, fiber);
-}
-
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
-
-function findFirstSuspended(row) {
-  var node = row;
-
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      var state = node.memoizedState;
-
-      if (state !== null) {
-        var dehydrated = state.dehydrated;
-
-        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
-          return node;
-        }
-      }
-    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-    // keep track of whether it suspended or not.
-    node.memoizedProps.revealOrder !== undefined) {
-      var didSuspend = (node.flags & DidCapture) !== NoFlags$1;
-
-      if (didSuspend) {
-        return node;
-      }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
-
-    if (node === row) {
-      return null;
-    }
-
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
-      }
-
-      node = node.return;
-    }
-
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-
-  return null;
-}
-
-var NoFlags =
-/*   */
-0; // Represents whether effect should fire.
-
-var HasEffect =
-/* */
-1; // Represents the phase in which the effect (not the clean-up) fires.
-
-var Insertion =
-/* */
-2;
-var Layout =
-/*    */
-4;
-var Passive =
-/*   */
-8;
-
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
-
-var firstScheduledRoot = null;
-var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
-
-var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
-// microtask, so we have to dedupe those separately. This wouldn't be an issue
-// if we required all `act` calls to be awaited, which we might in the future.
-
-var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
-
-var mightHavePendingSyncWork = false;
-var isFlushingWork = false;
-var currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
-    }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
-
-
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
-
-  if (ReactCurrentActQueue$2.current !== null) {
-    // We're inside an `act` scope.
-    if (!didScheduleMicrotask_act) {
-      didScheduleMicrotask_act = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  } else {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  }
-
-  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
-
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        var workInProgressRoot = getWorkInProgressRoot();
-        var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
-
-    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
-
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
-      } else {
-        prev.next = next;
-      }
+    }
 
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
+    {
+      if (typeof newChild === 'function') {
+        warnOnFunctionType(returnFiber, newChild);
       }
-    } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
 
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
-    }
+    } // Remaining cases are all treated as empty.
 
-    root = next;
-  }
 
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
 
-  flushSyncWorkOnAllRoots();
-}
+  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
+    // This indirection only exists so we can reset `thenableState` at the end.
+    // It should get inlined by Closure.
+    thenableIndexCounter$1 = 0;
+    var firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, null // debugInfo
+    );
+    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+    // set at the beginning.
 
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+    return firstChildFiber;
+  }
 
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  var existingCallbackNode = root.callbackNode;
+  return reconcileChildFibers;
+}
 
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+var reconcileChildFibers = createChildReconciler(true);
+var mountChildFibers = createChildReconciler(false);
+function resetChildReconcilerOnUnwind() {
+  // On unwind, clear any pending thenables that were used.
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+}
+function cloneChildFibers(current, workInProgress) {
+  if (current !== null && workInProgress.child !== current.child) {
+    throw new Error('Resuming work not yet implemented.');
+  }
 
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
+  if (workInProgress.child === null) {
+    return;
+  }
 
+  var currentChild = workInProgress.child;
+  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
+  workInProgress.child = newChild;
+  newChild.return = workInProgress;
 
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
+    newChild.return = workInProgress;
+  }
 
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    var existingCallbackPriority = root.callbackPriority;
-    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+  newChild.sibling = null;
+} // Reset a workInProgress child set to prepare it for a second pass.
 
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(ReactCurrentActQueue$2.current !== null && existingCallbackNode !== fakeActCallbackNode$1)) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
+function resetChildFibers(workInProgress, lanes) {
+  var child = workInProgress.child;
 
-    var schedulerPriorityLevel;
+  while (child !== null) {
+    resetWorkInProgress(child, lanes);
+    child = child.sibling;
+  }
+}
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+// TODO: This isn't being used yet, but it's intended to replace the
+// InvisibleParentContext that is currently managed by SuspenseContext.
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+var currentTreeHiddenStackCursor = createCursor(null);
+var prevEntangledRenderLanesCursor = createCursor(NoLanes);
+function pushHiddenContext(fiber, context) {
+  var prevEntangledRenderLanes = getEntangledRenderLanes();
+  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes, fiber);
+  push(currentTreeHiddenStackCursor, context, fiber); // When rendering a subtree that's currently hidden, we must include all
+  // lanes that would have rendered if the hidden subtree hadn't been deferred.
+  // That is, in order to reveal content from hidden -> visible, we must commit
+  // all the updates that we skipped when we originally hid the tree.
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
+}
+function reuseHiddenContextOnStack(fiber) {
+  // This subtree is not currently hidden, so we don't need to add any lanes
+  // to the render lanes. But we still need to push something to avoid a
+  // context mismatch. Reuse the existing context on the stack.
+  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes(), fiber);
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current, fiber);
+}
+function popHiddenContext(fiber) {
+  // Restore the previous render lanes from the stack
+  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+  pop(currentTreeHiddenStackCursor, fiber);
+  pop(prevEntangledRenderLanesCursor, fiber);
+}
+function isCurrentTreeHidden() {
+  return currentTreeHiddenStackCursor.current !== null;
+}
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+// suspends, i.e. it's the nearest `catch` block on the stack.
 
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-    }
+var suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+// Everything above this is the "shell". When this is null, it means we're
+// rendering in the shell of the app. If it's non-null, it means we're rendering
+// deeper than the shell, inside a new tree that wasn't already visible.
+//
+// The main way we use this concept is to determine whether showing a fallback
+// would result in a desirable or undesirable loading state. Activing a fallback
+// in the shell is considered an undersirable loading state, because it would
+// mean hiding visible (albeit stale) content in the current tree — we prefer to
+// show the stale content, rather than switch to a fallback. But showing a
+// fallback in a new tree is fine, because there's no stale content to
+// prefer instead.
 
-    var newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
-  }
+var shellBoundary = null;
+function getShellBoundary() {
+  return shellBoundary;
 }
+function pushPrimaryTreeSuspenseHandler(handler) {
+  // TODO: Pass as argument
+  var current = handler.alternate;
+  // propagated a single level. For example, when ForceSuspenseFallback is set,
+  // it should only force the nearest Suspense boundary into fallback mode.
 
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now$1());
+  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
+  // to push a nested Suspense handler, because it will get replaced by the
+  // outer fallback, anyway. Consider this as a future optimization.
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
 
-  return null;
-}
-var fakeActCallbackNode$1 = {};
+  push(suspenseHandlerStackCursor, handler, handler);
 
-function scheduleCallback$2(priorityLevel, callback) {
-  if (ReactCurrentActQueue$2.current !== null) {
-    // Special case: We're inside an `act` scope (a testing utility).
-    // Instead of scheduling work in the host environment, add it to a
-    // fake internal queue that's managed by the `act` implementation.
-    ReactCurrentActQueue$2.current.push(callback);
-    return fakeActCallbackNode$1;
-  } else {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
-}
+  if (shellBoundary === null) {
+    if (current === null || isCurrentTreeHidden()) {
+      // This boundary is not visible in the current UI.
+      shellBoundary = handler;
+    } else {
+      var prevState = current.memoizedState;
 
-function cancelCallback(callbackNode) {
-  if (callbackNode === fakeActCallbackNode$1) ; else if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
+      if (prevState !== null) {
+        // This boundary is showing a fallback in the current UI.
+        shellBoundary = handler;
+      }
+    }
   }
 }
+function pushFallbackTreeSuspenseHandler(fiber) {
+  // We're about to render the fallback. If something in the fallback suspends,
+  // it's akin to throwing inside of a `catch` block. This boundary should not
+  // capture. Reuse the existing handler on the stack.
+  reuseSuspenseHandlerOnStack(fiber);
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (fiber.tag === OffscreenComponent) {
+    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+    // Reuse the current value on the stack.
+    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+    // into separate functions for Suspense and Offscreen.
+    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    push(suspenseHandlerStackCursor, fiber, fiber);
 
-function scheduleImmediateTask(cb) {
-  if (ReactCurrentActQueue$2.current !== null) {
-    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
-    // callback queue. This is because we currently support calling `act`
-    // without awaiting the result. The plan is to deprecate that, and require
-    // that you always await the result so that the microtasks have a chance to
-    // run. But it hasn't happened yet.
-    ReactCurrentActQueue$2.current.push(function () {
-      cb();
-      return null;
-    });
-  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
-  // Alternatively, can we move this check to the host config?
-
+    if (shellBoundary !== null) ; else {
+      var current = fiber.alternate;
 
-  {
-    scheduleMicrotask(function () {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      var executionContext = getExecutionContext();
+      if (current !== null) {
+        var prevState = current.memoizedState;
 
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
+        if (prevState !== null) {
+          // This is the first boundary in the stack that's already showing
+          // a fallback. So everything outside is considered the shell.
+          shellBoundary = fiber;
+        }
       }
-
-      cb();
-    });
+    }
+  } else {
+    // This is a LegacyHidden component.
+    reuseSuspenseHandlerOnStack(fiber);
   }
 }
+function reuseSuspenseHandlerOnStack(fiber) {
+  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, getSuspenseHandler(), fiber);
+}
+function getSuspenseHandler() {
+  return suspenseHandlerStackCursor.current;
+}
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor, fiber);
 
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
   }
 
-  return currentEventTransitionLane;
-}
+  popSuspenseListContext(fiber);
+} // SuspenseList context
+// TODO: Move to a separate module? We may change the SuspenseList
+// implementation to hide/show in the commit phase, anyway.
 
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
-//
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
+var DefaultSuspenseContext = 0;
+var SubtreeSuspenseContextMask = 1; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+// items into their fallback state during one of the render passes.
 
-var currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+var ForceSuspenseFallback = 2;
+var suspenseStackCursor = createCursor(DefaultSuspenseContext);
+function hasSuspenseListContext(parentContext, flag) {
+  return (parentContext & flag) !== 0;
+}
+function setDefaultShallowSuspenseListContext(parentContext) {
+  return parentContext & SubtreeSuspenseContextMask;
+}
+function setShallowSuspenseListContext(parentContext, shallowContext) {
+  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+}
+function pushSuspenseListContext(fiber, newContext) {
+  push(suspenseStackCursor, newContext, fiber);
+}
+function popSuspenseListContext(fiber) {
+  pop(suspenseStackCursor, fiber);
+}
 
-var currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+// A non-null SuspenseState means that it is blocked for one reason or another.
+// - A non-null dehydrated field means it's blocked pending hydration.
+//   - A non-null dehydrated field can use isSuspenseInstancePending or
+//     isSuspenseInstanceFallback to query the reason for being dehydrated.
+// - A null dehydrated field means it's blocked by something suspending and
+//   we're currently showing a fallback instead.
 
-var currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  var thenable = actionReturnValue;
-  var entangledListeners;
+function findFirstSuspended(row) {
+  var node = row;
 
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
-  }
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      var state = node.memoizedState;
 
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  var resultThenable = createResultThenable(entangledListeners);
-  var resultStatus = 'pending';
-  var resultValue;
-  var rejectedReason;
-  thenable.then(function (value) {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, function (error) {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(function () {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          var fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
+      if (state !== null) {
+        var dehydrated = state.dehydrated;
 
-      case 'rejected':
-        {
-          var rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
+        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+          return node;
         }
+      }
+    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+    // keep track of whether it suspended or not.
+    node.memoizedProps.revealOrder !== undefined) {
+      var didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw new Error('Thenable should have already resolved. This ' + 'is a bug in React.');
-        }
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-  });
-  return resultThenable;
-}
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  var resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
 
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    var entangledListeners = currentEntangledListeners;
-    var resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(function () {
-      var fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
-  }
-}
+    if (node === row) {
+      return null;
+    }
 
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    var listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
 
-    for (var i = 0; i < listeners.length; i++) {
-      var listener = listeners[i];
-      listener();
+      node = node.return;
     }
+
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
-}
 
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  var resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
-    then: function (resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      var ping = resolve;
-      entangledListeners.push(ping);
-    }
-  };
-  return resultThenable;
+  return null;
 }
 
-function peekEntangledActionLane() {
-  return currentEntangledLane;
-}
+var NoFlags =
+/*   */
+0; // Represents whether effect should fire.
+
+var HasEffect =
+/* */
+1; // Represents the phase in which the effect (not the clean-up) fires.
+
+var Insertion =
+/* */
+2;
+var Layout =
+/*    */
+4;
+var Passive =
+/*   */
+8;
 
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
     ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -10898,7 +11044,7 @@ function warnOnHookMismatchInDev(currentHookName) {
   }
 }
 
-function warnIfAsyncClientComponent(Component, componentDoesIncludeHooks) {
+function warnIfAsyncClientComponent(Component) {
   {
     // This dev-only check only works for detecting native async functions,
     // not transpiled ones. There's also a prod check that we use to prevent
@@ -10909,32 +11055,13 @@ function warnIfAsyncClientComponent(Component, componentDoesIncludeHooks) {
     Object.prototype.toString.call(Component) === '[object AsyncFunction]';
 
     if (isAsyncFunction) {
-      // Encountered an async Client Component. This is not yet supported,
-      // except in certain constrained cases, like during a route navigation.
+      // Encountered an async Client Component. This is not yet supported.
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
 
       if (!didWarnAboutAsyncClientComponent.has(componentName)) {
-        didWarnAboutAsyncClientComponent.add(componentName); // Check if this is a sync update. We use the "root" render lanes here
-        // because the "subtree" render lanes may include additional entangled
-        // lanes related to revealing previously hidden content.
-
-        var root = getWorkInProgressRoot();
-        var rootRenderLanes = getWorkInProgressRootRenderLanes();
+        didWarnAboutAsyncClientComponent.add(componentName);
 
-        if (root !== null && includesBlockingLane(root, rootRenderLanes)) {
-          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.');
-        } else {
-          // This is a concurrent (Transition, Retry, etc) render. We don't
-          // warn in these cases.
-          //
-          // However, Async Components are forbidden to include hooks, even
-          // during a transition, so let's check for that here.
-          //
-          // TODO: Add a corresponding warning to Server Components runtime.
-          if (componentDoesIncludeHooks) {
-            error('Hooks are not supported inside an async component. This ' + "error is often caused by accidentally adding `'use client'` " + 'to a module that was originally written for the server.');
-          }
-        }
+        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.');
       }
     }
   }
@@ -10990,6 +11117,7 @@ function renderWithHooks(current, workInProgress, Component, props, secondArg, n
     hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
     ignorePreviousDependencies = current !== null && current.type !== workInProgress.type;
+    warnIfAsyncClientComponent(Component);
   }
 
   workInProgress.memoizedState = null;
@@ -11071,15 +11199,13 @@ function renderWithHooks(current, workInProgress, Component, props, secondArg, n
     }
   }
 
-  finishRenderingHooks(current, workInProgress, Component);
+  finishRenderingHooks(current, workInProgress);
   return children;
 }
 
 function finishRenderingHooks(current, workInProgress, Component) {
   {
     workInProgress._debugHookTypes = hookTypesDev;
-    var componentDoesIncludeHooks = workInProgressHook !== null || thenableIndexCounter !== 0;
-    warnIfAsyncClientComponent(Component, componentDoesIncludeHooks);
   } // We can assume the previous dispatcher is always this one, since we set it
   // at the beginning of the render phase and there's no re-entrance.
 
@@ -11152,7 +11278,7 @@ function replaySuspendedComponentWithHooks(current, workInProgress, Component, p
   }
 
   var children = renderWithHooksAgain(workInProgress, Component, props, secondArg);
-  finishRenderingHooks(current, workInProgress, Component);
+  finishRenderingHooks(current, workInProgress);
   return children;
 }
 
@@ -11438,7 +11564,7 @@ function use(usable) {
       // This is a thenable.
       var thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = usable;
       return readContext(context);
     }
@@ -11523,6 +11649,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -11598,6 +11730,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = null;
     var newBaseQueueLast = null;
     var update = first;
+    var didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -11657,6 +11790,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = _clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -11667,7 +11807,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             var _clone2 = {
@@ -11729,7 +11876,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        var entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -12020,8 +12183,16 @@ function mountStateImpl(initialState) {
   var hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    var initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -12146,8 +12317,10 @@ function runFormStateAction(actionQueue, setState, payload) {
   var prevState = actionQueue.state; // This is a fork of startTransition
 
   var prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
-  var currentTransition = ReactCurrentBatchConfig$3.transition;
+  var currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   {
     ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
@@ -12158,7 +12331,8 @@ function runFormStateAction(actionQueue, setState, payload) {
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      var thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      var thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(function (nextState) {
@@ -12167,14 +12341,9 @@ function runFormStateAction(actionQueue, setState, payload) {
       }, function () {
         return finishRunningFormStateAction(actionQueue, setState);
       });
-      var entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      var _entangledResult = requestSyncActionContext(returnValue, null);
-
-      setState(_entangledResult);
+      setState(returnValue);
       var nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -12606,12 +12775,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   var hook = mountWorkInProgressHook();
   var nextDeps = deps === undefined ? null : deps;
+  var nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  var nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -12629,11 +12800,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  var nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  var nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -12731,7 +12905,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   var previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   var prevTransition = ReactCurrentBatchConfig$3.transition;
-  var currentTransition = {};
+  var currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -12760,18 +12936,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        var thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        var thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        var entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        var thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        var _entangledResult2 = requestSyncActionContext(returnValue, finishedState);
-
-        dispatchSetState(fiber, queue, _entangledResult2);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -13101,8 +13273,10 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  var transition = requestCurrentTransition();
+
   {
-    if (ReactCurrentBatchConfig$3.transition === null) {
+    if (transition === null) {
       // An optimistic update occurred, but startTransition is not on the stack.
       // There are two likely scenarios.
       // One possibility is that the optimistic update is triggered by a regular
@@ -14575,18 +14749,19 @@ var didWarnOnInvalidCallback;
   Object.freeze(fakeInternalInstance);
 }
 
-function warnOnInvalidCallback$1(callback, callerName) {
+function warnOnInvalidCallback$1(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
 
-    var key = callerName + '_' + callback;
+
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -14647,7 +14822,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'setState');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14673,7 +14848,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'replaceState');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14699,7 +14874,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'forceUpdate');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14760,9 +14935,9 @@ function checkClassInstance(workInProgress, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -14821,7 +14996,7 @@ function checkClassInstance(workInProgress, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -14878,7 +15053,7 @@ function constructClassInstance(workInProgress, ctor, props) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -14888,10 +15063,7 @@ function constructClassInstance(workInProgress, ctor, props) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -15087,6 +15259,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -15131,6 +15304,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   var oldState = workInProgress.memoizedState;
   var newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -15235,6 +15409,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   var oldState = workInProgress.memoizedState;
   var newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -15315,17 +15490,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+var CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  var stack;
+
+  if (typeof value === 'object' && value !== null) {
+    var capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value: value,
     source: source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack: stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value: value,
     source: null,
@@ -15729,7 +15924,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -15764,7 +15959,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -15782,7 +15977,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           var uncaughtSuspenseError = new Error('A component suspended while responding to synchronous input. This ' + 'will cause the UI to be replaced with a loading indicator. To ' + 'fix, updates that suspend should be wrapped ' + 'with startTransition.');
@@ -15813,7 +16008,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -15822,6 +16017,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   var workInProgress = returnFiber;
 
   do {
@@ -15834,7 +16035,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           var update = createRootErrorUpdate(workInProgress, _errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -15853,7 +16054,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           var _update = createClassErrorUpdate(workInProgress, errorInfo, _lane);
 
           enqueueCapturedUpdate(workInProgress, _update);
-          return;
+          return false;
         }
 
         break;
@@ -15862,6 +16063,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -15873,7 +16076,6 @@ var didWarnAboutBadClass;
 var didWarnAboutModulePatternComponent;
 var didWarnAboutContextTypeOnFunctionComponent;
 var didWarnAboutGetDerivedStateOnFunctionComponent;
-var didWarnAboutFunctionRefs;
 var didWarnAboutReassigningProps;
 var didWarnAboutRevealOrder;
 var didWarnAboutTailOptions;
@@ -15884,7 +16086,6 @@ var didWarnAboutDefaultPropsOnFunctionComponent;
   didWarnAboutModulePatternComponent = {};
   didWarnAboutContextTypeOnFunctionComponent = {};
   didWarnAboutGetDerivedStateOnFunctionComponent = {};
-  didWarnAboutFunctionRefs = {};
   didWarnAboutReassigningProps = false;
   didWarnAboutRevealOrder = {};
   didWarnAboutTailOptions = {};
@@ -15929,21 +16130,28 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   // TODO: current can be non-null here even if the component
   // hasn't yet mounted. This happens after the first render suspends.
   // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
+  var render = Component.render;
+  var ref = workInProgress.ref;
+  var propsWithoutRef;
+
+  if ('ref' in nextProps) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
 
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
+    for (var key in nextProps) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = nextProps[key];
       }
     }
-  }
+  } else {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
 
-  var render = Component.render;
-  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
   var nextChildren;
   var hasId;
@@ -15956,7 +16164,7 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   {
     ReactCurrentOwner$2.current = workInProgress;
     setIsRendering(true);
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
     setIsRendering(false);
   }
@@ -16006,15 +16214,6 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
     }
 
     {
-      var innerPropTypes = type.propTypes;
-
-      if (innerPropTypes) {
-        // Inner memo component props aren't currently validated in createElement.
-        // We could move it there, but we'd still need this for lazy code path.
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(type));
-      }
-
       if (Component.defaultProps !== undefined) {
         var componentName = getComponentNameFromType(type) || 'Unknown';
 
@@ -16026,25 +16225,13 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       }
     }
 
-    var child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    var child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
     return child;
   }
 
-  {
-    var _type = Component.type;
-    var _innerPropTypes = _type.propTypes;
-
-    if (_innerPropTypes) {
-      // Inner memo component props aren't currently validated in createElement.
-      // We could move it there, but we'd still need this for lazy code path.
-      checkPropTypes(_innerPropTypes, nextProps, // Resolved props
-      'prop', getComponentNameFromType(_type));
-    }
-  }
-
   var currentChild = current.child; // This is always exactly one child
 
   var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(current, renderLanes);
@@ -16075,37 +16262,6 @@ function updateSimpleMemoComponent(current, workInProgress, Component, nextProps
   // TODO: current can be non-null here even if the component
   // hasn't yet mounted. This happens when the inner render suspends.
   // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var outerMemoType = workInProgress.elementType;
-
-      if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
-        // We warn when you define propTypes on lazy()
-        // so let's just skip over it to find memo() outer wrapper.
-        // Inner props for memo are validated later.
-        var lazyComponent = outerMemoType;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
-
-        try {
-          outerMemoType = init(payload);
-        } catch (x) {
-          outerMemoType = null;
-        } // Inner propTypes will be validated in the function component path.
-
-
-        var outerPropTypes = outerMemoType && outerMemoType.propTypes;
-
-        if (outerPropTypes) {
-          checkPropTypes(outerPropTypes, nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
-          'prop', getComponentNameFromType(outerMemoType));
-        }
-      }
-    }
-  }
-
   if (current !== null) {
     var prevProps = current.memoizedProps;
 
@@ -16161,7 +16317,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   var nextChildren = nextProps.children;
   var nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   var prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -16341,6 +16497,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     var prevState = current.memoizedState;
@@ -16412,7 +16569,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   var ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -16423,19 +16582,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
-      }
-    }
-  }
-
   var context;
 
   {
@@ -16542,17 +16688,6 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
           break;
         }
     }
-
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
-      }
-    }
   } // Push context providers early to prevent context stack mismatches.
   // During mounting we don't know the child context yet as the instance doesn't exist.
   // We will invalidate the child context in finishClassComponent() right after rendering.
@@ -16603,7 +16738,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -16717,10 +16852,14 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
 
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
+
   var nextChildren = nextState.element;
 
   if (prevState.isDehydrated) {
@@ -16791,12 +16930,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   var type = workInProgress.type;
   var nextProps = workInProgress.pendingProps;
   var prevProps = current !== null ? current.memoizedProps : null;
@@ -16858,13 +16996,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   var currentProps = current === null ? null : current.memoizedProps;
   var resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -16902,7 +17040,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -16963,17 +17101,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-        {
-          if (workInProgress.type !== workInProgress.elementType) {
-            var outerPropTypes = Component.propTypes;
-
-            if (outerPropTypes) {
-              checkPropTypes(outerPropTypes, resolvedProps, // Resolved for outer only
-              'prop', getComponentNameFromType(Component));
-            }
-          }
-        }
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -17135,59 +17262,37 @@ function validateFunctionComponentInDev(workInProgress, Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
-      }
-    }
-
-    if (workInProgress.ref !== null) {
-      var info = '';
-      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
-
-      if (ownerName) {
-        info += '\n\nCheck the render method of `' + ownerName + '`.';
-      }
-
-      var warningKey = ownerName || '';
-      var debugSource = workInProgress._debugSource;
-
-      if (debugSource) {
-        warningKey = debugSource.fileName + ':' + debugSource.lineNumber;
-      }
-
-      if (!didWarnAboutFunctionRefs[warningKey]) {
-        didWarnAboutFunctionRefs[warningKey] = true;
-
-        error('Function components cannot be given refs. ' + 'Attempts to access this ref will fail. ' + 'Did you mean to use React.forwardRef()?%s', info);
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
     if (Component.defaultProps !== undefined) {
-      var componentName = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
-        error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', componentName);
+      if (!didWarnAboutDefaultPropsOnFunctionComponent[_componentName3]) {
+        error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', _componentName3);
 
-        didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+        didWarnAboutDefaultPropsOnFunctionComponent[_componentName3] = true;
       }
     }
 
     if (typeof Component.getDerivedStateFromProps === 'function') {
-      var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]) {
-        error('%s: Function components do not support getDerivedStateFromProps.', _componentName3);
+      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4]) {
+        error('%s: Function components do not support getDerivedStateFromProps.', _componentName4);
 
-        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = true;
+        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4] = true;
       }
     }
 
     if (typeof Component.contextType === 'object' && Component.contextType !== null) {
-      var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName5 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName4]) {
-        error('%s: Function components do not support contextType.', _componentName4);
+      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName5]) {
+        error('%s: Function components do not support contextType.', _componentName5);
 
-        didWarnAboutContextTypeOnFunctionComponent[_componentName4] = true;
+        didWarnAboutContextTypeOnFunctionComponent[_componentName5] = true;
       }
     }
   }
@@ -17713,7 +17818,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -17804,7 +17909,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
 
-      var _capturedValue = createCapturedValue(new Error('There was an error while hydrating this Suspense boundary. ' + 'Switched to client rendering.'));
+      var _capturedValue = createCapturedValueFromError(new Error('There was an error while hydrating this Suspense boundary. ' + 'Switched to client rendering.'));
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, _capturedValue);
     } else if (workInProgress.memoizedState !== null) {
@@ -18180,8 +18285,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 var hasWarnedAboutUsingNoValuePropOnContextProvider = false;
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  var providerType = workInProgress.type;
-  var context = providerType._context;
+  var context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   var newProps = workInProgress.pendingProps;
   var oldProps = workInProgress.memoizedProps;
   var newValue = newProps.value;
@@ -18194,12 +18303,6 @@ function updateContextProvider(current, workInProgress, renderLanes) {
         error('The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?');
       }
     }
-
-    var providerPropTypes = workInProgress.type.propTypes;
-
-    if (providerPropTypes) {
-      checkPropTypes(providerPropTypes, newProps, 'prop', 'Context.Provider');
-    }
   }
 
   pushProvider(workInProgress, context, newValue);
@@ -18226,31 +18329,16 @@ function updateContextProvider(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-var hasWarnedAboutUsingContextAsConsumer = false;
-
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
+  var context;
 
   {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
+    context = workInProgress.type;
 
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
+    {
+      if (context._context !== undefined) {
+        context = context._context;
       }
-    } else {
-      context = context._context;
     }
   }
 
@@ -18353,7 +18441,12 @@ function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
     newWorkInProgress.index = oldWorkInProgress.index;
     newWorkInProgress.sibling = oldWorkInProgress.sibling;
     newWorkInProgress.return = oldWorkInProgress.return;
-    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+    newWorkInProgress.ref = oldWorkInProgress.ref;
+
+    {
+      newWorkInProgress._debugInfo = oldWorkInProgress._debugInfo;
+    } // Replace the child/sibling pointers above it.
+
 
     if (oldWorkInProgress === returnFiber.child) {
       returnFiber.child = newWorkInProgress;
@@ -18448,7 +18541,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         var newValue = workInProgress.memoizedProps.value;
-        var context = workInProgress.type._context;
+        var context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -18608,7 +18706,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
   {
     if (workInProgress._debugNeedsRemount && current !== null) {
       // This will restart the begin phase with a new fiber.
-      return remountFiber(current, workInProgress, createFiberFromTypeAndProps(workInProgress.type, workInProgress.key, workInProgress.pendingProps, workInProgress._debugSource || null, workInProgress._debugOwner || null, workInProgress.mode, workInProgress.lanes));
+      return remountFiber(current, workInProgress, createFiberFromTypeAndProps(workInProgress.type, workInProgress.key, workInProgress.pendingProps, workInProgress._debugOwner || null, workInProgress.mode, workInProgress.lanes));
     }
   }
 
@@ -18758,24 +18856,13 @@ function beginWork$1(current, workInProgress, renderLanes) {
 
     case MemoComponent:
       {
-        var _type2 = workInProgress.type;
+        var _type = workInProgress.type;
         var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
-        var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
-
-        {
-          if (workInProgress.type !== workInProgress.elementType) {
-            var outerPropTypes = _type2.propTypes;
-
-            if (outerPropTypes) {
-              checkPropTypes(outerPropTypes, _resolvedProps3, // Resolved for outer only
-              'prop', getComponentNameFromType(_type2));
-            }
-          }
-        }
+        var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
 
-        _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
-        return updateMemoComponent(current, workInProgress, _type2, _resolvedProps3, renderLanes);
+        _resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
+        return updateMemoComponent(current, workInProgress, _type, _resolvedProps3, renderLanes);
       }
 
     case SimpleMemoComponent:
@@ -18885,11 +18972,7 @@ function popProvider(context, providerFiber) {
   var currentValue = valueCursor.current;
 
   {
-    if (currentValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue = context._defaultValue;
-    } else {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
 
     {
       var currentRenderer = rendererCursorDEV.current;
@@ -19168,9 +19251,7 @@ var CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 
 {
@@ -19227,9 +19308,30 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-var NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  var transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  var callbacks = transition._callbacks;
+  callbacks.forEach(function (callback) {
+    return callback(transition, returnValue);
+  });
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -19343,10 +19445,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -19850,10 +19948,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -19877,10 +19971,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -19929,10 +20019,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -19961,11 +20047,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -19981,10 +20062,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, _type2, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -20024,11 +20101,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -20192,7 +20264,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      var context = workInProgress.type._context;
+      var context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context, workInProgress);
       bubbleProperties(workInProgress);
       return null;
@@ -20609,7 +20686,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      var context = workInProgress.type._context;
+      var context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context, workInProgress);
       return null;
 
@@ -20701,7 +20783,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      var context = interruptedWork.type._context;
+      var context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context, interruptedWork);
       break;
 
@@ -22002,7 +22089,6 @@ function detachFiberAfterEffects(fiber) {
   fiber.stateNode = null;
 
   {
-    fiber._debugSource = null;
     fiber._debugOwner = null;
   } // Theoretically, nothing in here should be necessary, because we already
   // disconnected the fiber from the tree. So even if something leaks this
@@ -24439,7 +24525,13 @@ var workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 var workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-var workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+var workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+var workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+var didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -24508,17 +24600,17 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  var isTransition = requestCurrentTransition() !== NoTransition;
+  var transition = requestCurrentTransition();
 
-  if (isTransition) {
-    if (ReactCurrentBatchConfig$1.transition !== null) {
-      var transition = ReactCurrentBatchConfig$1.transition;
+  if (transition !== null) {
+    {
+      var batchConfigTransition = ReactCurrentBatchConfig$1.transition;
 
-      if (!transition._updatedFibers) {
-        transition._updatedFibers = new Set();
+      if (!batchConfigTransition._updatedFibers) {
+        batchConfigTransition._updatedFibers = new Set();
       }
 
-      transition._updatedFibers.add(fiber);
+      batchConfigTransition._updatedFibers.add(fiber);
     }
 
     var actionScopeLane = peekEntangledActionLane();
@@ -24585,7 +24677,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -24929,7 +25021,7 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
 
   if (shouldForceFlushFallbacksInDEV()) {
     // We're inside an `act` scope. Commit immediately.
-    commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane);
+    commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane);
   } else {
     if (includesOnlyRetries(lanes) && (alwaysThrottleRetries )) {
       // This render only included retries, no updates. Throttle committing
@@ -24951,16 +25043,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -24984,14 +25076,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -25055,15 +25147,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -25129,7 +25259,7 @@ function performSyncWorkOnRoot(root, lanes) {
   var finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -25286,7 +25416,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -25620,7 +25751,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -25723,7 +25854,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -25790,7 +25921,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -25856,7 +25987,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -25868,7 +25999,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -26079,7 +26210,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner$1.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -26088,34 +26219,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   var returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    var didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -26135,6 +26259,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -26266,7 +26406,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   var previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -26275,7 +26415,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -26284,7 +26424,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -26342,7 +26482,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   var concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -26542,7 +26684,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     {
@@ -26975,6 +27120,17 @@ function throwIfInfiniteUpdateLoopDetected() {
     nestedPassiveUpdateCount = 0;
     rootWithNestedUpdates = null;
     rootWithPassiveNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw new Error('Maximum update depth exceeded. This can happen when a component ' + 'repeatedly calls setState inside componentWillUpdate or ' + 'componentDidUpdate. React limits the number of nested updates to ' + 'prevent infinite loops.');
   }
 
@@ -26995,9 +27151,90 @@ function flushRenderPhaseStrictModeWarningsInDEV() {
   }
 }
 
+function recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, parentFiber, isInStrictMode) {
+  if ((parentFiber.subtreeFlags & (PlacementDEV | Visibility)) === NoFlags$1) {
+    // Parent's descendants have already had effects double invoked.
+    // Early exit to avoid unnecessary tree traversal.
+    return;
+  }
+
+  var child = parentFiber.child;
+
+  while (child !== null) {
+    doubleInvokeEffectsInDEVIfNecessary(root, child, isInStrictMode);
+    child = child.sibling;
+  }
+} // Unconditionally disconnects and connects passive and layout effects.
+
+
+function doubleInvokeEffectsOnFiber(root, fiber) {
+  var shouldDoubleInvokePassiveEffects = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+  disappearLayoutEffects(fiber);
+
+  if (shouldDoubleInvokePassiveEffects) {
+    disconnectPassiveEffect(fiber);
+  }
+
+  reappearLayoutEffects(root, fiber.alternate, fiber, false);
+
+  if (shouldDoubleInvokePassiveEffects) {
+    reconnectPassiveEffects(root, fiber, NoLanes, null, false);
+  }
+}
+
+function doubleInvokeEffectsInDEVIfNecessary(root, fiber, parentIsInStrictMode) {
+  var isStrictModeFiber = fiber.type === REACT_STRICT_MODE_TYPE;
+  var isInStrictMode = parentIsInStrictMode || isStrictModeFiber; // First case: the fiber **is not** of type OffscreenComponent. No
+  // special rules apply to double invoking effects.
+
+  if (fiber.tag !== OffscreenComponent) {
+    if (fiber.flags & PlacementDEV) {
+      setCurrentFiber(fiber);
+
+      if (isInStrictMode) {
+        doubleInvokeEffectsOnFiber(root, fiber, (fiber.mode & NoStrictPassiveEffectsMode) === NoMode);
+      }
+
+      resetCurrentFiber();
+    } else {
+      recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, fiber, isInStrictMode);
+    }
+
+    return;
+  } // Second case: the fiber **is** of type OffscreenComponent.
+  // This branch contains cases specific to Offscreen.
+
+
+  if (fiber.memoizedState === null) {
+    // Only consider Offscreen that is visible.
+    // TODO (Offscreen) Handle manual mode.
+    setCurrentFiber(fiber);
+
+    if (isInStrictMode && fiber.flags & Visibility) {
+      // Double invoke effects on Offscreen's subtree only
+      // if it is visible and its visibility has changed.
+      doubleInvokeEffectsOnFiber(root, fiber);
+    } else if (fiber.subtreeFlags & PlacementDEV) {
+      // Something in the subtree could have been suspended.
+      // We need to continue traversal and find newly inserted fibers.
+      recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, fiber, isInStrictMode);
+    }
+
+    resetCurrentFiber();
+  }
+}
+
 function commitDoubleInvokeEffectsInDEV(root, hasPassiveEffects) {
   {
-    {
+    if (root.tag !== LegacyRoot) {
+      var doubleInvokeEffects = true;
+
+      if (root.tag === ConcurrentRoot && !(root.current.mode & (StrictLegacyMode | StrictEffectsMode))) {
+        doubleInvokeEffects = false;
+      }
+
+      recursivelyTraverseAndDoubleInvokeEffectsInDEV(root, root.current, doubleInvokeEffects);
+    } else {
       legacyCommitDoubleInvokeEffectsInDEV(root.current, hasPassiveEffects);
     }
   }
@@ -27764,7 +28001,7 @@ function FiberNode(tag, pendingProps, key, mode) {
 
   {
     // This isn't directly used but is handy for debugging internals:
-    this._debugSource = null;
+    this._debugInfo = null;
     this._debugOwner = null;
     this._debugNeedsRemount = false;
     this._debugHookTypes = null;
@@ -27835,7 +28072,6 @@ function createWorkInProgress(current, pendingProps) {
 
     {
       // DEV-only fields
-      workInProgress._debugSource = current._debugSource;
       workInProgress._debugOwner = current._debugOwner;
       workInProgress._debugHookTypes = current._debugHookTypes;
     }
@@ -27891,6 +28127,7 @@ function createWorkInProgress(current, pendingProps) {
   }
 
   {
+    workInProgress._debugInfo = current._debugInfo;
     workInProgress._debugNeedsRemount = current._debugNeedsRemount;
 
     switch (workInProgress.tag) {
@@ -27980,7 +28217,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -27997,7 +28234,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   var resolvedType = type;
@@ -28075,13 +28312,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -28128,28 +28374,24 @@ key, pendingProps, source, owner, mode, lanes) {
   fiber.lanes = lanes;
 
   {
-    fiber._debugSource = source;
     fiber._debugOwner = owner;
   }
 
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  var source = null;
   var owner = null;
 
   {
-    source = element._source;
     owner = element._owner;
   }
 
   var type = element.type;
   var key = element.key;
   var pendingProps = element.props;
-  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   {
-    fiber._debugSource = element._source;
     fiber._debugOwner = element._owner;
   }
 
@@ -28292,7 +28534,7 @@ function assignFiberPropertiesInDEV(target, source) {
     target.treeBaseDuration = source.treeBaseDuration;
   }
 
-  target._debugSource = source._debugSource;
+  target._debugInfo = source._debugInfo;
   target._debugOwner = source._debugOwner;
   target._debugNeedsRemount = source._debugNeedsRemount;
   target._debugHookTypes = source._debugHookTypes;
@@ -28401,7 +28643,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -28564,7 +28806,7 @@ function updateContainer(element, container, parentComponent, callback) {
   if (callback !== null) {
     {
       if (typeof callback !== 'function') {
-        error('render(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
+        error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
       }
     }
 
@@ -30176,7 +30418,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    var root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    var root = unblocked.ownerDocument || unblocked;
     var formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -33062,7 +33305,8 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case 'href':
       {
         {
-          if (value === '') {
+          if (value === '' && // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && key === 'href')) {
             {
               if (key === 'src') {
                 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);
@@ -33235,7 +33479,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -33548,6 +33794,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -34768,6 +35015,7 @@ function diffHydratedCustomComponent(domElement, tag, props, hostContext, extraA
       case 'defaultValue':
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         // Noop
         continue;
 
@@ -34842,7 +35090,7 @@ function diffHydratedCustomComponent(domElement, tag, props, hostContext, extraA
 
 
 var EXPECTED_FORM_ACTION_URL = // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')";
+"javascript:throw new Error('React form unexpectedly submitted.')";
 
 function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAttributes) {
   for (var propKey in props) {
@@ -34883,6 +35131,7 @@ function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAt
       case 'defaultValue':
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         // Noop
         continue;
 
@@ -34937,7 +35186,8 @@ function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAt
       case 'src':
       case 'href':
         {
-          if (value === '') {
+          if (value === '' && // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && propKey === 'href')) {
             {
               if (propKey === 'src') {
                 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.', propKey, propKey);
@@ -36330,6 +36580,13 @@ function getFirstHydratableChildWithinContainer(parentContainer) {
 function getFirstHydratableChildWithinSuspenseInstance(parentInstance) {
   return getNextHydratable(parentInstance.nextSibling);
 }
+function validateHydratableInstance(type, props, hostContext) {
+  {
+    // TODO: take namespace into account when validating.
+    var hostContextDev = hostContext;
+    return validateDOMNesting(type, hostContextDev.ancestorInfo);
+  }
+}
 function hydrateInstance(instance, type, props, hostContext, internalInstanceHandle, shouldWarnDev) {
   precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
   // get attached.
@@ -36340,6 +36597,18 @@ function hydrateInstance(instance, type, props, hostContext, internalInstanceHan
   var isConcurrentMode = (internalInstanceHandle.mode & ConcurrentMode) !== NoMode;
   diffHydratedProperties(instance, type, props, isConcurrentMode, shouldWarnDev, hostContext);
 }
+function validateHydratableTextInstance(text, hostContext) {
+  {
+    var hostContextDev = hostContext;
+    var ancestor = hostContextDev.ancestorInfo.current;
+
+    if (ancestor != null) {
+      return validateTextNesting(text, ancestor.tag);
+    }
+  }
+
+  return true;
+}
 function hydrateTextInstance(textInstance, text, internalInstanceHandle, shouldWarnDev) {
   precacheFiberNode(internalInstanceHandle, textInstance); // TODO: Temporary hack to check if we're in a concurrent root. We can delete
   return diffHydratedText(textInstance, text);
@@ -37863,11 +38132,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+var LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 var precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -37911,26 +38186,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   var instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   var precedence = instance.getAttribute('data-precedence');
-  var prior = precedences.get('p' + precedence) || last;
+  var prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -37982,7 +38257,7 @@ function (children) {
 
   {
     if (typeof arguments[1] === 'function') {
-      error('render(...): does not support the second callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
+      error('does not support the second callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
     } else if (isValidContainer(arguments[1])) {
       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.");
     } else if (typeof arguments[1] !== 'undefined') {
@@ -37998,7 +38273,7 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount = // $F
 function () {
   {
     if (typeof arguments[0] === 'function') {
-      error('unmount(...): does not support a callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
+      error('does not support a callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
     }
   }
 
@@ -38023,7 +38298,7 @@ function () {
 
 function createRoot$1(container, options) {
   if (!isValidContainer(container)) {
-    throw new Error('createRoot(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   warnIfReactDOMContainerInDEV(container);
@@ -38084,7 +38359,7 @@ function scheduleHydration(target) {
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
 function hydrateRoot$1(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw new Error('hydrateRoot(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   warnIfReactDOMContainerInDEV(container);
@@ -38168,7 +38443,7 @@ var topLevelUpdateWarnings;
 
       if (hostInstance) {
         if (hostInstance.parentNode !== container) {
-          error('render(...): It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.');
+          error('It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.');
         }
       }
     }
@@ -38178,7 +38453,7 @@ var topLevelUpdateWarnings;
     var hasNonRootReactChild = !!(rootEl && getInstanceFromNode(rootEl));
 
     if (hasNonRootReactChild && !isRootRenderedBySomeReact) {
-      error('render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.');
+      error('Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.');
     }
   };
 }
@@ -38260,10 +38535,10 @@ function legacyCreateRootFromDOMContainer(container, initialChildren, parentComp
   }
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback !== null && typeof callback !== 'function') {
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -38271,7 +38546,7 @@ function warnOnInvalidCallback(callback, callerName) {
 function legacyRenderSubtreeIntoContainer(parentComponent, children, container, forceHydrate, callback) {
   {
     topLevelUpdateWarnings(container);
-    warnOnInvalidCallback(callback === undefined ? null : callback, 'render');
+    warnOnInvalidCallback(callback === undefined ? null : callback);
   }
 
   var maybeRoot = container._reactRootContainer;
@@ -38382,7 +38657,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw new Error('unmountComponentAtNode(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   {
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 d4161c24eb3b09..16164fe51ce271 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
@@ -25,10 +25,14 @@ const Internals = {
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
@@ -52,7 +56,7 @@ const assign = Object.assign;
 
 const enableClientRenderFallbackOnTextMismatch = true;
 const enableFormActions = true;
-const enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+const enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -75,18 +79,6 @@ const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature
 const alwaysThrottleRetries = true;
 const syncLaneExpirationMs = 250;
 const transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
-//
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
-// -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
-
-const createRootStrictEffectsByDefault = false;
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -95,7 +87,7 @@ const createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-const disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
+const disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -182,9 +174,10 @@ const REACT_PORTAL_TYPE = Symbol.for('react.portal');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -196,7 +189,6 @@ const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
 const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
 const REACT_CACHE_TYPE = Symbol.for('react.cache');
 const REACT_TRACING_MARKER_TYPE = Symbol.for('react.tracing_marker');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -235,9 +227,7 @@ const HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -457,6 +447,10 @@ const UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
 const NormalPriority$1 = Scheduler.unstable_NormalPriority;
 const LowPriority = Scheduler.unstable_LowPriority;
 const IdlePriority = Scheduler.unstable_IdlePriority; // this doesn't actually exist on the scheduler, but it *does*
+// on scheduler/unstable_mock, which we'll need for internal testing
+
+const log$1 = Scheduler.log;
+const unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue;
 
 let rendererID = null;
 let injectedHook = null;
@@ -526,6 +520,23 @@ function onCommitUnmount(fiber) {
     }
   }
 }
+function setIsStrictModeForDevtools(newIsStrictMode) {
+  {
+    if (typeof log$1 === 'function') {
+      // We're in a test because Scheduler.log only exists
+      // in SchedulerMock. To reduce the noise in strict mode tests,
+      // suppress warnings and disable scheduler yielding during the double render
+      unstable_setDisableYieldValue(newIsStrictMode);
+    }
+
+    if (injectedHook && typeof injectedHook.setStrictMode === 'function') {
+      try {
+        injectedHook.setStrictMode(rendererID, newIsStrictMode);
+      } catch (err) {
+      }
+    }
+  }
+} // Profiler API hooks
 
 function injectProfilingHooks(profilingHooks) {
 }
@@ -1121,7 +1132,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1158,7 +1169,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -1799,7 +1810,7 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
 }
 
 let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -1815,6 +1826,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 let reentry = false;
 let componentFrameCache;
 /**
@@ -2027,12 +2041,12 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -2077,7 +2091,10 @@ function getStackByFiberInDevAndProd(workInProgress) {
     let node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (false) ; // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -2154,13 +2171,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -2186,13 +2213,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
@@ -2218,12 +2238,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      const context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        const context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      const provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        const provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3453,7 +3477,7 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (const key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
+    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
 
@@ -3929,18 +3953,19 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
-
+  } // Validate that this is ok to render here before any mismatches.
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -3951,6 +3976,7 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -3963,15 +3989,12 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -3984,6 +4007,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   const text = fiber.pendingProps;
   const isHydratable = isHydratableText(text);
+
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
@@ -3991,11 +4015,13 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4006,6 +4032,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4018,15 +4045,12 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4074,11 +4098,6 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
-
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -4499,2416 +4518,2476 @@ function getRootForUpdatedFiber(sourceFiber) {
   return node.tag === HostRoot ? node.stateNode : null;
 }
 
-const UpdateState = 0;
-const ReplaceState = 1;
-const ForceUpdate = 2;
-const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
-
-let hasForceUpdate = false;
-
-function initializeUpdateQueue(fiber) {
-  const queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      lanes: NoLanes,
-      hiddenCallbacks: null
-    },
-    callbacks: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  const queue = workInProgress.updateQueue;
-  const currentQueue = current.updateQueue;
-
-  if (queue === currentQueue) {
-    const clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      callbacks: null
-    };
-    workInProgress.updateQueue = clone;
-  }
-}
-function createUpdate(lane) {
-  const update = {
-    lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
-}
-function enqueueUpdate(fiber, update, lane) {
-  const updateQueue = fiber.updateQueue;
-
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
-  }
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
 
-  const sharedQueue = updateQueue.shared;
+let firstScheduledRoot = null;
+let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    const pending = sharedQueue.pending;
+let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
+let mightHavePendingSyncWork = false;
+let isFlushingWork = false;
+let currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
     } else {
-      update.next = pending.next;
-      pending.next = update;
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
     }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
 
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
   }
 }
-function entangleTransitions(root, fiber, lane) {
-  const updateQueue = fiber.updateQueue;
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
     return;
   }
 
-  const sharedQueue = updateQueue.shared;
-
-  if (isTransitionLane(lane)) {
-    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
 
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
 
-    const newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
+  let didPerformSomeWork;
+  let errors = null;
+  isFlushingWork = true;
 
-    markRootEntangled(root, newQueueLanes);
-  }
-}
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
+  do {
+    didPerformSomeWork = false;
+    let root = firstScheduledRoot;
 
-  const current = workInProgress.alternate;
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        const workInProgressRoot = getWorkInProgressRoot();
+        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
 
-  if (current !== null) {
-    const currentQueue = current.updateQueue;
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
 
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      let newFirst = null;
-      let newLast = null;
-      const firstBaseUpdate = queue.firstBaseUpdate;
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
 
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        let update = firstBaseUpdate;
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
 
-        do {
-          const clone = {
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
-
-
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
-
-
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
-        }
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
       } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
-      }
+        for (let i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        callbacks: currentQueue.callbacks
-      };
-      workInProgress.updateQueue = queue;
-      return;
+        const firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      const error = errors[0];
+      throw error;
     }
-  } // Append the update to the end of the list.
-
-
-  const lastBaseUpdate = queue.lastBaseUpdate;
-
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
   }
-
-  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-  switch (update.tag) {
-    case ReplaceState:
-      {
-        const payload = update.payload;
-
-        if (typeof payload === 'function') {
-
-          const nextState = payload.call(instance, prevState, nextProps);
-
-          return nextState;
-        } // State object
+function throwError(error) {
+  throw error;
+}
 
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
 
-        return payload;
-      }
 
-    case CaptureUpdate:
-      {
-        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
-      }
-    // Intentional fallthrough
+  mightHavePendingSyncWork = false;
+  const currentTime = now();
+  let prev = null;
+  let root = firstScheduledRoot;
 
-    case UpdateState:
-      {
-        const payload = update.payload;
-        let partialState;
+  while (root !== null) {
+    const next = root.next;
 
-        if (typeof payload === 'function') {
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
 
-          partialState = payload.call(instance, prevState, nextProps);
-        } else {
-          // Partial state object
-          partialState = payload;
-        }
+    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
-        if (partialState === null || partialState === undefined) {
-          // Null and undefined are treated as no-ops.
-          return prevState;
-        } // Merge the partial state and the previous state.
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
 
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
 
-        return assign({}, prevState, partialState);
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
       }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
 
-    case ForceUpdate:
-      {
-        hasForceUpdate = true;
-        return prevState;
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
       }
+    }
+
+    root = next;
   }
 
-  return prevState;
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
 }
 
-function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
-  const queue = workInProgress.updateQueue;
-  hasForceUpdate = false;
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
 
-  let firstBaseUpdate = queue.firstBaseUpdate;
-  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+  const workInProgressRoot = getWorkInProgressRoot();
+  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  const existingCallbackNode = root.callbackNode;
 
-  let pendingQueue = queue.shared.pending;
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
 
-  if (pendingQueue !== null) {
-    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
-    // and last so that it's non-circular.
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
 
-    const lastPendingUpdate = pendingQueue;
-    const firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null; // Append pending updates to base queue
 
-    if (lastBaseUpdate === null) {
-      firstBaseUpdate = firstPendingUpdate;
-    } else {
-      lastBaseUpdate.next = firstPendingUpdate;
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
     }
 
-    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
-    // we need to transfer the updates to that queue, too. Because the base
-    // queue is a singly-linked list with no cycles, we can append to both
-    // lists and take advantage of structural sharing.
-    // TODO: Pass `current` as argument
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    const existingCallbackPriority = root.callbackPriority;
+    const newCallbackPriority = getHighestPriorityLane(nextLanes);
 
-    const current = workInProgress.alternate;
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(false  )) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
 
-    if (current !== null) {
-      // This is always non-null on a ClassComponent or HostRoot
-      const currentQueue = current.updateQueue;
-      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
+    let schedulerPriorityLevel;
 
-      if (currentLastBaseUpdate !== lastBaseUpdate) {
-        if (currentLastBaseUpdate === null) {
-          currentQueue.firstBaseUpdate = firstPendingUpdate;
-        } else {
-          currentLastBaseUpdate.next = firstPendingUpdate;
-        }
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
 
-        currentQueue.lastBaseUpdate = lastPendingUpdate;
-      }
-    }
-  } // These values may change as we process the queue.
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
 
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
 
-  if (firstBaseUpdate !== null) {
-    // Iterate through the list of updates to compute the result.
-    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-    // from the original lanes.
-
-    let newLanes = NoLanes;
-    let newBaseState = null;
-    let newFirstBaseUpdate = null;
-    let newLastBaseUpdate = null;
-    let update = firstBaseUpdate;
-
-    do {
-      // An extra OffscreenLane bit is added to updates that were made to
-      // a hidden tree, so that we can distinguish them from updates that were
-      // already there when the tree was hidden.
-      const updateLane = removeLanes(update.lane, OffscreenLane);
-      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
-      // it's not a "base" update and we should disregard the extra base lanes
-      // that were added to renderLanes when we entered the Offscreen tree.
-
-      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
 
-      if (shouldSkipUpdate) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        const clone = {
-          lane: updateLane,
-          tag: update.tag,
-          payload: update.payload,
-          callback: update.callback,
-          next: null
-        };
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
 
-        if (newLastBaseUpdate === null) {
-          newFirstBaseUpdate = newLastBaseUpdate = clone;
-          newBaseState = newState;
-        } else {
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Update the remaining priority in the queue.
+    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
 
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now());
 
-        newLanes = mergeLanes(newLanes, updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newLastBaseUpdate !== null) {
-          const clone = {
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Process this update.
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
 
+  return null;
+}
 
-        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
-        const callback = update.callback;
+function scheduleCallback$2(priorityLevel, callback) {
+  {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
 
-        if (callback !== null) {
-          workInProgress.flags |= Callback;
+function cancelCallback(callbackNode) {
+  if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
 
-          if (isHiddenUpdate) {
-            workInProgress.flags |= Visibility;
-          }
+function scheduleImmediateTask(cb) {
+  // Alternatively, can we move this check to the host config?
 
-          const callbacks = queue.callbacks;
 
-          if (callbacks === null) {
-            queue.callbacks = [callback];
-          } else {
-            callbacks.push(callback);
-          }
-        }
-      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+  {
+    scheduleMicrotask(() => {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      const executionContext = getExecutionContext();
 
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
 
-      update = update.next;
+      cb();
+    });
+  }
+}
 
-      if (update === null) {
-        pendingQueue = queue.shared.pending;
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
 
-        if (pendingQueue === null) {
-          break;
-        } else {
-          // An update was scheduled from inside a reducer. Add the new
-          // pending updates to the end of the list and keep processing.
-          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-          // unravel them when transferring them to the base queue.
+  return currentEventTransitionLane;
+}
 
-          const firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = null;
-          update = firstPendingUpdate;
-          queue.lastBaseUpdate = lastPendingUpdate;
-          queue.shared.pending = null;
-        }
-      }
-    } while (true);
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
 
-    if (newLastBaseUpdate === null) {
-      newBaseState = newState;
-    }
+let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
 
-    queue.baseState = newBaseState;
-    queue.firstBaseUpdate = newFirstBaseUpdate;
-    queue.lastBaseUpdate = newLastBaseUpdate;
+let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
 
-    if (firstBaseUpdate === null) {
-      // `queue.lanes` is used for entangling transitions. We can set it back to
-      // zero once the queue is empty.
-      queue.shared.lanes = NoLanes;
-    } // Set the remaining expiration time to be whatever is remaining in the queue.
-    // This should be fine because the only two other things that contribute to
-    // expiration time are props and context. We're already in the middle of the
-    // begin phase by the time we start processing the queue, so we've already
-    // dealt with the props. Context in components that specify
-    // shouldComponentUpdate is tricky; but we'll have to account for
-    // that regardless.
+let currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
 
+let currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    const entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    const entangledThenable = {
+      status: 'pending',
+      value: undefined,
 
-    markSkippedUpdateLanes(newLanes);
-    workInProgress.lanes = newLanes;
-    workInProgress.memoizedState = newState;
-  }
-}
+      then(resolve) {
+        entangledListeners.push(resolve);
+      }
 
-function callCallback(callback, context) {
-  if (typeof callback !== 'function') {
-    throw Error(formatProdErrorMessage(191, callback));
+    };
+    currentEntangledActionThenable = entangledThenable;
   }
 
-  callback.call(context);
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
 }
 
-function resetHasForceUpdateBeforeProcessing() {
-  hasForceUpdate = false;
-}
-function checkHasForceUpdateAfterProcessing() {
-  return hasForceUpdate;
-}
-function deferHiddenCallbacks(updateQueue) {
-  // When an update finishes on a hidden component, its callback should not
-  // be fired until/unless the component is made visible again. Stash the
-  // callback on the shared queue object so it can be fired later.
-  const newHiddenCallbacks = updateQueue.callbacks;
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      const fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
 
-  if (newHiddenCallbacks !== null) {
-    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+    const listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
 
-    if (existingHiddenCallbacks === null) {
-      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
-    } else {
-      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener();
     }
   }
 }
-function commitHiddenCallbacks(updateQueue, context) {
-  // This component is switching from hidden -> visible. Commit any callbacks
-  // that were previously deferred.
-  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-  if (hiddenCallbacks !== null) {
-    updateQueue.shared.hiddenCallbacks = null;
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  const listeners = [];
+  const thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
 
-    for (let i = 0; i < hiddenCallbacks.length; i++) {
-      const callback = hiddenCallbacks[i];
-      callCallback(callback, context);
+    then(resolve) {
+      listeners.push(resolve);
     }
-  }
-}
-function commitCallbacks(updateQueue, context) {
-  const callbacks = updateQueue.callbacks;
 
-  if (callbacks !== null) {
-    updateQueue.callbacks = null;
+  };
+  thenable.then(value => {
+    const fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
 
-    for (let i = 0; i < callbacks.length; i++) {
-      const callback = callbacks[i];
-      callCallback(callback, context);
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener(result);
     }
-  }
+  }, error => {
+    const rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
+
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
+
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
+}
+function peekEntangledActionLane() {
+  return currentEntangledLane;
+}
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
 }
 
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
+const UpdateState = 0;
+const ReplaceState = 1;
+const ForceUpdate = 2;
+const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
 
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) {
-    return true;
+let hasForceUpdate = false;
+
+function initializeUpdateQueue(fiber) {
+  const queue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: {
+      pending: null,
+      lanes: NoLanes,
+      hiddenCallbacks: null
+    },
+    callbacks: null
+  };
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  const queue = workInProgress.updateQueue;
+  const currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    const clone = {
+      baseState: currentQueue.baseState,
+      firstBaseUpdate: currentQueue.firstBaseUpdate,
+      lastBaseUpdate: currentQueue.lastBaseUpdate,
+      shared: currentQueue.shared,
+      callbacks: null
+    };
+    workInProgress.updateQueue = clone;
   }
+}
+function createUpdate(lane) {
+  const update = {
+    lane,
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+    next: null
+  };
+  return update;
+}
+function enqueueUpdate(fiber, update, lane) {
+  const updateQueue = fiber.updateQueue;
 
-  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-    return false;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return null;
   }
 
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
+  const sharedQueue = updateQueue.shared;
 
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // Test for A's keys different from B.
+  if (isUnsafeClassRenderPhaseUpdate()) {
+    // This is an unsafe render phase update. Add directly to the update
+    // queue so we can process it immediately during the current render.
+    const pending = sharedQueue.pending;
 
+    if (pending === null) {
+      // This is the first update. Create a circular list.
+      update.next = update;
+    } else {
+      update.next = pending.next;
+      pending.next = update;
+    }
 
-  for (let i = 0; i < keysA.length; i++) {
-    const currentKey = keysA[i];
+    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+    // this fiber. This is for backwards compatibility in the case where you
+    // update a different component during render phase than the one that is
+    // currently renderings (a pattern that is accompanied by a warning).
 
-    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
-    !objectIs(objA[currentKey], objB[currentKey])) {
-      return false;
-    }
+    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+  } else {
+    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
   }
-
-  return true;
 }
+function entangleTransitions(root, fiber, lane) {
+  const updateQueue = fiber.updateQueue;
 
-// detect this is caught by userspace, we'll log a warning in development.
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
+  }
 
-const SuspenseException = Error(formatProdErrorMessage(460));
-const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
-// TODO: It would be better to refactor throwException into multiple functions
-// so we can trigger a fallback directly without having to check the type. But
-// for now this will do.
+  const sharedQueue = updateQueue.shared;
 
-const noopSuspenseyCommitThenable = {
-  then() {
-  }
+  if (isTransitionLane(lane)) {
+    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+    // have finished. We can remove them from the shared queue, which represents
+    // a superset of the actually pending lanes. In some cases we may entangle
+    // more than we need to, but that's OK. In fact it's worse if we *don't*
+    // entangle when we should.
 
-};
-function createThenableState() {
-  // The ThenableState is created the first time a component suspends. If it
-  // suspends again, we'll reuse the same state.
-  return [];
-}
-function isThenableResolved(thenable) {
-  const status = thenable.status;
-  return status === 'fulfilled' || status === 'rejected';
+    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+    const newQueueLanes = mergeLanes(queueLanes, lane);
+    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+    // the lane finished since the last time we entangled it. So we need to
+    // entangle it again, just to be sure.
+
+    markRootEntangled(root, newQueueLanes);
+  }
 }
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  // Captured updates are updates that are thrown by a child during the render
+  // phase. They should be discarded if the render is aborted. Therefore,
+  // we should only put them on the work-in-progress queue, not the current one.
+  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-function noop$2() {}
+  const current = workInProgress.alternate;
 
-function trackUsedThenable(thenableState, thenable, index) {
+  if (current !== null) {
+    const currentQueue = current.updateQueue;
 
-  const previous = thenableState[index];
+    if (queue === currentQueue) {
+      // The work-in-progress queue is the same as current. This happens when
+      // we bail out on a parent fiber that then captures an error thrown by
+      // a child. Since we want to append the update only to the work-in
+      // -progress queue, we need to clone the updates. We usually clone during
+      // processUpdateQueue, but that didn't happen in this case because we
+      // skipped over the parent when we bailed out.
+      let newFirst = null;
+      let newLast = null;
+      const firstBaseUpdate = queue.firstBaseUpdate;
 
-  if (previous === undefined) {
-    thenableState.push(thenable);
-  } else {
-    if (previous !== thenable) {
-      // Reuse the previous thenable, and drop the new one. We can assume
-      // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
-      // intentionally ignore.
-      thenable.then(noop$2, noop$2);
-      thenable = previous;
-    }
-  } // We use an expando to track the status and result of a thenable so that we
-  // can synchronously unwrap the value. Think of this as an extension of the
-  // Promise API, or a custom interface that is a superset of Thenable.
-  //
-  // If the thenable doesn't have a status, set it to "pending" and attach
-  // a listener that will update its status and result when it resolves.
+      if (firstBaseUpdate !== null) {
+        // Loop through the updates and clone them.
+        let update = firstBaseUpdate;
 
+        do {
+          const clone = {
+            lane: update.lane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
 
-  switch (thenable.status) {
-    case 'fulfilled':
-      {
-        const fulfilledValue = thenable.value;
-        return fulfilledValue;
-      }
+          if (newLast === null) {
+            newFirst = newLast = clone;
+          } else {
+            newLast.next = clone;
+            newLast = clone;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    case 'rejected':
-      {
-        const rejectedError = thenable.reason;
-        checkIfUseWrappedInAsyncCatch(rejectedError);
-        throw rejectedError;
-      }
 
-    default:
-      {
-        if (typeof thenable.status === 'string') {
-          // Only instrument the thenable if the status if not defined. If
-          // it's defined, but an unknown value, assume it's been instrumented by
-          // some custom userspace implementation. We treat it as "pending".
-          // Attach a dummy listener, to ensure that any lazy initialization can
-          // happen. Flight lazily parses JSON when the value is actually awaited.
-          thenable.then(noop$2, noop$2);
-        } else {
-          // This is an uncached thenable that we haven't seen before.
-          // Detect infinite ping loops caused by uncached promises.
-          const root = getWorkInProgressRoot();
+          update = update.next;
+        } while (update !== null); // Append the captured update the end of the cloned list.
 
-          if (root !== null && root.shellSuspendCounter > 100) {
-            // This root has suspended repeatedly in the shell without making any
-            // progress (i.e. committing something). This is highly suggestive of
-            // an infinite ping loop, often caused by an accidental Async Client
-            // Component.
-            //
-            // During a transition, we can suspend the work loop until the promise
-            // to resolve, but this is a sync render, so that's not an option. We
-            // also can't show a fallback, because none was provided. So our last
-            // resort is to throw an error.
-            //
-            // TODO: Remove this error in a future release. Other ways of handling
-            // this case include forcing a concurrent render, or putting the whole
-            // root into offscreen mode.
-            throw Error(formatProdErrorMessage(482));
-          }
 
-          const pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(fulfilledValue => {
-            if (thenable.status === 'pending') {
-              const fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, error => {
-            if (thenable.status === 'pending') {
-              const rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously.
-
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                const fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
-
-            case 'rejected':
-              {
-                const rejectedThenable = thenable;
-                const rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(rejectedError);
-                throw rejectedError;
-              }
-          }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
-
-
-        suspendedThenable = thenable;
-
-        throw SuspenseException;
+        if (newLast === null) {
+          newFirst = newLast = capturedUpdate;
+        } else {
+          newLast.next = capturedUpdate;
+          newLast = capturedUpdate;
+        }
+      } else {
+        // There are no base updates.
+        newFirst = newLast = capturedUpdate;
       }
-  }
-}
-function suspendCommit() {
-  // This extra indirection only exists so it can handle passing
-  // noopSuspenseyCommitThenable through to throwException.
-  // TODO: Factor the thenable check out of throwException
-  suspendedThenable = noopSuspenseyCommitThenable;
-  throw SuspenseyCommitException;
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
-
-let suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw Error(formatProdErrorMessage(459));
-  }
-
-  const thenable = suspendedThenable;
-  suspendedThenable = null;
 
-  return thenable;
-}
-function checkIfUseWrappedInAsyncCatch(rejectedReason) {
-  // This check runs in prod, too, because it prevents a more confusing
-  // downstream error, where SuspenseException is caught by a promise and
-  // thrown asynchronously.
-  // TODO: Another way to prevent SuspenseException from leaking into an async
-  // execution context is to check the dispatcher every time `use` is called,
-  // or some equivalent. That might be preferable for other reasons, too, since
-  // it matches how we prevent similar mistakes for other hooks.
-  if (rejectedReason === SuspenseException) {
-    throw Error(formatProdErrorMessage(483));
-  }
-}
+      queue = {
+        baseState: currentQueue.baseState,
+        firstBaseUpdate: newFirst,
+        lastBaseUpdate: newLast,
+        shared: currentQueue.shared,
+        callbacks: currentQueue.callbacks
+      };
+      workInProgress.updateQueue = queue;
+      return;
+    }
+  } // Append the update to the end of the list.
 
-let thenableState$1 = null;
-let thenableIndexCounter$1 = 0;
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter$1;
-  thenableIndexCounter$1 += 1;
+  const lastBaseUpdate = queue.lastBaseUpdate;
 
-  if (thenableState$1 === null) {
-    thenableState$1 = createThenableState();
+  if (lastBaseUpdate === null) {
+    queue.firstBaseUpdate = capturedUpdate;
+  } else {
+    lastBaseUpdate.next = capturedUpdate;
   }
 
-  return trackUsedThenable(thenableState$1, thenable, index);
+  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function coerceRef(returnFiber, current, element) {
-  const mixedRef = element.ref;
+function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+  switch (update.tag) {
+    case ReplaceState:
+      {
+        const payload = update.payload;
 
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+        if (typeof payload === 'function') {
 
-    if (element._owner) {
-      const owner = element._owner;
-      let inst;
+          const nextState = payload.call(instance, prevState, nextProps);
 
-      if (owner) {
-        const ownerFiber = owner;
+          return nextState;
+        } // State object
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw Error(formatProdErrorMessage(309));
-        }
 
-        inst = ownerFiber.stateNode;
+        return payload;
       }
 
-      if (!inst) {
-        throw Error(formatProdErrorMessage(147, mixedRef));
-      } // Assigning this to a const so Flow knows it won't change in the closure
-
-
-      const resolvedInst = inst;
-
-      const stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
-
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
+    case CaptureUpdate:
+      {
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
       }
+    // Intentional fallthrough
+
+    case UpdateState:
+      {
+        const payload = update.payload;
+        let partialState;
 
-      const ref = function (value) {
-        const refs = resolvedInst.refs;
+        if (typeof payload === 'function') {
 
-        if (value === null) {
-          delete refs[stringRef];
+          partialState = payload.call(instance, prevState, nextProps);
         } else {
-          refs[stringRef] = value;
+          // Partial state object
+          partialState = payload;
         }
-      };
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw Error(formatProdErrorMessage(284));
+        if (partialState === null || partialState === undefined) {
+          // Null and undefined are treated as no-ops.
+          return prevState;
+        } // Merge the partial state and the previous state.
+
+
+        return assign({}, prevState, partialState);
       }
 
-      if (!element._owner) {
-        throw Error(formatProdErrorMessage(290, mixedRef));
+    case ForceUpdate:
+      {
+        hasForceUpdate = true;
+        return prevState;
       }
-    }
   }
 
-  return mixedRef;
-}
-
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  // $FlowFixMe[method-unbinding]
-  const childString = Object.prototype.toString.call(newChild);
-  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+  return prevState;
 }
 
-function resolveLazy(lazyType) {
-  const payload = lazyType._payload;
-  const init = lazyType._init;
-  return init(payload);
-} // This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
-
+let didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
 
-function createChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
-
-    const deletions = returnFiber.deletions;
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    const entangledActionThenable = peekEntangledActionThenable();
 
-    if (deletions === null) {
-      returnFiber.deletions = [childToDelete];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(childToDelete);
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
     }
   }
+}
+function processUpdateQueue(workInProgress, props, instance, renderLanes) {
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
-
-
-    let childToDelete = currentFirstChild;
+  const queue = workInProgress.updateQueue;
+  hasForceUpdate = false;
 
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
-    }
+  let firstBaseUpdate = queue.firstBaseUpdate;
+  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
 
-    return null;
-  }
+  let pendingQueue = queue.shared.pending;
 
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // Add the remaining children to a temporary map so that we can find them by
-    // keys quickly. Implicit (null) keys get added to this set with their index
-    // instead.
-    const existingChildren = new Map();
-    let existingChild = currentFirstChild;
+  if (pendingQueue !== null) {
+    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
+    // and last so that it's non-circular.
 
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
+    const lastPendingUpdate = pendingQueue;
+    const firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null; // Append pending updates to base queue
 
-      existingChild = existingChild.sibling;
+    if (lastBaseUpdate === null) {
+      firstBaseUpdate = firstPendingUpdate;
+    } else {
+      lastBaseUpdate.next = firstPendingUpdate;
     }
 
-    return existingChildren;
-  }
+    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
+    // we need to transfer the updates to that queue, too. Because the base
+    // queue is a singly-linked list with no cycles, we can append to both
+    // lists and take advantage of structural sharing.
+    // TODO: Pass `current` as argument
 
-  function useFiber(fiber, pendingProps) {
-    // We currently set sibling to null and index to 0 here because it is easy
-    // to forget to do before returning it. E.g. for the single child case.
-    const clone = createWorkInProgress(fiber, pendingProps);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
-  }
+    const current = workInProgress.alternate;
 
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
+    if (current !== null) {
+      // This is always non-null on a ClassComponent or HostRoot
+      const currentQueue = current.updateQueue;
+      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-    if (!shouldTrackSideEffects) {
-      // During hydration, the useId algorithm needs to know which fibers are
-      // part of a list of children (arrays, iterators).
-      newFiber.flags |= Forked;
-      return lastPlacedIndex;
+      if (currentLastBaseUpdate !== lastBaseUpdate) {
+        if (currentLastBaseUpdate === null) {
+          currentQueue.firstBaseUpdate = firstPendingUpdate;
+        } else {
+          currentLastBaseUpdate.next = firstPendingUpdate;
+        }
+
+        currentQueue.lastBaseUpdate = lastPendingUpdate;
+      }
     }
+  } // These values may change as we process the queue.
 
-    const current = newFiber.alternate;
 
-    if (current !== null) {
-      const oldIndex = current.index;
+  if (firstBaseUpdate !== null) {
+    // Iterate through the list of updates to compute the result.
+    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+    // from the original lanes.
 
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.flags |= Placement | PlacementDEV;
-        return lastPlacedIndex;
+    let newLanes = NoLanes;
+    let newBaseState = null;
+    let newFirstBaseUpdate = null;
+    let newLastBaseUpdate = null;
+    let update = firstBaseUpdate;
+
+    do {
+      // An extra OffscreenLane bit is added to updates that were made to
+      // a hidden tree, so that we can distinguish them from updates that were
+      // already there when the tree was hidden.
+      const updateLane = removeLanes(update.lane, OffscreenLane);
+      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+      // it's not a "base" update and we should disregard the extra base lanes
+      // that were added to renderLanes when we entered the Offscreen tree.
+
+      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
+
+      if (shouldSkipUpdate) {
+        // Priority is insufficient. Skip this update. If this is the first
+        // skipped update, the previous update/state is the new base
+        // update/state.
+        const clone = {
+          lane: updateLane,
+          tag: update.tag,
+          payload: update.payload,
+          callback: update.callback,
+          next: null
+        };
+
+        if (newLastBaseUpdate === null) {
+          newFirstBaseUpdate = newLastBaseUpdate = clone;
+          newBaseState = newState;
+        } else {
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Update the remaining priority in the queue.
+
+
+        newLanes = mergeLanes(newLanes, updateLane);
       } else {
-        // This item can stay in place.
-        return oldIndex;
+        // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
+        }
+
+        if (newLastBaseUpdate !== null) {
+          const clone = {
+            // This update is going to be committed so we never want uncommit
+            // it. Using NoLane works because 0 is a subset of all bitmasks, so
+            // this will never be skipped by the check above.
+            lane: NoLane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Process this update.
+
+
+        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
+        const callback = update.callback;
+
+        if (callback !== null) {
+          workInProgress.flags |= Callback;
+
+          if (isHiddenUpdate) {
+            workInProgress.flags |= Visibility;
+          }
+
+          const callbacks = queue.callbacks;
+
+          if (callbacks === null) {
+            queue.callbacks = [callback];
+          } else {
+            callbacks.push(callback);
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+
+      update = update.next;
+
+      if (update === null) {
+        pendingQueue = queue.shared.pending;
+
+        if (pendingQueue === null) {
+          break;
+        } else {
+          // An update was scheduled from inside a reducer. Add the new
+          // pending updates to the end of the list and keep processing.
+          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+          // unravel them when transferring them to the base queue.
+
+          const firstPendingUpdate = lastPendingUpdate.next;
+          lastPendingUpdate.next = null;
+          update = firstPendingUpdate;
+          queue.lastBaseUpdate = lastPendingUpdate;
+          queue.shared.pending = null;
+        }
       }
-    } else {
-      // This is an insertion.
-      newFiber.flags |= Placement | PlacementDEV;
-      return lastPlacedIndex;
-    }
-  }
+    } while (true);
 
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.flags |= Placement | PlacementDEV;
+    if (newLastBaseUpdate === null) {
+      newBaseState = newState;
     }
 
-    return newFiber;
+    queue.baseState = newBaseState;
+    queue.firstBaseUpdate = newFirstBaseUpdate;
+    queue.lastBaseUpdate = newLastBaseUpdate;
+
+    if (firstBaseUpdate === null) {
+      // `queue.lanes` is used for entangling transitions. We can set it back to
+      // zero once the queue is empty.
+      queue.shared.lanes = NoLanes;
+    } // Set the remaining expiration time to be whatever is remaining in the queue.
+    // This should be fine because the only two other things that contribute to
+    // expiration time are props and context. We're already in the middle of the
+    // begin phase by the time we start processing the queue, so we've already
+    // dealt with the props. Context in components that specify
+    // shouldComponentUpdate is tricky; but we'll have to account for
+    // that regardless.
+
+
+    markSkippedUpdateLanes(newLanes);
+    workInProgress.lanes = newLanes;
+    workInProgress.memoizedState = newState;
   }
+}
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
+function callCallback(callback, context) {
+  if (typeof callback !== 'function') {
+    throw Error(formatProdErrorMessage(191, callback));
+  }
+
+  callback.call(context);
+}
+
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+function deferHiddenCallbacks(updateQueue) {
+  // When an update finishes on a hidden component, its callback should not
+  // be fired until/unless the component is made visible again. Stash the
+  // callback on the shared queue object so it can be fired later.
+  const newHiddenCallbacks = updateQueue.callbacks;
+
+  if (newHiddenCallbacks !== null) {
+    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+
+    if (existingHiddenCallbacks === null) {
+      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
     } else {
-      // Update
-      const existing = useFiber(current, textContent);
-      existing.return = returnFiber;
-      return existing;
+      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
     }
   }
+}
+function commitHiddenCallbacks(updateQueue, context) {
+  // This component is switching from hidden -> visible. Commit any callbacks
+  // that were previously deferred.
+  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-  function updateElement(returnFiber, current, element, lanes) {
-    const elementType = element.type;
+  if (hiddenCallbacks !== null) {
+    updateQueue.shared.hiddenCallbacks = null;
 
-    if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
+    for (let i = 0; i < hiddenCallbacks.length; i++) {
+      const callback = hiddenCallbacks[i];
+      callCallback(callback, context);
     }
+  }
+}
+function commitCallbacks(updateQueue, context) {
+  const callbacks = updateQueue.callbacks;
 
-    if (current !== null) {
-      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-      false) || // Lazy types should reconcile their resolved type.
-      // We need to do this after the Hot Reloading check above,
-      // because hot reloading has different semantics than prod because
-      // it doesn't resuspend. So we can't let the call below suspend.
-      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
-        // Move based on index
-        const existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
-        existing.return = returnFiber;
+  if (callbacks !== null) {
+    updateQueue.callbacks = null;
 
-        return existing;
-      }
-    } // Insert
+    for (let i = 0; i < callbacks.length; i++) {
+      const callback = callbacks[i];
+      callCallback(callback, context);
+    }
+  }
+}
 
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
 
-    const created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
-    created.return = returnFiber;
-    return created;
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) {
+    return true;
   }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
-    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
-      // Insert
-      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, portal.children || []);
-      existing.return = returnFiber;
-      return existing;
-    }
+  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+    return false;
   }
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, fragment);
-      existing.return = returnFiber;
-      return existing;
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  } // Test for A's keys different from B.
+
+
+  for (let i = 0; i < keysA.length; i++) {
+    const currentKey = keysA[i];
+
+    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
+    !objectIs(objA[currentKey], objB[currentKey])) {
+      return false;
     }
   }
 
-  function createChild(returnFiber, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    }
+  return true;
+}
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
-            created.ref = coerceRef(returnFiber, null, newChild);
-            created.return = returnFiber;
-            return created;
-          }
+function getThenablesFromState(state) {
+  {
+    const prodState = state;
+    return prodState;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
 
-        case REACT_PORTAL_TYPE:
-          {
-            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
-            created.return = returnFiber;
-            return created;
-          }
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
-          }
-      }
+const SuspenseException = Error(formatProdErrorMessage(460));
+const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
+// TODO: It would be better to refactor throwException into multiple functions
+// so we can trigger a fallback directly without having to check the type. But
+// for now this will do.
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
-        created.return = returnFiber;
-        return created;
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+const noopSuspenseyCommitThenable = {
+  then() {
+  }
 
+};
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  {
+    return [];
+  }
+}
+function isThenableResolved(thenable) {
+  const status = thenable.status;
+  return status === 'fulfilled' || status === 'rejected';
+}
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
-      }
+function noop$2() {}
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+function trackUsedThenable(thenableState, thenable, index) {
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+  const trackedThenables = getThenablesFromState(thenableState);
+  const previous = trackedThenables[index];
+
+  if (previous === undefined) {
+    trackedThenables.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // intentionally ignore.
+
+
+      thenable.then(noop$2, noop$2);
+      thenable = previous;
     }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
 
-    return null;
-  }
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
-    // Update the fiber if the keys match, otherwise return null.
-    const key = oldFiber !== null ? oldFiber.key : null;
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      if (key !== null) {
-        return null;
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        checkIfUseWrappedInAsyncCatch(rejectedError);
+        throw rejectedError;
       }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
-    }
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$2, noop$2);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // Detect infinite ping loops caused by uncached promises.
+          const root = getWorkInProgressRoot();
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
-            }
+          if (root !== null && root.shellSuspendCounter > 100) {
+            // This root has suspended repeatedly in the shell without making any
+            // progress (i.e. committing something). This is highly suggestive of
+            // an infinite ping loop, often caused by an accidental Async Client
+            // Component.
+            //
+            // During a transition, we can suspend the work loop until the promise
+            // to resolve, but this is a sync render, so that's not an option. We
+            // also can't show a fallback, because none was provided. So our last
+            // resort is to throw an error.
+            //
+            // TODO: Remove this error in a future release. Other ways of handling
+            // this case include forcing a concurrent render, or putting the whole
+            // root into offscreen mode.
+            throw Error(formatProdErrorMessage(482));
           }
 
-        case REACT_PORTAL_TYPE:
-          {
-            if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
             }
-          }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
-          }
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(rejectedError);
+              throw rejectedError;
+            }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+
+        throw SuspenseException;
       }
+  }
+}
+function suspendCommit() {
+  // This extra indirection only exists so it can handle passing
+  // noopSuspenseyCommitThenable through to throwException.
+  // TODO: Factor the thenable check out of throwException
+  suspendedThenable = noopSuspenseyCommitThenable;
+  throw SuspenseyCommitException;
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+let suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw Error(formatProdErrorMessage(459));
+  }
+
+  const thenable = suspendedThenable;
+  suspendedThenable = null;
+
+  return thenable;
+}
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  // This check runs in prod, too, because it prevents a more confusing
+  // downstream error, where SuspenseException is caught by a promise and
+  // thrown asynchronously.
+  // TODO: Another way to prevent SuspenseException from leaking into an async
+  // execution context is to check the dispatcher every time `use` is called,
+  // or some equivalent. That might be preferable for other reasons, too, since
+  // it matches how we prevent similar mistakes for other hooks.
+  if (rejectedReason === SuspenseException) {
+    throw Error(formatProdErrorMessage(483));
+  }
+}
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
-        }
+let thenableState$1 = null;
+let thenableIndexCounter$1 = 0;
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
 
+  if (thenableState$1 === null) {
+    thenableState$1 = createThenableState();
+  }
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
-      }
+  return trackUsedThenable(thenableState$1, thenable, index);
+}
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  const owner = element._owner;
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw Error(formatProdErrorMessage(284));
     }
 
-    return null;
+    throw Error(formatProdErrorMessage(290, mixedRef));
   }
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      const matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
-    }
+  if (owner.tag !== ClassComponent) {
+    throw Error(formatProdErrorMessage(309));
+  } // At this point, we know the ref isn't an object or function but it could
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updateElement(returnFiber, matchedFiber, newChild, lanes);
-          }
+  const stringRef = '' + mixedRef;
 
-        case REACT_PORTAL_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
-          }
+  const inst = owner.stateNode;
 
-        case REACT_LAZY_TYPE:
-          const payload = newChild._payload;
-          const init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
-      }
+  if (!inst) {
+    throw Error(formatProdErrorMessage(147, stringRef));
+  } // Check if previous string ref matches new string ref
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const matchedFiber = existingChildren.get(newIdx) || null;
-        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
 
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    const currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
-      }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+  const ref = function (value) {
+    const refs = inst.refs;
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
     }
+  };
 
-    return null;
-  }
+  ref._stringRef = stringRef;
+  return ref;
+}
 
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
+function coerceRef(returnFiber, current, workInProgress, element) {
+  let mixedRef;
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
+  {
+    // TODO: This is a temporary, intermediate step. When enableRefAsProp is on,
+    // we should resolve the `ref` prop during the begin phase of the component
+    // it's attached to (HostComponent, ClassComponent, etc).
+    const refProp = element.props.ref;
+    mixedRef = refProp !== undefined ? refProp : null;
+  }
 
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
+  let coercedRef;
 
-      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
+    {
+      // When enableRefAsProp is on, we should always use the props as the
+      // source of truth for refs. Not a field on the fiber.
+      //
+      // In the case of string refs, this presents a problem, because string
+      // refs are not passed around internally as strings; they are converted to
+      // callback refs. The ref used by the reconciler is not the same as the
+      // one the user provided.
+      //
+      // But since this is a deprecated feature anyway, what we can do is clone
+      // the props object and replace it with the internal callback ref. Then we
+      // can continue to use the props object as the source of truth.
+      //
+      // This means the internal callback ref will leak into userspace. The
+      // receiving component will receive a callback ref even though the parent
+      // passed a string. Which is weird, but again, this is a deprecated
+      // feature, and we're only leaving it around behind a flag so that Meta
+      // can keep using string refs temporarily while they finish migrating
+      // their codebase.
+      const userProvidedProps = workInProgress.pendingProps;
+      const propsWithInternalCallbackRef = assign({}, userProvidedProps);
+      propsWithInternalCallbackRef.ref = coercedRef;
+      workInProgress.pendingProps = propsWithInternalCallbackRef;
+    }
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
 
-        break;
-      }
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+  workInProgress.ref = coercedRef;
+}
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  // $FlowFixMe[method-unbinding]
+  const childString = Object.prototype.toString.call(newChild);
+  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+}
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+function resolveLazy(lazyType) {
+  const payload = lazyType._payload;
+  const init = lazyType._init;
+  return init(payload);
+} // This wrapper function exists because I expect to clone the code in each path
+// to be able to optimize each path individually by branching early. This needs
+// a compiler or we can do it manually. Helpers that don't need this branching
+// live outside of this function.
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
 
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+function createChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+    const deletions = returnFiber.deletions;
 
-      return resultingFirstChild;
+    if (deletions === null) {
+      returnFiber.deletions = [childToDelete];
+      returnFiber.flags |= ChildDeletion;
+    } else {
+      deletions.push(childToDelete);
     }
+  }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return null;
+    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
+    // assuming that after the first child we've already added everything.
 
-        if (newFiber === null) {
-          continue;
-        }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+    let childToDelete = currentFirstChild;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
+    }
 
-        previousNewFiber = newFiber;
-      }
+    return null;
+  }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    // Add the remaining children to a temporary map so that we can find them by
+    // keys quickly. Implicit (null) keys get added to this set with their index
+    // instead.
+    const existingChildren = new Map();
+    let existingChild = currentFirstChild;
+
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
       }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+      existingChild = existingChild.sibling;
+    }
 
+    return existingChildren;
+  }
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+  function useFiber(fiber, pendingProps) {
+    // We currently set sibling to null and index to 0 here because it is easy
+    // to forget to do before returning it. E.g. for the single child case.
+    const clone = createWorkInProgress(fiber, pendingProps);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
+  }
 
-    for (; newIdx < newChildren.length; newIdx++) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
-          }
-        }
+    if (!shouldTrackSideEffects) {
+      // During hydration, the useId algorithm needs to know which fibers are
+      // part of a list of children (arrays, iterators).
+      newFiber.flags |= Forked;
+      return lastPlacedIndex;
+    }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+    const current = newFiber.alternate;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+    if (current !== null) {
+      const oldIndex = current.index;
 
-        previousNewFiber = newFiber;
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.flags |= Placement | PlacementDEV;
+        return lastPlacedIndex;
+      } else {
+        // This item can stay in place.
+        return oldIndex;
       }
+    } else {
+      // This is an insertion.
+      newFiber.flags |= Placement | PlacementDEV;
+      return lastPlacedIndex;
     }
+  }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
-
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
+  function placeSingleChild(newFiber) {
+    // This is simpler for the single child case. We only need to do a
+    // placement for inserting new children.
+    if (shouldTrackSideEffects && newFiber.alternate === null) {
+      newFiber.flags |= Placement | PlacementDEV;
     }
 
-    return resultingFirstChild;
+    return newFiber;
   }
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    const iteratorFn = getIteratorFn(newChildrenIterable);
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
+    if (current === null || current.tag !== HostText) {
+      // Insert
+      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-    if (typeof iteratorFn !== 'function') {
-      throw Error(formatProdErrorMessage(150));
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, textContent);
+      existing.return = returnFiber;
+
+      return existing;
     }
+  }
 
-    const newChildren = iteratorFn.call(newChildrenIterable);
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
+    const elementType = element.type;
 
-    if (newChildren == null) {
-      throw Error(formatProdErrorMessage(151));
+    if (elementType === REACT_FRAGMENT_TYPE) {
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
     }
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
-    let step = newChildren.next();
+    if (current !== null) {
+      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+      false) || // Lazy types should reconcile their resolved type.
+      // We need to do this after the Hot Reloading check above,
+      // because hot reloading has different semantics than prod because
+      // it doesn't resuspend. So we can't let the call below suspend.
+      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
+        // Move based on index
+        const existing = useFiber(current, element.props);
+        coerceRef(returnFiber, current, existing, element);
+        existing.return = returnFiber;
 
-    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
+        return existing;
       }
+    } // Insert
 
-      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
-
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
 
-        break;
-      }
+    const created = createFiberFromElement(element, returnFiber.mode, lanes);
+    coerceRef(returnFiber, current, created, element);
+    created.return = returnFiber;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+    return created;
+  }
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
+    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
+      // Insert
+      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, portal.children || []);
+      existing.return = returnFiber;
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
+      return existing;
     }
+  }
 
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
+    if (current === null || current.tag !== Fragment) {
+      // Insert
+      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
+      created.return = returnFiber;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, fragment);
+      existing.return = returnFiber;
 
-      return resultingFirstChild;
+      return existing;
     }
+  }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        const newFiber = createChild(returnFiber, step.value, lanes);
-
-        if (newFiber === null) {
-          continue;
-        }
-
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
-
-        previousNewFiber = newFiber;
-      }
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+      return created;
+    }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
+            coerceRef(returnFiber, null, created, newChild);
+            created.return = returnFiber;
 
+            return created;
+          }
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+        case REACT_PORTAL_TYPE:
+          {
+            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
+            created.return = returnFiber;
 
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+            return created;
+          }
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return createChild(returnFiber, init(payload), lanes);
           }
-        }
+      }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
+        created.return = returnFiber;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+        return created;
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-        previousNewFiber = newFiber;
+
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return createChild(returnFiber, unwrapThenable(thenable), lanes);
       }
-    }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
+      throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    return resultingFirstChild;
-  }
-
-  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      const existing = useFiber(currentFirstChild, textContent);
-      existing.return = returnFiber;
-      return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
-
-
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
+    return null;
   }
 
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
-    const key = element.key;
-    let child = currentFirstChild;
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
+    // Update the fiber if the keys match, otherwise return null.
+    const key = oldFiber !== null ? oldFiber.key : null;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        const elementType = element.type;
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      if (key !== null) {
+        return null;
+      }
 
-        if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
+    }
 
-            return existing;
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            if (newChild.key === key) {
+              return updateElement(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } else {
-          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-          false) || // Lazy types should reconcile their resolved type.
-          // We need to do this after the Hot Reloading check above,
-          // because hot reloading has different semantics than prod because
-          // it doesn't resuspend. So we can't let the call below suspend.
-          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props);
-            existing.ref = coerceRef(returnFiber, child, element);
-            existing.return = returnFiber;
 
-            return existing;
+        case REACT_PORTAL_TYPE:
+          {
+            if (newChild.key === key) {
+              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } // Didn't match.
 
-
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+          }
       }
 
-      child = child.sibling;
-    }
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
 
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      const created = createFiberFromElement(element, returnFiber.mode, lanes);
-      created.ref = coerceRef(returnFiber, currentFirstChild, element);
-      created.return = returnFiber;
-      return created;
-    }
-  }
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
-    const key = portal.key;
-    let child = currentFirstChild;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          const existing = useFiber(child, portal.children || []);
-          existing.return = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
       }
 
-      child = child.sibling;
-    }
-
-    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    // TODO: Let's use recursion like we do for Usable nodes?
-    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
+    return null;
+  }
 
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys, so we neither have to check the old nor
+      // new node for the key. If both are text nodes, they match.
+      const matchedFiber = existingChildren.get(newIdx) || null;
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+    }
 
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updateElement(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_PORTAL_TYPE:
-          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_LAZY_TYPE:
           const payload = newChild._payload;
-          const init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
-      }
-
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
+          const init = newChild._init;
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
       }
 
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
-      } // Usables are a valid React node type. When React encounters a Usable in
-      // a child position, it unwraps it using the same algorithm as `use`. For
-      // example, for promises, React will throw an exception to unwind the
-      // stack, then replay the component once the promise resolves.
-      //
-      // A difference from `use` is that React will keep unwrapping the value
-      // until it reaches a non-Usable type.
-      //
-      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const matchedFiber = existingChildren.get(newIdx) || null;
+        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
+      } // Usable node types
       //
-      // The structure is a bit unfortunate. Ideally, we shouldn't need to
-      // replay the entire begin phase of the parent fiber in order to reconcile
-      // the children again. This would require a somewhat significant refactor,
-      // because reconcilation happens deep within the begin phase, and
-      // depending on the type of work, not always at the end. We should
-      // consider as an future improvement.
+      // Unwrap the inner value and recursively call this function again.
 
 
       if (typeof newChild.then === 'function') {
         const thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         const context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
-    }
+    return null;
+  }
 
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
 
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
 
-  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
-    // This indirection only exists so we can reset `thenableState` at the end.
-    // It should get inlined by Closure.
-    thenableIndexCounter$1 = 0;
-    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
-    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
-    // set at the beginning.
+    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
 
-    return firstChildFiber;
-  }
+      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
 
-  return reconcileChildFibers;
-}
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-const reconcileChildFibers = createChildReconciler(true);
-const mountChildFibers = createChildReconciler(false);
-function resetChildReconcilerOnUnwind() {
-  // On unwind, clear any pending thenables that were used.
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-}
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw Error(formatProdErrorMessage(153));
-  }
+        break;
+      }
+
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
+
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
+
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
 
-  if (workInProgress.child === null) {
-    return;
-  }
+    if (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
 
-  let currentChild = workInProgress.child;
-  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
-    newChild.return = workInProgress;
-  }
+      return resultingFirstChild;
+    }
 
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; newIdx < newChildren.length; newIdx++) {
+        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
 
-function resetChildFibers(workInProgress, lanes) {
-  let child = workInProgress.child;
+        if (newFiber === null) {
+          continue;
+        }
 
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-// TODO: This isn't being used yet, but it's intended to replace the
-// InvisibleParentContext that is currently managed by SuspenseContext.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const currentTreeHiddenStackCursor = createCursor(null);
-const prevEntangledRenderLanesCursor = createCursor(NoLanes);
-function pushHiddenContext(fiber, context) {
-  const prevEntangledRenderLanes = getEntangledRenderLanes();
-  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
-  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
-  // lanes that would have rendered if the hidden subtree hadn't been deferred.
-  // That is, in order to reveal content from hidden -> visible, we must commit
-  // all the updates that we skipped when we originally hid the tree.
+        previousNewFiber = newFiber;
+      }
 
-  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
-}
-function reuseHiddenContextOnStack(fiber) {
-  // This subtree is not currently hidden, so we don't need to add any lanes
-  // to the render lanes. But we still need to push something to avoid a
-  // context mismatch. Reuse the existing context on the stack.
-  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
-  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
-}
-function popHiddenContext(fiber) {
-  // Restore the previous render lanes from the stack
-  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
-  pop(currentTreeHiddenStackCursor);
-  pop(prevEntangledRenderLanesCursor);
-}
-function isCurrentTreeHidden() {
-  return currentTreeHiddenStackCursor.current !== null;
-}
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-// suspends, i.e. it's the nearest `catch` block on the stack.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
-// Everything above this is the "shell". When this is null, it means we're
-// rendering in the shell of the app. If it's non-null, it means we're rendering
-// deeper than the shell, inside a new tree that wasn't already visible.
-//
-// The main way we use this concept is to determine whether showing a fallback
-// would result in a desirable or undesirable loading state. Activing a fallback
-// in the shell is considered an undersirable loading state, because it would
-// mean hiding visible (albeit stale) content in the current tree — we prefer to
-// show the stale content, rather than switch to a fallback. But showing a
-// fallback in a new tree is fine, because there's no stale content to
-// prefer instead.
 
-let shellBoundary = null;
-function getShellBoundary() {
-  return shellBoundary;
-}
-function pushPrimaryTreeSuspenseHandler(handler) {
-  // TODO: Pass as argument
-  const current = handler.alternate;
-  // propagated a single level. For example, when ForceSuspenseFallback is set,
-  // it should only force the nearest Suspense boundary into fallback mode.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
-  // to push a nested Suspense handler, because it will get replaced by the
-  // outer fallback, anyway. Consider this as a future optimization.
+    for (; newIdx < newChildren.length; newIdx++) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
 
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  push(suspenseHandlerStackCursor, handler);
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  if (shellBoundary === null) {
-    if (current === null || isCurrentTreeHidden()) {
-      // This boundary is not visible in the current UI.
-      shellBoundary = handler;
-    } else {
-      const prevState = current.memoizedState;
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-      if (prevState !== null) {
-        // This boundary is showing a fallback in the current UI.
-        shellBoundary = handler;
+        previousNewFiber = newFiber;
       }
     }
-  }
-}
-function pushFallbackTreeSuspenseHandler(fiber) {
-  // We're about to render the fallback. If something in the fallback suspends,
-  // it's akin to throwing inside of a `catch` block. This boundary should not
-  // capture. Reuse the existing handler on the stack.
-  reuseSuspenseHandlerOnStack(fiber);
-}
-function pushOffscreenSuspenseHandler(fiber) {
-  if (fiber.tag === OffscreenComponent) {
-    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
-    // Reuse the current value on the stack.
-    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
-    push(suspenseHandlerStackCursor, fiber);
 
-    if (shellBoundary !== null) ; else {
-      const current = fiber.alternate;
-
-      if (current !== null) {
-        const prevState = current.memoizedState;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
 
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
-        }
-      }
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
     }
-  } else {
-    // This is a LegacyHidden component.
-    reuseSuspenseHandlerOnStack(fiber);
-  }
-}
-function reuseSuspenseHandlerOnStack(fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
-  push(suspenseHandlerStackCursor, getSuspenseHandler());
-}
-function getSuspenseHandler() {
-  return suspenseHandlerStackCursor.current;
-}
-function popSuspenseHandler(fiber) {
-  pop(suspenseHandlerStackCursor);
 
-  if (shellBoundary === fiber) {
-    // Popping back into the shell.
-    shellBoundary = null;
+    return resultingFirstChild;
   }
 
-  popSuspenseListContext();
-} // SuspenseList context
-// TODO: Move to a separate module? We may change the SuspenseList
-// implementation to hide/show in the commit phase, anyway.
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+    const iteratorFn = getIteratorFn(newChildrenIterable);
 
-const DefaultSuspenseContext = 0b00;
-const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
+    if (typeof iteratorFn !== 'function') {
+      throw Error(formatProdErrorMessage(150));
+    }
 
-const ForceSuspenseFallback = 0b10;
-const suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseListContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseListContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseListContext(parentContext, shallowContext) {
-  return parentContext & SubtreeSuspenseContextMask | shallowContext;
-}
-function pushSuspenseListContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext);
-}
-function popSuspenseListContext(fiber) {
-  pop(suspenseStackCursor);
-}
+    const newChildren = iteratorFn.call(newChildrenIterable);
 
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
+    if (newChildren == null) {
+      throw Error(formatProdErrorMessage(151));
+    }
 
-function findFirstSuspended(row) {
-  let node = row;
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
+    let step = newChildren.next();
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      const state = node.memoizedState;
+    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
+
+      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
+
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-      if (state !== null) {
-        const dehydrated = state.dehydrated;
+        break;
+      }
 
-        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
-          return node;
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
         }
       }
-    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-    // keep track of whether it suspended or not.
-    node.memoizedProps.revealOrder !== undefined) {
-      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      if (didSuspend) {
-        return node;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
       }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
 
-    if (node === row) {
-      return null;
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
+    if (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
       }
 
-      node = node.return;
+      return resultingFirstChild;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; !step.done; newIdx++, step = newChildren.next()) {
+        const newFiber = createChild(returnFiber, step.value, lanes);
 
-  return null;
-}
+        if (newFiber === null) {
+          continue;
+        }
 
-const NoFlags =
-/*   */
-0b0000; // Represents whether effect should fire.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-const HasEffect =
-/* */
-0b0001; // Represents the phase in which the effect (not the clean-up) fires.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const Insertion =
-/* */
-0b0010;
-const Layout =
-/*    */
-0b0100;
-const Passive =
-/*   */
-0b1000;
+        previousNewFiber = newFiber;
+      }
 
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-let firstScheduledRoot = null;
-let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-let mightHavePendingSyncWork = false;
-let isFlushingWork = false;
-let currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
-    }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+
+    for (; !step.done; newIdx++, step = newChildren.next()) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
 
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
+
+        previousNewFiber = newFiber;
+      }
     }
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
 
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
+
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
+    }
+
+    return resultingFirstChild;
   }
 
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
+  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
+    // There's no need to check for keys on text nodes since we don't have a
+    // way to define them.
+    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+      // We already have an existing node so let's just update it and delete
+      // the rest.
+      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+      const existing = useFiber(currentFirstChild, textContent);
+      existing.return = returnFiber;
+      return existing;
+    } // The existing first child is not a text node so we need to create one
+    // and delete the existing ones.
 
 
-  let didPerformSomeWork;
-  let errors = null;
-  isFlushingWork = true;
+    deleteRemainingChildren(returnFiber, currentFirstChild);
+    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  }
 
-  do {
-    didPerformSomeWork = false;
-    let root = firstScheduledRoot;
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
+    const key = element.key;
+    let child = currentFirstChild;
 
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        const workInProgressRoot = getWorkInProgressRoot();
-        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        const elementType = element.type;
 
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
+        if (elementType === REACT_FRAGMENT_TYPE) {
+          if (child.tag === Fragment) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props.children);
+            existing.return = returnFiber;
+
+            return existing;
           }
-        }
+        } else {
+          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+          false) || // Lazy types should reconcile their resolved type.
+          // We need to do this after the Hot Reloading check above,
+          // because hot reloading has different semantics than prod because
+          // it doesn't resuspend. So we can't let the call below suspend.
+          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props);
+            coerceRef(returnFiber, child, existing, element);
+            existing.return = returnFiber;
+
+            return existing;
+          }
+        } // Didn't match.
+
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
+      } else {
+        deleteChild(returnFiber, child);
       }
 
-      root = root.next;
+      child = child.sibling;
     }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
 
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (let i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
+      created.return = returnFiber;
 
-        const firstError = errors[0];
-        throw firstError;
-      }
+      return created;
     } else {
-      const error = errors[0];
-      throw error;
+      const created = createFiberFromElement(element, returnFiber.mode, lanes);
+      coerceRef(returnFiber, currentFirstChild, created, element);
+      created.return = returnFiber;
+
+      return created;
     }
   }
-}
 
-function throwError(error) {
-  throw error;
-}
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
+    const key = portal.key;
+    let child = currentFirstChild;
 
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          const existing = useFiber(child, portal.children || []);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+
+      child = child.sibling;
+    }
 
+    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  } // This API will tag the children with the side-effect of the reconciliation
+  // itself. They will be added to the side-effect list as we pass through the
+  // children and the parent.
 
-  mightHavePendingSyncWork = false;
-  const currentTime = now();
-  let prev = null;
-  let root = firstScheduledRoot;
 
-  while (root !== null) {
-    const next = root.next;
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
+    // This function is not recursive.
+    // If the top level item is an array, we treat it as a set of children,
+    // not as a fragment. Nested arrays on the other hand will be treated as
+    // fragment nodes. Recursion happens at the normal flow.
+    // Handle top level unkeyed fragments as if they were arrays.
+    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // We treat the ambiguous cases above the same.
+    // TODO: Let's use recursion like we do for Usable nodes?
+    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
 
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
+    if (isUnkeyedTopLevelFragment) {
+      newChild = newChild.props.children;
+    } // Handle object types
 
-    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
 
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
-      } else {
-        prev.next = next;
-      }
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
 
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
+        case REACT_LAZY_TYPE:
+          const payload = newChild._payload;
+          const init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes);
       }
-    } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
 
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
+      if (isArray(newChild)) {
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
       }
-    }
 
-    root = next;
-  }
+      if (getIteratorFn(newChild)) {
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
+      } // Usables are a valid React node type. When React encounters a Usable in
+      // a child position, it unwraps it using the same algorithm as `use`. For
+      // example, for promises, React will throw an exception to unwind the
+      // stack, then replay the component once the promise resolves.
+      //
+      // A difference from `use` is that React will keep unwrapping the value
+      // until it reaches a non-Usable type.
+      //
+      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      //
+      // The structure is a bit unfortunate. Ideally, we shouldn't need to
+      // replay the entire begin phase of the parent fiber in order to reconcile
+      // the children again. This would require a somewhat significant refactor,
+      // because reconcilation happens deep within the begin phase, and
+      // depending on the type of work, not always at the end. We should
+      // consider as an future improvement.
 
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
 
-  flushSyncWorkOnAllRoots();
-}
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+      }
 
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  const workInProgressRoot = getWorkInProgressRoot();
-  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  const existingCallbackNode = root.callbackNode;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
     }
 
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
 
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
 
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
+    // This indirection only exists so we can reset `thenableState` at the end.
+    // It should get inlined by Closure.
+    thenableIndexCounter$1 = 0;
+    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
+    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+    // set at the beginning.
 
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    const existingCallbackPriority = root.callbackPriority;
-    const newCallbackPriority = getHighestPriorityLane(nextLanes);
+    return firstChildFiber;
+  }
 
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(false  )) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
+  return reconcileChildFibers;
+}
 
-    let schedulerPriorityLevel;
+const reconcileChildFibers = createChildReconciler(true);
+const mountChildFibers = createChildReconciler(false);
+function resetChildReconcilerOnUnwind() {
+  // On unwind, clear any pending thenables that were used.
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+}
+function cloneChildFibers(current, workInProgress) {
+  if (current !== null && workInProgress.child !== current.child) {
+    throw Error(formatProdErrorMessage(153));
+  }
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+  if (workInProgress.child === null) {
+    return;
+  }
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+  let currentChild = workInProgress.child;
+  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
+  workInProgress.child = newChild;
+  newChild.return = workInProgress;
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
+    newChild.return = workInProgress;
+  }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+  newChild.sibling = null;
+} // Reset a workInProgress child set to prepare it for a second pass.
 
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-    }
+function resetChildFibers(workInProgress, lanes) {
+  let child = workInProgress.child;
 
-    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
+  while (child !== null) {
+    resetWorkInProgress(child, lanes);
+    child = child.sibling;
   }
 }
 
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now());
+// TODO: This isn't being used yet, but it's intended to replace the
+// InvisibleParentContext that is currently managed by SuspenseContext.
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
+const currentTreeHiddenStackCursor = createCursor(null);
+const prevEntangledRenderLanesCursor = createCursor(NoLanes);
+function pushHiddenContext(fiber, context) {
+  const prevEntangledRenderLanes = getEntangledRenderLanes();
+  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
+  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
+  // lanes that would have rendered if the hidden subtree hadn't been deferred.
+  // That is, in order to reveal content from hidden -> visible, we must commit
+  // all the updates that we skipped when we originally hid the tree.
 
-  return null;
+  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
 }
-
-function scheduleCallback$2(priorityLevel, callback) {
-  {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
+function reuseHiddenContextOnStack(fiber) {
+  // This subtree is not currently hidden, so we don't need to add any lanes
+  // to the render lanes. But we still need to push something to avoid a
+  // context mismatch. Reuse the existing context on the stack.
+  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext(fiber) {
+  // Restore the previous render lanes from the stack
+  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+function isCurrentTreeHidden() {
+  return currentTreeHiddenStackCursor.current !== null;
 }
 
-function cancelCallback(callbackNode) {
-  if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
-  }
+// suspends, i.e. it's the nearest `catch` block on the stack.
+
+const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+// Everything above this is the "shell". When this is null, it means we're
+// rendering in the shell of the app. If it's non-null, it means we're rendering
+// deeper than the shell, inside a new tree that wasn't already visible.
+//
+// The main way we use this concept is to determine whether showing a fallback
+// would result in a desirable or undesirable loading state. Activing a fallback
+// in the shell is considered an undersirable loading state, because it would
+// mean hiding visible (albeit stale) content in the current tree — we prefer to
+// show the stale content, rather than switch to a fallback. But showing a
+// fallback in a new tree is fine, because there's no stale content to
+// prefer instead.
+
+let shellBoundary = null;
+function getShellBoundary() {
+  return shellBoundary;
 }
+function pushPrimaryTreeSuspenseHandler(handler) {
+  // TODO: Pass as argument
+  const current = handler.alternate;
+  // propagated a single level. For example, when ForceSuspenseFallback is set,
+  // it should only force the nearest Suspense boundary into fallback mode.
 
-function scheduleImmediateTask(cb) {
-  // Alternatively, can we move this check to the host config?
+  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
+  // to push a nested Suspense handler, because it will get replaced by the
+  // outer fallback, anyway. Consider this as a future optimization.
 
 
-  {
-    scheduleMicrotask(() => {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      const executionContext = getExecutionContext();
+  push(suspenseHandlerStackCursor, handler);
 
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
-      }
+  if (shellBoundary === null) {
+    if (current === null || isCurrentTreeHidden()) {
+      // This boundary is not visible in the current UI.
+      shellBoundary = handler;
+    } else {
+      const prevState = current.memoizedState;
 
-      cb();
-    });
+      if (prevState !== null) {
+        // This boundary is showing a fallback in the current UI.
+        shellBoundary = handler;
+      }
+    }
   }
 }
+function pushFallbackTreeSuspenseHandler(fiber) {
+  // We're about to render the fallback. If something in the fallback suspends,
+  // it's akin to throwing inside of a `catch` block. This boundary should not
+  // capture. Reuse the existing handler on the stack.
+  reuseSuspenseHandlerOnStack(fiber);
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (fiber.tag === OffscreenComponent) {
+    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+    // Reuse the current value on the stack.
+    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+    // into separate functions for Suspense and Offscreen.
+    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    push(suspenseHandlerStackCursor, fiber);
 
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
-  }
+    if (shellBoundary !== null) ; else {
+      const current = fiber.alternate;
 
-  return currentEventTransitionLane;
+      if (current !== null) {
+        const prevState = current.memoizedState;
+
+        if (prevState !== null) {
+          // This is the first boundary in the stack that's already showing
+          // a fallback. So everything outside is considered the shell.
+          shellBoundary = fiber;
+        }
+      }
+    }
+  } else {
+    // This is a LegacyHidden component.
+    reuseSuspenseHandlerOnStack(fiber);
+  }
+}
+function reuseSuspenseHandlerOnStack(fiber) {
+  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, getSuspenseHandler());
+}
+function getSuspenseHandler() {
+  return suspenseHandlerStackCursor.current;
 }
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
 
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
-//
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
+  }
 
-let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+  popSuspenseListContext();
+} // SuspenseList context
+// TODO: Move to a separate module? We may change the SuspenseList
+// implementation to hide/show in the commit phase, anyway.
 
-let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+const DefaultSuspenseContext = 0b00;
+const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+// items into their fallback state during one of the render passes.
 
-let currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  const thenable = actionReturnValue;
-  let entangledListeners;
+const ForceSuspenseFallback = 0b10;
+const suspenseStackCursor = createCursor(DefaultSuspenseContext);
+function hasSuspenseListContext(parentContext, flag) {
+  return (parentContext & flag) !== 0;
+}
+function setDefaultShallowSuspenseListContext(parentContext) {
+  return parentContext & SubtreeSuspenseContextMask;
+}
+function setShallowSuspenseListContext(parentContext, shallowContext) {
+  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+}
+function pushSuspenseListContext(fiber, newContext) {
+  push(suspenseStackCursor, newContext);
+}
+function popSuspenseListContext(fiber) {
+  pop(suspenseStackCursor);
+}
 
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
-  }
+// A non-null SuspenseState means that it is blocked for one reason or another.
+// - A non-null dehydrated field means it's blocked pending hydration.
+//   - A non-null dehydrated field can use isSuspenseInstancePending or
+//     isSuspenseInstanceFallback to query the reason for being dehydrated.
+// - A null dehydrated field means it's blocked by something suspending and
+//   we're currently showing a fallback instead.
 
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  const resultThenable = createResultThenable(entangledListeners);
-  let resultStatus = 'pending';
-  let resultValue;
-  let rejectedReason;
-  thenable.then(value => {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, error => {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(() => {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          const fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
+function findFirstSuspended(row) {
+  let node = row;
 
-      case 'rejected':
-        {
-          const rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
-        }
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      const state = node.memoizedState;
+
+      if (state !== null) {
+        const dehydrated = state.dehydrated;
 
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw Error(formatProdErrorMessage(478));
+        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+          return node;
         }
+      }
+    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+    // keep track of whether it suspended or not.
+    node.memoizedProps.revealOrder !== undefined) {
+      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
+
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-  });
-  return resultThenable;
-}
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  const resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
 
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    const entangledListeners = currentEntangledListeners;
-    const resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(() => {
-      const fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
-  }
-}
+    if (node === row) {
+      return null;
+    }
 
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    const listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
 
-    for (let i = 0; i < listeners.length; i++) {
-      const listener = listeners[i];
-      listener();
+      node = node.return;
     }
+
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
-}
 
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  const resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
+  return null;
+}
 
-    then(resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      const ping = resolve;
-      entangledListeners.push(ping);
-    }
+const NoFlags =
+/*   */
+0b0000; // Represents whether effect should fire.
 
-  };
-  return resultThenable;
-}
+const HasEffect =
+/* */
+0b0001; // Represents the phase in which the effect (not the clean-up) fires.
 
-function peekEntangledActionLane() {
-  return currentEntangledLane;
-}
+const Insertion =
+/* */
+0b0010;
+const Layout =
+/*    */
+0b0100;
+const Passive =
+/*   */
+0b1000;
 
 const ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
       ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -7343,7 +7422,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -7421,6 +7500,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -7488,6 +7573,7 @@ function updateReducerImpl(hook, current, reducer) {
     let newBaseQueueFirst = null;
     let newBaseQueueLast = null;
     let update = first;
+    let didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -7547,6 +7633,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -7557,7 +7650,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             const clone = {
@@ -7619,7 +7719,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        const entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -7876,8 +7992,16 @@ function mountStateImpl(initialState) {
   const hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    const initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -8002,27 +8126,27 @@ function runFormStateAction(actionQueue, setState, payload) {
   const prevState = actionQueue.state; // This is a fork of startTransition
 
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   try {
     const returnValue = action(prevState, payload);
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      const thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      const thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(nextState => {
         actionQueue.state = nextState;
         finishRunningFormStateAction(actionQueue, setState);
       }, () => finishRunningFormStateAction(actionQueue, setState));
-      const entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      const entangledResult = requestSyncActionContext(returnValue, null);
-      setState(entangledResult);
+      setState(returnValue);
       const nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -8416,12 +8540,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   const hook = mountWorkInProgressHook();
   const nextDeps = deps === undefined ? null : deps;
+  const nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8439,11 +8565,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  const nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8541,7 +8670,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   const previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  const currentTransition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -8566,17 +8697,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        const thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        const thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        const entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        const thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        const entangledResult = requestSyncActionContext(returnValue, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -8870,6 +8998,7 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  requestCurrentTransition();
 
   const update = {
     // An optimistic update commits synchronously.
@@ -9340,6 +9469,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -9380,6 +9510,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -9472,6 +9603,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -9552,17 +9684,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+const CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  let stack;
+
+  if (typeof value === 'object' && value !== null) {
+    const capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value,
     source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value,
     source: null,
@@ -9898,7 +10050,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -9932,7 +10084,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -9950,7 +10102,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           const uncaughtSuspenseError = Error(formatProdErrorMessage(426));
@@ -9978,7 +10130,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -9987,6 +10139,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   let workInProgress = returnFiber;
 
   do {
@@ -9999,7 +10157,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           const update = createRootErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -10015,7 +10173,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
           const update = createClassErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
         break;
@@ -10024,6 +10182,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 const ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -10067,16 +10227,38 @@ function forceUnmountCurrentAndReconcile(current, workInProgress, nextChildren,
 }
 
 function updateForwardRef(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens after the first render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   const render = Component.render;
-  const ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
+  const ref = workInProgress.ref;
+  let propsWithoutRef;
+
+  if ('ref' in nextProps) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in nextProps) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = nextProps[key];
+      }
+    }
+  } else {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
+
 
   let nextChildren;
   let hasId;
   prepareToReadContext(workInProgress, renderLanes);
 
   {
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
   }
 
@@ -10112,7 +10294,7 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       return updateSimpleMemoComponent(current, workInProgress, resolvedType, nextProps, renderLanes);
     }
 
-    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
@@ -10146,7 +10328,9 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
 }
 
 function updateSimpleMemoComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens when the inner render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   if (current !== null) {
     const prevProps = current.memoizedProps;
 
@@ -10202,7 +10386,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   const nextChildren = nextProps.children;
   const nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   const prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -10381,6 +10565,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     const prevState = current.memoizedState;
@@ -10441,7 +10626,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   const ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -10452,7 +10639,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
   let context;
 
   {
@@ -10546,7 +10732,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -10636,10 +10822,14 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
 
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
+
   const nextChildren = nextState.element;
 
   if (prevState.isDehydrated) {
@@ -10709,12 +10899,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   const type = workInProgress.type;
   const nextProps = workInProgress.pendingProps;
   const prevProps = current !== null ? current.memoizedProps : null;
@@ -10776,13 +10965,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const currentProps = current === null ? null : current.memoizedProps;
   const resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -10820,7 +11009,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -10871,7 +11060,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -11448,7 +11636,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -11538,7 +11726,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       // Something errored during hydration. Try again without hydrating.
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
-      const capturedValue = createCapturedValue(Error(formatProdErrorMessage(422)));
+      const capturedValue = createCapturedValueFromError(Error(formatProdErrorMessage(422)));
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
     } else if (workInProgress.memoizedState !== null) {
       // Something suspended and we should still be in dehydrated mode.
@@ -11804,8 +11992,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 }
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  const providerType = workInProgress.type;
-  const context = providerType._context;
+  let context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   const newProps = workInProgress.pendingProps;
   const oldProps = workInProgress.memoizedProps;
   const newValue = newProps.value;
@@ -11835,7 +12027,11 @@ function updateContextProvider(current, workInProgress, renderLanes) {
 }
 
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  let context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
+  let context;
+
+  {
+    context = workInProgress.type;
+  }
 
   const newProps = workInProgress.pendingProps;
   const render = newProps.children;
@@ -11948,7 +12144,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         const newValue = workInProgress.memoizedProps.value;
-        const context = workInProgress.type._context;
+        let context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -12235,7 +12436,6 @@ function beginWork$1(current, workInProgress, renderLanes) {
         const unresolvedProps = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
         let resolvedProps = resolveDefaultProps(type, unresolvedProps);
-
         resolvedProps = resolveDefaultProps(type.type, resolvedProps);
         return updateMemoComponent(current, workInProgress, type, resolvedProps, renderLanes);
       }
@@ -12308,11 +12508,7 @@ function popProvider(context, providerFiber) {
   const currentValue = valueCursor.current;
 
   {
-    if (currentValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue = context._defaultValue;
-    } else {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
   }
 
   pop(valueCursor);
@@ -12570,9 +12766,7 @@ const CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 // for retaining the cache once it is in use (retainCache), and releasing the cache
 // once it is no longer needed (releaseCache).
@@ -12612,9 +12806,28 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 const ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-const NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  const transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  const callbacks = transition._callbacks;
+  callbacks.forEach(callback => callback(transition, returnValue));
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -12728,10 +12941,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -13156,10 +13365,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13183,10 +13388,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13235,10 +13436,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -13265,11 +13462,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -13285,10 +13477,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, type, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -13325,11 +13513,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -13473,7 +13656,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       bubbleProperties(workInProgress);
       return null;
@@ -13882,7 +14070,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       return null;
 
@@ -13970,7 +14163,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      const context = interruptedWork.type._context;
+      let context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context);
       break;
 
@@ -16919,7 +17117,13 @@ let workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 let workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-let workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+let workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+let workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+let didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -16981,9 +17185,9 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  const isTransition = requestCurrentTransition() !== NoTransition;
+  const transition = requestCurrentTransition();
 
-  if (isTransition) {
+  if (transition !== null) {
 
     const actionScopeLane = peekEntangledActionLane();
     return actionScopeLane !== NoLane ? // We're inside an async action scope. Reuse the same lane.
@@ -17049,7 +17253,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -17378,16 +17582,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -17411,14 +17615,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -17482,15 +17686,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -17552,7 +17794,7 @@ function performSyncWorkOnRoot(root, lanes) {
   const finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -17704,7 +17946,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -17984,7 +18227,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -18063,7 +18306,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -18130,7 +18373,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -18194,7 +18437,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -18206,7 +18449,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -18378,7 +18621,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -18387,34 +18630,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   const returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    const didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -18434,6 +18670,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -18533,7 +18785,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   const previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -18542,7 +18794,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -18551,7 +18803,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -18593,7 +18845,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   const concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -18750,7 +19004,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     // finishing. If there are too many, it indicates an infinite update loop.
@@ -19084,6 +19341,17 @@ function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
     rootWithNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw Error(formatProdErrorMessage(185));
   }
 }
@@ -19279,7 +19547,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -19289,7 +19557,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   let fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   let resolvedType = type;
@@ -19359,13 +19627,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -19398,13 +19675,12 @@ key, pendingProps, source, owner, mode, lanes) {
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  let source = null;
   let owner = null;
 
   const type = element.type;
   const key = element.key;
   const pendingProps = element.props;
-  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   return fiber;
 }
@@ -19562,7 +19838,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -21017,7 +21293,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    const root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    const root = unblocked.ownerDocument || unblocked;
     const formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -23708,7 +23985,8 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case 'href':
       {
         {
-          if (value === '') {
+          if (value === '' && // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && key === 'href')) {
 
             domElement.removeAttribute(key);
             break;
@@ -23848,7 +24126,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -24124,6 +24404,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -27250,11 +27531,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+const LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 let precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -27298,26 +27585,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   const instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   const precedence = instance.getAttribute('data-precedence');
-  const prior = precedences.get('p' + precedence) || last;
+  const prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -27439,7 +27726,7 @@ function scheduleHydration(target) {
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
 function hydrateRoot$1(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(405));
+    throw Error(formatProdErrorMessage(299));
   }
   // the hydration callbacks.
 
@@ -27596,7 +27883,7 @@ function findDOMNode(componentOrElement) {
 function hydrate(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
 
@@ -27605,7 +27892,7 @@ function hydrate(element, container, callback) {
 function render(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
@@ -27613,7 +27900,7 @@ function render(element, container, callback) {
 function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
 
   if (!isValidContainerLegacy(containerNode)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (parentComponent == null || !has(parentComponent)) {
@@ -27624,7 +27911,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(40));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (container._reactRootContainer) {
@@ -27788,7 +28075,7 @@ function createPortal(children, container) {
   let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   } // TODO: pass ReactDOM portal implementation as third argument
   // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js
index 8c61b0b303b291..8f0111fb2d06b3 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.production.min.js
@@ -8,428 +8,432 @@
  LICENSE file in the root directory of this source tree.
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("next/dist/compiled/scheduler-experimental"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function u(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
-var B=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null};function ia(){return ea.current.useHostTransitionStatus()}function ja(a,b,c){return ea.current.useFormState(a,b,c)}var ka=[],la=-1;function ma(a){return{current:a}}function D(a){0>la||(a.current=ka[la],ka[la]=null,la--)}function E(a,b){la++;ka[la]=a.current;a.current=b}
-var na=Symbol.for("react.element"),oa=Symbol.for("react.portal"),pa=Symbol.for("react.fragment"),qa=Symbol.for("react.strict_mode"),ra=Symbol.for("react.profiler"),sa=Symbol.for("react.provider"),ta=Symbol.for("react.context"),ua=Symbol.for("react.server_context"),va=Symbol.for("react.forward_ref"),wa=Symbol.for("react.suspense"),xa=Symbol.for("react.suspense_list"),ya=Symbol.for("react.memo"),za=Symbol.for("react.lazy"),Aa=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
-var Ba=Symbol.for("react.offscreen"),Ca=Symbol.for("react.legacy_hidden"),Da=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ea=Symbol.for("react.default_value"),Fa=Symbol.for("react.memo_cache_sentinel"),Ga=Symbol.for("react.postpone"),Ha=Symbol.iterator;function Ia(a){if(null===a||"object"!==typeof a)return null;a=Ha&&a[Ha]||a["@@iterator"];return"function"===typeof a?a:null}
-var Ja=ma(null),Ka=ma(null),La=ma(null),Ma=ma(null),Na={$$typeof:ta,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};function Oa(a,b){E(La,b);E(Ka,a);E(Ja,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Pa(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Pa(a),b=Qa(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}D(Ja);E(Ja,b)}
-function Ra(){D(Ja);D(Ka);D(La)}function Sa(a){null!==a.memoizedState&&E(Ma,a);var b=Ja.current;var c=Qa(b,a.type);b!==c&&(E(Ka,a),E(Ja,c))}function Ta(a){Ka.current===a&&(D(Ja),D(Ka));Ma.current===a&&(D(Ma),Na._currentValue=null)}
-var Ua=ba.unstable_scheduleCallback,Va=ba.unstable_cancelCallback,Wa=ba.unstable_shouldYield,Xa=ba.unstable_requestPaint,Ya=ba.unstable_now,Za=ba.unstable_getCurrentPriorityLevel,$a=ba.unstable_ImmediatePriority,ab=ba.unstable_UserBlockingPriority,bb=ba.unstable_NormalPriority,cb=ba.unstable_LowPriority,db=ba.unstable_IdlePriority,eb=null,fb=null;function gb(a){if(fb&&"function"===typeof fb.onCommitFiberRoot)try{fb.onCommitFiberRoot(eb,a,void 0,128===(a.current.flags&128))}catch(b){}}
-var ib=Math.clz32?Math.clz32:hb,jb=Math.log,kb=Math.LN2;function hb(a){a>>>=0;return 0===a?32:31-(jb(a)/kb|0)|0}var lb=128,mb=4194304;
-function nb(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
-case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function ob(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=nb(c):(a&=f,0!==a&&(d=nb(a)))):(c&=~e,0!==c?d=nb(c):0!==a&&(d=nb(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
-function pb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
-function qb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function rb(){var a=mb;mb<<=1;0===(mb&62914560)&&(mb=4194304);return a}function sb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}function tb(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0)}
-function ub(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-ib(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var p=k[g];null!==p&&(p.lane&=-536870913)}d&=~h}0!==c&&vb(a,c,0)}
-function vb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-ib(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function wb(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-ib(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function xb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-ib(b);a.entanglements[1]|=c;b&=~c}}var F=0;function yb(a,b){var c=F;try{return F=a,b()}finally{F=c}}
-function zb(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}var Ab=Object.prototype.hasOwnProperty,Bb=Math.random().toString(36).slice(2),Cb="__reactFiber$"+Bb,Db="__reactProps$"+Bb,Eb="__reactContainer$"+Bb,Fb="__reactEvents$"+Bb,Hb="__reactListeners$"+Bb,Ib="__reactHandles$"+Bb,Jb="__reactResources$"+Bb,Kb="__reactMarker$"+Bb;function Lb(a){delete a[Cb];delete a[Db];delete a[Fb];delete a[Hb];delete a[Ib]}
-function Mb(a){var b=a[Cb];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Eb]||c[Cb]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Nb(a);null!==a;){if(c=a[Cb])return c;a=Nb(a)}return b}a=c;c=a.parentNode}return null}function Ob(a){if(a=a[Cb]||a[Eb]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function Pb(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(u(33));}function Qb(a){return a[Db]||null}
-function Rb(a){var b=a[Jb];b||(b=a[Jb]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function Sb(a){a[Kb]=!0}var Tb=new Set,Ub={};function Vb(a,b){Wb(a,b);Wb(a+"Capture",b)}function Wb(a,b){Ub[a]=b;for(a=0;a<b.length;a++)Tb.add(b[a])}
-var Xb=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),Yb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Zb=
-{},$b={};function ac(a){if(Ab.call($b,a))return!0;if(Ab.call(Zb,a))return!1;if(Yb.test(a))return $b[a]=!0;Zb[a]=!0;return!1}function bc(a,b,c){if(ac(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
-function cc(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function dc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var ec;
-function fc(a){if(void 0===ec)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);ec=b&&b[1]||""}return"\n"+ec+a}var gc=!1;
-function hc(a,b){if(!a||gc)return"";gc=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(t){var r=t}Reflect.construct(a,[],w)}else{try{w.call()}catch(t){r=t}a.call(w.prototype)}}else{try{throw Error();}catch(t){r=t}(w=a())&&"function"===typeof w.catch&&
-w.catch(function(){})}}catch(t){if(t&&r&&"string"===typeof t.stack)return[t.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),p=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<p.length&&!p[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===p.length)for(d=k.length-1,e=p.length-1;1<=d&&0<=e&&k[d]!==p[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==p[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==p[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{gc=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?fc(c):""}
-function ic(a){switch(a.tag){case 26:case 27:case 5:return fc(a.type);case 16:return fc("Lazy");case 13:return fc("Suspense");case 19:return fc("SuspenseList");case 0:case 2:case 15:return a=hc(a.type,!1),a;case 11:return a=hc(a.type.render,!1),a;case 1:return a=hc(a.type,!0),a;default:return""}}var jc=Symbol.for("react.client.reference");
-function kc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===jc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case pa:return"Fragment";case oa:return"Portal";case ra:return"Profiler";case qa:return"StrictMode";case wa:return"Suspense";case xa:return"SuspenseList";case Da:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ta:return(a.displayName||"Context")+".Consumer";case sa:return(a._context.displayName||"Context")+".Provider";case va:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case ya:return b=a.displayName||null,null!==b?b:kc(a.type)||"Memo";case za:b=a._payload;a=a._init;try{return kc(a(b))}catch(c){break}case ua:return(a.displayName||a._globalName)+".Provider"}return null}
-function lc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return kc(b);case 8:return b===qa?"StrictMode":"Mode";
-case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function mc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
-function nc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
-function oc(a){var b=nc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
-null;delete a[b]}}}}function pc(a){a._valueTracker||(a._valueTracker=oc(a))}function qc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=nc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function rc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var sc=/[\n"\\]/g;
-function tc(a){return a.replace(sc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
-function uc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+mc(b)}else a.value!==""+mc(b)&&(a.value=""+mc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?vc(a,g,mc(b)):null!=c?vc(a,g,mc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
-typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+mc(h):a.removeAttribute("name")}
-function wc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+mc(c):"";b=null!=b?""+mc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
-function vc(a,b,c){"number"===b&&rc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var xc=Array.isArray;
-function yc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+mc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
-function zc(a,b,c){if(null!=b&&(b=""+mc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+mc(c):""}function Ac(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(u(92));if(xc(d)){if(1<d.length)throw Error(u(93));d=d[0]}c=d}null==c&&(c="");b=c}c=mc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}
-function Bc(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Cc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
-function Dc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Cc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
-function Ec(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(u(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Dc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Dc(a,f,b[f])}
-function Fc(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
-var Gc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
+'use strict';var aa=require("next/dist/compiled/react-experimental"),ba=require("next/dist/compiled/scheduler-experimental"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function t(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var C=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null};function ia(){return ea.current.useHostTransitionStatus()}function ja(a,b,c){return ea.current.useFormState(a,b,c)}var ka=[],la=-1;function ma(a){return{current:a}}function E(a){0>la||(a.current=ka[la],ka[la]=null,la--)}function F(a,b){la++;ka[la]=a.current;a.current=b}
+var na=Symbol.for("react.element"),oa=Symbol.for("react.portal"),pa=Symbol.for("react.fragment"),qa=Symbol.for("react.strict_mode"),ra=Symbol.for("react.profiler"),sa=Symbol.for("react.provider"),ta=Symbol.for("react.consumer"),ua=Symbol.for("react.context"),va=Symbol.for("react.forward_ref"),wa=Symbol.for("react.suspense"),xa=Symbol.for("react.suspense_list"),ya=Symbol.for("react.memo"),za=Symbol.for("react.lazy"),Aa=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
+var Ba=Symbol.for("react.offscreen"),Ca=Symbol.for("react.legacy_hidden"),Da=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ea=Symbol.for("react.memo_cache_sentinel"),Fa=Symbol.for("react.postpone"),Ga=Symbol.iterator;function Ha(a){if(null===a||"object"!==typeof a)return null;a=Ga&&a[Ga]||a["@@iterator"];return"function"===typeof a?a:null}var Ia=ma(null),Ja=ma(null),Ka=ma(null),La=ma(null),Ma={$$typeof:ua,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null};
+function Na(a,b){F(Ka,b);F(Ja,a);F(Ia,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Oa(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Oa(a),b=Pa(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}E(Ia);F(Ia,b)}function Qa(){E(Ia);E(Ja);E(Ka)}function Ra(a){null!==a.memoizedState&&F(La,a);var b=Ia.current;var c=Pa(b,a.type);b!==c&&(F(Ja,a),F(Ia,c))}
+function Sa(a){Ja.current===a&&(E(Ia),E(Ja));La.current===a&&(E(La),Ma._currentValue=null)}var Ta=ba.unstable_scheduleCallback,Ua=ba.unstable_cancelCallback,Va=ba.unstable_shouldYield,Wa=ba.unstable_requestPaint,Xa=ba.unstable_now,Ya=ba.unstable_getCurrentPriorityLevel,Za=ba.unstable_ImmediatePriority,$a=ba.unstable_UserBlockingPriority,ab=ba.unstable_NormalPriority,bb=ba.unstable_LowPriority,cb=ba.unstable_IdlePriority,db=ba.log,eb=ba.unstable_setDisableYieldValue,fb=null,gb=null;
+function hb(a){if(gb&&"function"===typeof gb.onCommitFiberRoot)try{gb.onCommitFiberRoot(fb,a,void 0,128===(a.current.flags&128))}catch(b){}}function ib(a){"function"===typeof db&&eb(a);if(gb&&"function"===typeof gb.setStrictMode)try{gb.setStrictMode(fb,a)}catch(b){}}var kb=Math.clz32?Math.clz32:jb,lb=Math.log,mb=Math.LN2;function jb(a){a>>>=0;return 0===a?32:31-(lb(a)/mb|0)|0}var nb=128,ob=4194304;
+function pb(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
+case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function qb(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=pb(c):(a&=f,0!==a&&(d=pb(a)))):(c&=~e,0!==c?d=pb(c):0!==a&&(d=pb(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
+function rb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
+function sb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function tb(){var a=nb;nb<<=1;0===(nb&4194176)&&(nb=128);return a}function ub(){var a=ob;ob<<=1;0===(ob&62914560)&&(ob=4194304);return a}function vb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}
+function wb(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-kb(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var n=k[g];null!==n&&(n.lane&=-536870913)}d&=~h}0!==c&&xb(a,c,0)}
+function xb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-kb(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function yb(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-kb(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function zb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-kb(b);a.entanglements[1]|=c;b&=~c}}var G=0;function Ab(a,b){var c=G;try{return G=a,b()}finally{G=c}}
+function Bb(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}var Cb=Object.prototype.hasOwnProperty,Db=Math.random().toString(36).slice(2),Eb="__reactFiber$"+Db,Fb="__reactProps$"+Db,Hb="__reactContainer$"+Db,Ib="__reactEvents$"+Db,Jb="__reactListeners$"+Db,Kb="__reactHandles$"+Db,Lb="__reactResources$"+Db,Mb="__reactMarker$"+Db;function Nb(a){delete a[Eb];delete a[Fb];delete a[Ib];delete a[Jb];delete a[Kb]}
+function Ob(a){var b=a[Eb];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Hb]||c[Eb]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Pb(a);null!==a;){if(c=a[Eb])return c;a=Pb(a)}return b}a=c;c=a.parentNode}return null}function Qb(a){if(a=a[Eb]||a[Hb]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function Rb(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(t(33));}function Sb(a){return a[Fb]||null}
+function Tb(a){var b=a[Lb];b||(b=a[Lb]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function Ub(a){a[Mb]=!0}var Vb=new Set,Wb={};function Xb(a,b){Yb(a,b);Yb(a+"Capture",b)}function Yb(a,b){Wb[a]=b;for(a=0;a<b.length;a++)Vb.add(b[a])}
+var Zb=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),$b=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),ac=
+{},bc={};function cc(a){if(Cb.call(bc,a))return!0;if(Cb.call(ac,a))return!1;if($b.test(a))return bc[a]=!0;ac[a]=!0;return!1}function dc(a,b,c){if(cc(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
+function ec(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function fc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var gc;
+function hc(a){if(void 0===gc)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);gc=b&&b[1]||""}return"\n"+gc+a}var ic=!1;
+function jc(a,b){if(!a||ic)return"";ic=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(r){var q=r}Reflect.construct(a,[],w)}else{try{w.call()}catch(r){q=r}a.call(w.prototype)}}else{try{throw Error();}catch(r){q=r}(w=a())&&"function"===typeof w.catch&&
+w.catch(function(){})}}catch(r){if(r&&q&&"string"===typeof r.stack)return[r.stack,q.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var u="\n"+k[d].replace(" at new "," at ");a.displayName&&u.includes("<anonymous>")&&(u=u.replace("<anonymous>",a.displayName));return u}while(1<=d&&0<=e)}break}}}finally{ic=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?hc(c):""}
+function kc(a){switch(a.tag){case 26:case 27:case 5:return hc(a.type);case 16:return hc("Lazy");case 13:return hc("Suspense");case 19:return hc("SuspenseList");case 0:case 2:case 15:return a=jc(a.type,!1),a;case 11:return a=jc(a.type.render,!1),a;case 1:return a=jc(a.type,!0),a;default:return""}}function lc(a){try{var b="";do b+=kc(a),a=a.return;while(a);return b}catch(c){return"\nError generating stack: "+c.message+"\n"+c.stack}}var mc=Symbol.for("react.client.reference");
+function nc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===mc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case pa:return"Fragment";case oa:return"Portal";case ra:return"Profiler";case qa:return"StrictMode";case wa:return"Suspense";case xa:return"SuspenseList";case Da:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case sa:return(a._context.displayName||"Context")+".Provider";case ua:return(a.displayName||"Context")+".Consumer";case va:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case ya:return b=a.displayName||null,null!==b?b:nc(a.type)||"Memo";case za:b=a._payload;a=a._init;try{return nc(a(b))}catch(c){}}return null}
+function oc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return nc(b);case 8:return b===qa?"StrictMode":"Mode";
+case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function pc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
+function qc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
+function rc(a){var b=qc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
+null;delete a[b]}}}}function sc(a){a._valueTracker||(a._valueTracker=rc(a))}function tc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=qc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function uc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var vc=/[\n"\\]/g;
+function wc(a){return a.replace(vc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
+function xc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+pc(b)}else a.value!==""+pc(b)&&(a.value=""+pc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?yc(a,g,pc(b)):null!=c?yc(a,g,pc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
+typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+pc(h):a.removeAttribute("name")}
+function zc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+pc(c):"";b=null!=b?""+pc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
+function yc(a,b,c){"number"===b&&uc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var Ac=Array.isArray;
+function Bc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+pc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
+function Cc(a,b,c){if(null!=b&&(b=""+pc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+pc(c):""}function Dc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(t(92));if(Ac(d)){if(1<d.length)throw Error(t(93));d=d[0]}c=d}null==c&&(c="");b=c}c=pc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}
+function Ec(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Fc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
+function Gc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Fc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
+function Hc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(t(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Gc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Gc(a,f,b[f])}
+function Ic(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
+var Jc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Hc=null;function Ic(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Jc=null,Kc=null;
-function Lc(a){var b=Ob(a);if(b&&(a=b.stateNode)){var c=Qb(a);a:switch(a=b.stateNode,b.type){case "input":uc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+tc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Qb(d);if(!e)throw Error(u(90));uc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
-e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&qc(d)}break a;case "textarea":zc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&yc(a,!!c.multiple,b,!1)}}}function Mc(a){Jc?Kc?Kc.push(a):Kc=[a]:Jc=a}function Nc(){if(Jc){var a=Jc,b=Kc;Kc=Jc=null;Lc(a);if(b)for(a=0;a<b.length;a++)Lc(b[a])}}function Oc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
-function Pc(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Qc(a){if(Oc(a)!==a)throw Error(u(188));}
-function Rc(a){var b=a.alternate;if(!b){b=Oc(a);if(null===b)throw Error(u(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Qc(e),a;if(f===d)return Qc(e),b;f=f.sibling}throw Error(u(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
-c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(u(189));}}if(c.alternate!==d)throw Error(u(190));}if(3!==c.tag)throw Error(u(188));return c.stateNode.current===c?a:b}function Sc(a){a=Rc(a);return null!==a?Tc(a):null}function Tc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=Tc(a);if(null!==b)return b;a=a.sibling}return null}var Uc={},Vc=ma(Uc),Wc=ma(!1),Xc=Uc;
-function Yc(a,b){var c=a.type.contextTypes;if(!c)return Uc;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function Zc(a){a=a.childContextTypes;return null!==a&&void 0!==a}function $c(){D(Wc);D(Vc)}
-function ad(a,b,c){if(Vc.current!==Uc)throw Error(u(168));E(Vc,b);E(Wc,c)}function bd(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(u(108,lc(a)||"Unknown",e));return B({},c,d)}function cd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Uc;Xc=Vc.current;E(Vc,a);E(Wc,Wc.current);return!0}
-function dd(a,b,c){var d=a.stateNode;if(!d)throw Error(u(169));c?(a=bd(a,b,Xc),d.__reactInternalMemoizedMergedChildContext=a,D(Wc),D(Vc),E(Vc,a)):D(Wc);E(Wc,c)}function ed(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var fd="function"===typeof Object.is?Object.is:ed,gd=[],hd=0,id=null,jd=0,kd=[],ld=0,md=null,nd=1,od="";function pd(a,b){gd[hd++]=jd;gd[hd++]=id;id=a;jd=b}
-function qd(a,b,c){kd[ld++]=nd;kd[ld++]=od;kd[ld++]=md;md=a;var d=nd;a=od;var e=32-ib(d)-1;d&=~(1<<e);c+=1;var f=32-ib(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;nd=1<<32-ib(b)+e|c<<e|d;od=f+a}else nd=1<<f|c<<e|d,od=a}function rd(a){null!==a.return&&(pd(a,1),qd(a,1,0))}function sd(a){for(;a===id;)id=gd[--hd],gd[hd]=null,jd=gd[--hd],gd[hd]=null;for(;a===md;)md=kd[--ld],kd[ld]=null,od=kd[--ld],kd[ld]=null,nd=kd[--ld],kd[ld]=null}var G=null,J=null,K=!1,td=null,ud=!1;
-function vd(a,b){var c=wd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function xd(a,b){b.flags=b.flags&-4097|2}function yd(a,b){b=zd(b,a.type,a.pendingProps,ud);return null!==b?(a.stateNode=b,G=a,J=Ad(b.firstChild),ud=!1,!0):!1}function Bd(a,b){b=Cd(b,a.pendingProps,ud);return null!==b?(a.stateNode=b,G=a,J=null,!0):!1}
-function Dd(a,b){a:{var c=b;for(b=ud;8!==c.nodeType;){if(!b){b=null;break a}c=Ed(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==md?{id:nd,overflow:od}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=wd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,G=a,J=null,!0):!1}function Fd(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Gd(){throw Error(u(418));}
-function Hd(a){for(G=a.return;G;)switch(G.tag){case 3:case 27:ud=!0;return;case 5:case 13:ud=!1;return;default:G=G.return}}
-function Id(a){if(a!==G)return!1;if(!K)return Hd(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Jd(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=J))if(Fd(a))Kd(),Gd();else for(;b;)vd(a,b),b=Ed(b);Hd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(u(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){J=Ed(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}J=
-null}}else J=G?Ed(a.stateNode):null;return!0}function Kd(){for(var a=J;a;)a=Ed(a)}function Ld(){J=G=null;K=!1}function Md(a){null===td?td=[a]:td.push(a)}var Nd=[],Od=0,Pd=0;function Qd(){for(var a=Od,b=Pd=Od=0;b<a;){var c=Nd[b];Nd[b++]=null;var d=Nd[b];Nd[b++]=null;var e=Nd[b];Nd[b++]=null;var f=Nd[b];Nd[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&Rd(c,e,f)}}
-function Sd(a,b,c,d){Nd[Od++]=a;Nd[Od++]=b;Nd[Od++]=c;Nd[Od++]=d;Pd|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function Td(a,b,c,d){Sd(a,b,c,d);return Ud(a)}function Vd(a,b){Sd(a,null,null,b);return Ud(a)}
-function Rd(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-ib(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function Ud(a){if(50<Wd)throw Wd=0,Xd=null,Error(u(185));for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
-var Yd=!1;function Zd(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function $d(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function ae(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
-function be(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(L&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=Ud(a);Rd(a,null,c);return b}Sd(a,d,b,c);return Ud(a)}function ce(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;wb(a,c)}}
-function de(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
-function ee(a,b,c,d){var e=a.updateQueue;Yd=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,p=k.next;k.next=null;null===g?f=p:g.next=p;g=k;var q=a.alternate;null!==q&&(q=q.updateQueue,h=q.lastBaseUpdate,h!==g&&(null===h?q.firstBaseUpdate=p:h.next=p,q.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;q=p=k=null;h=f;do{var r=h.lane&-536870913,t=r!==h.lane;if(t?(M&r)===r:(d&r)===r){null!==q&&(q=q.next={lane:0,tag:h.tag,payload:h.payload,
-callback:null,next:null});a:{var z=a,C=h;r=b;var V=c;switch(C.tag){case 1:z=C.payload;if("function"===typeof z){w=z.call(V,w,r);break a}w=z;break a;case 3:z.flags=z.flags&-65537|128;case 0:z=C.payload;r="function"===typeof z?z.call(V,w,r):z;if(null===r||void 0===r)break a;w=B({},w,r);break a;case 2:Yd=!0}}r=h.callback;null!==r&&(a.flags|=64,t&&(a.flags|=8192),t=e.callbacks,null===t?e.callbacks=[r]:t.push(r))}else t={lane:r,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===q?(p=q=t,
-k=w):q=q.next=t,g|=r;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else t=h,h=t.next,t.next=null,e.lastBaseUpdate=t,e.shared.pending=null}while(1);null===q&&(k=w);e.baseState=k;e.firstBaseUpdate=p;e.lastBaseUpdate=q;null===f&&(e.shared.lanes=0);fe|=g;a.lanes=g;a.memoizedState=w}}function ge(a,b){if("function"!==typeof a)throw Error(u(191,a));a.call(b)}function he(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)ge(c[a],b)}
-function ie(a,b){if(fd(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Ab.call(b,e)||!fd(a[e],b[e]))return!1}return!0}var je=Error(u(460)),ke=Error(u(474)),le={then:function(){}};function me(a){a=a.status;return"fulfilled"===a||"rejected"===a}function ne(){}
-function oe(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(ne,ne),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===je)throw Error(u(483));throw a;default:if("string"===typeof b.status)b.then(ne,ne);else{a=N;if(null!==a&&100<a.shellSuspendCounter)throw Error(u(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}});switch(b.status){case "fulfilled":return b.value;
-case "rejected":a=b.reason;if(a===je)throw Error(u(483));throw a;}}pe=b;throw je;}}var pe=null;function qe(){if(null===pe)throw Error(u(459));var a=pe;pe=null;return a}var re=null,se=0;function te(a){var b=se;se+=1;null===re&&(re=[]);return oe(re,a,b)}
-function ue(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(u(309));var d=c.stateNode}if(!d)throw Error(u(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(g){var h=e.refs;null===g?delete h[f]:h[f]=g};b._stringRef=f;return b}if("string"!==typeof a)throw Error(u(284));if(!c._owner)throw Error(u(290,a));}return a}
-function ve(a,b){a=Object.prototype.toString.call(b);throw Error(u(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function we(a){var b=a._init;return b(a._payload)}
-function xe(a){function b(m,l){if(a){var n=m.deletions;null===n?(m.deletions=[l],m.flags|=16):n.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=ye(m,l);m.index=0;m.sibling=null;return m}function f(m,l,n){m.index=n;if(!a)return m.flags|=1048576,l;n=m.alternate;if(null!==n)return n=n.index,n<l?(m.flags|=33554434,l):n;m.flags|=33554434;return l}
-function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,n,v){if(null===l||6!==l.tag)return l=ze(n,m.mode,v),l.return=m,l;l=e(l,n);l.return=m;return l}function k(m,l,n,v){var x=n.type;if(x===pa)return q(m,l,n.props.children,v,n.key);if(null!==l&&(l.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===za&&we(x)===l.type))return v=e(l,n.props),v.ref=ue(m,l,n),v.return=m,v;v=Ae(n.type,n.key,n.props,null,null,m.mode,v);v.ref=ue(m,l,n);v.return=m;return v}function p(m,l,
-n,v){if(null===l||4!==l.tag||l.stateNode.containerInfo!==n.containerInfo||l.stateNode.implementation!==n.implementation)return l=Be(n,m.mode,v),l.return=m,l;l=e(l,n.children||[]);l.return=m;return l}function q(m,l,n,v,x){if(null===l||7!==l.tag)return l=Ce(n,m.mode,v,x),l.return=m,l;l=e(l,n);l.return=m;return l}function w(m,l,n){if("string"===typeof l&&""!==l||"number"===typeof l)return l=ze(""+l,m.mode,n),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case na:return n=Ae(l.type,
-l.key,l.props,null,null,m.mode,n),n.ref=ue(m,null,l),n.return=m,n;case oa:return l=Be(l,m.mode,n),l.return=m,l;case za:var v=l._init;return w(m,v(l._payload),n)}if(xc(l)||Ia(l))return l=Ce(l,m.mode,n,null),l.return=m,l;if("function"===typeof l.then)return w(m,te(l),n);if(l.$$typeof===ta||l.$$typeof===ua)return w(m,De(m,l,n),n);ve(m,l)}return null}function r(m,l,n,v){var x=null!==l?l.key:null;if("string"===typeof n&&""!==n||"number"===typeof n)return null!==x?null:h(m,l,""+n,v);if("object"===typeof n&&
-null!==n){switch(n.$$typeof){case na:return n.key===x?k(m,l,n,v):null;case oa:return n.key===x?p(m,l,n,v):null;case za:return x=n._init,r(m,l,x(n._payload),v)}if(xc(n)||Ia(n))return null!==x?null:q(m,l,n,v,null);if("function"===typeof n.then)return r(m,l,te(n),v);if(n.$$typeof===ta||n.$$typeof===ua)return r(m,l,De(m,n,v),v);ve(m,n)}return null}function t(m,l,n,v,x){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(n)||null,h(l,m,""+v,x);if("object"===typeof v&&null!==v){switch(v.$$typeof){case na:return m=
-m.get(null===v.key?n:v.key)||null,k(l,m,v,x);case oa:return m=m.get(null===v.key?n:v.key)||null,p(l,m,v,x);case za:var A=v._init;return t(m,l,n,A(v._payload),x)}if(xc(v)||Ia(v))return m=m.get(n)||null,q(l,m,v,x,null);if("function"===typeof v.then)return t(m,l,n,te(v),x);if(v.$$typeof===ta||v.$$typeof===ua)return t(m,l,n,De(l,v,x),x);ve(l,v)}return null}function z(m,l,n,v){for(var x=null,A=null,y=l,H=l=0,ha=null;null!==y&&H<n.length;H++){y.index>H?(ha=y,y=null):ha=y.sibling;var I=r(m,y,n[H],v);if(null===
-I){null===y&&(y=ha);break}a&&y&&null===I.alternate&&b(m,y);l=f(I,l,H);null===A?x=I:A.sibling=I;A=I;y=ha}if(H===n.length)return c(m,y),K&&pd(m,H),x;if(null===y){for(;H<n.length;H++)y=w(m,n[H],v),null!==y&&(l=f(y,l,H),null===A?x=y:A.sibling=y,A=y);K&&pd(m,H);return x}for(y=d(m,y);H<n.length;H++)ha=t(y,m,H,n[H],v),null!==ha&&(a&&null!==ha.alternate&&y.delete(null===ha.key?H:ha.key),l=f(ha,l,H),null===A?x=ha:A.sibling=ha,A=ha);a&&y.forEach(function(Gb){return b(m,Gb)});K&&pd(m,H);return x}function C(m,
-l,n,v){var x=Ia(n);if("function"!==typeof x)throw Error(u(150));n=x.call(n);if(null==n)throw Error(u(151));for(var A=x=null,y=l,H=l=0,ha=null,I=n.next();null!==y&&!I.done;H++,I=n.next()){y.index>H?(ha=y,y=null):ha=y.sibling;var Gb=r(m,y,I.value,v);if(null===Gb){null===y&&(y=ha);break}a&&y&&null===Gb.alternate&&b(m,y);l=f(Gb,l,H);null===A?x=Gb:A.sibling=Gb;A=Gb;y=ha}if(I.done)return c(m,y),K&&pd(m,H),x;if(null===y){for(;!I.done;H++,I=n.next())I=w(m,I.value,v),null!==I&&(l=f(I,l,H),null===A?x=I:A.sibling=
-I,A=I);K&&pd(m,H);return x}for(y=d(m,y);!I.done;H++,I=n.next())I=t(y,m,H,I.value,v),null!==I&&(a&&null!==I.alternate&&y.delete(null===I.key?H:I.key),l=f(I,l,H),null===A?x=I:A.sibling=I,A=I);a&&y.forEach(function(Sm){return b(m,Sm)});K&&pd(m,H);return x}function V(m,l,n,v){"object"===typeof n&&null!==n&&n.type===pa&&null===n.key&&(n=n.props.children);if("object"===typeof n&&null!==n){switch(n.$$typeof){case na:a:{for(var x=n.key,A=l;null!==A;){if(A.key===x){x=n.type;if(x===pa){if(7===A.tag){c(m,A.sibling);
-l=e(A,n.props.children);l.return=m;m=l;break a}}else if(A.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===za&&we(x)===A.type){c(m,A.sibling);l=e(A,n.props);l.ref=ue(m,A,n);l.return=m;m=l;break a}c(m,A);break}else b(m,A);A=A.sibling}n.type===pa?(l=Ce(n.props.children,m.mode,v,n.key),l.return=m,m=l):(v=Ae(n.type,n.key,n.props,null,null,m.mode,v),v.ref=ue(m,l,n),v.return=m,m=v)}return g(m);case oa:a:{for(A=n.key;null!==l;){if(l.key===A)if(4===l.tag&&l.stateNode.containerInfo===n.containerInfo&&
-l.stateNode.implementation===n.implementation){c(m,l.sibling);l=e(l,n.children||[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=Be(n,m.mode,v);l.return=m;m=l}return g(m);case za:return A=n._init,R(m,l,A(n._payload),v)}if(xc(n))return z(m,l,n,v);if(Ia(n))return C(m,l,n,v);if("function"===typeof n.then)return V(m,l,te(n),v);if(n.$$typeof===ta||n.$$typeof===ua)return V(m,l,De(m,n,v),v);ve(m,n)}return"string"===typeof n&&""!==n||"number"===typeof n?(n=""+n,null!==l&&6===l.tag?(c(m,
-l.sibling),l=e(l,n),l.return=m,m=l):(c(m,l),l=ze(n,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}function R(m,l,n,v){se=0;m=V(m,l,n,v);re=null;return m}return R}var Ee=xe(!0),Fe=xe(!1),Ge=ma(null),He=ma(0);function Ie(a,b){a=Je;E(He,a);E(Ge,b);Je=a|b.baseLanes}function Ke(){E(He,Je);E(Ge,Ge.current)}function Le(){Je=He.current;D(Ge);D(He)}var Me=ma(null),Ne=null;function Oe(a){var b=a.alternate;E(Pe,Pe.current&1);E(Me,a);null===Ne&&(null===b||null!==Ge.current?Ne=a:null!==b.memoizedState&&(Ne=a))}
-function Qe(a){if(22===a.tag){if(E(Pe,Pe.current),E(Me,a),null===Ne){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Ne=a)}}else Re(a)}function Re(){E(Pe,Pe.current);E(Me,Me.current)}function Se(a){D(Me);Ne===a&&(Ne=null);D(Pe)}var Pe=ma(0);
-function Te(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var Ue=null,Ve=null,We=!1,Xe=!1,Ye=!1,Ze=0;
-function $e(a){a!==Ve&&null===a.next&&(null===Ve?Ue=Ve=a:Ve=Ve.next=a);Xe=!0;We||(We=!0,af(bf))}
-function cf(a){if(!Ye&&Xe){var b=null;Ye=!0;do{var c=!1;for(var d=Ue;null!==d;){if(!a||0===d.tag){var e=M,f=ob(d,d===N?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(L&6))throw Error(u(327));if(!df()){var g=ef(e,f);if(0!==e.tag&&2===g){var h=f,k=qb(e,h);0!==k&&(f=k,g=ff(e,h,k))}if(1===g)throw h=gf,hf(e,0),jf(e,f,0),$e(e),h;6===g?jf(e,f,kf):(e.finishedWork=e.current.alternate,e.finishedLanes=f,lf(e,mf,nf,kf))}$e(e)}catch(p){null===b?b=[p]:b.push(p)}}d=d.next}}while(c);Ye=!1;if(null!==b){if(1<b.length){if("function"===
-typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)af(of.bind(null,b[a]))}throw b[0];}}}function of(a){throw a;}function bf(){Xe=We=!1;for(var a=Ya(),b=null,c=Ue;null!==c;){var d=c.next;if(0!==Ze&&pf()){var e=c,f=Ze;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=qf(c,a);0===e?(c.next=null,null===b?Ue=d:b.next=d,null===d&&(Ve=b)):(b=c,0!==(e&3)&&(Xe=!0));c=d}Ze=0;cf(!1)}
-function qf(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-ib(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=pb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=N;c=M;c=ob(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===O||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Va(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Va(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
-null!==d&&Va(d);switch(zb(c)){case 2:c=$a;break;case 8:c=ab;break;case 32:c=bb;break;case 268435456:c=db;break;default:c=bb}d=rf.bind(null,a);c=Ua(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function af(a){sf(function(){0!==(L&6)?Ua($a,a):a()})}function tf(){if(0===Ze){var a=lb;lb<<=1;0===(lb&4194176)&&(lb=128);Ze=a}return Ze}var uf=null,vf=0,wf=0;
-function xf(a,b){if(null===uf){var c=uf=[];vf=0;wf=tf()}else c=uf;vf++;var d=yf(c),e="pending",f,g;a.then(function(h){e="fulfilled";f=null!==b?b:h;zf()},function(h){e="rejected";g=h;zf()});c.push(function(){switch(e){case "fulfilled":d.status="fulfilled";d.value=f;break;case "rejected":d.status="rejected";d.reason=g;break;default:throw Error(u(478));}});return d}function Af(a,b){var c=null!==b?b:a;if(null===uf)return c;a=uf;var d=yf(a);a.push(function(){d.status="fulfilled";d.value=c});return d}
-function zf(){if(null!==uf&&0===--vf){var a=uf;uf=null;for(var b=wf=0;b<a.length;b++)(0,a[b])()}}function yf(a){return{status:"pending",value:null,reason:null,then:function(b){a.push(b)}}}var Bf=da.ReactCurrentDispatcher,Cf=da.ReactCurrentBatchConfig,Df=0,P=null,Q=null,S=null,Ef=!1,Ff=!1,Gf=!1,Hf=0,If=0,Jf=null,Kf=0;function T(){throw Error(u(321));}function Lf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!fd(a[c],b[c]))return!1;return!0}
-function Mf(a,b,c,d,e,f){Df=f;P=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Bf.current=null===a||null===a.memoizedState?Nf:Of;Gf=!1;a=c(d,e);Gf=!1;Ff&&(a=Pf(b,c,d,e));Qf();return a}function Qf(){Bf.current=Rf;var a=null!==Q&&null!==Q.next;Df=0;S=Q=P=null;Ef=!1;If=0;Jf=null;if(a)throw Error(u(300));}function Pf(a,b,c,d){P=a;var e=0;do{Ff&&(Jf=null);If=0;Ff=!1;if(25<=e)throw Error(u(301));e+=1;S=Q=null;a.updateQueue=null;Bf.current=Sf;var f=b(c,d)}while(Ff);return f}
-function Tf(){var a=Bf.current.useState()[0];return"function"===typeof a.then?Uf(a):a}function Vf(){var a=0!==Hf;Hf=0;return a}function Wf(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}function Xf(a){if(Ef){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Ef=!1}Df=0;S=Q=P=null;Ff=!1;If=Hf=0;Jf=null}function Yf(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===S?P.memoizedState=S=a:S=S.next=a;return S}
-function Zf(){if(null===Q){var a=P.alternate;a=null!==a?a.memoizedState:null}else a=Q.next;var b=null===S?P.memoizedState:S.next;if(null!==b)S=b,Q=a;else{if(null===a){if(null===P.alternate)throw Error(u(467));throw Error(u(310));}Q=a;a={memoizedState:Q.memoizedState,baseState:Q.baseState,baseQueue:Q.baseQueue,queue:Q.queue,next:null};null===S?P.memoizedState=S=a:S=S.next=a}return S}var $f;$f=function(){return{lastEffect:null,events:null,stores:null,memoCache:null}};
-function Uf(a){var b=If;If+=1;null===Jf&&(Jf=[]);a=oe(Jf,a,b);null===P.alternate&&(null===S?null===P.memoizedState:null===S.next)&&(Bf.current=Nf);return a}function ag(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Uf(a);if(a.$$typeof===ta||a.$$typeof===ua)return bg(a)}throw Error(u(438,String(a)));}
-function cg(a){var b=null,c=P.updateQueue;null!==c&&(b=c.memoCache);if(null==b){var d=P.alternate;null!==d&&(d=d.updateQueue,null!==d&&(d=d.memoCache,null!=d&&(b={data:d.data.map(function(e){return e.slice()}),index:0})))}null==b&&(b={data:[],index:0});null===c&&(c=$f(),P.updateQueue=c);c.memoCache=b;c=b.data[b.index];if(void 0===c)for(c=b.data[b.index]=Array(a),d=0;d<a;d++)c[d]=Fa;b.index++;return c}function dg(a,b){return"function"===typeof b?b(a):b}function eg(a){var b=Zf();return fg(b,Q,a)}
-function fg(a,b,c){var d=a.queue;if(null===d)throw Error(u(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,p=b;do{var q=p.lane&-536870913;if(q!==p.lane?(M&q)===q:(Df&q)===q){q=p.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:p.action,hasEagerState:p.hasEagerState,eagerState:p.eagerState,next:null});
-else if((Df&q)===q){p=p.next;continue}else{var w={lane:0,revertLane:p.revertLane,action:p.action,hasEagerState:p.hasEagerState,eagerState:p.eagerState,next:null};null===k?(h=k=w,g=f):k=k.next=w;P.lanes|=q;fe|=q}q=p.action;Gf&&c(f,q);f=p.hasEagerState?p.eagerState:c(f,q)}else w={lane:q,revertLane:p.revertLane,action:p.action,hasEagerState:p.hasEagerState,eagerState:p.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,P.lanes|=q,fe|=q;p=p.next}while(null!==p&&p!==b);null===k?g=f:k.next=h;fd(f,a.memoizedState)||
-(gg=!0);a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}function hg(a){var b=Zf(),c=b.queue;if(null===c)throw Error(u(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);fd(f,b.memoizedState)||(gg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
-function ig(a,b,c){var d=P,e=Zf(),f=K;if(f){if(void 0===c)throw Error(u(407));c=c()}else c=b();var g=!fd((Q||e).memoizedState,c);g&&(e.memoizedState=c,gg=!0);e=e.queue;jg(kg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==S&&S.memoizedState.tag&1){d.flags|=2048;lg(9,mg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===N)throw Error(u(349));f||0!==(Df&60)||ng(d,b,c)}return c}
-function ng(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=P.updateQueue;null===b?(b=$f(),P.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function mg(a,b,c,d){b.value=c;b.getSnapshot=d;og(b)&&pg(a)}function kg(a,b,c){return c(function(){og(b)&&pg(a)})}function og(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!fd(a,c)}catch(d){return!0}}function pg(a){var b=Vd(a,2);null!==b&&qg(b,a,2)}
-function rg(a){var b=Yf();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:dg,lastRenderedState:a};return b}function sg(a,b,c,d){a.baseState=c;return fg(a,Q,"function"===typeof d?d:dg)}function tg(a,b,c,d){if(ug(a))throw Error(u(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,vg(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
-function vg(a,b,c){var d=a.action,e=a.state,f=Cf.transition;Cf.transition={};try{var g=d(e,c);if(null!==g&&"object"===typeof g&&"function"===typeof g.then){g.then(function(p){a.state=p;wg(a,b)},function(){return wg(a,b)});var h=xf(g,null);b(h)}else{var k=Af(g,null);b(k);a.state=g;wg(a,b)}}catch(p){b({then:function(){},status:"rejected",reason:p}),wg(a,b)}finally{Cf.transition=f}}
-function wg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,vg(a,b,d.payload))}}function xg(a,b){return b}function yg(a,b,c){a=fg(a,b,xg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?Uf(a):a;b=Zf();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(P.flags|=2048,lg(9,zg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function zg(a,b){a.action=b}
-function lg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=P.updateQueue;null===b?(b=$f(),P.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Ag(){return Zf().memoizedState}function Bg(a,b,c,d){var e=Yf();P.flags|=a;e.memoizedState=lg(1|b,c,{destroy:void 0},void 0===d?null:d)}
-function Cg(a,b,c,d){var e=Zf();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==Q&&null!==d&&Lf(d,Q.memoizedState.deps)?e.memoizedState=lg(b,c,f,d):(P.flags|=a,e.memoizedState=lg(1|b,c,f,d))}function Dg(a,b){Bg(8390656,8,a,b)}function jg(a,b){Cg(2048,8,a,b)}function Eg(a){P.flags|=4;var b=P.updateQueue;if(null===b)b=$f(),P.updateQueue=b,b.events=[a];else{var c=b.events;null===c?b.events=[a]:c.push(a)}}
-function Fg(a){var b=Zf().memoizedState;Eg({ref:b,nextImpl:a});return function(){if(0!==(L&2))throw Error(u(440));return b.impl.apply(void 0,arguments)}}function Gg(a,b){return Cg(4,2,a,b)}function Hg(a,b){return Cg(4,4,a,b)}function Ig(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function Jg(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Cg(4,4,Ig.bind(null,b,a),c)}function Kg(){}
-function Lg(a,b){var c=Zf();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Lf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Mg(a,b){var c=Zf();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Lf(b,d[1]))return d[0];Gf&&a();a=a();c.memoizedState=[a,b];return a}function Ng(a,b,c){if(void 0===c||0!==(Df&1073741824))return a.memoizedState=b;a.memoizedState=c;a=Og();P.lanes|=a;fe|=a;return c}
-function Pg(a,b,c,d){if(fd(c,b))return c;if(null!==Ge.current)return a=Ng(a,c,d),fd(a,b)||(gg=!0),a;if(0===(Df&42))return gg=!0,a.memoizedState=c;a=Og();P.lanes|=a;fe|=a;return b}function Qg(a,b,c,d,e){var f=F;F=0!==f&&8>f?f:8;var g=Cf.transition;Cf.transition={};Rg(a,!1,b,c);try{var h=e();if(null!==h&&"object"===typeof h&&"function"===typeof h.then){var k=xf(h,d);Sg(a,b,k)}else{var p=Af(h,d);Sg(a,b,p)}}catch(q){Sg(a,b,{then:function(){},status:"rejected",reason:q})}finally{F=f,Cf.transition=g}}
-function Tg(a,b,c,d){if(5!==a.tag)throw Error(u(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:dg,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;Qg(a,f,b,fa,function(){return c(d)})}function Ug(){var a=bg(Na);return null!==a?a:fa}function Vg(){return Zf().memoizedState}
-function Wg(){return Zf().memoizedState}function Xg(a,b,c){for(var d=a.return;null!==d;){switch(d.tag){case 24:case 3:var e=Yg(d);a=ae(e);var f=be(d,a,e);null!==f&&(qg(f,d,e),ce(f,d,e));d=Zg();null!==b&&void 0!==b&&null!==f&&d.data.set(b,c);a.payload={cache:d};return}d=d.return}}function $g(a,b,c){var d=Yg(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};ug(a)?ah(b,c):(c=Td(a,b,c,d),null!==c&&(qg(c,a,d),bh(c,b,d)))}
-function Sg(a,b,c){var d=Yg(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(ug(a))ah(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(fd(h,g)){Sd(a,b,e,0);null===N&&Qd();return}}catch(k){}finally{}c=Td(a,b,e,d);null!==c&&(qg(c,a,d),bh(c,b,d))}}
-function Rg(a,b,c,d){d={lane:2,revertLane:tf(),action:d,hasEagerState:!1,eagerState:null,next:null};if(ug(a)){if(b)throw Error(u(479));}else b=Td(a,c,d,2),null!==b&&qg(b,a,2)}function ug(a){var b=a.alternate;return a===P||null!==b&&b===P}function ah(a,b){Ff=Ef=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function bh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;wb(a,c)}}
-var Rf={readContext:bg,use:ag,useCallback:T,useContext:T,useEffect:T,useImperativeHandle:T,useInsertionEffect:T,useLayoutEffect:T,useMemo:T,useReducer:T,useRef:T,useState:T,useDebugValue:T,useDeferredValue:T,useTransition:T,useSyncExternalStore:T,useId:T};Rf.useCacheRefresh=T;Rf.useMemoCache=T;Rf.useEffectEvent=T;Rf.useHostTransitionStatus=T;Rf.useFormState=T;Rf.useOptimistic=T;
-var Nf={readContext:bg,use:ag,useCallback:function(a,b){Yf().memoizedState=[a,void 0===b?null:b];return a},useContext:bg,useEffect:Dg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Bg(4194308,4,Ig.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Bg(4194308,4,a,b)},useInsertionEffect:function(a,b){Bg(4,2,a,b)},useMemo:function(a,b){var c=Yf();b=void 0===b?null:b;Gf&&a();a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=Yf();b=void 0!==c?c(b):
-b;d.memoizedState=d.baseState=b;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=$g.bind(null,P,a);return[d.memoizedState,a]},useRef:function(a){var b=Yf();a={current:a};return b.memoizedState=a},useState:function(a){a=rg(a);var b=a.queue,c=Sg.bind(null,P,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:Kg,useDeferredValue:function(a,b){var c=Yf();return Ng(c,a,b)},useTransition:function(){var a=rg(!1);a=Qg.bind(null,P,a.queue,!0,!1);
-Yf().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=P,e=Yf();if(K){if(void 0===c)throw Error(u(407));c=c()}else{c=b();if(null===N)throw Error(u(349));0!==(M&60)||ng(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Dg(kg.bind(null,d,f,a),[a]);d.flags|=2048;lg(9,mg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=Yf(),b=N.identifierPrefix;if(K){var c=od;var d=nd;c=(d&~(1<<32-ib(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Hf++;0<c&&(b+="H"+
-c.toString(32));b+=":"}else c=Kf++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return Yf().memoizedState=Xg.bind(null,P)}};Nf.useMemoCache=cg;Nf.useEffectEvent=function(a){var b=Yf(),c={impl:a};b.memoizedState=c;return function(){if(0!==(L&2))throw Error(u(440));return c.impl.apply(void 0,arguments)}};Nf.useHostTransitionStatus=Ug;
-Nf.useFormState=function(a,b){if(K){var c=N.formState;if(null!==c){a:{if(K){if(J){b:{var d=J;for(var e=ud;8!==d.nodeType;){if(!e){d=null;break b}d=Ed(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){J=Ed(d);d="F!"===d.data;break a}}Gd()}d=!1}d&&(b=c[0])}}c=Yf();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:xg,lastRenderedState:b};c.queue=d;c=Sg.bind(null,P,d);d.dispatch=c;d=Yf();e={state:b,dispatch:null,action:a,pending:null};d.queue=
-e;c=tg.bind(null,P,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};Nf.useOptimistic=function(a){var b=Yf();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=Rg.bind(null,P,!0,c);c.dispatch=b;return[a,b]};
-var Of={readContext:bg,use:ag,useCallback:Lg,useContext:bg,useEffect:jg,useImperativeHandle:Jg,useInsertionEffect:Gg,useLayoutEffect:Hg,useMemo:Mg,useReducer:eg,useRef:Ag,useState:function(){return eg(dg)},useDebugValue:Kg,useDeferredValue:function(a,b){var c=Zf();return Pg(c,Q.memoizedState,a,b)},useTransition:function(){var a=eg(dg)[0],b=Zf().memoizedState;return["boolean"===typeof a?a:Uf(a),b]},useSyncExternalStore:ig,useId:Vg};Of.useCacheRefresh=Wg;Of.useMemoCache=cg;Of.useEffectEvent=Fg;
-Of.useHostTransitionStatus=Ug;Of.useFormState=function(a){var b=Zf();return yg(b,Q,a)};Of.useOptimistic=function(a,b){var c=Zf();return sg(c,Q,a,b)};
-var Sf={readContext:bg,use:ag,useCallback:Lg,useContext:bg,useEffect:jg,useImperativeHandle:Jg,useInsertionEffect:Gg,useLayoutEffect:Hg,useMemo:Mg,useReducer:hg,useRef:Ag,useState:function(){return hg(dg)},useDebugValue:Kg,useDeferredValue:function(a,b){var c=Zf();return null===Q?Ng(c,a,b):Pg(c,Q.memoizedState,a,b)},useTransition:function(){var a=hg(dg)[0],b=Zf().memoizedState;return["boolean"===typeof a?a:Uf(a),b]},useSyncExternalStore:ig,useId:Vg};Sf.useCacheRefresh=Wg;Sf.useMemoCache=cg;
-Sf.useEffectEvent=Fg;Sf.useHostTransitionStatus=Ug;Sf.useFormState=function(a){var b=Zf(),c=Q;if(null!==c)return yg(b,c,a);b=b.memoizedState;c=Zf();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};Sf.useOptimistic=function(a,b){var c=Zf();if(null!==Q)return sg(c,Q,a,b);c.baseState=a;return[a,c.queue.dispatch]};function ch(a,b){if(a&&a.defaultProps){b=B({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function dh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:B({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
-var eh={isMounted:function(a){return(a=a._reactInternals)?Oc(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=Yg(a),e=ae(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=be(a,e,d);null!==b&&(qg(b,a,d),ce(b,a,d))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=Yg(a),e=ae(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=be(a,e,d);null!==b&&(qg(b,a,d),ce(b,a,d))},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=Yg(a),d=ae(c);d.tag=2;void 0!==
-b&&null!==b&&(d.callback=b);b=be(a,d,c);null!==b&&(qg(b,a,c),ce(b,a,c))}};function fh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!ie(c,d)||!ie(e,f):!0}
-function gh(a,b,c){var d=!1,e=Uc;var f=b.contextType;"object"===typeof f&&null!==f?f=bg(f):(e=Zc(b)?Xc:Vc.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Yc(a,e):Uc);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=eh;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
-function hh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&eh.enqueueReplaceState(b,b.state,null)}
-function ih(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Zd(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=bg(f):(f=Zc(b)?Xc:Vc.current,e.context=Yc(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(dh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
-"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&eh.enqueueReplaceState(e,e.state,null),ee(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function jh(a,b){try{var c="",d=b;do c+=ic(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}
-function kh(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function lh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function mh(a,b,c){c=ae(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){nh||(nh=!0,oh=d);lh(a,b)};return c}
-function ph(a,b,c){c=ae(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){lh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){lh(a,b);"function"!==typeof d&&(null===qh?qh=new Set([this]):qh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
-function rh(a){var b=a.tag;0!==(a.mode&1)||0!==b&&11!==b&&15!==b||((b=a.alternate)?(a.updateQueue=b.updateQueue,a.memoizedState=b.memoizedState,a.lanes=b.lanes):(a.updateQueue=null,a.memoizedState=null))}function sh(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=ae(2),b.tag=2,be(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
-function th(a,b,c,d,e){c.flags|=32768;if(null!==d&&"object"===typeof d&&(d.$$typeof===Ga&&(d={then:function(){}}),"function"===typeof d.then)){rh(c);var f=Me.current;if(null!==f){switch(f.tag){case 13:c.mode&1&&(null===Ne?uh():null===f.alternate&&0===vh&&(vh=3));f.flags&=-257;sh(f,b,c,a,e);d===le?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):b.add(d),f.mode&1&&wh(a,d,e));return;case 22:if(f.mode&1){f.flags|=65536;d===le?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,
-markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(f=b.retryQueue,null===f?b.retryQueue=new Set([d]):f.add(d)),wh(a,d,e));return}}throw Error(u(435,f.tag));}if(1===a.tag){wh(a,d,e);uh();return}d=Error(u(426))}if(K&&c.mode&1&&(f=Me.current,null!==f)){0===(f.flags&65536)&&(f.flags|=256);sh(f,b,c,a,e);Md(jh(d,c));return}d=jh(d,c);xh(d);a=b;do{switch(a.tag){case 3:a.flags|=65536;e&=-e;a.lanes|=e;e=mh(a,d,e);de(a,e);return;case 1:if(f=d,b=a.type,c=a.stateNode,0===(a.flags&128)&&("function"===
-typeof b.getDerivedStateFromError||null!==c&&"function"===typeof c.componentDidCatch&&(null===qh||!qh.has(c)))){a.flags|=65536;e&=-e;a.lanes|=e;e=ph(a,f,e);de(a,e);return}}a=a.return}while(null!==a)}var yh=da.ReactCurrentOwner,zh=Error(u(461)),gg=!1;function Ah(a,b,c,d){b.child=null===a?Fe(b,null,c,d):Ee(b,a.child,c,d)}function Bh(a,b,c,d,e){c=c.render;var f=b.ref;Ch(b,e);d=Mf(a,b,c,d,f,e);c=Vf();if(null!==a&&!gg)return Wf(a,b,e),Dh(a,b,e);K&&c&&rd(b);b.flags|=1;Ah(a,b,d,e);return b.child}
-function Eh(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!Fh(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,Gh(a,b,f,d,e);a=Ae(c.type,null,d,null,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:ie;if(c(g,d)&&a.ref===b.ref)return Dh(a,b,e)}b.flags|=1;a=ye(f,d);a.ref=b.ref;a.return=b;return b.child=a}
-function Gh(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(ie(f,d)&&a.ref===b.ref)if(gg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(gg=!0);else return b.lanes=a.lanes,Dh(a,b,e)}return Hh(a,b,c,d,e)}
-function Ih(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;Jh(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return Kh(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&Lh(b,null),Ke(),Qe(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
-cachePool:null},null!==a&&Lh(b,null!==g?g.cachePool:null),null!==g?Ie(b,g):Ke(),Qe(b);else return b.lanes=b.childLanes=536870912,Kh(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(Lh(b,g.cachePool),Ie(b,g),Re(b),b.memoizedState=null):(null!==a&&Lh(b,null),Ke(),Re(b));Ah(a,b,e,c);return b.child}function Kh(a,b,c){var d=Mh();d=null===d?null:{parent:Nh._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&Lh(b,null);Ke();Qe(b);return null}
-function Jh(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function Hh(a,b,c,d,e){var f=Zc(c)?Xc:Vc.current;f=Yc(b,f);Ch(b,e);c=Mf(a,b,c,d,f,e);d=Vf();if(null!==a&&!gg)return Wf(a,b,e),Dh(a,b,e);K&&d&&rd(b);b.flags|=1;Ah(a,b,c,e);return b.child}function Oh(a,b,c,d,e,f){Ch(b,f);c=Pf(b,d,c,e);Qf();d=Vf();if(null!==a&&!gg)return Wf(a,b,f),Dh(a,b,f);K&&d&&rd(b);b.flags|=1;Ah(a,b,c,f);return b.child}
-function Ph(a,b,c,d,e){if(Zc(c)){var f=!0;cd(b)}else f=!1;Ch(b,e);if(null===b.stateNode)Qh(a,b),gh(b,c,d),ih(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,p=c.contextType;"object"===typeof p&&null!==p?p=bg(p):(p=Zc(c)?Xc:Vc.current,p=Yc(b,p));var q=c.getDerivedStateFromProps,w="function"===typeof q||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
-(h!==d||k!==p)&&hh(b,g,d,p);Yd=!1;var r=b.memoizedState;g.state=r;ee(b,d,g,e);k=b.memoizedState;h!==d||r!==k||Wc.current||Yd?("function"===typeof q&&(dh(b,c,q,d),k=b.memoizedState),(h=Yd||fh(b,c,h,d,r,k,p))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):
-("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=p,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;$d(a,b);h=b.memoizedProps;p=b.type===b.elementType?h:ch(b.type,h);g.props=p;w=b.pendingProps;r=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=bg(k):(k=Zc(c)?Xc:Vc.current,k=Yc(b,k));var t=c.getDerivedStateFromProps;(q="function"===typeof t||"function"===typeof g.getSnapshotBeforeUpdate)||
-"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||r!==k)&&hh(b,g,d,k);Yd=!1;r=b.memoizedState;g.state=r;ee(b,d,g,e);var z=b.memoizedState;h!==w||r!==z||Wc.current||Yd?("function"===typeof t&&(dh(b,c,t,d),z=b.memoizedState),(p=Yd||fh(b,c,p,d,r,z,k)||!1)?(q||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,z,k),"function"===typeof g.UNSAFE_componentWillUpdate&&
-g.UNSAFE_componentWillUpdate(d,z,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=z),g.props=d,g.state=z,g.context=k,d=p):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===
-a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),d=!1)}return Rh(a,b,c,d,f,e)}
-function Rh(a,b,c,d,e,f){Jh(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&dd(b,c,!1),Dh(a,b,f);d=b.stateNode;yh.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=Ee(b,a.child,null,f),b.child=Ee(b,null,h,f)):Ah(a,b,h,f);b.memoizedState=d.state;e&&dd(b,c,!0);return b.child}function Sh(a){var b=a.stateNode;b.pendingContext?ad(a,b.pendingContext,b.pendingContext!==b.context):b.context&&ad(a,b.context,!1);Oa(a,b.containerInfo)}
-function Th(a,b,c,d,e){Ld();Md(e);b.flags|=256;Ah(a,b,c,d);return b.child}var Uh={dehydrated:null,treeContext:null,retryLane:0};function Vh(a){return{baseLanes:a,cachePool:Wh()}}function Xh(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=kf);return a}
-function Yh(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Pe.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?Oe(b):Re(b);if(K){var h=f=J;if(!h)Fd(b)&&Gd(),xd(G,b),K=!1,G=b,J=f;else if(!Dd(b,h)){Fd(b)&&Gd();J=Ed(h);var k=G;J&&Dd(b,J)?vd(k,h):(xd(G,b),K=!1,G=b,J=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
-Se(b)}f=d.children;h=d.fallback;if(e)return Re(b),d=Zh(b,f,h,c),e=b.child,e.memoizedState=Vh(c),e.childLanes=Xh(a,g,c),b.memoizedState=Uh,d;if("number"===typeof d.unstable_expectedLoadTime)return Re(b),d=Zh(b,f,h,c),e=b.child,e.memoizedState=Vh(c),e.childLanes=Xh(a,g,c),b.memoizedState=Uh,b.lanes=4194304,d;Oe(b);return $h(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return ai(a,b,f,g,d,k,h,c);if(e){Re(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var p={mode:"hidden",children:d.children};
-0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=p,b.deletions=null):(d=ye(h,p),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=ye(k,e):(e=Ce(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=Vh(c):(h=f.cachePool,null!==h?(k=Nh._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=Wh(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=Xh(a,g,c);b.memoizedState=Uh;return d}Oe(b);g=a.child;a=g.sibling;
-g=ye(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function $h(a,b){b=bi({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}
-function Zh(a,b,c,d){var e=a.mode,f=a.child;b={mode:"hidden",children:b};0===(e&1)&&null!==f?(f.childLanes=0,f.pendingProps=b):f=bi(b,e,0,null);c=Ce(c,e,d,null);f.return=a;c.return=a;f.sibling=c;a.child=f;return c}function ci(a,b,c,d){null!==d&&Md(d);Ee(b,a.child,null,c);a=$h(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
-function ai(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Oe(b),b.flags&=-257,f=kh(Error(u(422))),ci(a,b,h,f);if(null!==b.memoizedState)return Re(b),b.child=a.child,b.flags|=128,null;Re(b);f=e.fallback;g=b.mode;e=bi({mode:"visible",children:e.children},g,0,null);f=Ce(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&Ee(b,a.child,null,h);g=b.child;g.memoizedState=Vh(h);g.childLanes=Xh(a,d,h);b.memoizedState=Uh;return f}Oe(b);if(0===(b.mode&1))return ci(a,b,h,null);if("$!"===
-f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=null;"POSTPONE"!==f&&(d=Error(u(419)),d.digest=f,d=kh(d,f,void 0));return ci(a,b,h,d)}d=0!==(h&a.childLanes);if(gg||d){d=N;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=
-64;break;case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,Vd(a,e),qg(d,a,e),zh;}"$?"!==f.data&&uh();return ci(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=di.bind(null,a),f._reactRetry=b,null;a=g.treeContext;J=Ad(f.nextSibling);G=b;K=!0;td=null;ud=!1;null!==a&&(kd[ld++]=nd,kd[ld++]=od,kd[ld++]=md,nd=a.id,od=a.overflow,md=b);b=$h(b,e.children);b.flags|=4096;return b}
-function ei(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);fi(a.return,b,c)}function gi(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
-function hi(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;Ah(a,b,d.children,c);d=Pe.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&ei(a,c,b);else if(19===a.tag)ei(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}E(Pe,d);if(0===(b.mode&1))b.memoizedState=
-null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Te(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);gi(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Te(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}gi(b,!0,c,null,f);break;case "together":gi(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
-function Qh(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Dh(a,b,c){null!==a&&(b.dependencies=a.dependencies);fe|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(u(153));if(null!==b.child){a=b.child;c=ye(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=ye(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
-function ii(a,b,c){switch(b.tag){case 3:Sh(b);ji(b,Nh,a.memoizedState.cache);Ld();break;case 27:case 5:Sa(b);break;case 1:Zc(b.type)&&cd(b);break;case 4:Oa(b,b.stateNode.containerInfo);break;case 10:ji(b,b.type._context,b.memoizedProps.value);break;case 13:var d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Oe(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return Yh(a,b,c);Oe(b);a=Dh(a,b,c);return null!==a?a.sibling:null}Oe(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&
-128)){if(d)return hi(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);E(Pe,Pe.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,Ih(a,b,c);case 24:ji(b,Nh,a.memoizedState.cache)}return Dh(a,b,c)}var ki=ma(null),li=null,mi=null,ni=null;function oi(){ni=mi=li=null}function ji(a,b,c){E(ki,b._currentValue);b._currentValue=c}function pi(a){var b=ki.current;a._currentValue=b===Ea?a._defaultValue:b;D(ki)}
-function fi(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
-function qi(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=ae(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);fi(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
-f)throw Error(u(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);fi(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function Ch(a,b){li=a;ni=mi=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(gg=!0),a.firstContext=null)}function bg(a){return ri(li,a)}function De(a,b,c){null===li&&Ch(a,c);return ri(a,b)}
-function ri(a,b){var c=b._currentValue;if(ni!==b)if(b={context:b,memoizedValue:c,next:null},null===mi){if(null===a)throw Error(u(308));mi=b;a.dependencies={lanes:0,firstContext:b}}else mi=mi.next=b;return c}
-var si="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},ti=ba.unstable_scheduleCallback,ui=ba.unstable_NormalPriority,Nh={$$typeof:ta,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0,_defaultValue:null,_globalName:null};function Zg(){return{controller:new si,data:new Map,refCount:0}}
-function vi(a){a.refCount--;0===a.refCount&&ti(ui,function(){a.controller.abort()})}var wi=da.ReactCurrentBatchConfig,xi=ma(null);function Mh(){var a=xi.current;return null!==a?a:N.pooledCache}function Lh(a,b){null===b?E(xi,xi.current):E(xi,b.pool)}function Wh(){var a=Mh();return null===a?null:{parent:Nh._currentValue,pool:a}}function yi(a){a.flags|=4}function zi(a){a.flags|=2097664}
-function Ai(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(M&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(Bi())a.flags|=8192;else throw pe=le,ke;}function Ci(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?rb():536870912,a.lanes|=b)}
-function Di(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
-function U(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
-function Ei(a,b,c){var d=b.pendingProps;sd(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return U(b),null;case 1:return Zc(b.type)&&$c(),U(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);pi(Nh);Ra();D(Wc);D(Vc);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Id(b)?yi(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
-1024,null!==td&&(Fi(td),td=null));U(b);return null;case 26:c=b.memoizedState;if(null===a)yi(b),null!==b.ref&&zi(b),null!==c?(U(b),Ai(b,c)):(U(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&yi(b);a.ref!==b.ref&&zi(b);null!==c?(U(b),c===e?b.flags&=-16777217:Ai(b,c)):(a.memoizedProps!==d&&yi(b),U(b),b.flags&=-16777217)}return null;case 27:Ta(b);c=La.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&yi(b),a.ref!==b.ref&&zi(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));
-U(b);return null}a=Ja.current;Id(b)?Gi(b.stateNode,b.type,b.memoizedProps,a,b):(a=Hi(e,d,c),b.stateNode=a,yi(b));null!==b.ref&&zi(b)}U(b);return null;case 5:Ta(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&yi(b),a.ref!==b.ref&&zi(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));U(b);return null}a=Ja.current;if(Id(b))Gi(b.stateNode,b.type,b.memoizedProps,a,b);else{e=Ii(La.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",
-c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):
-e.createElement(c)}}a[Cb]=b;a[Db]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(Ji(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&yi(b)}null!==b.ref&&
-zi(b)}U(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&yi(b);else{if("string"!==typeof d&&null===b.stateNode)throw Error(u(166));a=La.current;if(Id(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Cb]=b;if(d=a.nodeValue!==c)if(e=G,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);Ki(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&Ki(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&yi(b)}else a=Ii(a).createTextNode(d),
-a[Cb]=b,b.stateNode=a}U(b);return null;case 13:Se(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(K&&null!==J&&0!==(b.mode&1)&&0===(b.flags&128))Kd(),Ld(),b.flags|=384,e=!1;else if(e=Id(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(u(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(u(317));e[Cb]=b}else Ld(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;U(b);e=!1}else null!==td&&(Fi(td),td=null),e=!0;if(!e)return b.flags&
-256?b:null}if(0!==(b.flags&128))return b.lanes=c,b;c=null!==d;a=null!==a&&null!==a.memoizedState;c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);Ci(b,b.updateQueue);U(b);return null;case 4:return Ra(),null===a&&Li(b.stateNode.containerInfo),
-U(b),null;case 10:return pi(b.type._context),U(b),null;case 17:return Zc(b.type)&&$c(),U(b),null;case 19:D(Pe);e=b.memoizedState;if(null===e)return U(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)Di(e,!1);else{if(0!==vh||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Te(a);if(null!==f){b.flags|=128;Di(e,!1);a=f.updateQueue;b.updateQueue=a;Ci(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)Mi(c,a),c=c.sibling;E(Pe,Pe.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Ya()>
-Ni&&(b.flags|=128,d=!0,Di(e,!1),b.lanes=4194304)}else{if(!d)if(a=Te(f),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,b.updateQueue=a,Ci(b,a),Di(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!K)return U(b),null}else 2*Ya()-e.renderingStartTime>Ni&&536870912!==c&&(b.flags|=128,d=!0,Di(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Ya(),
-b.sibling=null,a=Pe.current,E(Pe,d?a&1|2:a&1),b;U(b);return null;case 22:case 23:return Se(b),Le(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(U(b),b.subtreeFlags&6&&(b.flags|=8192)):U(b),c=b.updateQueue,null!==c&&Ci(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&
-(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&D(xi),null;case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),pi(Nh),U(b),null;case 25:return null}throw Error(u(156,b.tag));}
-function Oi(a,b){sd(b);switch(b.tag){case 1:return Zc(b.type)&&$c(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return pi(Nh),Ra(),D(Wc),D(Vc),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Ta(b),null;case 13:Se(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(u(340));Ld()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return D(Pe),null;case 4:return Ra(),null;case 10:return pi(b.type._context),
-null;case 22:case 23:return Se(b),Le(),null!==a&&D(xi),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 24:return pi(Nh),null;case 25:return null;default:return null}}
-function Pi(a,b){sd(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&$c();break;case 3:pi(Nh);Ra();D(Wc);D(Vc);break;case 26:case 27:case 5:Ta(b);break;case 4:Ra();break;case 13:Se(b);break;case 19:D(Pe);break;case 10:pi(b.type._context);break;case 22:case 23:Se(b);Le();null!==a&&D(xi);break;case 24:pi(Nh)}}function Qi(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
-var Ri=!1,Si=null,Ti=!1,Ui=null,Vi={onError:function(a){Ri=!0;Si=a}};function Wi(a,b,c,d,e,f,g,h,k){Ri=!1;Si=null;Qi.apply(Vi,arguments)}function Xi(a,b,c,d,e,f,g,h,k){Wi.apply(this,arguments);if(Ri){if(Ri){var p=Si;Ri=!1;Si=null}else throw Error(u(198));Ti||(Ti=!0,Ui=p)}}var Yi=!1,Zi=!1,$i="function"===typeof WeakSet?WeakSet:Set,aj=null;
-function bj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}"function"===typeof c?a.refCleanup=c(e):c.current=e}}catch(f){W(a,b,f)}}function cj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{c(null)}catch(e){W(a,b,e)}else c.current=null}
-function dj(a,b,c){try{c()}catch(d){W(a,b,d)}}var ej=!1;
-function fj(a,b){gj=hj;a=ij();if(jj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(A){c=null;break a}var g=0,h=-1,k=-1,p=0,q=0,w=a,r=null;b:for(;;){for(var t;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
-w.nodeValue.length);if(null===(t=w.firstChild))break;r=w;w=t}for(;;){if(w===a)break b;r===c&&++p===e&&(h=g);r===f&&++q===d&&(k=g);if(null!==(t=w.nextSibling))break;w=r;r=w.parentNode}w=t}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;kj={focusedElem:a,selectionRange:c};hj=!1;for(aj=b;null!==aj;)if(b=aj,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,aj=a;else for(;null!==aj;){b=aj;try{var z=b.alternate,C=b.flags;switch(b.tag){case 0:if(0!==(C&4)){var V=
-b.updateQueue,R=null!==V?V.events:null;if(null!==R)for(a=0;a<R.length;a++){var m=R[a];m.ref.impl=m.nextImpl}}break;case 11:case 15:break;case 1:if(0!==(C&1024)&&null!==z){var l=z.memoizedProps,n=z.memoizedState,v=b.stateNode,x=v.getSnapshotBeforeUpdate(b.elementType===b.type?l:ch(b.type,l),n);v.__reactInternalSnapshotBeforeUpdate=x}break;case 3:0!==(C&1024)&&lj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(C&1024))throw Error(u(163));}}catch(A){W(b,
-b.return,A)}a=b.sibling;if(null!==a){a.return=b.return;aj=a;break}aj=b.return}z=ej;ej=!1;return z}function mj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,dj(b,c,g))}e=e.next}while(e!==d)}}function nj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create,e=c.inst;d=d();e.destroy=d}c=c.next}while(c!==b)}}
-function oj(a,b){try{nj(b,a)}catch(c){W(a,a.return,c)}}function pj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{he(b,c)}catch(d){W(a,a.return,d)}}}function qj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
-function rj(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:sj(a,c);d&4&&oj(c,5);break;case 1:sj(a,c);if(d&4)if(a=c.stateNode,null===b)try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:ch(c.type,b.memoizedProps);b=b.memoizedState;try{a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&pj(c);d&512&&bj(c,c.return);break;case 3:sj(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=
-c.child.stateNode;break;case 1:a=c.child.stateNode}try{he(d,a)}catch(h){W(c,c.return,h)}}break;case 26:sj(a,c);d&512&&bj(c,c.return);break;case 27:case 5:sj(a,c);null===b&&d&4&&qj(c);d&512&&bj(c,c.return);break;case 12:sj(a,c);break;case 13:sj(a,c);d&4&&tj(a,c);break;case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||Yi,!e){b=null!==b&&null!==b.memoizedState||Zi;var f=Yi,g=Zi;Yi=e;(Zi=b)&&!g?uj(a,c,0!==(c.subtreeFlags&8772)):sj(a,c);Yi=f;Zi=g}}else sj(a,c);d&512&&("manual"===c.memoizedProps.mode?
-bj(c,c.return):cj(c,c.return));break;default:sj(a,c)}}function vj(a){var b=a.alternate;null!==b&&(a.alternate=null,vj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Lb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function wj(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
-function xj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||wj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
-function yj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=zj));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(yj(a,b,c),a=a.sibling;null!==a;)yj(a,b,c),a=a.sibling}
-function Aj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Aj(a,b,c),a=a.sibling;null!==a;)Aj(a,b,c),a=a.sibling}var Bj=null,Cj=!1;function Dj(a,b,c){for(c=c.child;null!==c;)Ej(a,b,c),c=c.sibling}
-function Ej(a,b,c){if(fb&&"function"===typeof fb.onCommitFiberUnmount)try{fb.onCommitFiberUnmount(eb,c)}catch(k){}switch(c.tag){case 26:Zi||cj(c,b);Dj(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:Zi||cj(c,b);var d=Bj,e=Cj;Bj=c.stateNode;Dj(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Lb(c);Bj=d;Cj=e;break;case 5:Zi||cj(c,b);case 6:d=Bj;e=Cj;Bj=null;Dj(a,b,c);Bj=d;Cj=e;null!==Bj&&(Cj?(a=Bj,c=c.stateNode,
-8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):Bj.removeChild(c.stateNode));break;case 18:null!==Bj&&(Cj?(a=Bj,c=c.stateNode,8===a.nodeType?Fj(a.parentNode,c):1===a.nodeType&&Fj(a,c),Gj(a)):Fj(Bj,c.stateNode));break;case 4:d=Bj;e=Cj;Bj=c.stateNode.containerInfo;Cj=!0;Dj(a,b,c);Bj=d;Cj=e;break;case 0:case 11:case 14:case 15:if(!Zi&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,dj(c,b,h)):
-0!==(f&4)&&(g.destroy=void 0,dj(c,b,h)));e=e.next}while(e!==d)}Dj(a,b,c);break;case 1:if(!Zi&&(cj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(k){W(c,b,k)}Dj(a,b,c);break;case 21:Dj(a,b,c);break;case 22:cj(c,b);c.mode&1?(Zi=(d=Zi)||null!==c.memoizedState,Dj(a,b,c),Zi=d):Dj(a,b,c);break;default:Dj(a,b,c)}}
-function tj(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{Gj(a)}catch(c){W(b,b.return,c)}}function Hj(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new $i);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new $i),b;default:throw Error(u(435,a.tag));}}function Ij(a,b){var c=Hj(a);b.forEach(function(d){var e=Jj.bind(null,a,d);c.has(d)||(c.add(d),d.then(e,e))})}
-function Kj(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:Bj=h.stateNode;Cj=!1;break a;case 3:Bj=h.stateNode.containerInfo;Cj=!0;break a;case 4:Bj=h.stateNode.containerInfo;Cj=!0;break a}h=h.return}if(null===Bj)throw Error(u(160));Ej(f,g,e);Bj=null;Cj=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(p){W(e,b,p)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Lj(b,a),b=b.sibling}
-var Mj=null;
-function Lj(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Kj(b,a);Nj(a);if(d&4){try{mj(3,a,a.return),nj(3,a)}catch(t){W(a,a.return,t)}try{mj(5,a,a.return)}catch(t){W(a,a.return,t)}}break;case 1:Kj(b,a);Nj(a);d&512&&null!==c&&cj(c,c.return);d&64&&Yi&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=Mj;Kj(b,a);Nj(a);d&512&&null!==c&&cj(c,c.return);if(d&4)if(b=null!==
-c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Kb]||e[Cb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));Ji(e,c,d);e[Cb]=a;Sb(e);c=e;break a;case "link":var f=Oj("link","href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],
-e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);Ji(e,c,d);b.head.appendChild(e);break;case "meta":if(f=Oj("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==
-d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);Ji(e,c,d);b.head.appendChild(e);break;default:throw Error(u(468,c));}e[Cb]=a;Sb(e);c=e}a.stateNode=c}else Pj(e,a.type,a.stateNode);else a.stateNode=Qj(e,d,a.memoizedProps);else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):
-b.count--,null===d?Pj(e,a.type,a.stateNode):Qj(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Rj(h,a.type,c.memoizedProps,k);h[Db]=k}catch(t){W(a,a.return,t)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var p=g.nextSibling,q=g.nodeName;g[Kb]||"HEAD"===q||"BODY"===q||"SCRIPT"===q||"STYLE"===q||"LINK"===q&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=p}g=a.type;for(p=
-e.attributes;p.length;)e.removeAttributeNode(p[0]);Ji(e,g,f);e[Cb]=a;e[Db]=f}case 5:Kj(b,a);Nj(a);d&512&&null!==c&&cj(c,c.return);if(a.flags&32){b=a.stateNode;try{Bc(b,"")}catch(t){W(a,a.return,t)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Rj(d,e,c,b),d[Db]=b}catch(t){W(a,a.return,t)}}break;case 6:Kj(b,a);Nj(a);if(d&4){if(null===a.stateNode)throw Error(u(162));c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(t){W(a,a.return,
-t)}}break;case 3:Sj=null;e=Mj;Mj=Tj(b.containerInfo);Kj(b,a);Mj=e;Nj(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{Gj(b.containerInfo)}catch(t){W(a,a.return,t)}break;case 4:c=Mj;Mj=Tj(a.stateNode.containerInfo);Kj(b,a);Nj(a);Mj=c;break;case 13:Kj(b,a);Nj(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(Uj=Ya());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Ij(a,c)));break;case 22:d&512&&null!==c&&cj(c,c.return);h=null!==a.memoizedState;k=null!==c&&
-null!==c.memoizedState;if(a.mode&1){var w=Yi,r=Zi;Yi=w||h;Zi=r||k;Kj(b,a);Zi=r;Yi=w}else Kj(b,a);Nj(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=Yi||Zi,null===c||k||b||0!==(a.mode&1)&&Vj(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display",
-"none","important"):f.display="none"):(g=b.stateNode,p=b.memoizedProps.style,q=void 0!==p&&null!==p&&p.hasOwnProperty("display")?p.display:null,g.style.display=null==q||"boolean"===typeof q?"":(""+q).trim())}catch(t){W(a,a.return,t)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(t){W(a,a.return,t)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===
-b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,Ij(a,d))));break;case 19:Kj(b,a);Nj(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Ij(a,c)));break;case 21:break;default:Kj(b,a),Nj(a)}}
-function Nj(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(wj(c)){var d=c;break b}c=c.return}throw Error(u(160));}switch(d.tag){case 27:var e=d.stateNode,f=xj(a);Aj(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Bc(g,""),d.flags&=-33);var h=xj(a);Aj(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,p=xj(a);yj(a,p,k);break;default:throw Error(u(161));}}}catch(q){W(a,a.return,q)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
-function sj(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)rj(a,b.alternate,b),b=b.sibling}
-function Vj(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:mj(4,b,b.return);Vj(b);break;case 1:cj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{var f=d;c.props=f.memoizedProps;c.state=f.memoizedState;c.componentWillUnmount()}catch(g){W(d,e,g)}}Vj(b);break;case 26:case 27:case 5:cj(b,b.return);Vj(b);break;case 22:cj(b,b.return);null===b.memoizedState&&Vj(b);break;default:Vj(b)}a=a.sibling}}
-function uj(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:uj(e,f,c);oj(f,4);break;case 1:uj(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)ge(h[d],e)}c&&g&64&&pj(f);bj(f,f.return);break;case 26:case 27:case 5:uj(e,f,c);
-c&&null===d&&g&4&&qj(f);bj(f,f.return);break;case 12:uj(e,f,c);break;case 13:uj(e,f,c);c&&g&4&&tj(e,f);break;case 22:null===f.memoizedState&&uj(e,f,c);bj(f,f.return);break;default:uj(e,f,c)}b=b.sibling}}function Wj(a,b){try{nj(b,a)}catch(c){W(a,a.return,c)}}
-function Xj(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&vi(c))}function Yj(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&vi(a))}
-function Zj(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)ak(a,b,c,d),b=b.sibling}
-function ak(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:Zj(a,b,c,d);e&2048&&Wj(b,9);break;case 3:Zj(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&vi(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?Zj(a,b,c,d):b.mode&1?bk(a,b):(f._visibility|=4,Zj(a,b,c,d)):f._visibility&4?Zj(a,b,c,d):(f._visibility|=4,ck(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Xj(b.alternate,
-b);break;case 24:Zj(a,b,c,d);e&2048&&Yj(b.alternate,b);break;default:Zj(a,b,c,d)}}
-function ck(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,p=g.flags;switch(g.tag){case 0:case 11:case 15:ck(f,g,h,k,e);Wj(g,8);break;case 23:break;case 22:var q=g.stateNode;null!==g.memoizedState?q._visibility&4?ck(f,g,h,k,e):g.mode&1?bk(f,g):(q._visibility|=4,ck(f,g,h,k,e)):(q._visibility|=4,ck(f,g,h,k,e));e&&p&2048&&Xj(g.alternate,g);break;case 24:ck(f,g,h,k,e);e&&p&2048&&Yj(g.alternate,g);break;default:ck(f,g,h,k,e)}b=b.sibling}}
-function bk(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:bk(c,d);e&2048&&Xj(d.alternate,d);break;case 24:bk(c,d);e&2048&&Yj(d.alternate,d);break;default:bk(c,d)}b=b.sibling}}var dk=8192;function ek(a){if(a.subtreeFlags&dk)for(a=a.child;null!==a;)fk(a),a=a.sibling}
-function fk(a){switch(a.tag){case 26:ek(a);a.flags&dk&&null!==a.memoizedState&&gk(Mj,a.memoizedState,a.memoizedProps);break;case 5:ek(a);break;case 3:case 4:var b=Mj;Mj=Tj(a.stateNode.containerInfo);ek(a);Mj=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=dk,dk=16777216,ek(a),dk=b):ek(a));break;default:ek(a)}}function hk(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
-function ik(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];aj=d;jk(d,a)}hk(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)kk(a),a=a.sibling}function kk(a){switch(a.tag){case 0:case 11:case 15:ik(a);a.flags&2048&&mj(9,a,a.return);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,lk(a)):ik(a);break;default:ik(a)}}
-function lk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];aj=d;jk(d,a)}hk(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:mj(8,b,b.return);lk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,lk(b));break;default:lk(b)}a=a.sibling}}
-function jk(a,b){for(;null!==aj;){var c=aj;switch(c.tag){case 0:case 11:case 15:mj(8,c,b);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:vi(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,aj=d;else a:for(c=a;null!==aj;){d=aj;var e=d.sibling,f=d.return;vj(d);if(d===c){aj=null;break a}if(null!==e){e.return=f;aj=e;break a}aj=f}}}
-var mk={getCacheSignal:function(){return bg(Nh).controller.signal},getCacheForType:function(a){var b=bg(Nh),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},nk="function"===typeof WeakMap?WeakMap:Map,ok=da.ReactCurrentDispatcher,pk=da.ReactCurrentCache,qk=da.ReactCurrentOwner,rk=da.ReactCurrentBatchConfig,L=0,N=null,X=null,M=0,O=0,sk=null,tk=!1,Je=0,vh=0,gf=null,fe=0,uk=0,vk=0,kf=0,wk=null,mf=null,Uj=0,Ni=Infinity,nf=null,nh=!1,oh=null,qh=null,xk=!1,yk=null,zk=0,Ak=0,Bk=null,Wd=0,Xd=
-null;function Yg(a){if(0===(a.mode&1))return 2;if(0!==(L&2)&&0!==M)return M&-M;if(null!==wi.transition)return a=wf,0!==a?a:tf();a=F;if(0!==a)return a;a=window.event;a=void 0===a?32:Ck(a.type);return a}function Og(){0===kf&&(kf=0===(M&536870912)||K?tf():536870912);var a=Me.current;null!==a&&(a.flags|=32);return kf}
-function qg(a,b,c){if(a===N&&2===O||null!==a.cancelPendingCommit)hf(a,0),jf(a,M,kf);tb(a,c);if(0===(L&2)||a!==N)a===N&&(0===(L&2)&&(uk|=c),4===vh&&jf(a,M,kf)),$e(a),2===c&&0===L&&0===(b.mode&1)&&(Ni=Ya()+500,cf(!0))}
-function rf(a,b){if(0!==(L&6))throw Error(u(327));var c=a.callbackNode;if(df()&&a.callbackNode!==c)return null;var d=ob(a,a===N?M:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?Dk(a,d):ef(a,d);if(0!==b){var f=e;do{if(6===b)jf(a,d,0);else{e=a.current.alternate;if(f&&!Ek(e)){b=ef(a,d);f=!1;continue}if(2===b){f=d;var g=qb(a,f);0!==g&&(d=g,b=ff(a,f,g))}if(1===b)throw c=gf,hf(a,0),jf(a,d,0),$e(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(u(345));
-case 4:if((d&4194176)===d){jf(f,d,kf);break a}break;case 2:case 3:case 5:break;default:throw Error(u(329));}if((d&62914560)===d&&(b=Uj+300-Ya(),10<b)){jf(f,d,kf);if(0!==ob(f,0))break a;f.timeoutHandle=Fk(Gk.bind(null,f,e,mf,nf,d,kf),b);break a}Gk(f,e,mf,nf,d,kf)}}break}while(1)}$e(a);qf(a,Ya());a=a.callbackNode===c?rf.bind(null,a):null;return a}
-function ff(a,b,c){var d=wk,e=a.current.memoizedState.isDehydrated;e&&(hf(a,c).flags|=256);c=ef(a,c);if(2!==c){if(tk&&!e)return a.errorRecoveryDisabledLanes|=b,uk|=b,4;a=mf;mf=d;null!==a&&Fi(a)}return c}function Fi(a){null===mf?mf=a:mf.push.apply(mf,a)}function Gk(a,b,c,d,e,f){if(0===(e&42)&&(Hk={stylesheets:null,count:0,unsuspend:Ik},fk(b),b=Jk(),null!==b)){a.cancelPendingCommit=b(lf.bind(null,a,c,d));jf(a,e,f);return}lf(a,c,d,f)}
-function Ek(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!fd(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
-function jf(a,b,c){b&=~vk;b&=~uk;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-ib(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&vb(a,c,b)}function Kk(a,b){var c=L;L|=1;try{return a(b)}finally{L=c,0===L&&(Ni=Ya()+500,cf(!0))}}function Lk(a){null!==yk&&0===yk.tag&&0===(L&6)&&df();var b=L;L|=1;var c=rk.transition,d=F;try{if(rk.transition=null,F=2,a)return a()}finally{F=d,rk.transition=c,L=b,0===(L&6)&&cf(!1)}}
-function Mk(){if(null!==X){if(0===O)var a=X.return;else a=X,oi(),Xf(a),re=null,se=0,a=X;for(;null!==a;)Pi(a.alternate,a),a=a.return;X=null}}
-function hf(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Nk(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());Mk();N=a;X=c=ye(a.current,null);M=b;O=0;sk=null;tk=!1;vh=0;gf=null;kf=vk=uk=fe=0;mf=wk=null;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-ib(d),f=1<<e;b|=a[e];d&=~f}Je=b;Qd();return c}
-function Ok(a,b){P=null;Bf.current=Rf;qk.current=null;b===je?(b=qe(),O=Bi()&&0===(fe&134217727)&&0===(uk&134217727)?2:3):b===ke?(b=qe(),O=4):O=b===zh?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;sk=b;null===X&&(vh=1,gf=b)}function Bi(){var a=Me.current;return null===a?!0:(M&4194176)===M?null===Ne?!0:!1:(M&62914560)===M||0!==(M&536870912)?a===Ne:!1}function Pk(){var a=ok.current;ok.current=Rf;return null===a?Rf:a}function Qk(){var a=pk.current;pk.current=mk;return a}
-function uh(){vh=4;0===(fe&134217727)&&0===(uk&134217727)||null===N||jf(N,M,kf)}function xh(a){4!==vh&&(vh=2);null===wk?wk=[a]:wk.push(a)}
-function ef(a,b){var c=L;L|=2;var d=Pk(),e=Qk();if(N!==a||M!==b)nf=null,hf(a,b);b=!1;a:do try{if(0!==O&&null!==X){var f=X,g=sk;switch(O){case 8:Mk();vh=6;break a;case 3:case 2:b||null!==Me.current||(b=!0);default:O=0,sk=null,Rk(f,g)}}Sk();break}catch(h){Ok(a,h)}while(1);b&&a.shellSuspendCounter++;oi();L=c;ok.current=d;pk.current=e;if(null!==X)throw Error(u(261));N=null;M=0;Qd();return vh}function Sk(){for(;null!==X;)Tk(X)}
-function Dk(a,b){var c=L;L|=2;var d=Pk(),e=Qk();if(N!==a||M!==b)nf=null,Ni=Ya()+500,hf(a,b);a:do try{if(0!==O&&null!==X){b=X;var f=sk;b:switch(O){case 1:O=0;sk=null;Rk(b,f);break;case 2:if(me(f)){O=0;sk=null;Uk(b);break}b=function(){2===O&&N===a&&(O=7);$e(a)};f.then(b,b);break a;case 3:O=7;break a;case 4:O=5;break a;case 7:me(f)?(O=0,sk=null,Uk(b)):(O=0,sk=null,Rk(b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;O=0;sk=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==h?(X=
-h,Vk(h)):X=null}break b}O=0;sk=null;Rk(b,f);break;case 6:O=0;sk=null;Rk(b,f);break;case 8:Mk();vh=6;break a;default:throw Error(u(462));}}Wk();break}catch(k){Ok(a,k)}while(1);oi();ok.current=d;pk.current=e;L=c;if(null!==X)return 0;N=null;M=0;Qd();return vh}function Wk(){for(;null!==X&&!Wa();)Tk(X)}function Tk(a){var b=Xk(a.alternate,a,Je);a.memoizedProps=a.pendingProps;null===b?Vk(a):X=b;qk.current=null}
-function Uk(a){var b=a.alternate;switch(a.tag){case 2:a.tag=0;case 15:case 0:var c=a.type,d=a.pendingProps;d=a.elementType===c?d:ch(c,d);var e=Zc(c)?Xc:Vc.current;e=Yc(a,e);b=Oh(b,a,d,c,e,M);break;case 11:c=a.type.render;d=a.pendingProps;d=a.elementType===c?d:ch(c,d);b=Oh(b,a,d,c,a.ref,M);break;case 5:Xf(a);default:Pi(b,a),a=X=Mi(a,Je),b=Xk(b,a,Je)}a.memoizedProps=a.pendingProps;null===b?Vk(a):X=b;qk.current=null}
-function Rk(a,b){oi();Xf(a);re=null;se=0;var c=a.return;if(null===c||null===N)vh=1,gf=b,X=null;else{try{th(N,c,a,b,M)}catch(d){throw X=c,d;}if(a.flags&32768)a:{do{b=Oi(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);vh=6;X=null}else Vk(a)}}function Vk(a){var b=a;do{a=b.return;var c=Ei(b.alternate,b,Je);if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===vh&&(vh=5)}
-function lf(a,b,c,d){var e=F,f=rk.transition;try{rk.transition=null,F=2,Yk(a,b,c,e,d)}finally{rk.transition=f,F=e}return null}
-function Yk(a,b,c,d,e){do df();while(null!==yk);if(0!==(L&6))throw Error(u(327));var f=a.finishedWork,g=a.finishedLanes;if(null===f)return null;a.finishedWork=null;a.finishedLanes=0;if(f===a.current)throw Error(u(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var h=f.lanes|f.childLanes;h|=Pd;ub(a,h,e);a===N&&(X=N=null,M=0);0===(f.subtreeFlags&10256)&&0===(f.flags&10256)||xk||(xk=!0,Ak=h,Bk=c,Zk(bb,function(){df();return null}));c=0!==(f.flags&15990);if(0!==(f.subtreeFlags&
-15990)||c){c=rk.transition;rk.transition=null;e=F;F=2;var k=L;L|=4;qk.current=null;fj(a,f);Lj(f,a);$k(kj);hj=!!gj;kj=gj=null;a.current=f;rj(a,f.alternate,f);Xa();L=k;F=e;rk.transition=c}else a.current=f;xk?(xk=!1,yk=a,zk=g):al(a,h);h=a.pendingLanes;0===h&&(qh=null);gb(f.stateNode,d);$e(a);if(null!==b)for(d=a.onRecoverableError,f=0;f<b.length;f++)h=b[f],c={digest:h.digest,componentStack:h.stack},d(h.value,c);if(nh)throw nh=!1,a=oh,oh=null,a;0!==(zk&3)&&0!==a.tag&&df();h=a.pendingLanes;0!==(g&4194218)&&
-0!==(h&42)?a===Xd?Wd++:(Wd=0,Xd=a):Wd=0;cf(!1);return null}function al(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,vi(b)))}
-function df(){if(null!==yk){var a=yk,b=Ak;Ak=0;var c=zb(zk),d=32>c?32:c;c=rk.transition;var e=F;try{rk.transition=null;F=d;if(null===yk)var f=!1;else{d=Bk;Bk=null;var g=yk,h=zk;yk=null;zk=0;if(0!==(L&6))throw Error(u(331));var k=L;L|=4;kk(g.current);ak(g,g.current,h,d);L=k;cf(!1);if(fb&&"function"===typeof fb.onPostCommitFiberRoot)try{fb.onPostCommitFiberRoot(eb,g)}catch(p){}f=!0}return f}finally{F=e,rk.transition=c,al(a,b)}}return!1}
-function bl(a,b,c){b=jh(c,b);b=mh(a,b,2);a=be(a,b,2);null!==a&&(tb(a,2),$e(a))}function W(a,b,c){if(3===a.tag)bl(a,a,c);else for(;null!==b;){if(3===b.tag){bl(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===qh||!qh.has(d))){a=jh(c,a);a=ph(b,a,2);b=be(b,a,2);null!==b&&(tb(b,2),$e(b));break}}b=b.return}}
-function wh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new nk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(tk=!0,e.add(c),a=cl.bind(null,a,b,c),b.then(a,a))}function cl(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;N===a&&(M&c)===c&&(4===vh||3===vh&&(M&62914560)===M&&300>Ya()-Uj?0===(L&2)&&hf(a,0):vk|=c);$e(a)}function dl(a,b){0===b&&(b=0===(a.mode&1)?2:rb());a=Vd(a,b);null!==a&&(tb(a,b),$e(a))}
-function di(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);dl(a,c)}function Jj(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(u(314));}null!==d&&d.delete(b);dl(a,c)}var Xk;
-Xk=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Wc.current)gg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return gg=!1,ii(a,b,c);gg=0!==(a.flags&131072)?!0:!1}else gg=!1,K&&0!==(b.flags&1048576)&&qd(b,jd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Qh(a,b);a=b.pendingProps;var e=Yc(b,Vc.current);Ch(b,c);e=Mf(null,b,d,a,e,c);var f=Vf();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
-null,Zc(d)?(f=!0,cd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Zd(b),e.updater=eh,b.stateNode=e,e._reactInternals=b,ih(b,d,a,c),b=Rh(null,b,d,!0,f,c)):(b.tag=0,K&&f&&rd(b),Ah(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Qh(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=el(d);a=ch(d,a);switch(e){case 0:b=Hh(null,b,d,a,c);break a;case 1:b=Ph(null,b,d,a,c);break a;case 11:b=Bh(null,b,d,a,c);break a;case 14:b=Eh(null,b,d,ch(d.type,a),c);break a}throw Error(u(306,
-d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ch(d,e),Hh(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ch(d,e),Ph(a,b,d,e,c);case 3:a:{Sh(b);if(null===a)throw Error(u(387));e=b.pendingProps;f=b.memoizedState;d=f.element;$d(a,b);ee(b,e,null,c);var g=b.memoizedState;e=g.cache;ji(b,Nh,e);e!==f.cache&&qi(b,Nh,c);e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){d=
-jh(Error(u(423)),b);b=Th(a,b,e,c,d);break a}else if(e!==d){d=jh(Error(u(424)),b);b=Th(a,b,e,c,d);break a}else for(J=Ad(b.stateNode.containerInfo.firstChild),G=b,K=!0,td=null,ud=!0,c=Fe(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Ld();if(e===d){b=Dh(a,b,c);break a}Ah(a,b,e,c)}b=b.child}return b;case 26:return Jh(a,b),c=b.memoizedState=fl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=Ii(La.current).createElement(c),d[Cb]=
-b,d[Db]=a,Ji(d,c,a),Sb(d),b.stateNode=d),null;case 27:return Sa(b),null===a&&K&&(d=b.stateNode=Hi(b.type,b.pendingProps,La.current),G=b,ud=!0,J=Ad(d.firstChild)),d=b.pendingProps.children,null!==a||K?Ah(a,b,d,c):b.child=Ee(b,null,d,c),Jh(a,b),b.child;case 5:return Sa(b),null===a&&K&&((e=d=J,e)?yd(b,e)||(Fd(b)&&Gd(),J=Ed(e),f=G,J&&yd(b,J)?vd(f,e):(xd(G,b),K=!1,G=b,J=d)):(Fd(b)&&Gd(),xd(G,b),K=!1,G=b,J=d)),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Jd(e,f)?d=null:null!==
-g&&Jd(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=Mf(a,b,Tf,null,null,c),Na._currentValue=e,gg&&null!==a&&a.memoizedState.memoizedState!==e&&qi(b,Na,c)),Jh(a,b),Ah(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=J,a&&d)?Bd(b,a)||(Fd(b)&&Gd(),J=Ed(a),d=G,J&&Bd(b,J)?vd(d,a):(xd(G,b),K=!1,G=b,J=c)):(Fd(b)&&Gd(),xd(G,b),K=!1,G=b,J=c)),null;case 13:return Yh(a,b,c);case 4:return Oa(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Ee(b,null,d,c):Ah(a,b,d,c),b.child;
-case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ch(d,e),Bh(a,b,d,e,c);case 7:return Ah(a,b,b.pendingProps,c),b.child;case 8:return Ah(a,b,b.pendingProps.children,c),b.child;case 12:return Ah(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;ji(b,d,g);if(null!==f)if(fd(f.value,g)){if(f.children===e.children&&!Wc.current){b=Dh(a,b,c);break a}}else qi(b,d,c);Ah(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=
-b.pendingProps.children,Ch(b,c),e=bg(e),d=d(e),b.flags|=1,Ah(a,b,d,c),b.child;case 14:return d=b.type,e=ch(d,b.pendingProps),e=ch(d.type,e),Eh(a,b,d,e,c);case 15:return Gh(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:ch(d,e),Qh(a,b),b.tag=1,Zc(d)?(a=!0,cd(b)):a=!1,Ch(b,c),gh(b,d,e),ih(b,d,e,c),Rh(null,b,d,!0,a,c);case 19:return hi(a,b,c);case 22:return Ih(a,b,c);case 24:return Ch(b,c),d=bg(Nh),null===a?(e=Mh(),null===e&&(e=N,f=Zg(),e.pooledCache=f,f.refCount++,
-null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},Zd(b),ji(b,Nh,e)):(0!==(a.lanes&c)&&($d(a,b),ee(b,null,null,c)),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),ji(b,Nh,d)):(d=f.cache,ji(b,Nh,d),d!==e.cache&&qi(b,Nh,c))),Ah(a,b,b.pendingProps.children,c),b.child}throw Error(u(156,b.tag));};function Zk(a,b){return Ua(a,b)}
-function gl(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function wd(a,b,c,d){return new gl(a,b,c,d)}function Fh(a){a=a.prototype;return!(!a||!a.isReactComponent)}
-function el(a){if("function"===typeof a)return Fh(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===va)return 11;if(a===ya)return 14}return 2}
-function ye(a,b){var c=a.alternate;null===c?(c=wd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Kc=null;function Lc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Mc=null,Nc=null;
+function Oc(a){var b=Qb(a);if(b&&(a=b.stateNode)){var c=Sb(a);a:switch(a=b.stateNode,b.type){case "input":xc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+wc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Sb(d);if(!e)throw Error(t(90));xc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
+e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&tc(d)}break a;case "textarea":Cc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&Bc(a,!!c.multiple,b,!1)}}}function Pc(a){Mc?Nc?Nc.push(a):Nc=[a]:Mc=a}function Qc(){if(Mc){var a=Mc,b=Nc;Nc=Mc=null;Oc(a);if(b)for(a=0;a<b.length;a++)Oc(b[a])}}function Rc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
+function Sc(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Tc(a){if(Rc(a)!==a)throw Error(t(188));}
+function Uc(a){var b=a.alternate;if(!b){b=Rc(a);if(null===b)throw Error(t(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Tc(e),a;if(f===d)return Tc(e),b;f=f.sibling}throw Error(t(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
+c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(t(189));}}if(c.alternate!==d)throw Error(t(190));}if(3!==c.tag)throw Error(t(188));return c.stateNode.current===c?a:b}function Vc(a){a=Uc(a);return null!==a?Wc(a):null}function Wc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=Wc(a);if(null!==b)return b;a=a.sibling}return null}var Xc={},Yc=ma(Xc),Zc=ma(!1),$c=Xc;
+function ad(a,b){var c=a.type.contextTypes;if(!c)return Xc;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function bd(a){a=a.childContextTypes;return null!==a&&void 0!==a}function cd(){E(Zc);E(Yc)}
+function dd(a,b,c){if(Yc.current!==Xc)throw Error(t(168));F(Yc,b);F(Zc,c)}function ed(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(t(108,oc(a)||"Unknown",e));return C({},c,d)}function fd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Xc;$c=Yc.current;F(Yc,a);F(Zc,Zc.current);return!0}
+function gd(a,b,c){var d=a.stateNode;if(!d)throw Error(t(169));c?(a=ed(a,b,$c),d.__reactInternalMemoizedMergedChildContext=a,E(Zc),E(Yc),F(Yc,a)):E(Zc);F(Zc,c)}function hd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var id="function"===typeof Object.is?Object.is:hd,jd=[],kd=0,ld=null,md=0,nd=[],od=0,pd=null,qd=1,rd="";function sd(a,b){jd[kd++]=md;jd[kd++]=ld;ld=a;md=b}
+function td(a,b,c){nd[od++]=qd;nd[od++]=rd;nd[od++]=pd;pd=a;var d=qd;a=rd;var e=32-kb(d)-1;d&=~(1<<e);c+=1;var f=32-kb(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;qd=1<<32-kb(b)+e|c<<e|d;rd=f+a}else qd=1<<f|c<<e|d,rd=a}function ud(a){null!==a.return&&(sd(a,1),td(a,1,0))}function vd(a){for(;a===ld;)ld=jd[--kd],jd[kd]=null,md=jd[--kd],jd[kd]=null;for(;a===pd;)pd=nd[--od],nd[od]=null,rd=nd[--od],nd[od]=null,qd=nd[--od],nd[od]=null}var H=null,I=null,K=!1,wd=null,xd=!1;
+function yd(a,b){var c=zd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Ad(a,b){b.flags=b.flags&-4097|2}function Bd(a,b){b=Cd(b,a.type,a.pendingProps,xd);return null!==b?(a.stateNode=b,H=a,I=Dd(b.firstChild),xd=!1,!0):!1}function Ed(a,b){b=Fd(b,a.pendingProps,xd);return null!==b?(a.stateNode=b,H=a,I=null,!0):!1}
+function Gd(a,b){a:{var c=b;for(b=xd;8!==c.nodeType;){if(!b){b=null;break a}c=Hd(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==pd?{id:qd,overflow:rd}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=zd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,H=a,I=null,!0):!1}function Id(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Jd(){throw Error(t(418));}
+function Kd(a){for(H=a.return;H;)switch(H.tag){case 3:case 27:xd=!0;return;case 5:case 13:xd=!1;return;default:H=H.return}}
+function Ld(a){if(a!==H)return!1;if(!K)return Kd(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Md(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=I))if(Id(a))Nd(),Jd();else for(;b;)yd(a,b),b=Hd(b);Kd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(t(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){I=Hd(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}I=
+null}}else I=H?Hd(a.stateNode):null;return!0}function Nd(){for(var a=I;a;)a=Hd(a)}function Od(){I=H=null;K=!1}function Pd(a){null===wd?wd=[a]:wd.push(a)}var Qd=[],Rd=0,Sd=0;function Td(){for(var a=Rd,b=Sd=Rd=0;b<a;){var c=Qd[b];Qd[b++]=null;var d=Qd[b];Qd[b++]=null;var e=Qd[b];Qd[b++]=null;var f=Qd[b];Qd[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&Ud(c,e,f)}}
+function Vd(a,b,c,d){Qd[Rd++]=a;Qd[Rd++]=b;Qd[Rd++]=c;Qd[Rd++]=d;Sd|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function Wd(a,b,c,d){Vd(a,b,c,d);return Xd(a)}function Yd(a,b){Vd(a,null,null,b);return Xd(a)}
+function Ud(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-kb(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function Xd(a){Zd();for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
+var $d=null,ae=null,be=!1,ce=!1,de=!1,ee=0;function fe(a){a!==ae&&null===a.next&&(null===ae?$d=ae=a:ae=ae.next=a);ce=!0;be||(be=!0,ge(he))}
+function ie(a){if(!de&&ce){var b=null;de=!0;do{var c=!1;for(var d=$d;null!==d;){if(!a||0===d.tag){var e=L,f=qb(d,d===M?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(N&6))throw Error(t(327));if(!je()){var g=ke(e,f);if(0!==e.tag&&2===g){var h=f,k=sb(e,h);0!==k&&(f=k,g=le(e,h,k))}if(1===g)throw h=me,ne(e,0),oe(e,f,0),fe(e),h;6===g?oe(e,f,pe):(e.finishedWork=e.current.alternate,e.finishedLanes=f,qe(e,re,se,te,pe))}fe(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);de=!1;if(null!==b){if(1<b.length){if("function"===
+typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)ge(ue.bind(null,b[a]))}throw b[0];}}}function ue(a){throw a;}function he(){ce=be=!1;for(var a=Xa(),b=null,c=$d;null!==c;){var d=c.next;if(0!==ee&&ve()){var e=c,f=ee;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=we(c,a);0===e?(c.next=null,null===b?$d=d:b.next=d,null===d&&(ae=b)):(b=c,0!==(e&3)&&(ce=!0));c=d}ee=0;ie(!1)}
+function we(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-kb(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=rb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=M;c=L;c=qb(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===O||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Ua(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Ua(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
+null!==d&&Ua(d);switch(Bb(c)){case 2:c=Za;break;case 8:c=$a;break;case 32:c=ab;break;case 268435456:c=cb;break;default:c=ab}d=xe.bind(null,a);c=Ta(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function ge(a){ye(function(){0!==(N&6)?Ta(Za,a):a()})}function ze(){0===ee&&(ee=tb());return ee}var Ae=null,Be=0,Ce=0,De=null;function Ee(a,b){if(null===Ae){var c=Ae=[];Be=0;Ce=ze();De={status:"pending",value:void 0,then:function(d){c.push(d)}}}Be++;b.then(Fe,Fe);return b}
+function Fe(){if(null!==Ae&&0===--Be){null!==De&&(De.status="fulfilled");var a=Ae;Ae=null;Ce=0;De=null;for(var b=0;b<a.length;b++)(0,a[b])()}}function Ge(a,b){var c=[],d={status:"pending",value:null,reason:null,then:function(e){c.push(e)}};a.then(function(){d.status="fulfilled";d.value=b;for(var e=0;e<c.length;e++)(0,c[e])(b)},function(e){d.status="rejected";d.reason=e;for(e=0;e<c.length;e++)(0,c[e])(void 0)});return d}var He=!1;
+function Ie(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Je(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function Ke(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
+function Le(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(N&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=Xd(a);Ud(a,null,c);return b}Vd(a,d,b,c);return Xd(a)}function Me(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;yb(a,c)}}
+function Ne(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
+var Oe=!1;function Pe(){if(Oe){var a=De;if(null!==a)throw a;}}
+function Qe(a,b,c,d){Oe=!1;var e=a.updateQueue;He=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var u=a.alternate;null!==u&&(u=u.updateQueue,h=u.lastBaseUpdate,h!==g&&(null===h?u.firstBaseUpdate=n:h.next=n,u.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;u=n=k=null;h=f;do{var q=h.lane&-536870913,r=q!==h.lane;if(r?(L&q)===q:(d&q)===q){0!==q&&q===Ce&&(Oe=!0);null!==u&&(u=u.next={lane:0,
+tag:h.tag,payload:h.payload,callback:null,next:null});a:{var y=a,D=h;q=b;var T=c;switch(D.tag){case 1:y=D.payload;if("function"===typeof y){w=y.call(T,w,q);break a}w=y;break a;case 3:y.flags=y.flags&-65537|128;case 0:y=D.payload;q="function"===typeof y?y.call(T,w,q):y;if(null===q||void 0===q)break a;w=C({},w,q);break a;case 2:He=!0}}q=h.callback;null!==q&&(a.flags|=64,r&&(a.flags|=8192),r=e.callbacks,null===r?e.callbacks=[q]:r.push(q))}else r={lane:q,tag:h.tag,payload:h.payload,callback:h.callback,
+next:null},null===u?(n=u=r,k=w):u=u.next=r,g|=q;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===u&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=u;null===f&&(e.shared.lanes=0);Re|=g;a.lanes=g;a.memoizedState=w}}function Se(a,b){if("function"!==typeof a)throw Error(t(191,a));a.call(b)}function Te(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)Se(c[a],b)}
+function Ue(a,b){if(id(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Cb.call(b,e)||!id(a[e],b[e]))return!1}return!0}var Ve=Error(t(460)),We=Error(t(474)),Xe={then:function(){}};function Ye(a){a=a.status;return"fulfilled"===a||"rejected"===a}function Ze(){}
+function $e(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ze,Ze),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===Ve)throw Error(t(483));throw a;default:if("string"===typeof b.status)b.then(Ze,Ze);else{a=M;if(null!==a&&100<a.shellSuspendCounter)throw Error(t(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}})}switch(b.status){case "fulfilled":return b.value;
+case "rejected":a=b.reason;if(a===Ve)throw Error(t(483));throw a;}af=b;throw Ve;}}var af=null;function bf(){if(null===af)throw Error(t(459));var a=af;af=null;return a}var cf=null,df=0;function ef(a){var b=df;df+=1;null===cf&&(cf=[]);return $e(cf,a,b)}
+function ff(a,b,c,d){function e(h){var k=g.refs;null===h?delete k[f]:k[f]=h}a=c._owner;if(!a){if("string"!==typeof d)throw Error(t(284));throw Error(t(290,d));}if(1!==a.tag)throw Error(t(309));var f=""+d,g=a.stateNode;if(!g)throw Error(t(147,f));if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;e._stringRef=f;return e}
+function gf(a,b,c,d){var e=d.props.ref;e=void 0!==e?e:null;null!==e&&"function"!==typeof e&&"object"!==typeof e?(a=ff(a,b,d,e),b=C({},c.pendingProps),b.ref=a,c.pendingProps=b):a=e;c.ref=a}function hf(a,b){a=Object.prototype.toString.call(b);throw Error(t(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function jf(a){var b=a._init;return b(a._payload)}
+function kf(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=lf(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
+function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=mf(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var x=p.type;if(x===pa)return u(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===za&&jf(x)===l.type))return v=e(l,p.props),gf(m,l,v,p),v.return=m,v;v=nf(p.type,p.key,p.props,null,m.mode,v);gf(m,l,v,p);v.return=m;return v}function n(m,l,p,v){if(null===
+l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=of(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function u(m,l,p,v,x){if(null===l||7!==l.tag)return l=pf(p,m.mode,v,x),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=mf(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case na:return p=nf(l.type,l.key,l.props,
+null,m.mode,p),gf(m,null,p,l),p.return=m,p;case oa:return l=of(l,m.mode,p),l.return=m,l;case za:var v=l._init;return w(m,v(l._payload),p)}if(Ac(l)||Ha(l))return l=pf(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,ef(l),p);if(l.$$typeof===ua)return w(m,qf(m,l,p),p);hf(m,l)}return null}function q(m,l,p,v){var x=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==x?null:h(m,l,""+p,v);if("object"===typeof p&&null!==p){switch(p.$$typeof){case na:return p.key===
+x?k(m,l,p,v):null;case oa:return p.key===x?n(m,l,p,v):null;case za:return x=p._init,q(m,l,x(p._payload),v)}if(Ac(p)||Ha(p))return null!==x?null:u(m,l,p,v,null);if("function"===typeof p.then)return q(m,l,ef(p),v);if(p.$$typeof===ua)return q(m,l,qf(m,p,v),v);hf(m,p)}return null}function r(m,l,p,v,x){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,x);if("object"===typeof v&&null!==v){switch(v.$$typeof){case na:return m=m.get(null===v.key?p:v.key)||null,k(l,m,v,
+x);case oa:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,x);case za:var z=v._init;return r(m,l,p,z(v._payload),x)}if(Ac(v)||Ha(v))return m=m.get(p)||null,u(l,m,v,x,null);if("function"===typeof v.then)return r(m,l,p,ef(v),x);if(v.$$typeof===ua)return r(m,l,p,qf(l,v,x),x);hf(l,v)}return null}function y(m,l,p,v){for(var x=null,z=null,A=l,B=l=0,ha=null;null!==A&&B<p.length;B++){A.index>B?(ha=A,A=null):ha=A.sibling;var J=q(m,A,p[B],v);if(null===J){null===A&&(A=ha);break}a&&A&&null===J.alternate&&
+b(m,A);l=f(J,l,B);null===z?x=J:z.sibling=J;z=J;A=ha}if(B===p.length)return c(m,A),K&&sd(m,B),x;if(null===A){for(;B<p.length;B++)A=w(m,p[B],v),null!==A&&(l=f(A,l,B),null===z?x=A:z.sibling=A,z=A);K&&sd(m,B);return x}for(A=d(m,A);B<p.length;B++)ha=r(A,m,B,p[B],v),null!==ha&&(a&&null!==ha.alternate&&A.delete(null===ha.key?B:ha.key),l=f(ha,l,B),null===z?x=ha:z.sibling=ha,z=ha);a&&A.forEach(function(Gb){return b(m,Gb)});K&&sd(m,B);return x}function D(m,l,p,v){var x=Ha(p);if("function"!==typeof x)throw Error(t(150));
+p=x.call(p);if(null==p)throw Error(t(151));for(var z=x=null,A=l,B=l=0,ha=null,J=p.next();null!==A&&!J.done;B++,J=p.next()){A.index>B?(ha=A,A=null):ha=A.sibling;var Gb=q(m,A,J.value,v);if(null===Gb){null===A&&(A=ha);break}a&&A&&null===Gb.alternate&&b(m,A);l=f(Gb,l,B);null===z?x=Gb:z.sibling=Gb;z=Gb;A=ha}if(J.done)return c(m,A),K&&sd(m,B),x;if(null===A){for(;!J.done;B++,J=p.next())J=w(m,J.value,v),null!==J&&(l=f(J,l,B),null===z?x=J:z.sibling=J,z=J);K&&sd(m,B);return x}for(A=d(m,A);!J.done;B++,J=p.next())J=
+r(A,m,B,J.value,v),null!==J&&(a&&null!==J.alternate&&A.delete(null===J.key?B:J.key),l=f(J,l,B),null===z?x=J:z.sibling=J,z=J);a&&A.forEach(function(gn){return b(m,gn)});K&&sd(m,B);return x}function T(m,l,p,v){"object"===typeof p&&null!==p&&p.type===pa&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case na:a:{for(var x=p.key,z=l;null!==z;){if(z.key===x){x=p.type;if(x===pa){if(7===z.tag){c(m,z.sibling);l=e(z,p.props.children);l.return=m;m=l;break a}}else if(z.elementType===
+x||"object"===typeof x&&null!==x&&x.$$typeof===za&&jf(x)===z.type){c(m,z.sibling);l=e(z,p.props);gf(m,z,l,p);l.return=m;m=l;break a}c(m,z);break}else b(m,z);z=z.sibling}p.type===pa?(l=pf(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=nf(p.type,p.key,p.props,null,m.mode,v),gf(m,l,v,p),v.return=m,m=v)}return g(m);case oa:a:{for(z=p.key;null!==l;){if(l.key===z)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||
+[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=of(p,m.mode,v);l.return=m;m=l}return g(m);case za:return z=p._init,T(m,l,z(p._payload),v)}if(Ac(p))return y(m,l,p,v);if(Ha(p))return D(m,l,p,v);if("function"===typeof p.then)return T(m,l,ef(p),v);if(p.$$typeof===ua)return T(m,l,qf(m,p,v),v);hf(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=mf(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}return function(m,
+l,p,v){df=0;m=T(m,l,p,v);cf=null;return m}}var rf=kf(!0),sf=kf(!1),tf=ma(null),uf=ma(0);function vf(a,b){a=wf;F(uf,a);F(tf,b);wf=a|b.baseLanes}function xf(){F(uf,wf);F(tf,tf.current)}function yf(){wf=uf.current;E(tf);E(uf)}var zf=ma(null),Af=null;function Bf(a){var b=a.alternate;F(Cf,Cf.current&1);F(zf,a);null===Af&&(null===b||null!==tf.current?Af=a:null!==b.memoizedState&&(Af=a))}
+function Df(a){if(22===a.tag){if(F(Cf,Cf.current),F(zf,a),null===Af){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Af=a)}}else Ef(a)}function Ef(){F(Cf,Cf.current);F(zf,zf.current)}function Ff(a){E(zf);Af===a&&(Af=null);E(Cf)}var Cf=ma(0);
+function Gf(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}
+var Hf=da.ReactCurrentDispatcher,If=da.ReactCurrentBatchConfig,Jf=0,P=null,Q=null,R=null,Kf=!1,Lf=!1,Mf=!1,Nf=0,Of=0,Pf=null,Qf=0;function S(){throw Error(t(321));}function Rf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!id(a[c],b[c]))return!1;return!0}function Sf(a,b,c,d,e,f){Jf=f;P=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Hf.current=null===a||null===a.memoizedState?Tf:Uf;Mf=!1;a=c(d,e);Mf=!1;Lf&&(a=Vf(b,c,d,e));Wf();return a}
+function Wf(){Hf.current=Xf;var a=null!==Q&&null!==Q.next;Jf=0;R=Q=P=null;Kf=!1;Of=0;Pf=null;if(a)throw Error(t(300));}function Vf(a,b,c,d){P=a;var e=0;do{Lf&&(Pf=null);Of=0;Lf=!1;if(25<=e)throw Error(t(301));e+=1;R=Q=null;a.updateQueue=null;Hf.current=Yf;var f=b(c,d)}while(Lf);return f}function Zf(){var a=Hf.current.useState()[0];return"function"===typeof a.then?$f(a):a}function ag(){var a=0!==Nf;Nf=0;return a}function bg(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}
+function cg(a){if(Kf){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Kf=!1}Jf=0;R=Q=P=null;Lf=!1;Of=Nf=0;Pf=null}function dg(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===R?P.memoizedState=R=a:R=R.next=a;return R}
+function U(){if(null===Q){var a=P.alternate;a=null!==a?a.memoizedState:null}else a=Q.next;var b=null===R?P.memoizedState:R.next;if(null!==b)R=b,Q=a;else{if(null===a){if(null===P.alternate)throw Error(t(467));throw Error(t(310));}Q=a;a={memoizedState:Q.memoizedState,baseState:Q.baseState,baseQueue:Q.baseQueue,queue:Q.queue,next:null};null===R?P.memoizedState=R=a:R=R.next=a}return R}var eg;eg=function(){return{lastEffect:null,events:null,stores:null,memoCache:null}};
+function $f(a){var b=Of;Of+=1;null===Pf&&(Pf=[]);a=$e(Pf,a,b);null===P.alternate&&(null===R?null===P.memoizedState:null===R.next)&&(Hf.current=Tf);return a}function fg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return $f(a);if(a.$$typeof===ua)return gg(a)}throw Error(t(438,String(a)));}
+function hg(a){var b=null,c=P.updateQueue;null!==c&&(b=c.memoCache);if(null==b){var d=P.alternate;null!==d&&(d=d.updateQueue,null!==d&&(d=d.memoCache,null!=d&&(b={data:d.data.map(function(e){return e.slice()}),index:0})))}null==b&&(b={data:[],index:0});null===c&&(c=eg(),P.updateQueue=c);c.memoCache=b;c=b.data[b.index];if(void 0===c)for(c=b.data[b.index]=Array(a),d=0;d<a;d++)c[d]=Ea;b.index++;return c}function ig(a,b){return"function"===typeof b?b(a):b}function jg(a){var b=U();return kg(b,Q,a)}
+function kg(a,b,c){var d=a.queue;if(null===d)throw Error(t(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b,u=!1;do{var w=n.lane&-536870913;if(w!==n.lane?(L&w)===w:(Jf&w)===w){var q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,
+next:null}),w===Ce&&(u=!0);else if((Jf&q)===q){n=n.next;q===Ce&&(u=!0);continue}else w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,P.lanes|=q,Re|=q;w=n.action;Mf&&c(f,w);f=n.hasEagerState?n.eagerState:c(f,w)}else q={lane:w,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=q,g=f):k=k.next=q,P.lanes|=w,Re|=w;n=n.next}while(null!==n&&
+n!==b);null===k?g=f:k.next=h;if(!id(f,a.memoizedState)&&(lg=!0,u&&(c=De,null!==c)))throw c;a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}
+function mg(a){var b=U(),c=b.queue;if(null===c)throw Error(t(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);id(f,b.memoizedState)||(lg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
+function ng(a,b,c){var d=P,e=U(),f=K;if(f){if(void 0===c)throw Error(t(407));c=c()}else c=b();var g=!id((Q||e).memoizedState,c);g&&(e.memoizedState=c,lg=!0);e=e.queue;og(pg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==R&&R.memoizedState.tag&1){d.flags|=2048;qg(9,rg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===M)throw Error(t(349));f||0!==(Jf&60)||sg(d,b,c)}return c}
+function sg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=P.updateQueue;null===b?(b=eg(),P.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function rg(a,b,c,d){b.value=c;b.getSnapshot=d;tg(b)&&ug(a)}function pg(a,b,c){return c(function(){tg(b)&&ug(a)})}function tg(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!id(a,c)}catch(d){return!0}}function ug(a){var b=Yd(a,2);null!==b&&vg(b,a,2)}
+function wg(a){var b=dg();if("function"===typeof a){var c=a;a=c();Mf&&(ib(!0),c(),ib(!1))}b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:ig,lastRenderedState:a};return b}function xg(a,b,c,d){a.baseState=c;return kg(a,Q,"function"===typeof d?d:ig)}function yg(a,b,c,d){if(zg(a))throw Error(t(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,Ag(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
+function Ag(a,b,c){var d=a.action,e=a.state,f=If.transition,g={_callbacks:new Set};If.transition=g;try{var h=d(e,c);null!==h&&"object"===typeof h&&"function"===typeof h.then?(Bg(g,h),h.then(function(k){a.state=k;Cg(a,b)},function(){return Cg(a,b)}),b(h)):(b(h),a.state=h,Cg(a,b))}catch(k){b({then:function(){},status:"rejected",reason:k}),Cg(a,b)}finally{If.transition=f}}function Cg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,Ag(a,b,d.payload))}}
+function Dg(a,b){return b}function Eg(a,b,c){a=kg(a,b,Dg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?$f(a):a;b=U();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(P.flags|=2048,qg(9,Fg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Fg(a,b){a.action=b}
+function qg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=P.updateQueue;null===b?(b=eg(),P.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Gg(){return U().memoizedState}function Hg(a,b,c,d){var e=dg();P.flags|=a;e.memoizedState=qg(1|b,c,{destroy:void 0},void 0===d?null:d)}
+function Ig(a,b,c,d){var e=U();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==Q&&null!==d&&Rf(d,Q.memoizedState.deps)?e.memoizedState=qg(b,c,f,d):(P.flags|=a,e.memoizedState=qg(1|b,c,f,d))}function Jg(a,b){Hg(8390656,8,a,b)}function og(a,b){Ig(2048,8,a,b)}function Kg(a){P.flags|=4;var b=P.updateQueue;if(null===b)b=eg(),P.updateQueue=b,b.events=[a];else{var c=b.events;null===c?b.events=[a]:c.push(a)}}
+function Lg(a){var b=U().memoizedState;Kg({ref:b,nextImpl:a});return function(){if(0!==(N&2))throw Error(t(440));return b.impl.apply(void 0,arguments)}}function Mg(a,b){return Ig(4,2,a,b)}function Ng(a,b){return Ig(4,4,a,b)}function Og(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function Pg(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Ig(4,4,Og.bind(null,b,a),c)}function Qg(){}
+function Rg(a,b){var c=U();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Rf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Sg(a,b){var c=U();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Rf(b,d[1]))return d[0];d=a();Mf&&(ib(!0),a(),ib(!1));c.memoizedState=[d,b];return d}function Tg(a,b,c){if(void 0===c||0!==(Jf&1073741824))return a.memoizedState=b;a.memoizedState=c;a=Ug();P.lanes|=a;Re|=a;return c}
+function Vg(a,b,c,d){if(id(c,b))return c;if(null!==tf.current)return a=Tg(a,c,d),id(a,b)||(lg=!0),a;if(0===(Jf&42))return lg=!0,a.memoizedState=c;a=Ug();P.lanes|=a;Re|=a;return b}
+function Wg(a,b,c,d,e){var f=G;G=0!==f&&8>f?f:8;var g=If.transition,h={_callbacks:new Set};If.transition=h;Xg(a,!1,b,c);try{var k=e();if(null!==k&&"object"===typeof k&&"function"===typeof k.then){Bg(h,k);var n=Ge(k,d);Yg(a,b,n)}else Yg(a,b,d)}catch(u){Yg(a,b,{then:function(){},status:"rejected",reason:u})}finally{G=f,If.transition=g}}
+function Zg(a,b,c,d){if(5!==a.tag)throw Error(t(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:ig,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;Wg(a,f,b,fa,function(){return c(d)})}function $g(){var a=gg(Ma);return null!==a?a:fa}function ah(){return U().memoizedState}
+function bh(){return U().memoizedState}function ch(a,b,c){for(var d=a.return;null!==d;){switch(d.tag){case 24:case 3:var e=dh(d);a=Ke(e);var f=Le(d,a,e);null!==f&&(vg(f,d,e),Me(f,d,e));d=eh();null!==b&&void 0!==b&&null!==f&&d.data.set(b,c);a.payload={cache:d};return}d=d.return}}function fh(a,b,c){var d=dh(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};zg(a)?gh(b,c):(c=Wd(a,b,c,d),null!==c&&(vg(c,a,d),hh(c,b,d)))}
+function Yg(a,b,c){var d=dh(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(zg(a))gh(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(id(h,g)){Vd(a,b,e,0);null===M&&Td();return}}catch(k){}finally{}c=Wd(a,b,e,d);null!==c&&(vg(c,a,d),hh(c,b,d))}}
+function Xg(a,b,c,d){ih();d={lane:2,revertLane:ze(),action:d,hasEagerState:!1,eagerState:null,next:null};if(zg(a)){if(b)throw Error(t(479));}else b=Wd(a,c,d,2),null!==b&&vg(b,a,2)}function zg(a){var b=a.alternate;return a===P||null!==b&&b===P}function gh(a,b){Lf=Kf=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function hh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;yb(a,c)}}
+var Xf={readContext:gg,use:fg,useCallback:S,useContext:S,useEffect:S,useImperativeHandle:S,useInsertionEffect:S,useLayoutEffect:S,useMemo:S,useReducer:S,useRef:S,useState:S,useDebugValue:S,useDeferredValue:S,useTransition:S,useSyncExternalStore:S,useId:S};Xf.useCacheRefresh=S;Xf.useMemoCache=S;Xf.useEffectEvent=S;Xf.useHostTransitionStatus=S;Xf.useFormState=S;Xf.useOptimistic=S;
+var Tf={readContext:gg,use:fg,useCallback:function(a,b){dg().memoizedState=[a,void 0===b?null:b];return a},useContext:gg,useEffect:Jg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Hg(4194308,4,Og.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Hg(4194308,4,a,b)},useInsertionEffect:function(a,b){Hg(4,2,a,b)},useMemo:function(a,b){var c=dg();b=void 0===b?null:b;var d=a();Mf&&(ib(!0),a(),ib(!1));c.memoizedState=[d,b];return d},useReducer:function(a,b,c){var d=
+dg();if(void 0!==c){var e=c(b);Mf&&(ib(!0),c(b),ib(!1))}else e=b;d.memoizedState=d.baseState=e;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:e};d.queue=a;a=a.dispatch=fh.bind(null,P,a);return[d.memoizedState,a]},useRef:function(a){var b=dg();a={current:a};return b.memoizedState=a},useState:function(a){a=wg(a);var b=a.queue,c=Yg.bind(null,P,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:Qg,useDeferredValue:function(a,b){var c=dg();return Tg(c,a,b)},useTransition:function(){var a=
+wg(!1);a=Wg.bind(null,P,a.queue,!0,!1);dg().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=P,e=dg();if(K){if(void 0===c)throw Error(t(407));c=c()}else{c=b();if(null===M)throw Error(t(349));0!==(L&60)||sg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Jg(pg.bind(null,d,f,a),[a]);d.flags|=2048;qg(9,rg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=dg(),b=M.identifierPrefix;if(K){var c=rd;var d=qd;c=(d&~(1<<32-kb(d)-1)).toString(32)+
+c;b=":"+b+"R"+c;c=Nf++;0<c&&(b+="H"+c.toString(32));b+=":"}else c=Qf++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return dg().memoizedState=ch.bind(null,P)}};Tf.useMemoCache=hg;Tf.useEffectEvent=function(a){var b=dg(),c={impl:a};b.memoizedState=c;return function(){if(0!==(N&2))throw Error(t(440));return c.impl.apply(void 0,arguments)}};Tf.useHostTransitionStatus=$g;
+Tf.useFormState=function(a,b){if(K){var c=M.formState;if(null!==c){a:{if(K){if(I){b:{var d=I;for(var e=xd;8!==d.nodeType;){if(!e){d=null;break b}d=Hd(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){I=Hd(d);d="F!"===d.data;break a}}Jd()}d=!1}d&&(b=c[0])}}c=dg();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Dg,lastRenderedState:b};c.queue=d;c=Yg.bind(null,P,d);d.dispatch=c;d=dg();e={state:b,dispatch:null,action:a,pending:null};d.queue=
+e;c=yg.bind(null,P,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};Tf.useOptimistic=function(a){var b=dg();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=Xg.bind(null,P,!0,c);c.dispatch=b;return[a,b]};
+var Uf={readContext:gg,use:fg,useCallback:Rg,useContext:gg,useEffect:og,useImperativeHandle:Pg,useInsertionEffect:Mg,useLayoutEffect:Ng,useMemo:Sg,useReducer:jg,useRef:Gg,useState:function(){return jg(ig)},useDebugValue:Qg,useDeferredValue:function(a,b){var c=U();return Vg(c,Q.memoizedState,a,b)},useTransition:function(){var a=jg(ig)[0],b=U().memoizedState;return["boolean"===typeof a?a:$f(a),b]},useSyncExternalStore:ng,useId:ah};Uf.useCacheRefresh=bh;Uf.useMemoCache=hg;Uf.useEffectEvent=Lg;
+Uf.useHostTransitionStatus=$g;Uf.useFormState=function(a){var b=U();return Eg(b,Q,a)};Uf.useOptimistic=function(a,b){var c=U();return xg(c,Q,a,b)};
+var Yf={readContext:gg,use:fg,useCallback:Rg,useContext:gg,useEffect:og,useImperativeHandle:Pg,useInsertionEffect:Mg,useLayoutEffect:Ng,useMemo:Sg,useReducer:mg,useRef:Gg,useState:function(){return mg(ig)},useDebugValue:Qg,useDeferredValue:function(a,b){var c=U();return null===Q?Tg(c,a,b):Vg(c,Q.memoizedState,a,b)},useTransition:function(){var a=mg(ig)[0],b=U().memoizedState;return["boolean"===typeof a?a:$f(a),b]},useSyncExternalStore:ng,useId:ah};Yf.useCacheRefresh=bh;Yf.useMemoCache=hg;
+Yf.useEffectEvent=Lg;Yf.useHostTransitionStatus=$g;Yf.useFormState=function(a){var b=U(),c=Q;if(null!==c)return Eg(b,c,a);b=b.memoizedState;c=U();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};Yf.useOptimistic=function(a,b){var c=U();if(null!==Q)return xg(c,Q,a,b);c.baseState=a;return[a,c.queue.dispatch]};function jh(a,b){if(a&&a.defaultProps){b=C({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function kh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:C({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
+var lh={isMounted:function(a){return(a=a._reactInternals)?Rc(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=dh(a),e=Ke(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=Le(a,e,d);null!==b&&(vg(b,a,d),Me(b,a,d))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=dh(a),e=Ke(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=Le(a,e,d);null!==b&&(vg(b,a,d),Me(b,a,d))},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=dh(a),d=Ke(c);d.tag=2;void 0!==
+b&&null!==b&&(d.callback=b);b=Le(a,d,c);null!==b&&(vg(b,a,c),Me(b,a,c))}};function mh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!Ue(c,d)||!Ue(e,f):!0}
+function nh(a,b,c){var d=!1,e=Xc;var f=b.contextType;"object"===typeof f&&null!==f?f=gg(f):(e=bd(b)?$c:Yc.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?ad(a,e):Xc);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=lh;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
+function oh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&lh.enqueueReplaceState(b,b.state,null)}
+function ph(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Ie(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=gg(f):(f=bd(b)?$c:Yc.current,e.context=ad(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(kh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
+"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&lh.enqueueReplaceState(e,e.state,null),Qe(a,c,e,d),Pe(),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}var qh=new WeakMap;function rh(a,b){if("object"===typeof a&&null!==a){var c=qh.get(a);"string"!==typeof c&&(c=lc(b),qh.set(a,c))}else c=lc(b);return{value:a,source:b,stack:c,digest:null}}
+function sh(a,b,c){"string"===typeof c&&qh.set(a,c);return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function th(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function uh(a,b,c){c=Ke(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){vh||(vh=!0,wh=d);th(a,b)};return c}
+function xh(a,b,c){c=Ke(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){th(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){th(a,b);"function"!==typeof d&&(null===yh?yh=new Set([this]):yh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
+function zh(a){var b=a.tag;0!==(a.mode&1)||0!==b&&11!==b&&15!==b||((b=a.alternate)?(a.updateQueue=b.updateQueue,a.memoizedState=b.memoizedState,a.lanes=b.lanes):(a.updateQueue=null,a.memoizedState=null))}function Ah(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Ke(2),b.tag=2,Le(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
+function Bh(a,b,c,d,e){c.flags|=32768;if(null!==d&&"object"===typeof d&&(d.$$typeof===Fa&&(d={then:function(){}}),"function"===typeof d.then)){zh(c);var f=zf.current;if(null!==f){switch(f.tag){case 13:return c.mode&1&&(null===Af?Ch():null===f.alternate&&0===Dh&&(Dh=3)),f.flags&=-257,Ah(f,b,c,a,e),d===Xe?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):b.add(d),f.mode&1&&Eh(a,d,e)),!1;case 22:if(f.mode&1)return f.flags|=65536,d===Xe?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,
+markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(f=b.retryQueue,null===f?b.retryQueue=new Set([d]):f.add(d)),Eh(a,d,e)),!1}throw Error(t(435,f.tag));}if(1===a.tag)return Eh(a,d,e),Ch(),!1;d=Error(t(426))}if(K&&c.mode&1&&(f=zf.current,null!==f))return 0===(f.flags&65536)&&(f.flags|=256),Ah(f,b,c,a,e),Pd(rh(d,c)),!1;d=rh(d,c);Fh(d);if(null===b)return!0;a=b;do{switch(a.tag){case 3:return a.flags|=65536,e&=-e,a.lanes|=e,e=uh(a,d,e),Ne(a,e),!1;case 1:if(f=d,b=a.type,c=a.stateNode,0===(a.flags&
+128)&&("function"===typeof b.getDerivedStateFromError||null!==c&&"function"===typeof c.componentDidCatch&&(null===yh||!yh.has(c))))return a.flags|=65536,e&=-e,a.lanes|=e,e=xh(a,f,e),Ne(a,e),!1}a=a.return}while(null!==a);return!1}var Gh=da.ReactCurrentOwner,Hh=Error(t(461)),lg=!1;function Ih(a,b,c,d){b.child=null===a?sf(b,null,c,d):rf(b,a.child,c,d)}
+function Jh(a,b,c,d,e){c=c.render;var f=b.ref;if("ref"in d){var g={};for(var h in d)"ref"!==h&&(g[h]=d[h])}else g=d;Kh(b,e);d=Sf(a,b,c,g,f,e);h=ag();if(null!==a&&!lg)return bg(a,b,e),Lh(a,b,e);K&&h&&ud(b);b.flags|=1;Ih(a,b,d,e);return b.child}
+function Mh(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!Nh(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,Oh(a,b,f,d,e);a=nf(c.type,null,d,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:Ue;if(c(g,d)&&a.ref===b.ref)return Lh(a,b,e)}b.flags|=1;a=lf(f,d);a.ref=b.ref;a.return=b;return b.child=a}
+function Oh(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(Ue(f,d)&&a.ref===b.ref)if(lg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(lg=!0);else return b.lanes=a.lanes,Lh(a,b,e)}return Ph(a,b,c,d,e)}
+function Qh(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;Rh(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return Sh(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&Th(b,null),xf(),Df(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
+cachePool:null},null!==a&&Th(b,null!==g?g.cachePool:null),null!==g?vf(b,g):xf(),Df(b);else return b.lanes=b.childLanes=536870912,Sh(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(Th(b,g.cachePool),vf(b,g),Ef(b),b.memoizedState=null):(null!==a&&Th(b,null),xf(),Ef(b));Ih(a,b,e,c);return b.child}function Sh(a,b,c){var d=Uh();d=null===d?null:{parent:Vh._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&Th(b,null);xf();Df(b);return null}
+function Rh(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function Ph(a,b,c,d,e){var f=bd(c)?$c:Yc.current;f=ad(b,f);Kh(b,e);c=Sf(a,b,c,d,f,e);d=ag();if(null!==a&&!lg)return bg(a,b,e),Lh(a,b,e);K&&d&&ud(b);b.flags|=1;Ih(a,b,c,e);return b.child}function Wh(a,b,c,d,e,f){Kh(b,f);c=Vf(b,d,c,e);Wf();d=ag();if(null!==a&&!lg)return bg(a,b,f),Lh(a,b,f);K&&d&&ud(b);b.flags|=1;Ih(a,b,c,f);return b.child}
+function Xh(a,b,c,d,e){if(bd(c)){var f=!0;fd(b)}else f=!1;Kh(b,e);if(null===b.stateNode)Yh(a,b),nh(b,c,d),ph(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=gg(n):(n=bd(c)?$c:Yc.current,n=ad(b,n));var u=c.getDerivedStateFromProps,w="function"===typeof u||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
+(h!==d||k!==n)&&oh(b,g,d,n);He=!1;var q=b.memoizedState;g.state=q;Qe(b,d,g,e);Pe();k=b.memoizedState;h!==d||q!==k||Zc.current||He?("function"===typeof u&&(kh(b,c,u,d),k=b.memoizedState),(h=He||mh(b,c,h,d,q,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=
+4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Je(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:jh(b.type,h);g.props=n;w=b.pendingProps;q=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=gg(k):(k=bd(c)?$c:Yc.current,k=ad(b,k));var r=c.getDerivedStateFromProps;(u="function"===typeof r||"function"===typeof g.getSnapshotBeforeUpdate)||
+"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||q!==k)&&oh(b,g,d,k);He=!1;q=b.memoizedState;g.state=q;Qe(b,d,g,e);Pe();var y=b.memoizedState;h!==w||q!==y||Zc.current||He?("function"===typeof r&&(kh(b,c,r,d),y=b.memoizedState),(n=He||mh(b,c,n,d,q,y,k)||!1)?(u||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,y,k),"function"===
+typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,y,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=y),g.props=d,g.state=y,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||
+h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),d=!1)}return Zh(a,b,c,d,f,e)}
+function Zh(a,b,c,d,e,f){Rh(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&gd(b,c,!1),Lh(a,b,f);d=b.stateNode;Gh.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=rf(b,a.child,null,f),b.child=rf(b,null,h,f)):Ih(a,b,h,f);b.memoizedState=d.state;e&&gd(b,c,!0);return b.child}function $h(a){var b=a.stateNode;b.pendingContext?dd(a,b.pendingContext,b.pendingContext!==b.context):b.context&&dd(a,b.context,!1);Na(a,b.containerInfo)}
+function ai(a,b,c,d,e){Od();Pd(e);b.flags|=256;Ih(a,b,c,d);return b.child}var bi={dehydrated:null,treeContext:null,retryLane:0};function ci(a){return{baseLanes:a,cachePool:di()}}function ei(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=pe);return a}
+function fi(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Cf.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?Bf(b):Ef(b);if(K){var h=f=I;if(!h)Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=f;else if(!Gd(b,h)){Id(b)&&Jd();I=Hd(h);var k=H;I&&Gd(b,I)?yd(k,h):(Ad(H,b),K=!1,H=b,I=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
+Ff(b)}f=d.children;h=d.fallback;if(e)return Ef(b),d=gi(b,f,h,c),e=b.child,e.memoizedState=ci(c),e.childLanes=ei(a,g,c),b.memoizedState=bi,d;if("number"===typeof d.unstable_expectedLoadTime)return Ef(b),d=gi(b,f,h,c),e=b.child,e.memoizedState=ci(c),e.childLanes=ei(a,g,c),b.memoizedState=bi,b.lanes=4194304,d;Bf(b);return hi(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return ii(a,b,f,g,d,k,h,c);if(e){Ef(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};
+0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.deletions=null):(d=lf(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=lf(k,e):(e=pf(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=ci(c):(h=f.cachePool,null!==h?(k=Vh._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=di(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=ei(a,g,c);b.memoizedState=bi;return d}Bf(b);g=a.child;a=g.sibling;
+g=lf(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function hi(a,b){b=ji({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}
+function gi(a,b,c,d){var e=a.mode,f=a.child;b={mode:"hidden",children:b};0===(e&1)&&null!==f?(f.childLanes=0,f.pendingProps=b):f=ji(b,e,0,null);c=pf(c,e,d,null);f.return=a;c.return=a;f.sibling=c;a.child=f;return c}function ki(a,b,c,d){null!==d&&Pd(d);rf(b,a.child,null,c);a=hi(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
+function ii(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Bf(b),b.flags&=-257,f=sh(Error(t(422))),ki(a,b,h,f);if(null!==b.memoizedState)return Ef(b),b.child=a.child,b.flags|=128,null;Ef(b);f=e.fallback;g=b.mode;e=ji({mode:"visible",children:e.children},g,0,null);f=pf(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&rf(b,a.child,null,h);g=b.child;g.memoizedState=ci(h);g.childLanes=ei(a,d,h);b.memoizedState=bi;return f}Bf(b);if(0===(b.mode&1))return ki(a,b,h,null);if("$!"===
+f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=null;"POSTPONE"!==f&&(d=Error(t(419)),d.digest=f,d=sh(d,f,void 0));return ki(a,b,h,d)}d=0!==(h&a.childLanes);if(lg||d){d=M;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=
+64;break;case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,Yd(a,e),vg(d,a,e),Hh;}"$?"!==f.data&&Ch();return ki(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=li.bind(null,a),f._reactRetry=b,null;a=g.treeContext;I=Dd(f.nextSibling);H=b;K=!0;wd=null;xd=!1;null!==a&&(nd[od++]=qd,nd[od++]=rd,nd[od++]=pd,qd=a.id,rd=a.overflow,pd=b);b=hi(b,e.children);b.flags|=4096;return b}
+function mi(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);ni(a.return,b,c)}function oi(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
+function pi(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;Ih(a,b,d.children,c);d=Cf.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&mi(a,c,b);else if(19===a.tag)mi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}F(Cf,d);if(0===(b.mode&1))b.memoizedState=
+null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Gf(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);oi(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Gf(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}oi(b,!0,c,null,f);break;case "together":oi(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
+function Yh(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Lh(a,b,c){null!==a&&(b.dependencies=a.dependencies);Re|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(t(153));if(null!==b.child){a=b.child;c=lf(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=lf(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
+function qi(a,b,c){switch(b.tag){case 3:$h(b);ri(b,Vh,a.memoizedState.cache);Od();break;case 27:case 5:Ra(b);break;case 1:bd(b.type)&&fd(b);break;case 4:Na(b,b.stateNode.containerInfo);break;case 10:ri(b,b.type._context,b.memoizedProps.value);break;case 13:var d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Bf(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return fi(a,b,c);Bf(b);a=Lh(a,b,c);return null!==a?a.sibling:null}Bf(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&
+128)){if(d)return pi(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);F(Cf,Cf.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,Qh(a,b,c);case 24:ri(b,Vh,a.memoizedState.cache)}return Lh(a,b,c)}var si=ma(null),ti=null,ui=null,vi=null;function wi(){vi=ui=ti=null}function ri(a,b,c){F(si,b._currentValue);b._currentValue=c}function xi(a){a._currentValue=si.current;E(si)}
+function ni(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
+function yi(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=Ke(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);ni(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
+f)throw Error(t(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);ni(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function Kh(a,b){ti=a;vi=ui=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(lg=!0),a.firstContext=null)}function gg(a){return zi(ti,a)}function qf(a,b,c){null===ti&&Kh(a,c);return zi(a,b)}
+function zi(a,b){var c=b._currentValue;if(vi!==b)if(b={context:b,memoizedValue:c,next:null},null===ui){if(null===a)throw Error(t(308));ui=b;a.dependencies={lanes:0,firstContext:b}}else ui=ui.next=b;return c}
+var Ai="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},Bi=ba.unstable_scheduleCallback,Ci=ba.unstable_NormalPriority,Vh={$$typeof:ua,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function eh(){return{controller:new Ai,data:new Map,refCount:0}}
+function Di(a){a.refCount--;0===a.refCount&&Bi(Ci,function(){a.controller.abort()})}var Ei=da.ReactCurrentBatchConfig;function ih(){var a=Ei.transition;null!==a&&a._callbacks.add(Fi);return a}function Fi(a,b){Ee(a,b)}function Bg(a,b){a._callbacks.forEach(function(c){return c(a,b)})}var Gi=ma(null);function Uh(){var a=Gi.current;return null!==a?a:M.pooledCache}function Th(a,b){null===b?F(Gi,Gi.current):F(Gi,b.pool)}function di(){var a=Uh();return null===a?null:{parent:Vh._currentValue,pool:a}}
+function Hi(a){a.flags|=4}function Ii(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(L&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(Ji())a.flags|=8192;else throw af=Xe,We;}function Ki(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?ub():536870912,a.lanes|=b)}
+function Li(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
+function V(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
+function Mi(a,b,c){var d=b.pendingProps;vd(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return bd(b.type)&&cd(),V(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);xi(Vh);Qa();E(Zc);E(Yc);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Ld(b)?Hi(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
+1024,null!==wd&&(Ni(wd),wd=null));V(b);return null;case 26:c=b.memoizedState;if(null===a)Hi(b),null!==c?(V(b),Ii(b,c)):(V(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&Hi(b);null!==c?(V(b),c===e?b.flags&=-16777217:Ii(b,c)):(a.memoizedProps!==d&&Hi(b),V(b),b.flags&=-16777217)}return null;case 27:Sa(b);c=Ka.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Hi(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));V(b);return null}a=Ia.current;Ld(b)?Oi(b.stateNode,b.type,
+b.memoizedProps,a,b):(a=Pi(e,d,c),b.stateNode=a,Hi(b))}V(b);return null;case 5:Sa(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Hi(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));V(b);return null}a=Ia.current;if(Ld(b))Oi(b.stateNode,b.type,b.memoizedProps,a,b);else{e=Qi(Ka.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",
+c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):e.createElement(c)}}a[Eb]=b;a[Fb]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);
+else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(Ri(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&Hi(b)}}V(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&Hi(b);else{if("string"!==typeof d&&
+null===b.stateNode)throw Error(t(166));a=Ka.current;if(Ld(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Eb]=b;if(d=a.nodeValue!==c)if(e=H,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);Si(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&Si(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&Hi(b)}else a=Qi(a).createTextNode(d),a[Eb]=b,b.stateNode=a}V(b);return null;case 13:Ff(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==
+a.memoizedState.dehydrated){if(K&&null!==I&&0!==(b.mode&1)&&0===(b.flags&128))Nd(),Od(),b.flags|=384,e=!1;else if(e=Ld(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(t(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(t(317));e[Eb]=b}else Od(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;V(b);e=!1}else null!==wd&&(Ni(wd),wd=null),e=!0;if(!e)return b.flags&256?b:null}if(0!==(b.flags&128))return b.lanes=c,b;c=null!==d;a=null!==a&&null!==a.memoizedState;
+c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);Ki(b,b.updateQueue);V(b);return null;case 4:return Qa(),null===a&&Ti(b.stateNode.containerInfo),V(b),null;case 10:return xi(b.type._context),V(b),null;case 17:return bd(b.type)&&cd(),
+V(b),null;case 19:E(Cf);e=b.memoizedState;if(null===e)return V(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)Li(e,!1);else{if(0!==Dh||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Gf(a);if(null!==f){b.flags|=128;Li(e,!1);a=f.updateQueue;b.updateQueue=a;Ki(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)Ui(c,a),c=c.sibling;F(Cf,Cf.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Xa()>Vi&&(b.flags|=128,d=!0,Li(e,!1),b.lanes=4194304)}else{if(!d)if(a=Gf(f),null!==a){if(b.flags|=
+128,d=!0,a=a.updateQueue,b.updateQueue=a,Ki(b,a),Li(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!K)return V(b),null}else 2*Xa()-e.renderingStartTime>Vi&&536870912!==c&&(b.flags|=128,d=!0,Li(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Xa(),b.sibling=null,a=Cf.current,F(Cf,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return Ff(b),
+yf(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),c=b.updateQueue,null!==c&&Ki(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&E(Gi),null;
+case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),xi(Vh),V(b),null;case 25:return null}throw Error(t(156,b.tag));}
+function Wi(a,b){vd(b);switch(b.tag){case 1:return bd(b.type)&&cd(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return xi(Vh),Qa(),E(Zc),E(Yc),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Sa(b),null;case 13:Ff(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(t(340));Od()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return E(Cf),null;case 4:return Qa(),null;case 10:return xi(b.type._context),
+null;case 22:case 23:return Ff(b),yf(),null!==a&&E(Gi),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 24:return xi(Vh),null;case 25:return null;default:return null}}
+function Xi(a,b){vd(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&cd();break;case 3:xi(Vh);Qa();E(Zc);E(Yc);break;case 26:case 27:case 5:Sa(b);break;case 4:Qa();break;case 13:Ff(b);break;case 19:E(Cf);break;case 10:xi(b.type._context);break;case 22:case 23:Ff(b);yf();null!==a&&E(Gi);break;case 24:xi(Vh)}}function Yi(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
+var Zi=!1,$i=null,aj=!1,bj=null,cj={onError:function(a){Zi=!0;$i=a}};function dj(a,b,c,d,e,f,g,h,k){Zi=!1;$i=null;Yi.apply(cj,arguments)}function ej(a,b,c,d,e,f,g,h,k){dj.apply(this,arguments);if(Zi){if(Zi){var n=$i;Zi=!1;$i=null}else throw Error(t(198));aj||(aj=!0,bj=n)}}var fj=!1,gj=!1,hj="function"===typeof WeakSet?WeakSet:Set,ij=null;
+function jj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}"function"===typeof c?a.refCleanup=c(e):c.current=e}}catch(f){W(a,b,f)}}function kj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{c(null)}catch(e){W(a,b,e)}else c.current=null}
+function lj(a,b,c){try{c()}catch(d){W(a,b,d)}}var mj=!1;
+function nj(a,b){oj=pj;a=qj();if(rj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(A){c=null;break a}var g=0,h=-1,k=-1,n=0,u=0,w=a,q=null;b:for(;;){for(var r;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
+w.nodeValue.length);if(null===(r=w.firstChild))break;q=w;w=r}for(;;){if(w===a)break b;q===c&&++n===e&&(h=g);q===f&&++u===d&&(k=g);if(null!==(r=w.nextSibling))break;w=q;q=w.parentNode}w=r}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;sj={focusedElem:a,selectionRange:c};pj=!1;for(ij=b;null!==ij;)if(b=ij,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,ij=a;else for(;null!==ij;){b=ij;try{var y=b.alternate,D=b.flags;switch(b.tag){case 0:if(0!==(D&4)){var T=
+b.updateQueue,m=null!==T?T.events:null;if(null!==m)for(a=0;a<m.length;a++){var l=m[a];l.ref.impl=l.nextImpl}}break;case 11:case 15:break;case 1:if(0!==(D&1024)&&null!==y){var p=y.memoizedProps,v=y.memoizedState,x=b.stateNode,z=x.getSnapshotBeforeUpdate(b.elementType===b.type?p:jh(b.type,p),v);x.__reactInternalSnapshotBeforeUpdate=z}break;case 3:0!==(D&1024)&&tj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(D&1024))throw Error(t(163));}}catch(A){W(b,
+b.return,A)}a=b.sibling;if(null!==a){a.return=b.return;ij=a;break}ij=b.return}y=mj;mj=!1;return y}function uj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,lj(b,c,g))}e=e.next}while(e!==d)}}function vj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create,e=c.inst;d=d();e.destroy=d}c=c.next}while(c!==b)}}
+function wj(a,b){try{vj(b,a)}catch(c){W(a,a.return,c)}}function xj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{Te(b,c)}catch(d){W(a,a.return,d)}}}function yj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
+function zj(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:Aj(a,c);d&4&&wj(c,5);break;case 1:Aj(a,c);if(d&4)if(a=c.stateNode,null===b)try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:jh(c.type,b.memoizedProps);b=b.memoizedState;try{a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&xj(c);d&512&&jj(c,c.return);break;case 3:Aj(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=
+c.child.stateNode;break;case 1:a=c.child.stateNode}try{Te(d,a)}catch(h){W(c,c.return,h)}}break;case 26:Aj(a,c);d&512&&jj(c,c.return);break;case 27:case 5:Aj(a,c);null===b&&d&4&&yj(c);d&512&&jj(c,c.return);break;case 12:Aj(a,c);break;case 13:Aj(a,c);d&4&&Bj(a,c);break;case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||fj,!e){b=null!==b&&null!==b.memoizedState||gj;var f=fj,g=gj;fj=e;(gj=b)&&!g?Cj(a,c,0!==(c.subtreeFlags&8772)):Aj(a,c);fj=f;gj=g}}else Aj(a,c);d&512&&("manual"===c.memoizedProps.mode?
+jj(c,c.return):kj(c,c.return));break;default:Aj(a,c)}}function Dj(a){var b=a.alternate;null!==b&&(a.alternate=null,Dj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Nb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Ej(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
+function Fj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Ej(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
+function Gj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Hj));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Gj(a,b,c),a=a.sibling;null!==a;)Gj(a,b,c),a=a.sibling}
+function Ij(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Ij(a,b,c),a=a.sibling;null!==a;)Ij(a,b,c),a=a.sibling}var Jj=null,Kj=!1;function Lj(a,b,c){for(c=c.child;null!==c;)Mj(a,b,c),c=c.sibling}
+function Mj(a,b,c){if(gb&&"function"===typeof gb.onCommitFiberUnmount)try{gb.onCommitFiberUnmount(fb,c)}catch(k){}switch(c.tag){case 26:gj||kj(c,b);Lj(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:gj||kj(c,b);var d=Jj,e=Kj;Jj=c.stateNode;Lj(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Nb(c);Jj=d;Kj=e;break;case 5:gj||kj(c,b);case 6:d=Jj;e=Kj;Jj=null;Lj(a,b,c);Jj=d;Kj=e;null!==Jj&&(Kj?(a=Jj,c=c.stateNode,
+8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):Jj.removeChild(c.stateNode));break;case 18:null!==Jj&&(Kj?(a=Jj,c=c.stateNode,8===a.nodeType?Nj(a.parentNode,c):1===a.nodeType&&Nj(a,c),Oj(a)):Nj(Jj,c.stateNode));break;case 4:d=Jj;e=Kj;Jj=c.stateNode.containerInfo;Kj=!0;Lj(a,b,c);Jj=d;Kj=e;break;case 0:case 11:case 14:case 15:if(!gj&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,lj(c,b,h)):
+0!==(f&4)&&(g.destroy=void 0,lj(c,b,h)));e=e.next}while(e!==d)}Lj(a,b,c);break;case 1:if(!gj&&(kj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(k){W(c,b,k)}Lj(a,b,c);break;case 21:Lj(a,b,c);break;case 22:kj(c,b);c.mode&1?(gj=(d=gj)||null!==c.memoizedState,Lj(a,b,c),gj=d):Lj(a,b,c);break;default:Lj(a,b,c)}}
+function Bj(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{Oj(a)}catch(c){W(b,b.return,c)}}function Pj(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new hj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new hj),b;default:throw Error(t(435,a.tag));}}function Qj(a,b){var c=Pj(a);b.forEach(function(d){var e=Rj.bind(null,a,d);c.has(d)||(c.add(d),d.then(e,e))})}
+function Sj(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:Jj=h.stateNode;Kj=!1;break a;case 3:Jj=h.stateNode.containerInfo;Kj=!0;break a;case 4:Jj=h.stateNode.containerInfo;Kj=!0;break a}h=h.return}if(null===Jj)throw Error(t(160));Mj(f,g,e);Jj=null;Kj=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Tj(b,a),b=b.sibling}
+var Uj=null;
+function Tj(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Sj(b,a);Vj(a);if(d&4){try{uj(3,a,a.return),vj(3,a)}catch(r){W(a,a.return,r)}try{uj(5,a,a.return)}catch(r){W(a,a.return,r)}}break;case 1:Sj(b,a);Vj(a);d&512&&null!==c&&kj(c,c.return);d&64&&fj&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=Uj;Sj(b,a);Vj(a);d&512&&null!==c&&kj(c,c.return);if(d&4)if(b=null!==
+c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Mb]||e[Eb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));Ri(e,c,d);e[Eb]=a;Ub(e);c=e;break a;case "link":var f=Wj("link","href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],
+e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);Ri(e,c,d);b.head.appendChild(e);break;case "meta":if(f=Wj("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==
+d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);Ri(e,c,d);b.head.appendChild(e);break;default:throw Error(t(468,c));}e[Eb]=a;Ub(e);c=e}a.stateNode=c}else Xj(e,a.type,a.stateNode);else a.stateNode=Yj(e,d,a.memoizedProps);else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):
+b.count--,null===d?Xj(e,a.type,a.stateNode):Yj(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Zj(h,a.type,c.memoizedProps,k);h[Fb]=k}catch(r){W(a,a.return,r)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,u=g.nodeName;g[Mb]||"HEAD"===u||"BODY"===u||"SCRIPT"===u||"STYLE"===u||"LINK"===u&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=
+e.attributes;n.length;)e.removeAttributeNode(n[0]);Ri(e,g,f);e[Eb]=a;e[Fb]=f}case 5:Sj(b,a);Vj(a);d&512&&null!==c&&kj(c,c.return);if(a.flags&32){b=a.stateNode;try{Ec(b,"")}catch(r){W(a,a.return,r)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Zj(d,e,c,b),d[Fb]=b}catch(r){W(a,a.return,r)}}break;case 6:Sj(b,a);Vj(a);if(d&4){if(null===a.stateNode)throw Error(t(162));c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(r){W(a,a.return,
+r)}}break;case 3:ak=null;e=Uj;Uj=bk(b.containerInfo);Sj(b,a);Uj=e;Vj(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{Oj(b.containerInfo)}catch(r){W(a,a.return,r)}break;case 4:c=Uj;Uj=bk(a.stateNode.containerInfo);Sj(b,a);Vj(a);Uj=c;break;case 13:Sj(b,a);Vj(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(ck=Xa());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Qj(a,c)));break;case 22:d&512&&null!==c&&kj(c,c.return);h=null!==a.memoizedState;k=null!==c&&
+null!==c.memoizedState;if(a.mode&1){var w=fj,q=gj;fj=w||h;gj=q||k;Sj(b,a);gj=q;fj=w}else Sj(b,a);Vj(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=fj||gj,null===c||k||b||0!==(a.mode&1)&&dk(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display",
+"none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,u=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==u||"boolean"===typeof u?"":(""+u).trim())}catch(r){W(a,a.return,r)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(r){W(a,a.return,r)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===
+b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,Qj(a,d))));break;case 19:Sj(b,a);Vj(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Qj(a,c)));break;case 21:break;default:Sj(b,a),Vj(a)}}
+function Vj(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(Ej(c)){var d=c;break b}c=c.return}throw Error(t(160));}switch(d.tag){case 27:var e=d.stateNode,f=Fj(a);Ij(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Ec(g,""),d.flags&=-33);var h=Fj(a);Ij(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=Fj(a);Gj(a,n,k);break;default:throw Error(t(161));}}}catch(u){W(a,a.return,u)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
+function Aj(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)zj(a,b.alternate,b),b=b.sibling}
+function dk(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:uj(4,b,b.return);dk(b);break;case 1:kj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{var f=d;c.props=f.memoizedProps;c.state=f.memoizedState;c.componentWillUnmount()}catch(g){W(d,e,g)}}dk(b);break;case 26:case 27:case 5:kj(b,b.return);dk(b);break;case 22:kj(b,b.return);null===b.memoizedState&&dk(b);break;default:dk(b)}a=a.sibling}}
+function Cj(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:Cj(e,f,c);wj(f,4);break;case 1:Cj(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)Se(h[d],e)}c&&g&64&&xj(f);jj(f,f.return);break;case 26:case 27:case 5:Cj(e,f,c);
+c&&null===d&&g&4&&yj(f);jj(f,f.return);break;case 12:Cj(e,f,c);break;case 13:Cj(e,f,c);c&&g&4&&Bj(e,f);break;case 22:null===f.memoizedState&&Cj(e,f,c);jj(f,f.return);break;default:Cj(e,f,c)}b=b.sibling}}function ek(a,b){try{vj(b,a)}catch(c){W(a,a.return,c)}}
+function fk(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&Di(c))}function gk(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&Di(a))}
+function hk(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)ik(a,b,c,d),b=b.sibling}
+function ik(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:hk(a,b,c,d);e&2048&&ek(b,9);break;case 3:hk(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&Di(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?hk(a,b,c,d):b.mode&1?jk(a,b):(f._visibility|=4,hk(a,b,c,d)):f._visibility&4?hk(a,b,c,d):(f._visibility|=4,kk(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&fk(b.alternate,
+b);break;case 24:hk(a,b,c,d);e&2048&&gk(b.alternate,b);break;default:hk(a,b,c,d)}}
+function kk(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:kk(f,g,h,k,e);ek(g,8);break;case 23:break;case 22:var u=g.stateNode;null!==g.memoizedState?u._visibility&4?kk(f,g,h,k,e):g.mode&1?jk(f,g):(u._visibility|=4,kk(f,g,h,k,e)):(u._visibility|=4,kk(f,g,h,k,e));e&&n&2048&&fk(g.alternate,g);break;case 24:kk(f,g,h,k,e);e&&n&2048&&gk(g.alternate,g);break;default:kk(f,g,h,k,e)}b=b.sibling}}
+function jk(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:jk(c,d);e&2048&&fk(d.alternate,d);break;case 24:jk(c,d);e&2048&&gk(d.alternate,d);break;default:jk(c,d)}b=b.sibling}}var lk=8192;function mk(a){if(a.subtreeFlags&lk)for(a=a.child;null!==a;)nk(a),a=a.sibling}
+function nk(a){switch(a.tag){case 26:mk(a);a.flags&lk&&null!==a.memoizedState&&ok(Uj,a.memoizedState,a.memoizedProps);break;case 5:mk(a);break;case 3:case 4:var b=Uj;Uj=bk(a.stateNode.containerInfo);mk(a);Uj=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=lk,lk=16777216,mk(a),lk=b):mk(a));break;default:mk(a)}}function pk(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
+function qk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];ij=d;rk(d,a)}pk(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)sk(a),a=a.sibling}function sk(a){switch(a.tag){case 0:case 11:case 15:qk(a);a.flags&2048&&uj(9,a,a.return);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,tk(a)):qk(a);break;default:qk(a)}}
+function tk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];ij=d;rk(d,a)}pk(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:uj(8,b,b.return);tk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,tk(b));break;default:tk(b)}a=a.sibling}}
+function rk(a,b){for(;null!==ij;){var c=ij;switch(c.tag){case 0:case 11:case 15:uj(8,c,b);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:Di(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,ij=d;else a:for(c=a;null!==ij;){d=ij;var e=d.sibling,f=d.return;Dj(d);if(d===c){ij=null;break a}if(null!==e){e.return=f;ij=e;break a}ij=f}}}
+var uk={getCacheSignal:function(){return gg(Vh).controller.signal},getCacheForType:function(a){var b=gg(Vh),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},vk="function"===typeof WeakMap?WeakMap:Map,wk=da.ReactCurrentDispatcher,xk=da.ReactCurrentCache,yk=da.ReactCurrentOwner,zk=da.ReactCurrentBatchConfig,N=0,M=null,X=null,L=0,O=0,Ak=null,Bk=!1,wf=0,Dh=0,me=null,Re=0,Ck=0,Dk=0,pe=0,Ek=null,re=null,te=!1,Fk=!1,ck=0,Vi=Infinity,se=null,vh=!1,wh=null,yh=null,Gk=!1,Hk=null,Ik=0,Jk=0,Kk=
+null,Lk=0,Mk=null;function dh(a){if(0===(a.mode&1))return 2;if(0!==(N&2)&&0!==L)return L&-L;if(null!==ih())return a=Ce,0!==a?a:ze();a=G;if(0!==a)return a;a=window.event;a=void 0===a?32:Nk(a.type);return a}function Ug(){0===pe&&(pe=0===(L&536870912)||K?tb():536870912);var a=zf.current;null!==a&&(a.flags|=32);return pe}
+function vg(a,b,c){if(a===M&&2===O||null!==a.cancelPendingCommit)ne(a,0),oe(a,L,pe);Ok(a,c);if(0===(N&2)||a!==M)a===M&&(0===(N&2)&&(Ck|=c),4===Dh&&oe(a,L,pe)),fe(a),2===c&&0===N&&0===(b.mode&1)&&(Vi=Xa()+500,ie(!0))}
+function xe(a,b){if(0!==(N&6))throw Error(t(327));var c=a.callbackNode;if(je()&&a.callbackNode!==c)return null;var d=qb(a,a===M?L:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?Pk(a,d):ke(a,d);if(0!==b){var f=e;do{if(6===b)oe(a,d,0);else{e=a.current.alternate;if(f&&!Qk(e)){b=ke(a,d);f=!1;continue}if(2===b){f=d;var g=sb(a,f);0!==g&&(d=g,b=le(a,f,g))}if(1===b)throw c=me,ne(a,0),oe(a,d,0),fe(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(t(345));
+case 4:if((d&4194176)===d){oe(f,d,pe);break a}break;case 2:case 3:case 5:break;default:throw Error(t(329));}if((d&62914560)===d&&(b=ck+300-Xa(),10<b)){oe(f,d,pe);if(0!==qb(f,0))break a;f.timeoutHandle=Rk(Sk.bind(null,f,e,re,se,te,d,pe),b);break a}Sk(f,e,re,se,te,d,pe)}}break}while(1)}fe(a);we(a,Xa());a=a.callbackNode===c?xe.bind(null,a):null;return a}
+function le(a,b,c){var d=Ek,e=a.current.memoizedState.isDehydrated;e&&(ne(a,c).flags|=256);c=ke(a,c);if(2!==c){if(Bk&&!e)return a.errorRecoveryDisabledLanes|=b,Ck|=b,4;a=re;re=d;null!==a&&Ni(a)}return c}function Ni(a){null===re?re=a:re.push.apply(re,a)}function Sk(a,b,c,d,e,f,g){if(0===(f&42)&&(Tk={stylesheets:null,count:0,unsuspend:Uk},nk(b),b=Vk(),null!==b)){a.cancelPendingCommit=b(qe.bind(null,a,c,d,e));oe(a,f,g);return}qe(a,c,d,e,g)}
+function Qk(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!id(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
+function Ok(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0);N&2?te=!0:N&4&&(Fk=!0);Zd()}function oe(a,b,c){b&=~Dk;b&=~Ck;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-kb(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&xb(a,c,b)}function Wk(a,b){var c=N;N|=1;try{return a(b)}finally{N=c,0===N&&(Vi=Xa()+500,ie(!0))}}
+function Xk(a){null!==Hk&&0===Hk.tag&&0===(N&6)&&je();var b=N;N|=1;var c=zk.transition,d=G;try{if(zk.transition=null,G=2,a)return a()}finally{G=d,zk.transition=c,N=b,0===(N&6)&&ie(!1)}}function Yk(){if(null!==X){if(0===O)var a=X.return;else a=X,wi(),cg(a),cf=null,df=0,a=X;for(;null!==a;)Xi(a.alternate,a),a=a.return;X=null}}
+function ne(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Zk(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());Yk();M=a;X=c=lf(a.current,null);L=b;O=0;Ak=null;Bk=!1;Dh=0;me=null;pe=Dk=Ck=Re=0;re=Ek=null;te=!1;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-kb(d),f=1<<e;b|=a[e];d&=~f}wf=b;Td();return c}
+function $k(a,b){P=null;Hf.current=Xf;yk.current=null;b===Ve?(b=bf(),O=Ji()&&0===(Re&134217727)&&0===(Ck&134217727)?2:3):b===We?(b=bf(),O=4):O=b===Hh?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;Ak=b;null===X&&(Dh=1,me=b)}function Ji(){var a=zf.current;return null===a?!0:(L&4194176)===L?null===Af?!0:!1:(L&62914560)===L||0!==(L&536870912)?a===Af:!1}function al(){var a=wk.current;wk.current=Xf;return null===a?Xf:a}function bl(){var a=xk.current;xk.current=uk;return a}
+function Ch(){Dh=4;0===(Re&134217727)&&0===(Ck&134217727)||null===M||oe(M,L,pe)}function Fh(a){4!==Dh&&(Dh=2);null===Ek?Ek=[a]:Ek.push(a)}
+function ke(a,b){var c=N;N|=2;var d=al(),e=bl();if(M!==a||L!==b)se=null,ne(a,b);b=!1;a:do try{if(0!==O&&null!==X){var f=X,g=Ak;switch(O){case 8:Yk();Dh=6;break a;case 3:case 2:b||null!==zf.current||(b=!0);default:O=0,Ak=null,cl(a,f,g)}}dl();break}catch(h){$k(a,h)}while(1);b&&a.shellSuspendCounter++;wi();N=c;wk.current=d;xk.current=e;if(null!==X)throw Error(t(261));M=null;L=0;Td();return Dh}function dl(){for(;null!==X;)el(X)}
+function Pk(a,b){var c=N;N|=2;var d=al(),e=bl();if(M!==a||L!==b)se=null,Vi=Xa()+500,ne(a,b);a:do try{if(0!==O&&null!==X){b=X;var f=Ak;b:switch(O){case 1:O=0;Ak=null;cl(a,b,f);break;case 2:if(Ye(f)){O=0;Ak=null;fl(b);break}b=function(){2===O&&M===a&&(O=7);fe(a)};f.then(b,b);break a;case 3:O=7;break a;case 4:O=5;break a;case 7:Ye(f)?(O=0,Ak=null,fl(b)):(O=0,Ak=null,cl(a,b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;O=0;Ak=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==
+h?(X=h,gl(h)):X=null}break b}O=0;Ak=null;cl(a,b,f);break;case 6:O=0;Ak=null;cl(a,b,f);break;case 8:Yk();Dh=6;break a;default:throw Error(t(462));}}hl();break}catch(k){$k(a,k)}while(1);wi();wk.current=d;xk.current=e;N=c;if(null!==X)return 0;M=null;L=0;Td();return Dh}function hl(){for(;null!==X&&!Va();)el(X)}function el(a){var b=il(a.alternate,a,wf);a.memoizedProps=a.pendingProps;null===b?gl(a):X=b;yk.current=null}
+function fl(a){var b=a.alternate;switch(a.tag){case 2:a.tag=0;case 15:case 0:var c=a.type,d=a.pendingProps;d=a.elementType===c?d:jh(c,d);var e=bd(c)?$c:Yc.current;e=ad(a,e);b=Wh(b,a,d,c,e,L);break;case 11:c=a.type.render;d=a.pendingProps;d=a.elementType===c?d:jh(c,d);b=Wh(b,a,d,c,a.ref,L);break;case 5:cg(a);default:Xi(b,a),a=X=Ui(a,wf),b=il(b,a,wf)}a.memoizedProps=a.pendingProps;null===b?gl(a):X=b;yk.current=null}
+function cl(a,b,c){wi();cg(b);cf=null;df=0;var d=b.return;try{if(Bh(a,d,b,c,L)){Dh=1;me=c;X=null;return}}catch(e){if(null!==d)throw X=d,e;Dh=1;me=c;X=null;return}if(b.flags&32768)a:{a=b;do{b=Wi(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);Dh=6;X=null}else gl(b)}
+function gl(a){var b=a;do{a=b.return;var c=Mi(b.alternate,b,wf);if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===Dh&&(Dh=5)}function qe(a,b,c,d,e){var f=G,g=zk.transition;try{zk.transition=null,G=2,jl(a,b,c,d,f,e)}finally{zk.transition=g,G=f}return null}
+function jl(a,b,c,d,e,f){do je();while(null!==Hk);if(0!==(N&6))throw Error(t(327));var g=a.finishedWork,h=a.finishedLanes;if(null===g)return null;a.finishedWork=null;a.finishedLanes=0;if(g===a.current)throw Error(t(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var k=g.lanes|g.childLanes;k|=Sd;wb(a,k,f);Fk=!1;a===M&&(X=M=null,L=0);0===(g.subtreeFlags&10256)&&0===(g.flags&10256)||Gk||(Gk=!0,Jk=k,Kk=c,kl(ab,function(){je();return null}));c=0!==(g.flags&15990);if(0!==(g.subtreeFlags&
+15990)||c){c=zk.transition;zk.transition=null;f=G;G=2;var n=N;N|=4;yk.current=null;nj(a,g);Tj(g,a);ll(sj);pj=!!oj;sj=oj=null;a.current=g;zj(a,g.alternate,g);Wa();N=n;G=f;zk.transition=c}else a.current=g;Gk?(Gk=!1,Hk=a,Ik=h):ml(a,k);k=a.pendingLanes;0===k&&(yh=null);hb(g.stateNode,e);fe(a);if(null!==b)for(e=a.onRecoverableError,g=0;g<b.length;g++)k=b[g],c={digest:k.digest,componentStack:k.stack},e(k.value,c);if(vh)throw vh=!1,a=wh,wh=null,a;0!==(Ik&3)&&0!==a.tag&&je();k=a.pendingLanes;d||Fk||0!==(h&
+4194218)&&0!==(k&42)?a===Mk?Lk++:(Lk=0,Mk=a):Lk=0;ie(!1);return null}function ml(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,Di(b)))}
+function je(){if(null!==Hk){var a=Hk,b=Jk;Jk=0;var c=Bb(Ik),d=32>c?32:c;c=zk.transition;var e=G;try{zk.transition=null;G=d;if(null===Hk)var f=!1;else{d=Kk;Kk=null;var g=Hk,h=Ik;Hk=null;Ik=0;if(0!==(N&6))throw Error(t(331));var k=N;N|=4;sk(g.current);ik(g,g.current,h,d);N=k;ie(!1);if(gb&&"function"===typeof gb.onPostCommitFiberRoot)try{gb.onPostCommitFiberRoot(fb,g)}catch(n){}f=!0}return f}finally{G=e,zk.transition=c,ml(a,b)}}return!1}
+function nl(a,b,c){b=rh(c,b);b=uh(a,b,2);a=Le(a,b,2);null!==a&&(Ok(a,2),fe(a))}function W(a,b,c){if(3===a.tag)nl(a,a,c);else for(;null!==b;){if(3===b.tag){nl(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===yh||!yh.has(d))){a=rh(c,a);a=xh(b,a,2);b=Le(b,a,2);null!==b&&(Ok(b,2),fe(b));break}}b=b.return}}
+function Eh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new vk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(Bk=!0,e.add(c),a=ol.bind(null,a,b,c),b.then(a,a))}function ol(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;N&2?te=!0:N&4&&(Fk=!0);Zd();M===a&&(L&c)===c&&(4===Dh||3===Dh&&(L&62914560)===L&&300>Xa()-ck?0===(N&2)&&ne(a,0):Dk|=c);fe(a)}
+function pl(a,b){0===b&&(b=0===(a.mode&1)?2:ub());a=Yd(a,b);null!==a&&(Ok(a,b),fe(a))}function li(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);pl(a,c)}function Rj(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(t(314));}null!==d&&d.delete(b);pl(a,c)}
+function Zd(){if(50<Lk)throw Lk=0,Mk=null,N&2&&null!==M&&(M.errorRecoveryDisabledLanes|=L),Error(t(185));}var il;
+il=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Zc.current)lg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return lg=!1,qi(a,b,c);lg=0!==(a.flags&131072)?!0:!1}else lg=!1,K&&0!==(b.flags&1048576)&&td(b,md,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Yh(a,b);a=b.pendingProps;var e=ad(b,Yc.current);Kh(b,c);e=Sf(null,b,d,a,e,c);var f=ag();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
+null,bd(d)?(f=!0,fd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Ie(b),e.updater=lh,b.stateNode=e,e._reactInternals=b,ph(b,d,a,c),b=Zh(null,b,d,!0,f,c)):(b.tag=0,K&&f&&ud(b),Ih(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Yh(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=ql(d);a=jh(d,a);switch(e){case 0:b=Ph(null,b,d,a,c);break a;case 1:b=Xh(null,b,d,a,c);break a;case 11:b=Jh(null,b,d,a,c);break a;case 14:b=Mh(null,b,d,jh(d.type,a),c);break a}throw Error(t(306,
+d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Ph(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Xh(a,b,d,e,c);case 3:a:{$h(b);if(null===a)throw Error(t(387));e=b.pendingProps;f=b.memoizedState;d=f.element;Je(a,b);Qe(b,e,null,c);var g=b.memoizedState;e=g.cache;ri(b,Vh,e);e!==f.cache&&yi(b,Vh,c);Pe();e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&
+256){d=rh(Error(t(423)),b);b=ai(a,b,e,c,d);break a}else if(e!==d){d=rh(Error(t(424)),b);b=ai(a,b,e,c,d);break a}else for(I=Dd(b.stateNode.containerInfo.firstChild),H=b,K=!0,wd=null,xd=!0,c=sf(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Od();if(e===d){b=Lh(a,b,c);break a}Ih(a,b,e,c)}b=b.child}return b;case 26:return Rh(a,b),c=b.memoizedState=rl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=Qi(Ka.current).createElement(c),
+d[Eb]=b,d[Fb]=a,Ri(d,c,a),Ub(d),b.stateNode=d),null;case 27:return Ra(b),null===a&&K&&(d=b.stateNode=Pi(b.type,b.pendingProps,Ka.current),H=b,xd=!0,I=Dd(d.firstChild)),d=b.pendingProps.children,null!==a||K?Ih(a,b,d,c):b.child=rf(b,null,d,c),Rh(a,b),b.child;case 5:return null===a&&K&&((e=d=I,e)?Bd(b,e)||(Id(b)&&Jd(),I=Hd(e),f=H,I&&Bd(b,I)?yd(f,e):(Ad(H,b),K=!1,H=b,I=d)):(Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=d)),Ra(b),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Md(e,f)?d=null:null!==
+g&&Md(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=Sf(a,b,Zf,null,null,c),Ma._currentValue=e,lg&&null!==a&&a.memoizedState.memoizedState!==e&&yi(b,Ma,c)),Rh(a,b),Ih(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=I,a&&d)?Ed(b,a)||(Id(b)&&Jd(),I=Hd(a),d=H,I&&Ed(b,I)?yd(d,a):(Ad(H,b),K=!1,H=b,I=c)):(Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=c)),null;case 13:return fi(a,b,c);case 4:return Na(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=rf(b,null,d,c):Ih(a,b,d,c),b.child;
+case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Jh(a,b,d,e,c);case 7:return Ih(a,b,b.pendingProps,c),b.child;case 8:return Ih(a,b,b.pendingProps.children,c),b.child;case 12:return Ih(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;ri(b,d,g);if(null!==f)if(id(f.value,g)){if(f.children===e.children&&!Zc.current){b=Lh(a,b,c);break a}}else yi(b,d,c);Ih(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=
+b.pendingProps.children,Kh(b,c),e=gg(e),d=d(e),b.flags|=1,Ih(a,b,d,c),b.child;case 14:return d=b.type,e=jh(d,b.pendingProps),e=jh(d.type,e),Mh(a,b,d,e,c);case 15:return Oh(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:jh(d,e),Yh(a,b),b.tag=1,bd(d)?(a=!0,fd(b)):a=!1,Kh(b,c),nh(b,d,e),ph(b,d,e,c),Zh(null,b,d,!0,a,c);case 19:return pi(a,b,c);case 22:return Qh(a,b,c);case 24:return Kh(b,c),d=gg(Vh),null===a?(e=Uh(),null===e&&(e=M,f=eh(),e.pooledCache=f,f.refCount++,
+null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},Ie(b),ri(b,Vh,e)):(0!==(a.lanes&c)&&(Je(a,b),Qe(b,null,null,c),Pe()),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),ri(b,Vh,d)):(d=f.cache,ri(b,Vh,d),d!==e.cache&&yi(b,Vh,c))),Ih(a,b,b.pendingProps.children,c),b.child}throw Error(t(156,b.tag));};function kl(a,b){return Ta(a,b)}
+function sl(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function zd(a,b,c,d){return new sl(a,b,c,d)}function Nh(a){a=a.prototype;return!(!a||!a.isReactComponent)}
+function ql(a){if("function"===typeof a)return Nh(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===va)return 11;if(a===ya)return 14}return 2}
+function lf(a,b){var c=a.alternate;null===c?(c=zd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};
 c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;c.refCleanup=a.refCleanup;return c}
-function Mi(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext});
+function Ui(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext});
 return a}
-function Ae(a,b,c,d,e,f,g){e=2;d=a;if("function"===typeof a)Fh(a)&&(e=1);else if("string"===typeof a)e=hl(a,c,Ja.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case pa:return Ce(c.children,f,g,b);case qa:e=8;f|=8;0!==(f&1)&&(f|=16);break;case ra:return a=wd(12,c,b,f|2),a.elementType=ra,a.lanes=g,a;case wa:return a=wd(13,c,b,f),a.elementType=wa,a.lanes=g,a;case xa:return a=wd(19,c,b,f),a.elementType=xa,a.lanes=g,a;case Ba:return bi(c,f,g,b);case Ca:case Aa:case Da:return a=wd(24,
-c,b,f),a.elementType=Da,a.lanes=g,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case sa:e=10;break a;case ta:e=9;break a;case va:e=11;break a;case ya:e=14;break a;case za:e=16;d=null;break a}throw Error(u(130,null==a?a:typeof a,""));}b=wd(e,c,b,f);b.elementType=a;b.type=d;b.lanes=g;return b}function Ce(a,b,c,d){a=wd(7,a,d,b);a.lanes=c;return a}
-function bi(a,b,c,d){a=wd(22,a,d,b);a.elementType=Ba;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0===(e._pendingVisibility&2)){var g=Vd(f,2);null!==g&&(e._pendingVisibility|=2,qg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0!==(e._pendingVisibility&2)){var g=Vd(f,2);null!==g&&(e._pendingVisibility&=-3,qg(g,f,2))}}};
-a.stateNode=e;return a}function ze(a,b,c){a=wd(6,a,null,b);a.lanes=c;return a}function Be(a,b,c){b=wd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
-function il(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=sb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=sb(0);this.hiddenUpdates=
-sb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map}function jl(a,b,c,d,e,f,g,h,k,p,q){a=new il(a,b,c,h,k,q);1===b?(b=1,!0===f&&(b|=24)):b=0;f=wd(3,null,null,b);a.current=f;f.stateNode=a;b=Zg();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};Zd(f);return a}
-function kl(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:oa,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
-function ll(a){if(!a)return Uc;a=a._reactInternals;a:{if(Oc(a)!==a||1!==a.tag)throw Error(u(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(Zc(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(u(171));}if(1===a.tag){var c=a.type;if(Zc(c))return bd(a,c,b)}return b}
-function ml(a,b,c,d,e,f,g,h,k,p,q){a=jl(c,d,!0,a,e,f,g,h,k,p,q);a.context=ll(null);c=a.current;d=Yg(c);e=ae(d);e.callback=void 0!==b&&null!==b?b:null;be(c,e,d);a.current.lanes=d;tb(a,d);$e(a);return a}function nl(a,b,c,d){var e=b.current,f=Yg(e);c=ll(c);null===b.context?b.context=c:b.pendingContext=c;b=ae(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=be(e,b,f);null!==a&&(qg(a,e,f),ce(a,e,f));return f}
-function ol(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}function pl(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=nb(b.pendingLanes);0!==c&&(xb(b,c),$e(b),0===(L&6)&&(Ni=Ya()+500,cf(!1)))}break;case 13:Lk(function(){var d=Vd(a,2);null!==d&&qg(d,a,2)}),ql(a,2)}}
-function rl(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function ql(a,b){rl(a,b);(a=a.alternate)&&rl(a,b)}function sl(a){if(13===a.tag){var b=Vd(a,67108864);null!==b&&qg(b,a,67108864);ql(a,67108864)}}function tl(){return null}var ul=!1;function vl(a,b,c){if(ul)return a(b,c);ul=!0;try{return Kk(a,b,c)}finally{if(ul=!1,null!==Jc||null!==Kc)Lk(),Nc()}}
-function wl(a,b){var c=a.stateNode;if(null===c)return null;var d=Qb(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
-typeof c)throw Error(u(231,b,typeof c));return c}var xl=!1;if(Xb)try{var yl={};Object.defineProperty(yl,"passive",{get:function(){xl=!0}});window.addEventListener("test",yl,yl);window.removeEventListener("test",yl,yl)}catch(a){xl=!1}function zl(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function Al(){return!0}function Bl(){return!1}
-function Cl(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?Al:Bl;this.isPropagationStopped=Bl;return this}B(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
-(c.returnValue=!1),this.isDefaultPrevented=Al)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=Al)},persist:function(){},isPersistent:Al});return b}
-var Dl={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},El=Cl(Dl),Fl=B({},Dl,{view:0,detail:0}),Gl=Cl(Fl),Hl,Il,Jl,Ll=B({},Fl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Kl,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
-a)return a.movementX;a!==Jl&&(Jl&&"mousemove"===a.type?(Hl=a.screenX-Jl.screenX,Il=a.screenY-Jl.screenY):Il=Hl=0,Jl=a);return Hl},movementY:function(a){return"movementY"in a?a.movementY:Il}}),Ml=Cl(Ll),Nl=B({},Ll,{dataTransfer:0}),Ol=Cl(Nl),Pl=B({},Fl,{relatedTarget:0}),Ql=Cl(Pl),Rl=B({},Dl,{animationName:0,elapsedTime:0,pseudoElement:0}),Sl=Cl(Rl),Tl=B({},Dl,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Ul=Cl(Tl),Vl=B({},Dl,{data:0}),Wl=Cl(Vl),Xl={Esc:"Escape",
-Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Yl={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
-119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Zl={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function $l(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Zl[a])?!!b[a]:!1}function Kl(){return $l}
-var am=B({},Fl,{key:function(a){if(a.key){var b=Xl[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=zl(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Yl[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Kl,charCode:function(a){return"keypress"===a.type?zl(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
-a.type?zl(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),bm=Cl(am),cm=B({},Ll,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),dm=Cl(cm),em=B({},Fl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Kl}),fm=Cl(em),gm=B({},Dl,{propertyName:0,elapsedTime:0,pseudoElement:0}),hm=Cl(gm),im=B({},Ll,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
-deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),jm=Cl(im);
-function km(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=Qb(e).action,g=d.submitter;g&&(b=(b=Qb(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new El("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var p=new FormData(e);k.parentNode.removeChild(k)}else p=
-new FormData(e);Tg(c,{pending:!0,data:p,method:e.method,action:f},f,p)}},currentTarget:e}]})}}}var lm=!1,mm=null,nm=null,om=null,pm=new Map,qm=new Map,rm=[],sm="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
-function tm(a,b){switch(a){case "focusin":case "focusout":mm=null;break;case "dragenter":case "dragleave":nm=null;break;case "mouseover":case "mouseout":om=null;break;case "pointerover":case "pointerout":pm.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":qm.delete(b.pointerId)}}
-function um(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Ob(b),null!==b&&sl(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
-function vm(a,b,c,d,e){switch(b){case "focusin":return mm=um(mm,a,b,c,d,e),!0;case "dragenter":return nm=um(nm,a,b,c,d,e),!0;case "mouseover":return om=um(om,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;pm.set(f,um(pm.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,qm.set(f,um(qm.get(f)||null,a,b,c,d,e)),!0}return!1}
-function wm(a){var b=Mb(a.target);if(null!==b){var c=Oc(b);if(null!==c)if(b=c.tag,13===b){if(b=Pc(c),null!==b){a.blockedOn=b;yb(a.priority,function(){if(13===c.tag){var d=Yg(c),e=Vd(c,d);null!==e&&qg(e,c,d);ql(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
-function xm(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=ym(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Hc=d;c.target.dispatchEvent(d);Hc=null}else return b=Ob(c),null!==b&&sl(b),a.blockedOn=c,!1;b.shift()}return!0}function zm(a,b,c){xm(a)&&c.delete(b)}function Am(){lm=!1;null!==mm&&xm(mm)&&(mm=null);null!==nm&&xm(nm)&&(nm=null);null!==om&&xm(om)&&(om=null);pm.forEach(zm);qm.forEach(zm)}
-function Bm(a,b){a.blockedOn===b&&(a.blockedOn=null,lm||(lm=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,Am)))}var Cm=null;function Dm(a){Cm!==a&&(Cm=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){Cm===a&&(Cm=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===Em(d||c))continue;else break;var f=Ob(c);null!==f&&(a.splice(b,3),b-=3,Tg(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
-function Gj(a){function b(k){return Bm(k,a)}null!==mm&&Bm(mm,a);null!==nm&&Bm(nm,a);null!==om&&Bm(om,a);pm.forEach(b);qm.forEach(b);for(var c=0;c<rm.length;c++){var d=rm[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<rm.length&&(c=rm[0],null===c.blockedOn);)wm(c),null===c.blockedOn&&rm.shift();c=a.getRootNode().$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=Qb(e);if("function"===typeof f)g||Dm(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=Qb(f))h=
-g.formAction;else{if(null!==Em(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);Dm(c)}}}var Fm=da.ReactCurrentBatchConfig,hj=!0;function Gm(a,b,c,d){var e=F,f=Fm.transition;Fm.transition=null;try{F=2,Hm(a,b,c,d)}finally{F=e,Fm.transition=f}}function Im(a,b,c,d){var e=F,f=Fm.transition;Fm.transition=null;try{F=8,Hm(a,b,c,d)}finally{F=e,Fm.transition=f}}
-function Hm(a,b,c,d){if(hj){var e=ym(d);if(null===e)Jm(a,b,d,Km,c),tm(a,d);else if(vm(e,a,b,c,d))d.stopPropagation();else if(tm(a,d),b&4&&-1<sm.indexOf(a)){for(;null!==e;){var f=Ob(e);null!==f&&pl(f);f=ym(d);null===f&&Jm(a,b,d,Km,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Jm(a,b,d,null,c)}}function ym(a){a=Ic(a);return Em(a)}var Km=null;
-function Em(a){Km=null;a=Mb(a);if(null!==a){var b=Oc(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=Pc(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}Km=a;return null}
-function Ck(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
-case "message":switch(Za()){case $a:return 2;case ab:return 8;case bb:case cb:return 32;case db:return 268435456;default:return 32}default:return 32}}var Lm=null,Mm=null,Nm=null;function Om(){if(Nm)return Nm;var a,b=Mm,c=b.length,d,e="value"in Lm?Lm.value:Lm.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return Nm=e.slice(a,1<d?1-d:void 0)}var Pm=[9,13,27,32],Qm=Xb&&"CompositionEvent"in window,Rm=null;Xb&&"documentMode"in document&&(Rm=document.documentMode);
-var Tm=Xb&&"TextEvent"in window&&!Rm,Um=Xb&&(!Qm||Rm&&8<Rm&&11>=Rm),Vm=String.fromCharCode(32),Wm=!1;function Xm(a,b){switch(a){case "keyup":return-1!==Pm.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Ym(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var Zm=!1;
-function $m(a,b){switch(a){case "compositionend":return Ym(b);case "keypress":if(32!==b.which)return null;Wm=!0;return Vm;case "textInput":return a=b.data,a===Vm&&Wm?null:a;default:return null}}
-function an(a,b){if(Zm)return"compositionend"===a||!Qm&&Xm(a,b)?(a=Om(),Nm=Mm=Lm=null,Zm=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return Um&&"ko"!==b.locale?null:b.data;default:return null}}
-var bn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function cn(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!bn[a.type]:"textarea"===b?!0:!1}function dn(a,b,c,d){Mc(d);b=en(b,"onChange");0<b.length&&(c=new El("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var fn=null,gn=null;function hn(a){jn(a,0)}function kn(a){var b=Pb(a);if(qc(b))return a}
-function ln(a,b){if("change"===a)return b}var mn=!1;if(Xb){var nn;if(Xb){var on="oninput"in document;if(!on){var pn=document.createElement("div");pn.setAttribute("oninput","return;");on="function"===typeof pn.oninput}nn=on}else nn=!1;mn=nn&&(!document.documentMode||9<document.documentMode)}function qn(){fn&&(fn.detachEvent("onpropertychange",rn),gn=fn=null)}function rn(a){if("value"===a.propertyName&&kn(gn)){var b=[];dn(b,gn,a,Ic(a));vl(hn,b)}}
-function sn(a,b,c){"focusin"===a?(qn(),fn=b,gn=c,fn.attachEvent("onpropertychange",rn)):"focusout"===a&&qn()}function tn(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return kn(gn)}function un(a,b){if("click"===a)return kn(b)}function vn(a,b){if("input"===a||"change"===a)return kn(b)}function wn(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
-function xn(a,b){var c=wn(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=wn(c)}}function yn(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?yn(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
-function ij(){for(var a=window,b=rc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=rc(a.document)}return b}function jj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
-function $k(a){var b=ij(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&yn(c.ownerDocument.documentElement,c)){if(null!==d&&jj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=xn(c,f);var g=xn(c,
+function nf(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)Nh(a)&&(g=1);else if("string"===typeof a)g=tl(a,c,Ia.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case pa:return pf(c.children,e,f,b);case qa:g=8;e|=8;0!==(e&1)&&(e|=16);break;case ra:return a=zd(12,c,b,e|2),a.elementType=ra,a.lanes=f,a;case wa:return a=zd(13,c,b,e),a.elementType=wa,a.lanes=f,a;case xa:return a=zd(19,c,b,e),a.elementType=xa,a.lanes=f,a;case Ba:return ji(c,e,f,b);case Ca:case Aa:case Da:return a=zd(24,
+c,b,e),a.elementType=Da,a.lanes=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case sa:g=10;break a;case ua:g=9;break a;case ta:case va:g=11;break a;case ya:g=14;break a;case za:g=16;d=null;break a}throw Error(t(130,null==a?a:typeof a,""));}b=zd(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function pf(a,b,c,d){a=zd(7,a,d,b);a.lanes=c;return a}
+function ji(a,b,c,d){a=zd(22,a,d,b);a.elementType=Ba;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0===(e._pendingVisibility&2)){var g=Yd(f,2);null!==g&&(e._pendingVisibility|=2,vg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0!==(e._pendingVisibility&2)){var g=Yd(f,2);null!==g&&(e._pendingVisibility&=-3,vg(g,f,2))}}};
+a.stateNode=e;return a}function mf(a,b,c){a=zd(6,a,null,b);a.lanes=c;return a}function of(a,b,c){b=zd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
+function ul(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=vb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=vb(0);this.hiddenUpdates=
+vb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map}function vl(a,b,c,d,e,f,g,h,k,n,u){a=new ul(a,b,c,h,k,u);1===b?(b=1,!0===f&&(b|=24)):b=0;f=zd(3,null,null,b);a.current=f;f.stateNode=a;b=eh();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};Ie(f);return a}
+function wl(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:oa,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
+function xl(a){if(!a)return Xc;a=a._reactInternals;a:{if(Rc(a)!==a||1!==a.tag)throw Error(t(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(bd(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(t(171));}if(1===a.tag){var c=a.type;if(bd(c))return ed(a,c,b)}return b}
+function yl(a,b,c,d,e,f,g,h,k,n,u){a=vl(c,d,!0,a,e,f,g,h,k,n,u);a.context=xl(null);c=a.current;d=dh(c);e=Ke(d);e.callback=void 0!==b&&null!==b?b:null;Le(c,e,d);a.current.lanes=d;Ok(a,d);fe(a);return a}function zl(a,b,c,d){var e=b.current,f=dh(e);c=xl(c);null===b.context?b.context=c:b.pendingContext=c;b=Ke(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=Le(e,b,f);null!==a&&(vg(a,e,f),Me(a,e,f));return f}
+function Al(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}function Bl(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=pb(b.pendingLanes);0!==c&&(zb(b,c),fe(b),0===(N&6)&&(Vi=Xa()+500,ie(!1)))}break;case 13:Xk(function(){var d=Yd(a,2);null!==d&&vg(d,a,2)}),Cl(a,2)}}
+function Dl(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function Cl(a,b){Dl(a,b);(a=a.alternate)&&Dl(a,b)}function El(a){if(13===a.tag){var b=Yd(a,67108864);null!==b&&vg(b,a,67108864);Cl(a,67108864)}}function Fl(){return null}var Gl=!1;function Hl(a,b,c){if(Gl)return a(b,c);Gl=!0;try{return Wk(a,b,c)}finally{if(Gl=!1,null!==Mc||null!==Nc)Xk(),Qc()}}
+function Il(a,b){var c=a.stateNode;if(null===c)return null;var d=Sb(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
+typeof c)throw Error(t(231,b,typeof c));return c}var Jl=!1;if(Zb)try{var Kl={};Object.defineProperty(Kl,"passive",{get:function(){Jl=!0}});window.addEventListener("test",Kl,Kl);window.removeEventListener("test",Kl,Kl)}catch(a){Jl=!1}function Ll(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function Ml(){return!0}function Nl(){return!1}
+function Ol(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?Ml:Nl;this.isPropagationStopped=Nl;return this}C(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
+(c.returnValue=!1),this.isDefaultPrevented=Ml)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=Ml)},persist:function(){},isPersistent:Ml});return b}
+var Pl={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Ql=Ol(Pl),Rl=C({},Pl,{view:0,detail:0}),Sl=Ol(Rl),Tl,Ul,Vl,Xl=C({},Rl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Wl,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
+a)return a.movementX;a!==Vl&&(Vl&&"mousemove"===a.type?(Tl=a.screenX-Vl.screenX,Ul=a.screenY-Vl.screenY):Ul=Tl=0,Vl=a);return Tl},movementY:function(a){return"movementY"in a?a.movementY:Ul}}),Yl=Ol(Xl),Zl=C({},Xl,{dataTransfer:0}),$l=Ol(Zl),am=C({},Rl,{relatedTarget:0}),bm=Ol(am),cm=C({},Pl,{animationName:0,elapsedTime:0,pseudoElement:0}),dm=Ol(cm),em=C({},Pl,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),fm=Ol(em),gm=C({},Pl,{data:0}),hm=Ol(gm),im={Esc:"Escape",
+Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},jm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
+119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},km={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function lm(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=km[a])?!!b[a]:!1}function Wl(){return lm}
+var mm=C({},Rl,{key:function(a){if(a.key){var b=im[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=Ll(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?jm[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Wl,charCode:function(a){return"keypress"===a.type?Ll(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
+a.type?Ll(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),nm=Ol(mm),om=C({},Xl,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),pm=Ol(om),qm=C({},Rl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Wl}),rm=Ol(qm),sm=C({},Pl,{propertyName:0,elapsedTime:0,pseudoElement:0}),tm=Ol(sm),um=C({},Xl,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
+deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),vm=Ol(um);
+function wm(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=Sb(e).action,g=d.submitter;g&&(b=(b=Sb(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new Ql("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
+new FormData(e);Zg(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var xm=!1,ym=null,zm=null,Am=null,Bm=new Map,Cm=new Map,Dm=[],Em="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
+function Fm(a,b){switch(a){case "focusin":case "focusout":ym=null;break;case "dragenter":case "dragleave":zm=null;break;case "mouseover":case "mouseout":Am=null;break;case "pointerover":case "pointerout":Bm.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":Cm.delete(b.pointerId)}}
+function Gm(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Qb(b),null!==b&&El(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
+function Hm(a,b,c,d,e){switch(b){case "focusin":return ym=Gm(ym,a,b,c,d,e),!0;case "dragenter":return zm=Gm(zm,a,b,c,d,e),!0;case "mouseover":return Am=Gm(Am,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;Bm.set(f,Gm(Bm.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,Cm.set(f,Gm(Cm.get(f)||null,a,b,c,d,e)),!0}return!1}
+function Im(a){var b=Ob(a.target);if(null!==b){var c=Rc(b);if(null!==c)if(b=c.tag,13===b){if(b=Sc(c),null!==b){a.blockedOn=b;Ab(a.priority,function(){if(13===c.tag){var d=dh(c),e=Yd(c,d);null!==e&&vg(e,c,d);Cl(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
+function Jm(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=Km(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Kc=d;c.target.dispatchEvent(d);Kc=null}else return b=Qb(c),null!==b&&El(b),a.blockedOn=c,!1;b.shift()}return!0}function Lm(a,b,c){Jm(a)&&c.delete(b)}function Mm(){xm=!1;null!==ym&&Jm(ym)&&(ym=null);null!==zm&&Jm(zm)&&(zm=null);null!==Am&&Jm(Am)&&(Am=null);Bm.forEach(Lm);Cm.forEach(Lm)}
+function Nm(a,b){a.blockedOn===b&&(a.blockedOn=null,xm||(xm=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,Mm)))}var Om=null;function Pm(a){Om!==a&&(Om=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){Om===a&&(Om=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===Qm(d||c))continue;else break;var f=Qb(c);null!==f&&(a.splice(b,3),b-=3,Zg(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
+function Oj(a){function b(k){return Nm(k,a)}null!==ym&&Nm(ym,a);null!==zm&&Nm(zm,a);null!==Am&&Nm(Am,a);Bm.forEach(b);Cm.forEach(b);for(var c=0;c<Dm.length;c++){var d=Dm[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<Dm.length&&(c=Dm[0],null===c.blockedOn);)Im(c),null===c.blockedOn&&Dm.shift();c=(a.ownerDocument||a).$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=Sb(e);if("function"===typeof f)g||Pm(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=Sb(f))h=
+g.formAction;else{if(null!==Qm(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);Pm(c)}}}var Rm=da.ReactCurrentBatchConfig,pj=!0;function Sm(a,b,c,d){var e=G,f=Rm.transition;Rm.transition=null;try{G=2,Tm(a,b,c,d)}finally{G=e,Rm.transition=f}}function Um(a,b,c,d){var e=G,f=Rm.transition;Rm.transition=null;try{G=8,Tm(a,b,c,d)}finally{G=e,Rm.transition=f}}
+function Tm(a,b,c,d){if(pj){var e=Km(d);if(null===e)Vm(a,b,d,Wm,c),Fm(a,d);else if(Hm(e,a,b,c,d))d.stopPropagation();else if(Fm(a,d),b&4&&-1<Em.indexOf(a)){for(;null!==e;){var f=Qb(e);null!==f&&Bl(f);f=Km(d);null===f&&Vm(a,b,d,Wm,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Vm(a,b,d,null,c)}}function Km(a){a=Lc(a);return Qm(a)}var Wm=null;
+function Qm(a){Wm=null;a=Ob(a);if(null!==a){var b=Rc(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=Sc(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}Wm=a;return null}
+function Nk(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
+case "message":switch(Ya()){case Za:return 2;case $a:return 8;case ab:case bb:return 32;case cb:return 268435456;default:return 32}default:return 32}}var Xm=null,Ym=null,Zm=null;function $m(){if(Zm)return Zm;var a,b=Ym,c=b.length,d,e="value"in Xm?Xm.value:Xm.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return Zm=e.slice(a,1<d?1-d:void 0)}var an=[9,13,27,32],bn=Zb&&"CompositionEvent"in window,cn=null;Zb&&"documentMode"in document&&(cn=document.documentMode);
+var dn=Zb&&"TextEvent"in window&&!cn,en=Zb&&(!bn||cn&&8<cn&&11>=cn),fn=String.fromCharCode(32),hn=!1;function jn(a,b){switch(a){case "keyup":return-1!==an.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function kn(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var ln=!1;
+function mn(a,b){switch(a){case "compositionend":return kn(b);case "keypress":if(32!==b.which)return null;hn=!0;return fn;case "textInput":return a=b.data,a===fn&&hn?null:a;default:return null}}
+function nn(a,b){if(ln)return"compositionend"===a||!bn&&jn(a,b)?(a=$m(),Zm=Ym=Xm=null,ln=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return en&&"ko"!==b.locale?null:b.data;default:return null}}
+var on={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function pn(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!on[a.type]:"textarea"===b?!0:!1}function qn(a,b,c,d){Pc(d);b=rn(b,"onChange");0<b.length&&(c=new Ql("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var sn=null,tn=null;function un(a){vn(a,0)}function wn(a){var b=Rb(a);if(tc(b))return a}
+function xn(a,b){if("change"===a)return b}var yn=!1;if(Zb){var zn;if(Zb){var An="oninput"in document;if(!An){var Bn=document.createElement("div");Bn.setAttribute("oninput","return;");An="function"===typeof Bn.oninput}zn=An}else zn=!1;yn=zn&&(!document.documentMode||9<document.documentMode)}function Cn(){sn&&(sn.detachEvent("onpropertychange",Dn),tn=sn=null)}function Dn(a){if("value"===a.propertyName&&wn(tn)){var b=[];qn(b,tn,a,Lc(a));Hl(un,b)}}
+function En(a,b,c){"focusin"===a?(Cn(),sn=b,tn=c,sn.attachEvent("onpropertychange",Dn)):"focusout"===a&&Cn()}function Fn(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return wn(tn)}function Gn(a,b){if("click"===a)return wn(b)}function Hn(a,b){if("input"===a||"change"===a)return wn(b)}function In(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
+function Jn(a,b){var c=In(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=In(c)}}function Kn(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Kn(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
+function qj(){for(var a=window,b=uc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=uc(a.document)}return b}function rj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
+function ll(a){var b=qj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Kn(c.ownerDocument.documentElement,c)){if(null!==d&&rj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Jn(c,f);var g=Jn(c,
 d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}
-var zn=Xb&&"documentMode"in document&&11>=document.documentMode,An=null,Bn=null,Cn=null,Dn=!1;
-function En(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Dn||null==An||An!==rc(d)||(d=An,"selectionStart"in d&&jj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Cn&&ie(Cn,d)||(Cn=d,d=en(Bn,"onSelect"),0<d.length&&(b=new El("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=An)))}
-function Fn(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Gn={animationend:Fn("Animation","AnimationEnd"),animationiteration:Fn("Animation","AnimationIteration"),animationstart:Fn("Animation","AnimationStart"),transitionend:Fn("Transition","TransitionEnd")},Hn={},In={};
-Xb&&(In=document.createElement("div").style,"AnimationEvent"in window||(delete Gn.animationend.animation,delete Gn.animationiteration.animation,delete Gn.animationstart.animation),"TransitionEvent"in window||delete Gn.transitionend.transition);function Jn(a){if(Hn[a])return Hn[a];if(!Gn[a])return a;var b=Gn[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in In)return Hn[a]=b[c];return a}var Kn=Jn("animationend"),Ln=Jn("animationiteration"),Mn=Jn("animationstart"),Nn=Jn("transitionend"),On=new Map,Pn="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
-function Qn(a,b){On.set(a,b);Vb(b,[a])}for(var Rn=0;Rn<Pn.length;Rn++){var Sn=Pn[Rn],Tn=Sn.toLowerCase(),Un=Sn[0].toUpperCase()+Sn.slice(1);Qn(Tn,"on"+Un)}Qn(Kn,"onAnimationEnd");Qn(Ln,"onAnimationIteration");Qn(Mn,"onAnimationStart");Qn("dblclick","onDoubleClick");Qn("focusin","onFocus");Qn("focusout","onBlur");Qn(Nn,"onTransitionEnd");Wb("onMouseEnter",["mouseout","mouseover"]);Wb("onMouseLeave",["mouseout","mouseover"]);Wb("onPointerEnter",["pointerout","pointerover"]);
-Wb("onPointerLeave",["pointerout","pointerover"]);Vb("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Vb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Vb("onBeforeInput",["compositionend","keypress","textInput","paste"]);Vb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Vb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
-Vb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Vn="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Wn=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(Vn));
-function Xn(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Xi(d,b,void 0,a);a.currentTarget=null}
-function jn(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,p=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Xn(e,h,p);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;p=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Xn(e,h,p);f=k}}}if(Ti)throw a=Ui,Ti=!1,Ui=null,a;}
-function Y(a,b){var c=b[Fb];void 0===c&&(c=b[Fb]=new Set);var d=a+"__bubble";c.has(d)||(Yn(b,a,2,!1),c.add(d))}function Zn(a,b,c){var d=0;b&&(d|=4);Yn(c,a,d,b)}var $n="_reactListening"+Math.random().toString(36).slice(2);function Li(a){if(!a[$n]){a[$n]=!0;Tb.forEach(function(c){"selectionchange"!==c&&(Wn.has(c)||Zn(c,!1,a),Zn(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[$n]||(b[$n]=!0,Zn("selectionchange",!1,b))}}
-function Yn(a,b,c,d){switch(Ck(b)){case 2:var e=Gm;break;case 8:e=Im;break;default:e=Hm}c=e.bind(null,b,c,a);e=void 0;!xl||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
-function Jm(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Mb(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}vl(function(){var p=
-f,q=Ic(c),w=[];a:{var r=On.get(a);if(void 0!==r){var t=El,z=a;switch(a){case "keypress":if(0===zl(c))break a;case "keydown":case "keyup":t=bm;break;case "focusin":z="focus";t=Ql;break;case "focusout":z="blur";t=Ql;break;case "beforeblur":case "afterblur":t=Ql;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":t=Ml;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":t=
-Ol;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":t=fm;break;case Kn:case Ln:case Mn:t=Sl;break;case Nn:t=hm;break;case "scroll":case "scrollend":t=Gl;break;case "wheel":t=jm;break;case "copy":case "cut":case "paste":t=Ul;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":t=dm}var C=0!==(b&4),V=!C&&("scroll"===a||"scrollend"===a),R=C?null!==r?r+"Capture":
-null:r;C=[];for(var m=p,l;null!==m;){var n=m;l=n.stateNode;n=n.tag;5!==n&&26!==n&&27!==n||null===l||null===R||(n=wl(m,R),null!=n&&C.push(ao(m,n,l)));if(V)break;m=m.return}0<C.length&&(r=new t(r,z,null,c,q),w.push({event:r,listeners:C}))}}if(0===(b&7)){a:{r="mouseover"===a||"pointerover"===a;t="mouseout"===a||"pointerout"===a;if(r&&c!==Hc&&(z=c.relatedTarget||c.fromElement)&&(Mb(z)||z[Eb]))break a;if(t||r){r=q.window===q?q:(r=q.ownerDocument)?r.defaultView||r.parentWindow:window;if(t){if(z=c.relatedTarget||
-c.toElement,t=p,z=z?Mb(z):null,null!==z&&(V=Oc(z),C=z.tag,z!==V||5!==C&&27!==C&&6!==C))z=null}else t=null,z=p;if(t!==z){C=Ml;n="onMouseLeave";R="onMouseEnter";m="mouse";if("pointerout"===a||"pointerover"===a)C=dm,n="onPointerLeave",R="onPointerEnter",m="pointer";V=null==t?r:Pb(t);l=null==z?r:Pb(z);r=new C(n,m+"leave",t,c,q);r.target=V;r.relatedTarget=l;n=null;Mb(q)===p&&(C=new C(R,m+"enter",z,c,q),C.target=l,C.relatedTarget=V,n=C);V=n;if(t&&z)b:{C=t;R=z;m=0;for(l=C;l;l=bo(l))m++;l=0;for(n=R;n;n=bo(n))l++;
-for(;0<m-l;)C=bo(C),m--;for(;0<l-m;)R=bo(R),l--;for(;m--;){if(C===R||null!==R&&C===R.alternate)break b;C=bo(C);R=bo(R)}C=null}else C=null;null!==t&&co(w,r,t,C,!1);null!==z&&null!==V&&co(w,V,z,C,!0)}}}a:{r=p?Pb(p):window;t=r.nodeName&&r.nodeName.toLowerCase();if("select"===t||"input"===t&&"file"===r.type)var v=ln;else if(cn(r))if(mn)v=vn;else{v=tn;var x=sn}else t=r.nodeName,!t||"input"!==t.toLowerCase()||"checkbox"!==r.type&&"radio"!==r.type?p&&Fc(p.elementType)&&(v=ln):v=un;if(v&&(v=v(a,p))){dn(w,
-v,c,q);break a}x&&x(a,r,p);"focusout"===a&&p&&"number"===r.type&&null!=p.memoizedProps.value&&vc(r,"number",r.value)}x=p?Pb(p):window;switch(a){case "focusin":if(cn(x)||"true"===x.contentEditable)An=x,Bn=p,Cn=null;break;case "focusout":Cn=Bn=An=null;break;case "mousedown":Dn=!0;break;case "contextmenu":case "mouseup":case "dragend":Dn=!1;En(w,c,q);break;case "selectionchange":if(zn)break;case "keydown":case "keyup":En(w,c,q)}var A;if(Qm)b:{switch(a){case "compositionstart":var y="onCompositionStart";
-break b;case "compositionend":y="onCompositionEnd";break b;case "compositionupdate":y="onCompositionUpdate";break b}y=void 0}else Zm?Xm(a,c)&&(y="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(y="onCompositionStart");y&&(Um&&"ko"!==c.locale&&(Zm||"onCompositionStart"!==y?"onCompositionEnd"===y&&Zm&&(A=Om()):(Lm=q,Mm="value"in Lm?Lm.value:Lm.textContent,Zm=!0)),x=en(p,y),0<x.length&&(y=new Wl(y,a,null,c,q),w.push({event:y,listeners:x}),A?y.data=A:(A=Ym(c),null!==A&&(y.data=A))));if(A=Tm?$m(a,
-c):an(a,c))y=en(p,"onBeforeInput"),0<y.length&&(x=new Wl("onBeforeInput","beforeinput",null,c,q),w.push({event:x,listeners:y}),x.data=A);km(w,a,p,c,q)}jn(w,b)})}function ao(a,b,c){return{instance:a,listener:b,currentTarget:c}}function en(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=wl(a,c),null!=e&&d.unshift(ao(a,e,f)),e=wl(a,b),null!=e&&d.push(ao(a,e,f)));a=a.return}return d}
-function bo(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function co(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,p=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===p||(k=p,e?(p=wl(c,f),null!=p&&g.unshift(ao(c,p,k))):e||(p=wl(c,f),null!=p&&g.push(ao(c,p,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var eo=/\r\n?/g,fo=/\u0000|\uFFFD/g;
-function go(a){return("string"===typeof a?a:""+a).replace(eo,"\n").replace(fo,"")}function Ki(a,b,c){b=go(b);if(go(a)!==b&&c)throw Error(u(425));}function zj(){}
-function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Bc(a,d):"number"===typeof d&&"body"!==b&&Bc(a,""+d);break;case "className":cc(a,"class",d);break;case "tabIndex":cc(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":cc(a,c,d);break;case "style":Ec(a,d,f);break;case "src":case "href":if(""===d){a.removeAttribute(c);break}if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);
-break}a.setAttribute(c,""+d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,e,null),Z(a,b,"formEncType",
-e.formEncType,e,null),Z(a,b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=zj);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==
-typeof d||!("__html"in d))throw Error(u(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(u(60));a.innerHTML=d}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===typeof d||"boolean"===
-typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
+var Ln=Zb&&"documentMode"in document&&11>=document.documentMode,Mn=null,Nn=null,On=null,Pn=!1;
+function Qn(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Pn||null==Mn||Mn!==uc(d)||(d=Mn,"selectionStart"in d&&rj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),On&&Ue(On,d)||(On=d,d=rn(Nn,"onSelect"),0<d.length&&(b=new Ql("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=Mn)))}
+function Rn(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Sn={animationend:Rn("Animation","AnimationEnd"),animationiteration:Rn("Animation","AnimationIteration"),animationstart:Rn("Animation","AnimationStart"),transitionend:Rn("Transition","TransitionEnd")},Tn={},Un={};
+Zb&&(Un=document.createElement("div").style,"AnimationEvent"in window||(delete Sn.animationend.animation,delete Sn.animationiteration.animation,delete Sn.animationstart.animation),"TransitionEvent"in window||delete Sn.transitionend.transition);function Vn(a){if(Tn[a])return Tn[a];if(!Sn[a])return a;var b=Sn[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Un)return Tn[a]=b[c];return a}var Wn=Vn("animationend"),Xn=Vn("animationiteration"),Yn=Vn("animationstart"),Zn=Vn("transitionend"),$n=new Map,ao="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
+function bo(a,b){$n.set(a,b);Xb(b,[a])}for(var co=0;co<ao.length;co++){var eo=ao[co],fo=eo.toLowerCase(),go=eo[0].toUpperCase()+eo.slice(1);bo(fo,"on"+go)}bo(Wn,"onAnimationEnd");bo(Xn,"onAnimationIteration");bo(Yn,"onAnimationStart");bo("dblclick","onDoubleClick");bo("focusin","onFocus");bo("focusout","onBlur");bo(Zn,"onTransitionEnd");Yb("onMouseEnter",["mouseout","mouseover"]);Yb("onMouseLeave",["mouseout","mouseover"]);Yb("onPointerEnter",["pointerout","pointerover"]);
+Yb("onPointerLeave",["pointerout","pointerover"]);Xb("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Xb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Xb("onBeforeInput",["compositionend","keypress","textInput","paste"]);Xb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Xb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
+Xb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var ho="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),io=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(ho));
+function jo(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;ej(d,b,void 0,a);a.currentTarget=null}
+function vn(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;jo(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;jo(e,h,n);f=k}}}if(aj)throw a=bj,aj=!1,bj=null,a;}
+function Y(a,b){var c=b[Ib];void 0===c&&(c=b[Ib]=new Set);var d=a+"__bubble";c.has(d)||(ko(b,a,2,!1),c.add(d))}function lo(a,b,c){var d=0;b&&(d|=4);ko(c,a,d,b)}var mo="_reactListening"+Math.random().toString(36).slice(2);function Ti(a){if(!a[mo]){a[mo]=!0;Vb.forEach(function(c){"selectionchange"!==c&&(io.has(c)||lo(c,!1,a),lo(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[mo]||(b[mo]=!0,lo("selectionchange",!1,b))}}
+function ko(a,b,c,d){switch(Nk(b)){case 2:var e=Sm;break;case 8:e=Um;break;default:e=Tm}c=e.bind(null,b,c,a);e=void 0;!Jl||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
+function Vm(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Ob(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}Hl(function(){var n=
+f,u=Lc(c),w=[];a:{var q=$n.get(a);if(void 0!==q){var r=Ql,y=a;switch(a){case "keypress":if(0===Ll(c))break a;case "keydown":case "keyup":r=nm;break;case "focusin":y="focus";r=bm;break;case "focusout":y="blur";r=bm;break;case "beforeblur":case "afterblur":r=bm;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":r=Yl;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":r=
+$l;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":r=rm;break;case Wn:case Xn:case Yn:r=dm;break;case Zn:r=tm;break;case "scroll":case "scrollend":r=Sl;break;case "wheel":r=vm;break;case "copy":case "cut":case "paste":r=fm;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":r=pm}var D=0!==(b&4),T=!D&&("scroll"===a||"scrollend"===a),m=D?null!==q?q+"Capture":
+null:q;D=[];for(var l=n,p;null!==l;){var v=l;p=v.stateNode;v=v.tag;5!==v&&26!==v&&27!==v||null===p||null===m||(v=Il(l,m),null!=v&&D.push(no(l,v,p)));if(T)break;l=l.return}0<D.length&&(q=new r(q,y,null,c,u),w.push({event:q,listeners:D}))}}if(0===(b&7)){a:{q="mouseover"===a||"pointerover"===a;r="mouseout"===a||"pointerout"===a;if(q&&c!==Kc&&(y=c.relatedTarget||c.fromElement)&&(Ob(y)||y[Hb]))break a;if(r||q){q=u.window===u?u:(q=u.ownerDocument)?q.defaultView||q.parentWindow:window;if(r){if(y=c.relatedTarget||
+c.toElement,r=n,y=y?Ob(y):null,null!==y&&(T=Rc(y),D=y.tag,y!==T||5!==D&&27!==D&&6!==D))y=null}else r=null,y=n;if(r!==y){D=Yl;v="onMouseLeave";m="onMouseEnter";l="mouse";if("pointerout"===a||"pointerover"===a)D=pm,v="onPointerLeave",m="onPointerEnter",l="pointer";T=null==r?q:Rb(r);p=null==y?q:Rb(y);q=new D(v,l+"leave",r,c,u);q.target=T;q.relatedTarget=p;v=null;Ob(u)===n&&(D=new D(m,l+"enter",y,c,u),D.target=p,D.relatedTarget=T,v=D);T=v;if(r&&y)b:{D=r;m=y;l=0;for(p=D;p;p=oo(p))l++;p=0;for(v=m;v;v=oo(v))p++;
+for(;0<l-p;)D=oo(D),l--;for(;0<p-l;)m=oo(m),p--;for(;l--;){if(D===m||null!==m&&D===m.alternate)break b;D=oo(D);m=oo(m)}D=null}else D=null;null!==r&&po(w,q,r,D,!1);null!==y&&null!==T&&po(w,T,y,D,!0)}}}a:{q=n?Rb(n):window;r=q.nodeName&&q.nodeName.toLowerCase();if("select"===r||"input"===r&&"file"===q.type)var x=xn;else if(pn(q))if(yn)x=Hn;else{x=Fn;var z=En}else r=q.nodeName,!r||"input"!==r.toLowerCase()||"checkbox"!==q.type&&"radio"!==q.type?n&&Ic(n.elementType)&&(x=xn):x=Gn;if(x&&(x=x(a,n))){qn(w,
+x,c,u);break a}z&&z(a,q,n);"focusout"===a&&n&&"number"===q.type&&null!=n.memoizedProps.value&&yc(q,"number",q.value)}z=n?Rb(n):window;switch(a){case "focusin":if(pn(z)||"true"===z.contentEditable)Mn=z,Nn=n,On=null;break;case "focusout":On=Nn=Mn=null;break;case "mousedown":Pn=!0;break;case "contextmenu":case "mouseup":case "dragend":Pn=!1;Qn(w,c,u);break;case "selectionchange":if(Ln)break;case "keydown":case "keyup":Qn(w,c,u)}var A;if(bn)b:{switch(a){case "compositionstart":var B="onCompositionStart";
+break b;case "compositionend":B="onCompositionEnd";break b;case "compositionupdate":B="onCompositionUpdate";break b}B=void 0}else ln?jn(a,c)&&(B="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(B="onCompositionStart");B&&(en&&"ko"!==c.locale&&(ln||"onCompositionStart"!==B?"onCompositionEnd"===B&&ln&&(A=$m()):(Xm=u,Ym="value"in Xm?Xm.value:Xm.textContent,ln=!0)),z=rn(n,B),0<z.length&&(B=new hm(B,a,null,c,u),w.push({event:B,listeners:z}),A?B.data=A:(A=kn(c),null!==A&&(B.data=A))));if(A=dn?mn(a,
+c):nn(a,c))B=rn(n,"onBeforeInput"),0<B.length&&(z=new hm("onBeforeInput","beforeinput",null,c,u),w.push({event:z,listeners:B}),z.data=A);wm(w,a,n,c,u)}vn(w,b)})}function no(a,b,c){return{instance:a,listener:b,currentTarget:c}}function rn(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=Il(a,c),null!=e&&d.unshift(no(a,e,f)),e=Il(a,b),null!=e&&d.push(no(a,e,f)));a=a.return}return d}
+function oo(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function po(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=Il(c,f),null!=n&&g.unshift(no(c,n,k))):e||(n=Il(c,f),null!=n&&g.push(no(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var qo=/\r\n?/g,ro=/\u0000|\uFFFD/g;
+function so(a){return("string"===typeof a?a:""+a).replace(qo,"\n").replace(ro,"")}function Si(a,b,c){b=so(b);if(so(a)!==b&&c)throw Error(t(425));}function Hj(){}
+function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Ec(a,d):"number"===typeof d&&"body"!==b&&Ec(a,""+d);break;case "className":ec(a,"class",d);break;case "tabIndex":ec(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":ec(a,c,d);break;case "style":Hc(a,d,f);break;case "src":case "href":if(""===d&&("a"!==b||"href"!==c)){a.removeAttribute(c);break}if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===
+typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,
+e,null),Z(a,b,"formEncType",e.formEncType,e,null),Z(a,b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=Hj);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=
+d){if("object"!==typeof d||!("__html"in d))throw Error(t(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(t(60));a.innerHTML=d}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":case "ref":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===
+typeof d||"boolean"===typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
 "function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""):a.removeAttribute(c);break;case "capture":case "download":!0===d?a.setAttribute(c,""):!1!==d&&null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,d):a.removeAttribute(c);break;case "cols":case "rows":case "size":case "span":null!=d&&"function"!==typeof d&&"symbol"!==typeof d&&!isNaN(d)&&1<=d?a.setAttribute(c,d):a.removeAttribute(c);break;case "rowSpan":case "start":null==d||"function"===typeof d||"symbol"===typeof d||
-isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":dc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":dc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":dc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":dc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":dc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":dc(a,"http://www.w3.org/1999/xlink","xlink:type",
-d);break;case "xmlBase":dc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":dc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":dc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":bc(a,"is",d);break;case "innerText":case "textContent":break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Gc.get(c)||c,bc(a,e,d)}}
-function ho(a,b,c,d,e,f){switch(c){case "style":Ec(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(u(61));c=d.__html;if(null!=c){if(null!=e.children)throw Error(u(60));a.innerHTML=c}}break;case "children":"string"===typeof d?Bc(a,d):"number"===typeof d&&Bc(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=zj);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":break;
-case "innerText":case "textContent":break;default:if(!Ub.hasOwnProperty(c))a:{if("o"===c[0]&&"n"===c[1]&&(e=c.endsWith("Capture"),b=c.slice(2,e?c.length-7:void 0),f=Qb(a),f=null!=f?f[c]:null,"function"===typeof f&&a.removeEventListener(b,f,e),"function"===typeof d)){"function"!==typeof f&&null!==f&&(c in a?a[c]=null:a.hasAttribute(c)&&a.removeAttribute(c));a.addEventListener(b,d,e);break a}c in a?a[c]=d:!0===d?a.setAttribute(c,""):bc(a,c,d)}}}
-function Ji(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(q in c)if(c.hasOwnProperty(q)){var p=c[q];if(null!=p)switch(q){case "name":d=p;break;case "type":e=p;break;case "checked":h=p;break;case "defaultChecked":k=p;break;case "value":f=p;break;case "defaultValue":g=p;break;case "children":case "dangerouslySetInnerHTML":if(null!=p)throw Error(u(137,b));break;default:Z(a,
-b,q,p,c,null)}}wc(a,f,g,h,k,e,d,!1);pc(a);return;case "select":Y("invalid",a);var q=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":q=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!q;null!=b?yc(a,!!q,b,!1):null!=c&&yc(a,!!q,c,!0);return;case "textarea":Y("invalid",a);f=d=q=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":q=g;break;case "defaultValue":d=g;break;case "children":f=
-g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(u(91));break;default:Z(a,b,e,g,c,null)}Ac(a,q,d,f);pc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(q=c[g],null!=q))switch(g){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,g,q,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(q=0;q<Vn.length;q++)Y(Vn[q],a);break;case "image":Y("error",a);Y("load",
-a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(q=c[h],null!=q))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(u(137,b));default:Z(a,b,h,q,c,null)}return;default:if(Fc(b)){for(k in c)c.hasOwnProperty(k)&&(q=c[k],null!=q&&ho(a,b,k,q,c,null));
-return}}for(f in c)c.hasOwnProperty(f)&&(q=c[f],null!=q&&Z(a,b,f,q,c,null))}
-function Rj(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,p=null,q=null;for(t in c){var w=c[t];if(c.hasOwnProperty(t)&&null!=w)switch(t){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(t)||Z(a,b,t,null,d,w)}}for(var r in d){var t=d[r];w=c[r];if(d.hasOwnProperty(r)&&(null!=t||null!=w))switch(r){case "type":f=t;break;case "name":e=t;break;case "checked":p=
-t;break;case "defaultChecked":q=t;break;case "value":g=t;break;case "defaultValue":h=t;break;case "children":case "dangerouslySetInnerHTML":if(null!=t)throw Error(u(137,b));break;default:t!==w&&Z(a,b,r,t,d,w)}}uc(a,g,h,k,p,q,f,e);return;case "select":t=g=h=r=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":t=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":r=
-f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=t;null!=r?yc(a,!!c,r,!1):!!d!==!!c&&(null!=b?yc(a,!!c,b,!0):yc(a,!!c,c?[]:"",!1));return;case "textarea":t=r=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":r=e;break;case "defaultValue":t=e;break;case "children":break;
-case "dangerouslySetInnerHTML":if(null!=e)throw Error(u(91));break;default:e!==f&&Z(a,b,g,e,d,f)}zc(a,r,t);return;case "option":for(var z in c)if(r=c[z],c.hasOwnProperty(z)&&null!=r&&!d.hasOwnProperty(z))switch(z){case "selected":a.selected=!1;break;default:Z(a,b,z,null,d,r)}for(k in d)if(r=d[k],t=c[k],d.hasOwnProperty(k)&&r!==t&&(null!=r||null!=t))switch(k){case "selected":a.selected=r&&"function"!==typeof r&&"symbol"!==typeof r;break;default:Z(a,b,k,r,d,t)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var C in c)r=
-c[C],c.hasOwnProperty(C)&&null!=r&&!d.hasOwnProperty(C)&&Z(a,b,C,null,d,r);for(p in d)if(r=d[p],t=c[p],d.hasOwnProperty(p)&&r!==t&&(null!=r||null!=t))switch(p){case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(u(137,b));break;default:Z(a,b,p,r,d,t)}return;default:if(Fc(b)){for(var V in c)r=c[V],c.hasOwnProperty(V)&&null!=r&&!d.hasOwnProperty(V)&&ho(a,b,V,null,d,r);for(q in d)r=d[q],t=c[q],!d.hasOwnProperty(q)||r===t||null==r&&null==t||ho(a,b,q,r,d,t);return}}for(var R in c)r=c[R],
-c.hasOwnProperty(R)&&null!=r&&!d.hasOwnProperty(R)&&Z(a,b,R,null,d,r);for(w in d)r=d[w],t=c[w],!d.hasOwnProperty(w)||r===t||null==r&&null==t||Z(a,b,w,r,d,t)}var gj=null,kj=null;function Ii(a){return 9===a.nodeType?a:a.ownerDocument}function Pa(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
-function Qa(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Jd(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var io=null;function pf(){var a=window.event;if(a&&"popstate"===a.type){if(a===io)return!1;io=a;return!0}io=null;return!1}
-var Fk="function"===typeof setTimeout?setTimeout:void 0,Nk="function"===typeof clearTimeout?clearTimeout:void 0,jo="function"===typeof Promise?Promise:void 0,sf="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof jo?function(a){return jo.resolve(null).then(a).catch(ko)}:Fk;function ko(a){setTimeout(function(){throw a;})}
-function Fj(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);Gj(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);Gj(b)}function lj(a){var b=a.nodeType;if(9===b)lo(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":lo(a);break;default:a.textContent=""}}
-function lo(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":lo(c);Lb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
-function zd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Kb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
+isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":fc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":fc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":fc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":fc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":fc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":fc(a,"http://www.w3.org/1999/xlink","xlink:type",
+d);break;case "xmlBase":fc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":fc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":fc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":dc(a,"is",d);break;case "innerText":case "textContent":break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Jc.get(c)||c,dc(a,e,d)}}
+function to(a,b,c,d,e,f){switch(c){case "style":Hc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(t(61));c=d.__html;if(null!=c){if(null!=e.children)throw Error(t(60));a.innerHTML=c}}break;case "children":"string"===typeof d?Ec(a,d):"number"===typeof d&&Ec(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=Hj);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":case "ref":break;
+case "innerText":case "textContent":break;default:if(!Wb.hasOwnProperty(c))a:{if("o"===c[0]&&"n"===c[1]&&(e=c.endsWith("Capture"),b=c.slice(2,e?c.length-7:void 0),f=Sb(a),f=null!=f?f[c]:null,"function"===typeof f&&a.removeEventListener(b,f,e),"function"===typeof d)){"function"!==typeof f&&null!==f&&(c in a?a[c]=null:a.hasAttribute(c)&&a.removeAttribute(c));a.addEventListener(b,d,e);break a}c in a?a[c]=d:!0===d?a.setAttribute(c,""):dc(a,c,d)}}}
+function Ri(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(u in c)if(c.hasOwnProperty(u)){var n=c[u];if(null!=n)switch(u){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(t(137,b));break;default:Z(a,
+b,u,n,c,null)}}zc(a,f,g,h,k,e,d,!1);sc(a);return;case "select":Y("invalid",a);var u=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":u=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!u;null!=b?Bc(a,!!u,b,!1):null!=c&&Bc(a,!!u,c,!0);return;case "textarea":Y("invalid",a);f=d=u=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":u=g;break;case "defaultValue":d=g;break;case "children":f=
+g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(t(91));break;default:Z(a,b,e,g,c,null)}Dc(a,u,d,f);sc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(u=c[g],null!=u))switch(g){case "selected":a.selected=u&&"function"!==typeof u&&"symbol"!==typeof u;break;default:Z(a,b,g,u,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(u=0;u<ho.length;u++)Y(ho[u],a);break;case "image":Y("error",a);Y("load",
+a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(u=c[h],null!=u))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(t(137,b));default:Z(a,b,h,u,c,null)}return;default:if(Ic(b)){for(k in c)c.hasOwnProperty(k)&&(u=c[k],null!=u&&to(a,b,k,u,c,null));
+return}}for(f in c)c.hasOwnProperty(f)&&(u=c[f],null!=u&&Z(a,b,f,u,c,null))}
+function Zj(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,u=null;for(r in c){var w=c[r];if(c.hasOwnProperty(r)&&null!=w)switch(r){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(r)||Z(a,b,r,null,d,w)}}for(var q in d){var r=d[q];w=c[q];if(d.hasOwnProperty(q)&&(null!=r||null!=w))switch(q){case "type":f=r;break;case "name":e=r;break;case "checked":n=
+r;break;case "defaultChecked":u=r;break;case "value":g=r;break;case "defaultValue":h=r;break;case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(t(137,b));break;default:r!==w&&Z(a,b,q,r,d,w)}}xc(a,g,h,k,n,u,f,e);return;case "select":r=g=h=q=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":r=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":q=
+f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=r;null!=q?Bc(a,!!c,q,!1):!!d!==!!c&&(null!=b?Bc(a,!!c,b,!0):Bc(a,!!c,c?[]:"",!1));return;case "textarea":r=q=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":q=e;break;case "defaultValue":r=e;break;case "children":break;
+case "dangerouslySetInnerHTML":if(null!=e)throw Error(t(91));break;default:e!==f&&Z(a,b,g,e,d,f)}Cc(a,q,r);return;case "option":for(var y in c)if(q=c[y],c.hasOwnProperty(y)&&null!=q&&!d.hasOwnProperty(y))switch(y){case "selected":a.selected=!1;break;default:Z(a,b,y,null,d,q)}for(k in d)if(q=d[k],r=c[k],d.hasOwnProperty(k)&&q!==r&&(null!=q||null!=r))switch(k){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,k,q,d,r)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var D in c)q=
+c[D],c.hasOwnProperty(D)&&null!=q&&!d.hasOwnProperty(D)&&Z(a,b,D,null,d,q);for(n in d)if(q=d[n],r=c[n],d.hasOwnProperty(n)&&q!==r&&(null!=q||null!=r))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=q)throw Error(t(137,b));break;default:Z(a,b,n,q,d,r)}return;default:if(Ic(b)){for(var T in c)q=c[T],c.hasOwnProperty(T)&&null!=q&&!d.hasOwnProperty(T)&&to(a,b,T,null,d,q);for(u in d)q=d[u],r=c[u],!d.hasOwnProperty(u)||q===r||null==q&&null==r||to(a,b,u,q,d,r);return}}for(var m in c)q=c[m],
+c.hasOwnProperty(m)&&null!=q&&!d.hasOwnProperty(m)&&Z(a,b,m,null,d,q);for(w in d)q=d[w],r=c[w],!d.hasOwnProperty(w)||q===r||null==q&&null==r||Z(a,b,w,q,d,r)}var oj=null,sj=null;function Qi(a){return 9===a.nodeType?a:a.ownerDocument}function Oa(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
+function Pa(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Md(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var uo=null;function ve(){var a=window.event;if(a&&"popstate"===a.type){if(a===uo)return!1;uo=a;return!0}uo=null;return!1}
+var Rk="function"===typeof setTimeout?setTimeout:void 0,Zk="function"===typeof clearTimeout?clearTimeout:void 0,vo="function"===typeof Promise?Promise:void 0,ye="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof vo?function(a){return vo.resolve(null).then(a).catch(wo)}:Rk;function wo(a){setTimeout(function(){throw a;})}
+function Nj(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);Oj(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);Oj(b)}function tj(a){var b=a.nodeType;if(9===b)xo(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":xo(a);break;default:a.textContent=""}}
+function xo(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":xo(c);Nb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
+function Cd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Mb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
 a.getAttribute("href")!==(null==e.href?null:e.href)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin)||a.getAttribute("title")!==(null==e.title?null:e.title))break;return a;case "style":if(a.hasAttribute("data-precedence"))break;return a;case "script":f=a.getAttribute("src");if((f!==(null==e.src?null:e.src)||a.getAttribute("type")!==(null==e.type?null:e.type)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin))&&f&&a.hasAttribute("async")&&!a.hasAttribute("itemprop"))break;
-return a;default:return a}a=Ed(a);if(null===a)break}return null}function Cd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Ed(a);if(null===a)return null}return a}function Ad(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Ed(a){return Ad(a.nextSibling)}
-function Gi(a,b,c,d,e){a[Cb]=e;a[Db]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<Vn.length;e++)Y(Vn[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);wc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);pc(a);break;case "select":Y("invalid",
-a);break;case "textarea":Y("invalid",a),Ac(a,c.value,c.defaultValue,c.children),pc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&Ki(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=zj)}
-function Nb(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function Hi(a,b,c){b=Ii(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(u(452));return a;case "head":a=b.head;if(!a)throw Error(u(453));return a;case "body":a=b.body;if(!a)throw Error(u(454));return a;default:throw Error(u(451));}}var mo=new Map,no=new Set;
-function Tj(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var vo={prefetchDNS:oo,preconnect:po,preload:qo,preloadModule:ro,preinitStyle:so,preinitScript:to,preinitModuleScript:uo};
-function wo(a,b,c){var d=document;if("string"===typeof b&&b){var e=tc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');no.has(e)||(no.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),Ji(b,"link",a),Sb(b),d.head.appendChild(b)))}}function oo(a){wo("dns-prefetch",a,null)}function po(a,b){wo("preconnect",a,b)}
-function qo(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+tc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+tc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+tc(c.imageSizes)+'"]')):e+='[href="'+tc(a)+'"]':e+='[href="'+tc(a)+'"]';var f=e;switch(b){case "style":f=xo(a);break;case "script":f=yo(a)}mo.has(f)||(a=B({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),mo.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(zo(f))||
-"script"===b&&d.querySelector(Ao(f))||(b=d.createElement("link"),Ji(b,"link",a),Sb(b),d.head.appendChild(b)))}}
-function ro(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+tc(d)+'"][href="'+tc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=yo(a)}if(!mo.has(f)&&(a=B({rel:"modulepreload",href:a},b),mo.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(Ao(f)))return}d=c.createElement("link");
-Ji(d,"link",a);Sb(d);c.head.appendChild(d)}}}
-function so(a,b,c){var d=document;if(a){var e=Rb(d).hoistableStyles,f=xo(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(zo(f)))h.loading=5;else{a=B({rel:"stylesheet",href:a,"data-precedence":b},c);(c=mo.get(f))&&Bo(a,c);var k=g=d.createElement("link");Sb(k);Ji(k,"link",a);k._p=new Promise(function(p,q){k.onload=p;k.onerror=q});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;Co(g,b,d)}g=
-{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function to(a,b){var c=document;if(a){var d=Rb(c).hoistableScripts,e=yo(a),f=d.get(e);f||(f=c.querySelector(Ao(e)),f||(a=B({src:a,async:!0},b),(b=mo.get(e))&&Do(a,b),f=c.createElement("script"),Sb(f),Ji(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function uo(a,b){var c=document;if(a){var d=Rb(c).hoistableScripts,e=yo(a),f=d.get(e);f||(f=c.querySelector(Ao(e)),f||(a=B({src:a,async:!0,type:"module"},b),(b=mo.get(e))&&Do(a,b),f=c.createElement("script"),Sb(f),Ji(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function fl(a,b,c){b=(b=La.current)?Tj(b):null;if(!b)throw Error(u(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=xo(c.href),b=Rb(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=xo(c.href);var d=Rb(b).hoistableStyles,e=d.get(a);
-e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),mo.has(a)||Eo(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=yo(c.src),b=Rb(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
-instance:null,count:0,state:null};default:throw Error(u(444,a));}}function xo(a){return'href="'+tc(a)+'"'}function zo(a){return'link[rel="stylesheet"]['+a+"]"}function Fo(a){return B({},a,{"data-precedence":a.precedence,precedence:null})}
-function Eo(a,b,c,d){mo.set(b,c);a.querySelector(zo(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),Ji(b,"link",c),Sb(b),a.head.appendChild(b)))}function yo(a){return'[src="'+tc(a)+'"]'}function Ao(a){return"script[async]"+a}
-function Qj(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+tc(c.href)+'"]');if(d)return b.instance=d,Sb(d),d;var e=B({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");Sb(d);Ji(d,"style",e);Co(d,c.precedence,a);return b.instance=d;case "stylesheet":e=xo(c.href);var f=a.querySelector(zo(e));if(f)return b.state.loading|=4,b.instance=f,Sb(f),f;d=Fo(c);(e=mo.get(e))&&
-Bo(d,e);f=(a.ownerDocument||a).createElement("link");Sb(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});Ji(f,"link",d);b.state.loading|=4;Co(f,c.precedence,a);return b.instance=f;case "script":f=yo(c.src);if(e=a.querySelector(Ao(f)))return b.instance=e,Sb(e),e;d=c;if(e=mo.get(f))d=B({},c),Do(d,e);a=a.ownerDocument||a;e=a.createElement("script");Sb(e);Ji(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(u(443,b.type));}else"stylesheet"===
-b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,Co(d,c.precedence,a));return b.instance}function Co(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
-function Bo(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function Do(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var Sj=null;
-function Oj(a,b,c){if(null===Sj){var d=new Map;var e=Sj=new Map;e.set(c,d)}else e=Sj,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Kb]||f[Cb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
-function Pj(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
-function hl(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
-var Hk=null;function Ik(){}
-function gk(a,b,c){if(null===Hk)throw Error(u(475));var d=Hk;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=xo(c.href),f=a.querySelector(zo(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=Go.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;Sb(f);return}f=a.ownerDocument||a;c=Fo(c);(e=mo.get(e))&&Bo(c,e);f=f.createElement("link");Sb(f);var g=f;g._p=new Promise(function(h,
-k){g.onload=h;g.onerror=k});Ji(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=Go.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
-function Jk(){if(null===Hk)throw Error(u(475));var a=Hk;a.stylesheets&&0===a.count&&Ho(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&Ho(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function Go(){this.count--;if(0===this.count)if(this.stylesheets)Ho(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var Io=null;
-function Ho(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,Io=new Map,b.forEach(Jo,a),Io=null,Go.call(a))}
-function Jo(a,b){if(!(b.state.loading&4)){var c=Io.get(a);if(c)var d=c.get("last");else{c=new Map;Io.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set("p"+g.dataset.precedence,g),d=g}d&&c.set("last",d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get("p"+g)||d;f===d&&c.set("last",e);c.set(g,e);this.count++;d=Go.bind(this);e.addEventListener("load",d);e.addEventListener("error",
-d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var Ko=ca.Dispatcher;"undefined"!==typeof document&&(Ko.current=vo);var Lo="function"===typeof reportError?reportError:function(a){console.error(a)};function Mo(a){this._internalRoot=a}No.prototype.render=Mo.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(u(409));nl(a,b,null,null)};
-No.prototype.unmount=Mo.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Lk(function(){nl(null,a,null,null)});b[Eb]=null}};function No(a){this._internalRoot=a}No.prototype.unstable_scheduleHydration=function(a){if(a){var b=F;a={blockedOn:null,target:a,priority:b};for(var c=0;c<rm.length&&0!==b&&b<rm[c].priority;c++);rm.splice(c,0,a);0===c&&wm(a)}};function Oo(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
-function Po(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Qo(){}
-function Ro(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var p=ol(g);f.call(p)}}var g=ml(b,d,a,0,null,!1,!1,"",Qo,null,null);a._reactRootContainer=g;a[Eb]=g.current;Li(8===a.nodeType?a.parentNode:a);Lk();return g}lj(a);if("function"===typeof d){var h=d;d=function(){var p=ol(k);h.call(p)}}var k=jl(a,0,!1,null,null,!1,!1,"",Qo,null,null);a._reactRootContainer=k;a[Eb]=k.current;Li(8===a.nodeType?a.parentNode:a);Lk(function(){nl(b,k,c,d)});return k}
-function So(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=ol(g);h.call(k)}}nl(b,g,a,e)}else g=Ro(c,b,a,e,d);return ol(g)}function To(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var Uo=ca.Dispatcher;ca.Events=[Ob,Pb,Qb,Mc,Nc,Kk];var Vo={findFiberByHostInstance:Mb,bundleType:0,version:"18.3.0-experimental-60a927d04-20240113",rendererPackageName:"react-dom"};
-var Wo={bundleType:Vo.bundleType,version:Vo.version,rendererPackageName:Vo.rendererPackageName,rendererConfig:Vo.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=Sc(a);return null===a?null:a.stateNode},findFiberByHostInstance:Vo.findFiberByHostInstance||
-tl,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-experimental-60a927d04-20240113"};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var Xo=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Xo.isDisabled&&Xo.supportsFiber)try{eb=Xo.inject(Wo),fb=Xo}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;
-exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Oo(b))throw Error(u(200));return kl(a,b,null,c)};
-exports.createRoot=function(a,b){if(!Oo(a))throw Error(u(299));var c=!1,d="",e=Lo,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=jl(a,1,!1,null,null,c,!1,d,e,f,null);a[Eb]=b.current;Ko.current=vo;Li(8===a.nodeType?a.parentNode:a);return new Mo(b)};
-exports.experimental_useFormState=function(a,b,c){return ja(a,b,c)};exports.experimental_useFormStatus=function(){return ia()};exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(u(188));a=Object.keys(a).join(",");throw Error(u(268,a));}a=Sc(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return Lk(a)};
-exports.hydrate=function(a,b,c){if(!Po(b))throw Error(u(200));return So(null,a,b,!0,c)};
-exports.hydrateRoot=function(a,b,c){if(!Oo(a))throw Error(u(405));var d=!1,e="",f=Lo,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=ml(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Eb]=b.current;Ko.current=vo;Li(a);return new No(b)};
-exports.preconnect=function(a,b){var c=Uo.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=Uo.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
-exports.preinit=function(a,b){var c=Uo.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=To(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
-exports.preinitModule=function(a,b){var c=Uo.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=To(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
-exports.preload=function(a,b){var c=Uo.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=To(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
-typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=Uo.current;if(c&&"string"===typeof a)if(b){var d=To(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!Po(b))throw Error(u(200));return So(null,a,b,!1,c)};
-exports.unmountComponentAtNode=function(a){if(!Po(a))throw Error(u(40));return a._reactRootContainer?(Lk(function(){So(null,null,a,!1,function(){a._reactRootContainer=null;a[Eb]=null})}),!0):!1};exports.unstable_batchedUpdates=Kk;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!Po(c))throw Error(u(200));if(null==a||void 0===a._reactInternals)throw Error(u(38));return So(a,b,c,!1,d)};exports.unstable_runWithPriority=yb;exports.useFormState=ja;exports.useFormStatus=ia;
-exports.version="18.3.0-experimental-60a927d04-20240113";
+return a;default:return a}a=Hd(a);if(null===a)break}return null}function Fd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Hd(a);if(null===a)return null}return a}function Dd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Hd(a){return Dd(a.nextSibling)}
+function Oi(a,b,c,d,e){a[Eb]=e;a[Fb]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<ho.length;e++)Y(ho[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);zc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);sc(a);break;case "select":Y("invalid",
+a);break;case "textarea":Y("invalid",a),Dc(a,c.value,c.defaultValue,c.children),sc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&Si(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=Hj)}
+function Pb(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function Pi(a,b,c){b=Qi(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(t(452));return a;case "head":a=b.head;if(!a)throw Error(t(453));return a;case "body":a=b.body;if(!a)throw Error(t(454));return a;default:throw Error(t(451));}}var yo=new Map,zo=new Set;
+function bk(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var Ho={prefetchDNS:Ao,preconnect:Bo,preload:Co,preloadModule:Do,preinitStyle:Eo,preinitScript:Fo,preinitModuleScript:Go};
+function Io(a,b,c){var d=document;if("string"===typeof b&&b){var e=wc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');zo.has(e)||(zo.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),Ri(b,"link",a),Ub(b),d.head.appendChild(b)))}}function Ao(a){Io("dns-prefetch",a,null)}function Bo(a,b){Io("preconnect",a,b)}
+function Co(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+wc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+wc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+wc(c.imageSizes)+'"]')):e+='[href="'+wc(a)+'"]':e+='[href="'+wc(a)+'"]';var f=e;switch(b){case "style":f=Jo(a);break;case "script":f=Ko(a)}yo.has(f)||(a=C({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),yo.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(Lo(f))||
+"script"===b&&d.querySelector(Mo(f))||(b=d.createElement("link"),Ri(b,"link",a),Ub(b),d.head.appendChild(b)))}}
+function Do(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+wc(d)+'"][href="'+wc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=Ko(a)}if(!yo.has(f)&&(a=C({rel:"modulepreload",href:a},b),yo.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(Mo(f)))return}d=c.createElement("link");
+Ri(d,"link",a);Ub(d);c.head.appendChild(d)}}}
+function Eo(a,b,c){var d=document;if(a){var e=Tb(d).hoistableStyles,f=Jo(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(Lo(f)))h.loading=5;else{a=C({rel:"stylesheet",href:a,"data-precedence":b},c);(c=yo.get(f))&&No(a,c);var k=g=d.createElement("link");Ub(k);Ri(k,"link",a);k._p=new Promise(function(n,u){k.onload=n;k.onerror=u});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;Oo(g,b,d)}g=
+{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function Fo(a,b){var c=document;if(a){var d=Tb(c).hoistableScripts,e=Ko(a),f=d.get(e);f||(f=c.querySelector(Mo(e)),f||(a=C({src:a,async:!0},b),(b=yo.get(e))&&Po(a,b),f=c.createElement("script"),Ub(f),Ri(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function Go(a,b){var c=document;if(a){var d=Tb(c).hoistableScripts,e=Ko(a),f=d.get(e);f||(f=c.querySelector(Mo(e)),f||(a=C({src:a,async:!0,type:"module"},b),(b=yo.get(e))&&Po(a,b),f=c.createElement("script"),Ub(f),Ri(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function rl(a,b,c){b=(b=Ka.current)?bk(b):null;if(!b)throw Error(t(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=Jo(c.href),b=Tb(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=Jo(c.href);var d=Tb(b).hoistableStyles,e=d.get(a);
+e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),yo.has(a)||Qo(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=Ko(c.src),b=Tb(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
+instance:null,count:0,state:null};default:throw Error(t(444,a));}}function Jo(a){return'href="'+wc(a)+'"'}function Lo(a){return'link[rel="stylesheet"]['+a+"]"}function Ro(a){return C({},a,{"data-precedence":a.precedence,precedence:null})}
+function Qo(a,b,c,d){yo.set(b,c);a.querySelector(Lo(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),Ri(b,"link",c),Ub(b),a.head.appendChild(b)))}function Ko(a){return'[src="'+wc(a)+'"]'}function Mo(a){return"script[async]"+a}
+function Yj(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+wc(c.href)+'"]');if(d)return b.instance=d,Ub(d),d;var e=C({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");Ub(d);Ri(d,"style",e);Oo(d,c.precedence,a);return b.instance=d;case "stylesheet":e=Jo(c.href);var f=a.querySelector(Lo(e));if(f)return b.state.loading|=4,b.instance=f,Ub(f),f;d=Ro(c);(e=yo.get(e))&&
+No(d,e);f=(a.ownerDocument||a).createElement("link");Ub(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});Ri(f,"link",d);b.state.loading|=4;Oo(f,c.precedence,a);return b.instance=f;case "script":f=Ko(c.src);if(e=a.querySelector(Mo(f)))return b.instance=e,Ub(e),e;d=c;if(e=yo.get(f))d=C({},c),Po(d,e);a=a.ownerDocument||a;e=a.createElement("script");Ub(e);Ri(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(t(443,b.type));}else"stylesheet"===
+b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,Oo(d,c.precedence,a));return b.instance}function Oo(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
+function No(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function Po(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var ak=null;
+function Wj(a,b,c){if(null===ak){var d=new Map;var e=ak=new Map;e.set(c,d)}else e=ak,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Mb]||f[Eb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
+function Xj(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
+function tl(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
+var Tk=null;function Uk(){}
+function ok(a,b,c){if(null===Tk)throw Error(t(475));var d=Tk;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=Jo(c.href),f=a.querySelector(Lo(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=So.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;Ub(f);return}f=a.ownerDocument||a;c=Ro(c);(e=yo.get(e))&&No(c,e);f=f.createElement("link");Ub(f);var g=f;g._p=new Promise(function(h,
+k){g.onload=h;g.onerror=k});Ri(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=So.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
+function Vk(){if(null===Tk)throw Error(t(475));var a=Tk;a.stylesheets&&0===a.count&&To(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&To(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function So(){this.count--;if(0===this.count)if(this.stylesheets)To(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var Uo=null;
+function To(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,Uo=new Map,b.forEach(Vo,a),Uo=null,So.call(a))}
+function Vo(a,b){if(!(b.state.loading&4)){var c=Uo.get(a);if(c)var d=c.get(null);else{c=new Map;Uo.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set(g.dataset.precedence,g),d=g}d&&c.set(null,d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get(g)||d;f===d&&c.set(null,e);c.set(g,e);this.count++;d=So.bind(this);e.addEventListener("load",d);e.addEventListener("error",
+d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var Wo=ca.Dispatcher;"undefined"!==typeof document&&(Wo.current=Ho);var Xo="function"===typeof reportError?reportError:function(a){console.error(a)};function Yo(a){this._internalRoot=a}Zo.prototype.render=Yo.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(t(409));zl(a,b,null,null)};
+Zo.prototype.unmount=Yo.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Xk(function(){zl(null,a,null,null)});b[Hb]=null}};function Zo(a){this._internalRoot=a}Zo.prototype.unstable_scheduleHydration=function(a){if(a){var b=G;a={blockedOn:null,target:a,priority:b};for(var c=0;c<Dm.length&&0!==b&&b<Dm[c].priority;c++);Dm.splice(c,0,a);0===c&&Im(a)}};function $o(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
+function ap(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function bp(){}
+function cp(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=Al(g);f.call(n)}}var g=yl(b,d,a,0,null,!1,!1,"",bp,null,null);a._reactRootContainer=g;a[Hb]=g.current;Ti(8===a.nodeType?a.parentNode:a);Xk();return g}tj(a);if("function"===typeof d){var h=d;d=function(){var n=Al(k);h.call(n)}}var k=vl(a,0,!1,null,null,!1,!1,"",bp,null,null);a._reactRootContainer=k;a[Hb]=k.current;Ti(8===a.nodeType?a.parentNode:a);Xk(function(){zl(b,k,c,d)});return k}
+function dp(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=Al(g);h.call(k)}}zl(b,g,a,e)}else g=cp(c,b,a,e,d);return Al(g)}function ep(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var fp=ca.Dispatcher;ca.Events=[Qb,Rb,Sb,Pc,Qc,Wk];var gp={findFiberByHostInstance:Ob,bundleType:0,version:"18.3.0-experimental-14898b6a9-20240318",rendererPackageName:"react-dom"};
+var hp={bundleType:gp.bundleType,version:gp.version,rendererPackageName:gp.rendererPackageName,rendererConfig:gp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=Vc(a);return null===a?null:a.stateNode},findFiberByHostInstance:gp.findFiberByHostInstance||
+Fl,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-experimental-14898b6a9-20240318"};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ip=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ip.isDisabled&&ip.supportsFiber)try{fb=ip.inject(hp),gb=ip}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;
+exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!$o(b))throw Error(t(299));return wl(a,b,null,c)};
+exports.createRoot=function(a,b){if(!$o(a))throw Error(t(299));var c=!1,d="",e=Xo,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=vl(a,1,!1,null,null,c,!1,d,e,f,null);a[Hb]=b.current;Wo.current=Ho;Ti(8===a.nodeType?a.parentNode:a);return new Yo(b)};
+exports.experimental_useFormState=function(a,b,c){return ja(a,b,c)};exports.experimental_useFormStatus=function(){return ia()};exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(t(188));a=Object.keys(a).join(",");throw Error(t(268,a));}a=Vc(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return Xk(a)};
+exports.hydrate=function(a,b,c){if(!ap(b))throw Error(t(299));return dp(null,a,b,!0,c)};
+exports.hydrateRoot=function(a,b,c){if(!$o(a))throw Error(t(299));var d=!1,e="",f=Xo,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=yl(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Hb]=b.current;Wo.current=Ho;Ti(a);return new Zo(b)};
+exports.preconnect=function(a,b){var c=fp.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=fp.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
+exports.preinit=function(a,b){var c=fp.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=ep(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
+exports.preinitModule=function(a,b){var c=fp.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=ep(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
+exports.preload=function(a,b){var c=fp.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=ep(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
+typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=fp.current;if(c&&"string"===typeof a)if(b){var d=ep(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!ap(b))throw Error(t(299));return dp(null,a,b,!1,c)};
+exports.unmountComponentAtNode=function(a){if(!ap(a))throw Error(t(299));return a._reactRootContainer?(Xk(function(){dp(null,null,a,!1,function(){a._reactRootContainer=null;a[Hb]=null})}),!0):!1};exports.unstable_batchedUpdates=Wk;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!ap(c))throw Error(t(299));if(null==a||void 0===a._reactInternals)throw Error(t(38));return dp(a,b,c,!1,d)};exports.unstable_runWithPriority=Ab;exports.useFormState=ja;exports.useFormStatus=ia;
+exports.version="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.js
index 1e37b3cb495151..2076968349f86a 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.js
@@ -34,10 +34,14 @@ const Internals = {
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
@@ -61,7 +65,7 @@ const assign = Object.assign;
 
 const enableClientRenderFallbackOnTextMismatch = true;
 const enableFormActions = true;
-const enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+const enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -84,18 +88,6 @@ const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature
 const alwaysThrottleRetries = true;
 const syncLaneExpirationMs = 250;
 const transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
-//
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
-// -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
-
-const createRootStrictEffectsByDefault = false;
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -104,7 +96,7 @@ const createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-const disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
+const disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -195,9 +187,10 @@ const REACT_PORTAL_TYPE = Symbol.for('react.portal');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -209,7 +202,6 @@ const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
 const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
 const REACT_CACHE_TYPE = Symbol.for('react.cache');
 const REACT_TRACING_MARKER_TYPE = Symbol.for('react.tracing_marker');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -248,9 +240,7 @@ const HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -470,6 +460,10 @@ const UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
 const NormalPriority$1 = Scheduler.unstable_NormalPriority;
 const LowPriority = Scheduler.unstable_LowPriority;
 const IdlePriority = Scheduler.unstable_IdlePriority; // this doesn't actually exist on the scheduler, but it *does*
+// on scheduler/unstable_mock, which we'll need for internal testing
+
+const log$1 = Scheduler.log;
+const unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue;
 
 let rendererID = null;
 let injectedHook = null;
@@ -573,6 +567,23 @@ function onCommitUnmount(fiber) {
     }
   }
 }
+function setIsStrictModeForDevtools(newIsStrictMode) {
+  {
+    if (typeof log$1 === 'function') {
+      // We're in a test because Scheduler.log only exists
+      // in SchedulerMock. To reduce the noise in strict mode tests,
+      // suppress warnings and disable scheduler yielding during the double render
+      unstable_setDisableYieldValue(newIsStrictMode);
+    }
+
+    if (injectedHook && typeof injectedHook.setStrictMode === 'function') {
+      try {
+        injectedHook.setStrictMode(rendererID, newIsStrictMode);
+      } catch (err) {
+      }
+    }
+  }
+} // Profiler API hooks
 
 function injectProfilingHooks(profilingHooks) {
   injectedProfilingHooks = profilingHooks;
@@ -1408,7 +1419,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1445,7 +1456,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -2130,7 +2141,7 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
 }
 
 let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -2146,6 +2157,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 let reentry = false;
 let componentFrameCache;
 /**
@@ -2358,12 +2372,12 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -2408,7 +2422,10 @@ function getStackByFiberInDevAndProd(workInProgress) {
     let node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (false) ; // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -2485,13 +2502,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -2517,13 +2544,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          const context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
@@ -2549,12 +2569,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      const context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        const context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      const provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        const provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3784,7 +3808,7 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (const key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
+    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
 
@@ -4260,18 +4284,19 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
-
+  } // Validate that this is ok to render here before any mismatches.
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4282,6 +4307,7 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4294,15 +4320,12 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4315,6 +4338,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   const text = fiber.pendingProps;
   const isHydratable = isHydratableText(text);
+
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
@@ -4322,11 +4346,13 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4337,6 +4363,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4349,15 +4376,12 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4405,11 +4429,6 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
-
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -4830,2416 +4849,2476 @@ function getRootForUpdatedFiber(sourceFiber) {
   return node.tag === HostRoot ? node.stateNode : null;
 }
 
-const UpdateState = 0;
-const ReplaceState = 1;
-const ForceUpdate = 2;
-const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
-
-let hasForceUpdate = false;
-
-function initializeUpdateQueue(fiber) {
-  const queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      lanes: NoLanes,
-      hiddenCallbacks: null
-    },
-    callbacks: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  const queue = workInProgress.updateQueue;
-  const currentQueue = current.updateQueue;
-
-  if (queue === currentQueue) {
-    const clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      callbacks: null
-    };
-    workInProgress.updateQueue = clone;
-  }
-}
-function createUpdate(lane) {
-  const update = {
-    lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
-}
-function enqueueUpdate(fiber, update, lane) {
-  const updateQueue = fiber.updateQueue;
-
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
-  }
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
 
-  const sharedQueue = updateQueue.shared;
+let firstScheduledRoot = null;
+let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    const pending = sharedQueue.pending;
+let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
+let mightHavePendingSyncWork = false;
+let isFlushingWork = false;
+let currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
     } else {
-      update.next = pending.next;
-      pending.next = update;
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
     }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
 
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
   }
 }
-function entangleTransitions(root, fiber, lane) {
-  const updateQueue = fiber.updateQueue;
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
     return;
   }
 
-  const sharedQueue = updateQueue.shared;
-
-  if (isTransitionLane(lane)) {
-    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
 
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
 
-    const newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
+  let didPerformSomeWork;
+  let errors = null;
+  isFlushingWork = true;
 
-    markRootEntangled(root, newQueueLanes);
-  }
-}
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
+  do {
+    didPerformSomeWork = false;
+    let root = firstScheduledRoot;
 
-  const current = workInProgress.alternate;
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        const workInProgressRoot = getWorkInProgressRoot();
+        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
 
-  if (current !== null) {
-    const currentQueue = current.updateQueue;
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
 
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      let newFirst = null;
-      let newLast = null;
-      const firstBaseUpdate = queue.firstBaseUpdate;
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
 
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        let update = firstBaseUpdate;
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
 
-        do {
-          const clone = {
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
-
-
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
-
-
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
-        }
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
       } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
-      }
+        for (let i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        callbacks: currentQueue.callbacks
-      };
-      workInProgress.updateQueue = queue;
-      return;
+        const firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      const error = errors[0];
+      throw error;
     }
-  } // Append the update to the end of the list.
-
-
-  const lastBaseUpdate = queue.lastBaseUpdate;
-
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
   }
-
-  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-  switch (update.tag) {
-    case ReplaceState:
-      {
-        const payload = update.payload;
-
-        if (typeof payload === 'function') {
-
-          const nextState = payload.call(instance, prevState, nextProps);
-
-          return nextState;
-        } // State object
+function throwError(error) {
+  throw error;
+}
 
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
 
-        return payload;
-      }
 
-    case CaptureUpdate:
-      {
-        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
-      }
-    // Intentional fallthrough
+  mightHavePendingSyncWork = false;
+  const currentTime = now$1();
+  let prev = null;
+  let root = firstScheduledRoot;
 
-    case UpdateState:
-      {
-        const payload = update.payload;
-        let partialState;
+  while (root !== null) {
+    const next = root.next;
 
-        if (typeof payload === 'function') {
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
 
-          partialState = payload.call(instance, prevState, nextProps);
-        } else {
-          // Partial state object
-          partialState = payload;
-        }
+    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
-        if (partialState === null || partialState === undefined) {
-          // Null and undefined are treated as no-ops.
-          return prevState;
-        } // Merge the partial state and the previous state.
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
 
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
 
-        return assign({}, prevState, partialState);
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
       }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
 
-    case ForceUpdate:
-      {
-        hasForceUpdate = true;
-        return prevState;
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
       }
+    }
+
+    root = next;
   }
 
-  return prevState;
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
 }
 
-function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
-  const queue = workInProgress.updateQueue;
-  hasForceUpdate = false;
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
 
-  let firstBaseUpdate = queue.firstBaseUpdate;
-  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+  const workInProgressRoot = getWorkInProgressRoot();
+  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  const existingCallbackNode = root.callbackNode;
 
-  let pendingQueue = queue.shared.pending;
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
 
-  if (pendingQueue !== null) {
-    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
-    // and last so that it's non-circular.
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
 
-    const lastPendingUpdate = pendingQueue;
-    const firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null; // Append pending updates to base queue
 
-    if (lastBaseUpdate === null) {
-      firstBaseUpdate = firstPendingUpdate;
-    } else {
-      lastBaseUpdate.next = firstPendingUpdate;
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
     }
 
-    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
-    // we need to transfer the updates to that queue, too. Because the base
-    // queue is a singly-linked list with no cycles, we can append to both
-    // lists and take advantage of structural sharing.
-    // TODO: Pass `current` as argument
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    const existingCallbackPriority = root.callbackPriority;
+    const newCallbackPriority = getHighestPriorityLane(nextLanes);
 
-    const current = workInProgress.alternate;
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(false  )) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
 
-    if (current !== null) {
-      // This is always non-null on a ClassComponent or HostRoot
-      const currentQueue = current.updateQueue;
-      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
+    let schedulerPriorityLevel;
 
-      if (currentLastBaseUpdate !== lastBaseUpdate) {
-        if (currentLastBaseUpdate === null) {
-          currentQueue.firstBaseUpdate = firstPendingUpdate;
-        } else {
-          currentLastBaseUpdate.next = firstPendingUpdate;
-        }
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
 
-        currentQueue.lastBaseUpdate = lastPendingUpdate;
-      }
-    }
-  } // These values may change as we process the queue.
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
 
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
 
-  if (firstBaseUpdate !== null) {
-    // Iterate through the list of updates to compute the result.
-    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-    // from the original lanes.
-
-    let newLanes = NoLanes;
-    let newBaseState = null;
-    let newFirstBaseUpdate = null;
-    let newLastBaseUpdate = null;
-    let update = firstBaseUpdate;
-
-    do {
-      // An extra OffscreenLane bit is added to updates that were made to
-      // a hidden tree, so that we can distinguish them from updates that were
-      // already there when the tree was hidden.
-      const updateLane = removeLanes(update.lane, OffscreenLane);
-      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
-      // it's not a "base" update and we should disregard the extra base lanes
-      // that were added to renderLanes when we entered the Offscreen tree.
-
-      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
 
-      if (shouldSkipUpdate) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        const clone = {
-          lane: updateLane,
-          tag: update.tag,
-          payload: update.payload,
-          callback: update.callback,
-          next: null
-        };
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
 
-        if (newLastBaseUpdate === null) {
-          newFirstBaseUpdate = newLastBaseUpdate = clone;
-          newBaseState = newState;
-        } else {
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Update the remaining priority in the queue.
+    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
 
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
 
-        newLanes = mergeLanes(newLanes, updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newLastBaseUpdate !== null) {
-          const clone = {
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Process this update.
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
 
+  return null;
+}
 
-        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
-        const callback = update.callback;
+function scheduleCallback$2(priorityLevel, callback) {
+  {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
 
-        if (callback !== null) {
-          workInProgress.flags |= Callback;
+function cancelCallback(callbackNode) {
+  if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
 
-          if (isHiddenUpdate) {
-            workInProgress.flags |= Visibility;
-          }
+function scheduleImmediateTask(cb) {
+  // Alternatively, can we move this check to the host config?
 
-          const callbacks = queue.callbacks;
 
-          if (callbacks === null) {
-            queue.callbacks = [callback];
-          } else {
-            callbacks.push(callback);
-          }
-        }
-      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+  {
+    scheduleMicrotask(() => {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      const executionContext = getExecutionContext();
 
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
 
-      update = update.next;
+      cb();
+    });
+  }
+}
 
-      if (update === null) {
-        pendingQueue = queue.shared.pending;
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
 
-        if (pendingQueue === null) {
-          break;
-        } else {
-          // An update was scheduled from inside a reducer. Add the new
-          // pending updates to the end of the list and keep processing.
-          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-          // unravel them when transferring them to the base queue.
+  return currentEventTransitionLane;
+}
 
-          const firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = null;
-          update = firstPendingUpdate;
-          queue.lastBaseUpdate = lastPendingUpdate;
-          queue.shared.pending = null;
-        }
-      }
-    } while (true);
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
 
-    if (newLastBaseUpdate === null) {
-      newBaseState = newState;
-    }
+let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
 
-    queue.baseState = newBaseState;
-    queue.firstBaseUpdate = newFirstBaseUpdate;
-    queue.lastBaseUpdate = newLastBaseUpdate;
+let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
 
-    if (firstBaseUpdate === null) {
-      // `queue.lanes` is used for entangling transitions. We can set it back to
-      // zero once the queue is empty.
-      queue.shared.lanes = NoLanes;
-    } // Set the remaining expiration time to be whatever is remaining in the queue.
-    // This should be fine because the only two other things that contribute to
-    // expiration time are props and context. We're already in the middle of the
-    // begin phase by the time we start processing the queue, so we've already
-    // dealt with the props. Context in components that specify
-    // shouldComponentUpdate is tricky; but we'll have to account for
-    // that regardless.
+let currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
 
+let currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    const entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    const entangledThenable = {
+      status: 'pending',
+      value: undefined,
 
-    markSkippedUpdateLanes(newLanes);
-    workInProgress.lanes = newLanes;
-    workInProgress.memoizedState = newState;
-  }
-}
+      then(resolve) {
+        entangledListeners.push(resolve);
+      }
 
-function callCallback(callback, context) {
-  if (typeof callback !== 'function') {
-    throw Error(formatProdErrorMessage(191, callback));
+    };
+    currentEntangledActionThenable = entangledThenable;
   }
 
-  callback.call(context);
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
 }
 
-function resetHasForceUpdateBeforeProcessing() {
-  hasForceUpdate = false;
-}
-function checkHasForceUpdateAfterProcessing() {
-  return hasForceUpdate;
-}
-function deferHiddenCallbacks(updateQueue) {
-  // When an update finishes on a hidden component, its callback should not
-  // be fired until/unless the component is made visible again. Stash the
-  // callback on the shared queue object so it can be fired later.
-  const newHiddenCallbacks = updateQueue.callbacks;
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      const fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
 
-  if (newHiddenCallbacks !== null) {
-    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+    const listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
 
-    if (existingHiddenCallbacks === null) {
-      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
-    } else {
-      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener();
     }
   }
 }
-function commitHiddenCallbacks(updateQueue, context) {
-  // This component is switching from hidden -> visible. Commit any callbacks
-  // that were previously deferred.
-  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-  if (hiddenCallbacks !== null) {
-    updateQueue.shared.hiddenCallbacks = null;
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  const listeners = [];
+  const thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
 
-    for (let i = 0; i < hiddenCallbacks.length; i++) {
-      const callback = hiddenCallbacks[i];
-      callCallback(callback, context);
+    then(resolve) {
+      listeners.push(resolve);
     }
-  }
-}
-function commitCallbacks(updateQueue, context) {
-  const callbacks = updateQueue.callbacks;
 
-  if (callbacks !== null) {
-    updateQueue.callbacks = null;
+  };
+  thenable.then(value => {
+    const fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
 
-    for (let i = 0; i < callbacks.length; i++) {
-      const callback = callbacks[i];
-      callCallback(callback, context);
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener(result);
     }
-  }
+  }, error => {
+    const rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
+
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
+
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
+}
+function peekEntangledActionLane() {
+  return currentEntangledLane;
+}
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
 }
 
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
+const UpdateState = 0;
+const ReplaceState = 1;
+const ForceUpdate = 2;
+const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
 
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) {
-    return true;
+let hasForceUpdate = false;
+
+function initializeUpdateQueue(fiber) {
+  const queue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: {
+      pending: null,
+      lanes: NoLanes,
+      hiddenCallbacks: null
+    },
+    callbacks: null
+  };
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  const queue = workInProgress.updateQueue;
+  const currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    const clone = {
+      baseState: currentQueue.baseState,
+      firstBaseUpdate: currentQueue.firstBaseUpdate,
+      lastBaseUpdate: currentQueue.lastBaseUpdate,
+      shared: currentQueue.shared,
+      callbacks: null
+    };
+    workInProgress.updateQueue = clone;
   }
+}
+function createUpdate(lane) {
+  const update = {
+    lane,
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+    next: null
+  };
+  return update;
+}
+function enqueueUpdate(fiber, update, lane) {
+  const updateQueue = fiber.updateQueue;
 
-  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-    return false;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return null;
   }
 
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
+  const sharedQueue = updateQueue.shared;
 
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // Test for A's keys different from B.
+  if (isUnsafeClassRenderPhaseUpdate()) {
+    // This is an unsafe render phase update. Add directly to the update
+    // queue so we can process it immediately during the current render.
+    const pending = sharedQueue.pending;
 
+    if (pending === null) {
+      // This is the first update. Create a circular list.
+      update.next = update;
+    } else {
+      update.next = pending.next;
+      pending.next = update;
+    }
 
-  for (let i = 0; i < keysA.length; i++) {
-    const currentKey = keysA[i];
+    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+    // this fiber. This is for backwards compatibility in the case where you
+    // update a different component during render phase than the one that is
+    // currently renderings (a pattern that is accompanied by a warning).
 
-    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
-    !objectIs(objA[currentKey], objB[currentKey])) {
-      return false;
-    }
+    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+  } else {
+    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
   }
-
-  return true;
 }
+function entangleTransitions(root, fiber, lane) {
+  const updateQueue = fiber.updateQueue;
 
-// detect this is caught by userspace, we'll log a warning in development.
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
+  }
 
-const SuspenseException = Error(formatProdErrorMessage(460));
-const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
-// TODO: It would be better to refactor throwException into multiple functions
-// so we can trigger a fallback directly without having to check the type. But
-// for now this will do.
+  const sharedQueue = updateQueue.shared;
 
-const noopSuspenseyCommitThenable = {
-  then() {
-  }
+  if (isTransitionLane(lane)) {
+    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+    // have finished. We can remove them from the shared queue, which represents
+    // a superset of the actually pending lanes. In some cases we may entangle
+    // more than we need to, but that's OK. In fact it's worse if we *don't*
+    // entangle when we should.
 
-};
-function createThenableState() {
-  // The ThenableState is created the first time a component suspends. If it
-  // suspends again, we'll reuse the same state.
-  return [];
-}
-function isThenableResolved(thenable) {
-  const status = thenable.status;
-  return status === 'fulfilled' || status === 'rejected';
+    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+    const newQueueLanes = mergeLanes(queueLanes, lane);
+    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+    // the lane finished since the last time we entangled it. So we need to
+    // entangle it again, just to be sure.
+
+    markRootEntangled(root, newQueueLanes);
+  }
 }
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  // Captured updates are updates that are thrown by a child during the render
+  // phase. They should be discarded if the render is aborted. Therefore,
+  // we should only put them on the work-in-progress queue, not the current one.
+  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-function noop$2() {}
+  const current = workInProgress.alternate;
 
-function trackUsedThenable(thenableState, thenable, index) {
+  if (current !== null) {
+    const currentQueue = current.updateQueue;
 
-  const previous = thenableState[index];
+    if (queue === currentQueue) {
+      // The work-in-progress queue is the same as current. This happens when
+      // we bail out on a parent fiber that then captures an error thrown by
+      // a child. Since we want to append the update only to the work-in
+      // -progress queue, we need to clone the updates. We usually clone during
+      // processUpdateQueue, but that didn't happen in this case because we
+      // skipped over the parent when we bailed out.
+      let newFirst = null;
+      let newLast = null;
+      const firstBaseUpdate = queue.firstBaseUpdate;
 
-  if (previous === undefined) {
-    thenableState.push(thenable);
-  } else {
-    if (previous !== thenable) {
-      // Reuse the previous thenable, and drop the new one. We can assume
-      // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
-      // intentionally ignore.
-      thenable.then(noop$2, noop$2);
-      thenable = previous;
-    }
-  } // We use an expando to track the status and result of a thenable so that we
-  // can synchronously unwrap the value. Think of this as an extension of the
-  // Promise API, or a custom interface that is a superset of Thenable.
-  //
-  // If the thenable doesn't have a status, set it to "pending" and attach
-  // a listener that will update its status and result when it resolves.
+      if (firstBaseUpdate !== null) {
+        // Loop through the updates and clone them.
+        let update = firstBaseUpdate;
 
+        do {
+          const clone = {
+            lane: update.lane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
 
-  switch (thenable.status) {
-    case 'fulfilled':
-      {
-        const fulfilledValue = thenable.value;
-        return fulfilledValue;
-      }
+          if (newLast === null) {
+            newFirst = newLast = clone;
+          } else {
+            newLast.next = clone;
+            newLast = clone;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    case 'rejected':
-      {
-        const rejectedError = thenable.reason;
-        checkIfUseWrappedInAsyncCatch(rejectedError);
-        throw rejectedError;
-      }
 
-    default:
-      {
-        if (typeof thenable.status === 'string') {
-          // Only instrument the thenable if the status if not defined. If
-          // it's defined, but an unknown value, assume it's been instrumented by
-          // some custom userspace implementation. We treat it as "pending".
-          // Attach a dummy listener, to ensure that any lazy initialization can
-          // happen. Flight lazily parses JSON when the value is actually awaited.
-          thenable.then(noop$2, noop$2);
-        } else {
-          // This is an uncached thenable that we haven't seen before.
-          // Detect infinite ping loops caused by uncached promises.
-          const root = getWorkInProgressRoot();
+          update = update.next;
+        } while (update !== null); // Append the captured update the end of the cloned list.
 
-          if (root !== null && root.shellSuspendCounter > 100) {
-            // This root has suspended repeatedly in the shell without making any
-            // progress (i.e. committing something). This is highly suggestive of
-            // an infinite ping loop, often caused by an accidental Async Client
-            // Component.
-            //
-            // During a transition, we can suspend the work loop until the promise
-            // to resolve, but this is a sync render, so that's not an option. We
-            // also can't show a fallback, because none was provided. So our last
-            // resort is to throw an error.
-            //
-            // TODO: Remove this error in a future release. Other ways of handling
-            // this case include forcing a concurrent render, or putting the whole
-            // root into offscreen mode.
-            throw Error(formatProdErrorMessage(482));
-          }
 
-          const pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(fulfilledValue => {
-            if (thenable.status === 'pending') {
-              const fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, error => {
-            if (thenable.status === 'pending') {
-              const rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously.
-
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                const fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
-
-            case 'rejected':
-              {
-                const rejectedThenable = thenable;
-                const rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(rejectedError);
-                throw rejectedError;
-              }
-          }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
-
-
-        suspendedThenable = thenable;
-
-        throw SuspenseException;
+        if (newLast === null) {
+          newFirst = newLast = capturedUpdate;
+        } else {
+          newLast.next = capturedUpdate;
+          newLast = capturedUpdate;
+        }
+      } else {
+        // There are no base updates.
+        newFirst = newLast = capturedUpdate;
       }
-  }
-}
-function suspendCommit() {
-  // This extra indirection only exists so it can handle passing
-  // noopSuspenseyCommitThenable through to throwException.
-  // TODO: Factor the thenable check out of throwException
-  suspendedThenable = noopSuspenseyCommitThenable;
-  throw SuspenseyCommitException;
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
-
-let suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw Error(formatProdErrorMessage(459));
-  }
-
-  const thenable = suspendedThenable;
-  suspendedThenable = null;
 
-  return thenable;
-}
-function checkIfUseWrappedInAsyncCatch(rejectedReason) {
-  // This check runs in prod, too, because it prevents a more confusing
-  // downstream error, where SuspenseException is caught by a promise and
-  // thrown asynchronously.
-  // TODO: Another way to prevent SuspenseException from leaking into an async
-  // execution context is to check the dispatcher every time `use` is called,
-  // or some equivalent. That might be preferable for other reasons, too, since
-  // it matches how we prevent similar mistakes for other hooks.
-  if (rejectedReason === SuspenseException) {
-    throw Error(formatProdErrorMessage(483));
-  }
-}
+      queue = {
+        baseState: currentQueue.baseState,
+        firstBaseUpdate: newFirst,
+        lastBaseUpdate: newLast,
+        shared: currentQueue.shared,
+        callbacks: currentQueue.callbacks
+      };
+      workInProgress.updateQueue = queue;
+      return;
+    }
+  } // Append the update to the end of the list.
 
-let thenableState$1 = null;
-let thenableIndexCounter$1 = 0;
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter$1;
-  thenableIndexCounter$1 += 1;
+  const lastBaseUpdate = queue.lastBaseUpdate;
 
-  if (thenableState$1 === null) {
-    thenableState$1 = createThenableState();
+  if (lastBaseUpdate === null) {
+    queue.firstBaseUpdate = capturedUpdate;
+  } else {
+    lastBaseUpdate.next = capturedUpdate;
   }
 
-  return trackUsedThenable(thenableState$1, thenable, index);
+  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function coerceRef(returnFiber, current, element) {
-  const mixedRef = element.ref;
+function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+  switch (update.tag) {
+    case ReplaceState:
+      {
+        const payload = update.payload;
 
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+        if (typeof payload === 'function') {
 
-    if (element._owner) {
-      const owner = element._owner;
-      let inst;
+          const nextState = payload.call(instance, prevState, nextProps);
 
-      if (owner) {
-        const ownerFiber = owner;
+          return nextState;
+        } // State object
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw Error(formatProdErrorMessage(309));
-        }
 
-        inst = ownerFiber.stateNode;
+        return payload;
       }
 
-      if (!inst) {
-        throw Error(formatProdErrorMessage(147, mixedRef));
-      } // Assigning this to a const so Flow knows it won't change in the closure
-
-
-      const resolvedInst = inst;
-
-      const stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
-
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
+    case CaptureUpdate:
+      {
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
       }
+    // Intentional fallthrough
+
+    case UpdateState:
+      {
+        const payload = update.payload;
+        let partialState;
 
-      const ref = function (value) {
-        const refs = resolvedInst.refs;
+        if (typeof payload === 'function') {
 
-        if (value === null) {
-          delete refs[stringRef];
+          partialState = payload.call(instance, prevState, nextProps);
         } else {
-          refs[stringRef] = value;
+          // Partial state object
+          partialState = payload;
         }
-      };
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw Error(formatProdErrorMessage(284));
+        if (partialState === null || partialState === undefined) {
+          // Null and undefined are treated as no-ops.
+          return prevState;
+        } // Merge the partial state and the previous state.
+
+
+        return assign({}, prevState, partialState);
       }
 
-      if (!element._owner) {
-        throw Error(formatProdErrorMessage(290, mixedRef));
+    case ForceUpdate:
+      {
+        hasForceUpdate = true;
+        return prevState;
       }
-    }
   }
 
-  return mixedRef;
-}
-
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  // $FlowFixMe[method-unbinding]
-  const childString = Object.prototype.toString.call(newChild);
-  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+  return prevState;
 }
 
-function resolveLazy(lazyType) {
-  const payload = lazyType._payload;
-  const init = lazyType._init;
-  return init(payload);
-} // This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
-
+let didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
 
-function createChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
-
-    const deletions = returnFiber.deletions;
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    const entangledActionThenable = peekEntangledActionThenable();
 
-    if (deletions === null) {
-      returnFiber.deletions = [childToDelete];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(childToDelete);
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
     }
   }
+}
+function processUpdateQueue(workInProgress, props, instance, renderLanes) {
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
-
-
-    let childToDelete = currentFirstChild;
+  const queue = workInProgress.updateQueue;
+  hasForceUpdate = false;
 
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
-    }
+  let firstBaseUpdate = queue.firstBaseUpdate;
+  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
 
-    return null;
-  }
+  let pendingQueue = queue.shared.pending;
 
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // Add the remaining children to a temporary map so that we can find them by
-    // keys quickly. Implicit (null) keys get added to this set with their index
-    // instead.
-    const existingChildren = new Map();
-    let existingChild = currentFirstChild;
+  if (pendingQueue !== null) {
+    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
+    // and last so that it's non-circular.
 
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
+    const lastPendingUpdate = pendingQueue;
+    const firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null; // Append pending updates to base queue
 
-      existingChild = existingChild.sibling;
+    if (lastBaseUpdate === null) {
+      firstBaseUpdate = firstPendingUpdate;
+    } else {
+      lastBaseUpdate.next = firstPendingUpdate;
     }
 
-    return existingChildren;
-  }
+    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
+    // we need to transfer the updates to that queue, too. Because the base
+    // queue is a singly-linked list with no cycles, we can append to both
+    // lists and take advantage of structural sharing.
+    // TODO: Pass `current` as argument
 
-  function useFiber(fiber, pendingProps) {
-    // We currently set sibling to null and index to 0 here because it is easy
-    // to forget to do before returning it. E.g. for the single child case.
-    const clone = createWorkInProgress(fiber, pendingProps);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
-  }
+    const current = workInProgress.alternate;
 
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
+    if (current !== null) {
+      // This is always non-null on a ClassComponent or HostRoot
+      const currentQueue = current.updateQueue;
+      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-    if (!shouldTrackSideEffects) {
-      // During hydration, the useId algorithm needs to know which fibers are
-      // part of a list of children (arrays, iterators).
-      newFiber.flags |= Forked;
-      return lastPlacedIndex;
+      if (currentLastBaseUpdate !== lastBaseUpdate) {
+        if (currentLastBaseUpdate === null) {
+          currentQueue.firstBaseUpdate = firstPendingUpdate;
+        } else {
+          currentLastBaseUpdate.next = firstPendingUpdate;
+        }
+
+        currentQueue.lastBaseUpdate = lastPendingUpdate;
+      }
     }
+  } // These values may change as we process the queue.
 
-    const current = newFiber.alternate;
 
-    if (current !== null) {
-      const oldIndex = current.index;
+  if (firstBaseUpdate !== null) {
+    // Iterate through the list of updates to compute the result.
+    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+    // from the original lanes.
 
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.flags |= Placement | PlacementDEV;
-        return lastPlacedIndex;
+    let newLanes = NoLanes;
+    let newBaseState = null;
+    let newFirstBaseUpdate = null;
+    let newLastBaseUpdate = null;
+    let update = firstBaseUpdate;
+
+    do {
+      // An extra OffscreenLane bit is added to updates that were made to
+      // a hidden tree, so that we can distinguish them from updates that were
+      // already there when the tree was hidden.
+      const updateLane = removeLanes(update.lane, OffscreenLane);
+      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+      // it's not a "base" update and we should disregard the extra base lanes
+      // that were added to renderLanes when we entered the Offscreen tree.
+
+      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
+
+      if (shouldSkipUpdate) {
+        // Priority is insufficient. Skip this update. If this is the first
+        // skipped update, the previous update/state is the new base
+        // update/state.
+        const clone = {
+          lane: updateLane,
+          tag: update.tag,
+          payload: update.payload,
+          callback: update.callback,
+          next: null
+        };
+
+        if (newLastBaseUpdate === null) {
+          newFirstBaseUpdate = newLastBaseUpdate = clone;
+          newBaseState = newState;
+        } else {
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Update the remaining priority in the queue.
+
+
+        newLanes = mergeLanes(newLanes, updateLane);
       } else {
-        // This item can stay in place.
-        return oldIndex;
+        // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
+        }
+
+        if (newLastBaseUpdate !== null) {
+          const clone = {
+            // This update is going to be committed so we never want uncommit
+            // it. Using NoLane works because 0 is a subset of all bitmasks, so
+            // this will never be skipped by the check above.
+            lane: NoLane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Process this update.
+
+
+        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
+        const callback = update.callback;
+
+        if (callback !== null) {
+          workInProgress.flags |= Callback;
+
+          if (isHiddenUpdate) {
+            workInProgress.flags |= Visibility;
+          }
+
+          const callbacks = queue.callbacks;
+
+          if (callbacks === null) {
+            queue.callbacks = [callback];
+          } else {
+            callbacks.push(callback);
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+
+      update = update.next;
+
+      if (update === null) {
+        pendingQueue = queue.shared.pending;
+
+        if (pendingQueue === null) {
+          break;
+        } else {
+          // An update was scheduled from inside a reducer. Add the new
+          // pending updates to the end of the list and keep processing.
+          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+          // unravel them when transferring them to the base queue.
+
+          const firstPendingUpdate = lastPendingUpdate.next;
+          lastPendingUpdate.next = null;
+          update = firstPendingUpdate;
+          queue.lastBaseUpdate = lastPendingUpdate;
+          queue.shared.pending = null;
+        }
       }
-    } else {
-      // This is an insertion.
-      newFiber.flags |= Placement | PlacementDEV;
-      return lastPlacedIndex;
-    }
-  }
+    } while (true);
 
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.flags |= Placement | PlacementDEV;
+    if (newLastBaseUpdate === null) {
+      newBaseState = newState;
     }
 
-    return newFiber;
+    queue.baseState = newBaseState;
+    queue.firstBaseUpdate = newFirstBaseUpdate;
+    queue.lastBaseUpdate = newLastBaseUpdate;
+
+    if (firstBaseUpdate === null) {
+      // `queue.lanes` is used for entangling transitions. We can set it back to
+      // zero once the queue is empty.
+      queue.shared.lanes = NoLanes;
+    } // Set the remaining expiration time to be whatever is remaining in the queue.
+    // This should be fine because the only two other things that contribute to
+    // expiration time are props and context. We're already in the middle of the
+    // begin phase by the time we start processing the queue, so we've already
+    // dealt with the props. Context in components that specify
+    // shouldComponentUpdate is tricky; but we'll have to account for
+    // that regardless.
+
+
+    markSkippedUpdateLanes(newLanes);
+    workInProgress.lanes = newLanes;
+    workInProgress.memoizedState = newState;
   }
+}
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
+function callCallback(callback, context) {
+  if (typeof callback !== 'function') {
+    throw Error(formatProdErrorMessage(191, callback));
+  }
+
+  callback.call(context);
+}
+
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+function deferHiddenCallbacks(updateQueue) {
+  // When an update finishes on a hidden component, its callback should not
+  // be fired until/unless the component is made visible again. Stash the
+  // callback on the shared queue object so it can be fired later.
+  const newHiddenCallbacks = updateQueue.callbacks;
+
+  if (newHiddenCallbacks !== null) {
+    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+
+    if (existingHiddenCallbacks === null) {
+      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
     } else {
-      // Update
-      const existing = useFiber(current, textContent);
-      existing.return = returnFiber;
-      return existing;
+      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
     }
   }
+}
+function commitHiddenCallbacks(updateQueue, context) {
+  // This component is switching from hidden -> visible. Commit any callbacks
+  // that were previously deferred.
+  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-  function updateElement(returnFiber, current, element, lanes) {
-    const elementType = element.type;
+  if (hiddenCallbacks !== null) {
+    updateQueue.shared.hiddenCallbacks = null;
 
-    if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
+    for (let i = 0; i < hiddenCallbacks.length; i++) {
+      const callback = hiddenCallbacks[i];
+      callCallback(callback, context);
     }
+  }
+}
+function commitCallbacks(updateQueue, context) {
+  const callbacks = updateQueue.callbacks;
 
-    if (current !== null) {
-      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-      false) || // Lazy types should reconcile their resolved type.
-      // We need to do this after the Hot Reloading check above,
-      // because hot reloading has different semantics than prod because
-      // it doesn't resuspend. So we can't let the call below suspend.
-      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
-        // Move based on index
-        const existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
-        existing.return = returnFiber;
+  if (callbacks !== null) {
+    updateQueue.callbacks = null;
 
-        return existing;
-      }
-    } // Insert
+    for (let i = 0; i < callbacks.length; i++) {
+      const callback = callbacks[i];
+      callCallback(callback, context);
+    }
+  }
+}
 
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
 
-    const created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
-    created.return = returnFiber;
-    return created;
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) {
+    return true;
   }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
-    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
-      // Insert
-      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, portal.children || []);
-      existing.return = returnFiber;
-      return existing;
-    }
+  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+    return false;
   }
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, fragment);
-      existing.return = returnFiber;
-      return existing;
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
+
+  if (keysA.length !== keysB.length) {
+    return false;
+  } // Test for A's keys different from B.
+
+
+  for (let i = 0; i < keysA.length; i++) {
+    const currentKey = keysA[i];
+
+    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
+    !objectIs(objA[currentKey], objB[currentKey])) {
+      return false;
     }
   }
 
-  function createChild(returnFiber, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    }
+  return true;
+}
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
-            created.ref = coerceRef(returnFiber, null, newChild);
-            created.return = returnFiber;
-            return created;
-          }
+function getThenablesFromState(state) {
+  {
+    const prodState = state;
+    return prodState;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
 
-        case REACT_PORTAL_TYPE:
-          {
-            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
-            created.return = returnFiber;
-            return created;
-          }
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
-          }
-      }
+const SuspenseException = Error(formatProdErrorMessage(460));
+const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
+// TODO: It would be better to refactor throwException into multiple functions
+// so we can trigger a fallback directly without having to check the type. But
+// for now this will do.
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
-        created.return = returnFiber;
-        return created;
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+const noopSuspenseyCommitThenable = {
+  then() {
+  }
 
+};
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  {
+    return [];
+  }
+}
+function isThenableResolved(thenable) {
+  const status = thenable.status;
+  return status === 'fulfilled' || status === 'rejected';
+}
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
-      }
+function noop$2() {}
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+function trackUsedThenable(thenableState, thenable, index) {
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+  const trackedThenables = getThenablesFromState(thenableState);
+  const previous = trackedThenables[index];
+
+  if (previous === undefined) {
+    trackedThenables.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // intentionally ignore.
+
+
+      thenable.then(noop$2, noop$2);
+      thenable = previous;
     }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
 
-    return null;
-  }
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
-    // Update the fiber if the keys match, otherwise return null.
-    const key = oldFiber !== null ? oldFiber.key : null;
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      if (key !== null) {
-        return null;
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        checkIfUseWrappedInAsyncCatch(rejectedError);
+        throw rejectedError;
       }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
-    }
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$2, noop$2);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // Detect infinite ping loops caused by uncached promises.
+          const root = getWorkInProgressRoot();
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
-            }
+          if (root !== null && root.shellSuspendCounter > 100) {
+            // This root has suspended repeatedly in the shell without making any
+            // progress (i.e. committing something). This is highly suggestive of
+            // an infinite ping loop, often caused by an accidental Async Client
+            // Component.
+            //
+            // During a transition, we can suspend the work loop until the promise
+            // to resolve, but this is a sync render, so that's not an option. We
+            // also can't show a fallback, because none was provided. So our last
+            // resort is to throw an error.
+            //
+            // TODO: Remove this error in a future release. Other ways of handling
+            // this case include forcing a concurrent render, or putting the whole
+            // root into offscreen mode.
+            throw Error(formatProdErrorMessage(482));
           }
 
-        case REACT_PORTAL_TYPE:
-          {
-            if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
             }
-          }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
-          }
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(rejectedError);
+              throw rejectedError;
+            }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+
+        throw SuspenseException;
       }
+  }
+}
+function suspendCommit() {
+  // This extra indirection only exists so it can handle passing
+  // noopSuspenseyCommitThenable through to throwException.
+  // TODO: Factor the thenable check out of throwException
+  suspendedThenable = noopSuspenseyCommitThenable;
+  throw SuspenseyCommitException;
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+let suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw Error(formatProdErrorMessage(459));
+  }
+
+  const thenable = suspendedThenable;
+  suspendedThenable = null;
+
+  return thenable;
+}
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  // This check runs in prod, too, because it prevents a more confusing
+  // downstream error, where SuspenseException is caught by a promise and
+  // thrown asynchronously.
+  // TODO: Another way to prevent SuspenseException from leaking into an async
+  // execution context is to check the dispatcher every time `use` is called,
+  // or some equivalent. That might be preferable for other reasons, too, since
+  // it matches how we prevent similar mistakes for other hooks.
+  if (rejectedReason === SuspenseException) {
+    throw Error(formatProdErrorMessage(483));
+  }
+}
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
-        }
+let thenableState$1 = null;
+let thenableIndexCounter$1 = 0;
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
 
+  if (thenableState$1 === null) {
+    thenableState$1 = createThenableState();
+  }
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
-      }
+  return trackUsedThenable(thenableState$1, thenable, index);
+}
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  const owner = element._owner;
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw Error(formatProdErrorMessage(284));
     }
 
-    return null;
+    throw Error(formatProdErrorMessage(290, mixedRef));
   }
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      const matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
-    }
+  if (owner.tag !== ClassComponent) {
+    throw Error(formatProdErrorMessage(309));
+  } // At this point, we know the ref isn't an object or function but it could
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updateElement(returnFiber, matchedFiber, newChild, lanes);
-          }
+  const stringRef = '' + mixedRef;
 
-        case REACT_PORTAL_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
-          }
+  const inst = owner.stateNode;
 
-        case REACT_LAZY_TYPE:
-          const payload = newChild._payload;
-          const init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
-      }
+  if (!inst) {
+    throw Error(formatProdErrorMessage(147, stringRef));
+  } // Check if previous string ref matches new string ref
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const matchedFiber = existingChildren.get(newIdx) || null;
-        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
 
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    const currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
-      }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+  const ref = function (value) {
+    const refs = inst.refs;
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
     }
+  };
 
-    return null;
-  }
+  ref._stringRef = stringRef;
+  return ref;
+}
 
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
+function coerceRef(returnFiber, current, workInProgress, element) {
+  let mixedRef;
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
+  {
+    // TODO: This is a temporary, intermediate step. When enableRefAsProp is on,
+    // we should resolve the `ref` prop during the begin phase of the component
+    // it's attached to (HostComponent, ClassComponent, etc).
+    const refProp = element.props.ref;
+    mixedRef = refProp !== undefined ? refProp : null;
+  }
 
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
+  let coercedRef;
 
-      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
+    {
+      // When enableRefAsProp is on, we should always use the props as the
+      // source of truth for refs. Not a field on the fiber.
+      //
+      // In the case of string refs, this presents a problem, because string
+      // refs are not passed around internally as strings; they are converted to
+      // callback refs. The ref used by the reconciler is not the same as the
+      // one the user provided.
+      //
+      // But since this is a deprecated feature anyway, what we can do is clone
+      // the props object and replace it with the internal callback ref. Then we
+      // can continue to use the props object as the source of truth.
+      //
+      // This means the internal callback ref will leak into userspace. The
+      // receiving component will receive a callback ref even though the parent
+      // passed a string. Which is weird, but again, this is a deprecated
+      // feature, and we're only leaving it around behind a flag so that Meta
+      // can keep using string refs temporarily while they finish migrating
+      // their codebase.
+      const userProvidedProps = workInProgress.pendingProps;
+      const propsWithInternalCallbackRef = assign({}, userProvidedProps);
+      propsWithInternalCallbackRef.ref = coercedRef;
+      workInProgress.pendingProps = propsWithInternalCallbackRef;
+    }
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
 
-        break;
-      }
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+  workInProgress.ref = coercedRef;
+}
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  // $FlowFixMe[method-unbinding]
+  const childString = Object.prototype.toString.call(newChild);
+  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+}
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+function resolveLazy(lazyType) {
+  const payload = lazyType._payload;
+  const init = lazyType._init;
+  return init(payload);
+} // This wrapper function exists because I expect to clone the code in each path
+// to be able to optimize each path individually by branching early. This needs
+// a compiler or we can do it manually. Helpers that don't need this branching
+// live outside of this function.
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
 
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+function createChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+    const deletions = returnFiber.deletions;
 
-      return resultingFirstChild;
+    if (deletions === null) {
+      returnFiber.deletions = [childToDelete];
+      returnFiber.flags |= ChildDeletion;
+    } else {
+      deletions.push(childToDelete);
     }
+  }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return null;
+    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
+    // assuming that after the first child we've already added everything.
 
-        if (newFiber === null) {
-          continue;
-        }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+    let childToDelete = currentFirstChild;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
+    }
 
-        previousNewFiber = newFiber;
-      }
+    return null;
+  }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    // Add the remaining children to a temporary map so that we can find them by
+    // keys quickly. Implicit (null) keys get added to this set with their index
+    // instead.
+    const existingChildren = new Map();
+    let existingChild = currentFirstChild;
+
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
       }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+      existingChild = existingChild.sibling;
+    }
 
+    return existingChildren;
+  }
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+  function useFiber(fiber, pendingProps) {
+    // We currently set sibling to null and index to 0 here because it is easy
+    // to forget to do before returning it. E.g. for the single child case.
+    const clone = createWorkInProgress(fiber, pendingProps);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
+  }
 
-    for (; newIdx < newChildren.length; newIdx++) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
-          }
-        }
+    if (!shouldTrackSideEffects) {
+      // During hydration, the useId algorithm needs to know which fibers are
+      // part of a list of children (arrays, iterators).
+      newFiber.flags |= Forked;
+      return lastPlacedIndex;
+    }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+    const current = newFiber.alternate;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+    if (current !== null) {
+      const oldIndex = current.index;
 
-        previousNewFiber = newFiber;
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.flags |= Placement | PlacementDEV;
+        return lastPlacedIndex;
+      } else {
+        // This item can stay in place.
+        return oldIndex;
       }
+    } else {
+      // This is an insertion.
+      newFiber.flags |= Placement | PlacementDEV;
+      return lastPlacedIndex;
     }
+  }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
-
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
+  function placeSingleChild(newFiber) {
+    // This is simpler for the single child case. We only need to do a
+    // placement for inserting new children.
+    if (shouldTrackSideEffects && newFiber.alternate === null) {
+      newFiber.flags |= Placement | PlacementDEV;
     }
 
-    return resultingFirstChild;
+    return newFiber;
   }
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    const iteratorFn = getIteratorFn(newChildrenIterable);
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
+    if (current === null || current.tag !== HostText) {
+      // Insert
+      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-    if (typeof iteratorFn !== 'function') {
-      throw Error(formatProdErrorMessage(150));
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, textContent);
+      existing.return = returnFiber;
+
+      return existing;
     }
+  }
 
-    const newChildren = iteratorFn.call(newChildrenIterable);
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
+    const elementType = element.type;
 
-    if (newChildren == null) {
-      throw Error(formatProdErrorMessage(151));
+    if (elementType === REACT_FRAGMENT_TYPE) {
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
     }
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
-    let step = newChildren.next();
+    if (current !== null) {
+      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+      false) || // Lazy types should reconcile their resolved type.
+      // We need to do this after the Hot Reloading check above,
+      // because hot reloading has different semantics than prod because
+      // it doesn't resuspend. So we can't let the call below suspend.
+      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
+        // Move based on index
+        const existing = useFiber(current, element.props);
+        coerceRef(returnFiber, current, existing, element);
+        existing.return = returnFiber;
 
-    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
+        return existing;
       }
+    } // Insert
 
-      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
-
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
 
-        break;
-      }
+    const created = createFiberFromElement(element, returnFiber.mode, lanes);
+    coerceRef(returnFiber, current, created, element);
+    created.return = returnFiber;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+    return created;
+  }
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
+    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
+      // Insert
+      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, portal.children || []);
+      existing.return = returnFiber;
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
+      return existing;
     }
+  }
 
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
+    if (current === null || current.tag !== Fragment) {
+      // Insert
+      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
+      created.return = returnFiber;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, fragment);
+      existing.return = returnFiber;
 
-      return resultingFirstChild;
+      return existing;
     }
+  }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        const newFiber = createChild(returnFiber, step.value, lanes);
-
-        if (newFiber === null) {
-          continue;
-        }
-
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
-
-        previousNewFiber = newFiber;
-      }
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+      return created;
+    }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
+            coerceRef(returnFiber, null, created, newChild);
+            created.return = returnFiber;
 
+            return created;
+          }
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+        case REACT_PORTAL_TYPE:
+          {
+            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
+            created.return = returnFiber;
 
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+            return created;
+          }
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return createChild(returnFiber, init(payload), lanes);
           }
-        }
+      }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
+        created.return = returnFiber;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+        return created;
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-        previousNewFiber = newFiber;
+
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return createChild(returnFiber, unwrapThenable(thenable), lanes);
       }
-    }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
+      throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    return resultingFirstChild;
-  }
-
-  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      const existing = useFiber(currentFirstChild, textContent);
-      existing.return = returnFiber;
-      return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
-
-
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
+    return null;
   }
 
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
-    const key = element.key;
-    let child = currentFirstChild;
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
+    // Update the fiber if the keys match, otherwise return null.
+    const key = oldFiber !== null ? oldFiber.key : null;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        const elementType = element.type;
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      if (key !== null) {
+        return null;
+      }
 
-        if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
+    }
 
-            return existing;
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            if (newChild.key === key) {
+              return updateElement(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } else {
-          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-          false) || // Lazy types should reconcile their resolved type.
-          // We need to do this after the Hot Reloading check above,
-          // because hot reloading has different semantics than prod because
-          // it doesn't resuspend. So we can't let the call below suspend.
-          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props);
-            existing.ref = coerceRef(returnFiber, child, element);
-            existing.return = returnFiber;
 
-            return existing;
+        case REACT_PORTAL_TYPE:
+          {
+            if (newChild.key === key) {
+              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } // Didn't match.
 
-
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+          }
       }
 
-      child = child.sibling;
-    }
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
 
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      const created = createFiberFromElement(element, returnFiber.mode, lanes);
-      created.ref = coerceRef(returnFiber, currentFirstChild, element);
-      created.return = returnFiber;
-      return created;
-    }
-  }
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
-    const key = portal.key;
-    let child = currentFirstChild;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          const existing = useFiber(child, portal.children || []);
-          existing.return = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
       }
 
-      child = child.sibling;
-    }
-
-    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    // TODO: Let's use recursion like we do for Usable nodes?
-    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
+    return null;
+  }
 
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys, so we neither have to check the old nor
+      // new node for the key. If both are text nodes, they match.
+      const matchedFiber = existingChildren.get(newIdx) || null;
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+    }
 
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updateElement(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_PORTAL_TYPE:
-          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_LAZY_TYPE:
           const payload = newChild._payload;
-          const init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
-      }
-
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
+          const init = newChild._init;
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
       }
 
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
-      } // Usables are a valid React node type. When React encounters a Usable in
-      // a child position, it unwraps it using the same algorithm as `use`. For
-      // example, for promises, React will throw an exception to unwind the
-      // stack, then replay the component once the promise resolves.
-      //
-      // A difference from `use` is that React will keep unwrapping the value
-      // until it reaches a non-Usable type.
-      //
-      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const matchedFiber = existingChildren.get(newIdx) || null;
+        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
+      } // Usable node types
       //
-      // The structure is a bit unfortunate. Ideally, we shouldn't need to
-      // replay the entire begin phase of the parent fiber in order to reconcile
-      // the children again. This would require a somewhat significant refactor,
-      // because reconcilation happens deep within the begin phase, and
-      // depending on the type of work, not always at the end. We should
-      // consider as an future improvement.
+      // Unwrap the inner value and recursively call this function again.
 
 
       if (typeof newChild.then === 'function') {
         const thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         const context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
-    }
+    return null;
+  }
 
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
 
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
 
-  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
-    // This indirection only exists so we can reset `thenableState` at the end.
-    // It should get inlined by Closure.
-    thenableIndexCounter$1 = 0;
-    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
-    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
-    // set at the beginning.
+    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
 
-    return firstChildFiber;
-  }
+      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
 
-  return reconcileChildFibers;
-}
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-const reconcileChildFibers = createChildReconciler(true);
-const mountChildFibers = createChildReconciler(false);
-function resetChildReconcilerOnUnwind() {
-  // On unwind, clear any pending thenables that were used.
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-}
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw Error(formatProdErrorMessage(153));
-  }
+        break;
+      }
+
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
+
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
+
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
 
-  if (workInProgress.child === null) {
-    return;
-  }
+    if (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
 
-  let currentChild = workInProgress.child;
-  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
-    newChild.return = workInProgress;
-  }
+      return resultingFirstChild;
+    }
 
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; newIdx < newChildren.length; newIdx++) {
+        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
 
-function resetChildFibers(workInProgress, lanes) {
-  let child = workInProgress.child;
+        if (newFiber === null) {
+          continue;
+        }
 
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-// TODO: This isn't being used yet, but it's intended to replace the
-// InvisibleParentContext that is currently managed by SuspenseContext.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const currentTreeHiddenStackCursor = createCursor(null);
-const prevEntangledRenderLanesCursor = createCursor(NoLanes);
-function pushHiddenContext(fiber, context) {
-  const prevEntangledRenderLanes = getEntangledRenderLanes();
-  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
-  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
-  // lanes that would have rendered if the hidden subtree hadn't been deferred.
-  // That is, in order to reveal content from hidden -> visible, we must commit
-  // all the updates that we skipped when we originally hid the tree.
+        previousNewFiber = newFiber;
+      }
 
-  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
-}
-function reuseHiddenContextOnStack(fiber) {
-  // This subtree is not currently hidden, so we don't need to add any lanes
-  // to the render lanes. But we still need to push something to avoid a
-  // context mismatch. Reuse the existing context on the stack.
-  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
-  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
-}
-function popHiddenContext(fiber) {
-  // Restore the previous render lanes from the stack
-  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
-  pop(currentTreeHiddenStackCursor);
-  pop(prevEntangledRenderLanesCursor);
-}
-function isCurrentTreeHidden() {
-  return currentTreeHiddenStackCursor.current !== null;
-}
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-// suspends, i.e. it's the nearest `catch` block on the stack.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
-// Everything above this is the "shell". When this is null, it means we're
-// rendering in the shell of the app. If it's non-null, it means we're rendering
-// deeper than the shell, inside a new tree that wasn't already visible.
-//
-// The main way we use this concept is to determine whether showing a fallback
-// would result in a desirable or undesirable loading state. Activing a fallback
-// in the shell is considered an undersirable loading state, because it would
-// mean hiding visible (albeit stale) content in the current tree — we prefer to
-// show the stale content, rather than switch to a fallback. But showing a
-// fallback in a new tree is fine, because there's no stale content to
-// prefer instead.
 
-let shellBoundary = null;
-function getShellBoundary() {
-  return shellBoundary;
-}
-function pushPrimaryTreeSuspenseHandler(handler) {
-  // TODO: Pass as argument
-  const current = handler.alternate;
-  // propagated a single level. For example, when ForceSuspenseFallback is set,
-  // it should only force the nearest Suspense boundary into fallback mode.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
-  // to push a nested Suspense handler, because it will get replaced by the
-  // outer fallback, anyway. Consider this as a future optimization.
+    for (; newIdx < newChildren.length; newIdx++) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
 
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  push(suspenseHandlerStackCursor, handler);
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  if (shellBoundary === null) {
-    if (current === null || isCurrentTreeHidden()) {
-      // This boundary is not visible in the current UI.
-      shellBoundary = handler;
-    } else {
-      const prevState = current.memoizedState;
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-      if (prevState !== null) {
-        // This boundary is showing a fallback in the current UI.
-        shellBoundary = handler;
+        previousNewFiber = newFiber;
       }
     }
-  }
-}
-function pushFallbackTreeSuspenseHandler(fiber) {
-  // We're about to render the fallback. If something in the fallback suspends,
-  // it's akin to throwing inside of a `catch` block. This boundary should not
-  // capture. Reuse the existing handler on the stack.
-  reuseSuspenseHandlerOnStack(fiber);
-}
-function pushOffscreenSuspenseHandler(fiber) {
-  if (fiber.tag === OffscreenComponent) {
-    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
-    // Reuse the current value on the stack.
-    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
-    push(suspenseHandlerStackCursor, fiber);
 
-    if (shellBoundary !== null) ; else {
-      const current = fiber.alternate;
-
-      if (current !== null) {
-        const prevState = current.memoizedState;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
 
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
-        }
-      }
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
     }
-  } else {
-    // This is a LegacyHidden component.
-    reuseSuspenseHandlerOnStack(fiber);
-  }
-}
-function reuseSuspenseHandlerOnStack(fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
-  push(suspenseHandlerStackCursor, getSuspenseHandler());
-}
-function getSuspenseHandler() {
-  return suspenseHandlerStackCursor.current;
-}
-function popSuspenseHandler(fiber) {
-  pop(suspenseHandlerStackCursor);
 
-  if (shellBoundary === fiber) {
-    // Popping back into the shell.
-    shellBoundary = null;
+    return resultingFirstChild;
   }
 
-  popSuspenseListContext();
-} // SuspenseList context
-// TODO: Move to a separate module? We may change the SuspenseList
-// implementation to hide/show in the commit phase, anyway.
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+    const iteratorFn = getIteratorFn(newChildrenIterable);
 
-const DefaultSuspenseContext = 0b00;
-const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
+    if (typeof iteratorFn !== 'function') {
+      throw Error(formatProdErrorMessage(150));
+    }
 
-const ForceSuspenseFallback = 0b10;
-const suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseListContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseListContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseListContext(parentContext, shallowContext) {
-  return parentContext & SubtreeSuspenseContextMask | shallowContext;
-}
-function pushSuspenseListContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext);
-}
-function popSuspenseListContext(fiber) {
-  pop(suspenseStackCursor);
-}
+    const newChildren = iteratorFn.call(newChildrenIterable);
 
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
+    if (newChildren == null) {
+      throw Error(formatProdErrorMessage(151));
+    }
 
-function findFirstSuspended(row) {
-  let node = row;
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
+    let step = newChildren.next();
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      const state = node.memoizedState;
+    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
+
+      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
+
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-      if (state !== null) {
-        const dehydrated = state.dehydrated;
+        break;
+      }
 
-        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
-          return node;
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
         }
       }
-    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-    // keep track of whether it suspended or not.
-    node.memoizedProps.revealOrder !== undefined) {
-      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      if (didSuspend) {
-        return node;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
       }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
 
-    if (node === row) {
-      return null;
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
+    if (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
       }
 
-      node = node.return;
+      return resultingFirstChild;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; !step.done; newIdx++, step = newChildren.next()) {
+        const newFiber = createChild(returnFiber, step.value, lanes);
 
-  return null;
-}
+        if (newFiber === null) {
+          continue;
+        }
 
-const NoFlags =
-/*   */
-0b0000; // Represents whether effect should fire.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-const HasEffect =
-/* */
-0b0001; // Represents the phase in which the effect (not the clean-up) fires.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const Insertion =
-/* */
-0b0010;
-const Layout =
-/*    */
-0b0100;
-const Passive =
-/*   */
-0b1000;
+        previousNewFiber = newFiber;
+      }
 
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-let firstScheduledRoot = null;
-let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-let mightHavePendingSyncWork = false;
-let isFlushingWork = false;
-let currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
-    }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+
+    for (; !step.done; newIdx++, step = newChildren.next()) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
 
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
+
+        previousNewFiber = newFiber;
+      }
     }
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
 
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
+
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
+    }
+
+    return resultingFirstChild;
   }
 
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
+  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
+    // There's no need to check for keys on text nodes since we don't have a
+    // way to define them.
+    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+      // We already have an existing node so let's just update it and delete
+      // the rest.
+      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+      const existing = useFiber(currentFirstChild, textContent);
+      existing.return = returnFiber;
+      return existing;
+    } // The existing first child is not a text node so we need to create one
+    // and delete the existing ones.
 
 
-  let didPerformSomeWork;
-  let errors = null;
-  isFlushingWork = true;
+    deleteRemainingChildren(returnFiber, currentFirstChild);
+    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  }
 
-  do {
-    didPerformSomeWork = false;
-    let root = firstScheduledRoot;
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
+    const key = element.key;
+    let child = currentFirstChild;
 
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        const workInProgressRoot = getWorkInProgressRoot();
-        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        const elementType = element.type;
 
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
+        if (elementType === REACT_FRAGMENT_TYPE) {
+          if (child.tag === Fragment) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props.children);
+            existing.return = returnFiber;
+
+            return existing;
           }
-        }
+        } else {
+          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+          false) || // Lazy types should reconcile their resolved type.
+          // We need to do this after the Hot Reloading check above,
+          // because hot reloading has different semantics than prod because
+          // it doesn't resuspend. So we can't let the call below suspend.
+          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props);
+            coerceRef(returnFiber, child, existing, element);
+            existing.return = returnFiber;
+
+            return existing;
+          }
+        } // Didn't match.
+
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
+      } else {
+        deleteChild(returnFiber, child);
       }
 
-      root = root.next;
+      child = child.sibling;
     }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
 
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (let i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
+      created.return = returnFiber;
 
-        const firstError = errors[0];
-        throw firstError;
-      }
+      return created;
     } else {
-      const error = errors[0];
-      throw error;
+      const created = createFiberFromElement(element, returnFiber.mode, lanes);
+      coerceRef(returnFiber, currentFirstChild, created, element);
+      created.return = returnFiber;
+
+      return created;
     }
   }
-}
 
-function throwError(error) {
-  throw error;
-}
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
+    const key = portal.key;
+    let child = currentFirstChild;
 
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          const existing = useFiber(child, portal.children || []);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
+
+      child = child.sibling;
+    }
 
+    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  } // This API will tag the children with the side-effect of the reconciliation
+  // itself. They will be added to the side-effect list as we pass through the
+  // children and the parent.
 
-  mightHavePendingSyncWork = false;
-  const currentTime = now$1();
-  let prev = null;
-  let root = firstScheduledRoot;
 
-  while (root !== null) {
-    const next = root.next;
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
+    // This function is not recursive.
+    // If the top level item is an array, we treat it as a set of children,
+    // not as a fragment. Nested arrays on the other hand will be treated as
+    // fragment nodes. Recursion happens at the normal flow.
+    // Handle top level unkeyed fragments as if they were arrays.
+    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // We treat the ambiguous cases above the same.
+    // TODO: Let's use recursion like we do for Usable nodes?
+    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
 
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
+    if (isUnkeyedTopLevelFragment) {
+      newChild = newChild.props.children;
+    } // Handle object types
 
-    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
 
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
-      } else {
-        prev.next = next;
-      }
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
 
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
+        case REACT_LAZY_TYPE:
+          const payload = newChild._payload;
+          const init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes);
       }
-    } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
 
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
+      if (isArray(newChild)) {
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
       }
-    }
 
-    root = next;
-  }
+      if (getIteratorFn(newChild)) {
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
+      } // Usables are a valid React node type. When React encounters a Usable in
+      // a child position, it unwraps it using the same algorithm as `use`. For
+      // example, for promises, React will throw an exception to unwind the
+      // stack, then replay the component once the promise resolves.
+      //
+      // A difference from `use` is that React will keep unwrapping the value
+      // until it reaches a non-Usable type.
+      //
+      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      //
+      // The structure is a bit unfortunate. Ideally, we shouldn't need to
+      // replay the entire begin phase of the parent fiber in order to reconcile
+      // the children again. This would require a somewhat significant refactor,
+      // because reconcilation happens deep within the begin phase, and
+      // depending on the type of work, not always at the end. We should
+      // consider as an future improvement.
 
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
 
-  flushSyncWorkOnAllRoots();
-}
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+      }
 
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  const workInProgressRoot = getWorkInProgressRoot();
-  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  const existingCallbackNode = root.callbackNode;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
     }
 
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
 
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
 
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
+    // This indirection only exists so we can reset `thenableState` at the end.
+    // It should get inlined by Closure.
+    thenableIndexCounter$1 = 0;
+    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
+    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+    // set at the beginning.
 
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    const existingCallbackPriority = root.callbackPriority;
-    const newCallbackPriority = getHighestPriorityLane(nextLanes);
+    return firstChildFiber;
+  }
 
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(false  )) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
+  return reconcileChildFibers;
+}
 
-    let schedulerPriorityLevel;
+const reconcileChildFibers = createChildReconciler(true);
+const mountChildFibers = createChildReconciler(false);
+function resetChildReconcilerOnUnwind() {
+  // On unwind, clear any pending thenables that were used.
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+}
+function cloneChildFibers(current, workInProgress) {
+  if (current !== null && workInProgress.child !== current.child) {
+    throw Error(formatProdErrorMessage(153));
+  }
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+  if (workInProgress.child === null) {
+    return;
+  }
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+  let currentChild = workInProgress.child;
+  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
+  workInProgress.child = newChild;
+  newChild.return = workInProgress;
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
+    newChild.return = workInProgress;
+  }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+  newChild.sibling = null;
+} // Reset a workInProgress child set to prepare it for a second pass.
 
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-    }
+function resetChildFibers(workInProgress, lanes) {
+  let child = workInProgress.child;
 
-    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
+  while (child !== null) {
+    resetWorkInProgress(child, lanes);
+    child = child.sibling;
   }
 }
 
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now$1());
+// TODO: This isn't being used yet, but it's intended to replace the
+// InvisibleParentContext that is currently managed by SuspenseContext.
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
+const currentTreeHiddenStackCursor = createCursor(null);
+const prevEntangledRenderLanesCursor = createCursor(NoLanes);
+function pushHiddenContext(fiber, context) {
+  const prevEntangledRenderLanes = getEntangledRenderLanes();
+  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
+  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
+  // lanes that would have rendered if the hidden subtree hadn't been deferred.
+  // That is, in order to reveal content from hidden -> visible, we must commit
+  // all the updates that we skipped when we originally hid the tree.
 
-  return null;
+  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
 }
-
-function scheduleCallback$2(priorityLevel, callback) {
-  {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
+function reuseHiddenContextOnStack(fiber) {
+  // This subtree is not currently hidden, so we don't need to add any lanes
+  // to the render lanes. But we still need to push something to avoid a
+  // context mismatch. Reuse the existing context on the stack.
+  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext(fiber) {
+  // Restore the previous render lanes from the stack
+  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+function isCurrentTreeHidden() {
+  return currentTreeHiddenStackCursor.current !== null;
 }
 
-function cancelCallback(callbackNode) {
-  if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
-  }
+// suspends, i.e. it's the nearest `catch` block on the stack.
+
+const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+// Everything above this is the "shell". When this is null, it means we're
+// rendering in the shell of the app. If it's non-null, it means we're rendering
+// deeper than the shell, inside a new tree that wasn't already visible.
+//
+// The main way we use this concept is to determine whether showing a fallback
+// would result in a desirable or undesirable loading state. Activing a fallback
+// in the shell is considered an undersirable loading state, because it would
+// mean hiding visible (albeit stale) content in the current tree — we prefer to
+// show the stale content, rather than switch to a fallback. But showing a
+// fallback in a new tree is fine, because there's no stale content to
+// prefer instead.
+
+let shellBoundary = null;
+function getShellBoundary() {
+  return shellBoundary;
 }
+function pushPrimaryTreeSuspenseHandler(handler) {
+  // TODO: Pass as argument
+  const current = handler.alternate;
+  // propagated a single level. For example, when ForceSuspenseFallback is set,
+  // it should only force the nearest Suspense boundary into fallback mode.
 
-function scheduleImmediateTask(cb) {
-  // Alternatively, can we move this check to the host config?
+  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
+  // to push a nested Suspense handler, because it will get replaced by the
+  // outer fallback, anyway. Consider this as a future optimization.
 
 
-  {
-    scheduleMicrotask(() => {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      const executionContext = getExecutionContext();
+  push(suspenseHandlerStackCursor, handler);
 
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
-      }
+  if (shellBoundary === null) {
+    if (current === null || isCurrentTreeHidden()) {
+      // This boundary is not visible in the current UI.
+      shellBoundary = handler;
+    } else {
+      const prevState = current.memoizedState;
 
-      cb();
-    });
+      if (prevState !== null) {
+        // This boundary is showing a fallback in the current UI.
+        shellBoundary = handler;
+      }
+    }
   }
 }
+function pushFallbackTreeSuspenseHandler(fiber) {
+  // We're about to render the fallback. If something in the fallback suspends,
+  // it's akin to throwing inside of a `catch` block. This boundary should not
+  // capture. Reuse the existing handler on the stack.
+  reuseSuspenseHandlerOnStack(fiber);
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (fiber.tag === OffscreenComponent) {
+    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+    // Reuse the current value on the stack.
+    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+    // into separate functions for Suspense and Offscreen.
+    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    push(suspenseHandlerStackCursor, fiber);
 
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
-  }
+    if (shellBoundary !== null) ; else {
+      const current = fiber.alternate;
 
-  return currentEventTransitionLane;
+      if (current !== null) {
+        const prevState = current.memoizedState;
+
+        if (prevState !== null) {
+          // This is the first boundary in the stack that's already showing
+          // a fallback. So everything outside is considered the shell.
+          shellBoundary = fiber;
+        }
+      }
+    }
+  } else {
+    // This is a LegacyHidden component.
+    reuseSuspenseHandlerOnStack(fiber);
+  }
+}
+function reuseSuspenseHandlerOnStack(fiber) {
+  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, getSuspenseHandler());
+}
+function getSuspenseHandler() {
+  return suspenseHandlerStackCursor.current;
 }
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
 
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
-//
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
+  }
 
-let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+  popSuspenseListContext();
+} // SuspenseList context
+// TODO: Move to a separate module? We may change the SuspenseList
+// implementation to hide/show in the commit phase, anyway.
 
-let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+const DefaultSuspenseContext = 0b00;
+const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+// items into their fallback state during one of the render passes.
 
-let currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  const thenable = actionReturnValue;
-  let entangledListeners;
+const ForceSuspenseFallback = 0b10;
+const suspenseStackCursor = createCursor(DefaultSuspenseContext);
+function hasSuspenseListContext(parentContext, flag) {
+  return (parentContext & flag) !== 0;
+}
+function setDefaultShallowSuspenseListContext(parentContext) {
+  return parentContext & SubtreeSuspenseContextMask;
+}
+function setShallowSuspenseListContext(parentContext, shallowContext) {
+  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+}
+function pushSuspenseListContext(fiber, newContext) {
+  push(suspenseStackCursor, newContext);
+}
+function popSuspenseListContext(fiber) {
+  pop(suspenseStackCursor);
+}
 
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
-  }
+// A non-null SuspenseState means that it is blocked for one reason or another.
+// - A non-null dehydrated field means it's blocked pending hydration.
+//   - A non-null dehydrated field can use isSuspenseInstancePending or
+//     isSuspenseInstanceFallback to query the reason for being dehydrated.
+// - A null dehydrated field means it's blocked by something suspending and
+//   we're currently showing a fallback instead.
 
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  const resultThenable = createResultThenable(entangledListeners);
-  let resultStatus = 'pending';
-  let resultValue;
-  let rejectedReason;
-  thenable.then(value => {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, error => {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(() => {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          const fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
+function findFirstSuspended(row) {
+  let node = row;
 
-      case 'rejected':
-        {
-          const rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
-        }
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      const state = node.memoizedState;
+
+      if (state !== null) {
+        const dehydrated = state.dehydrated;
 
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw Error(formatProdErrorMessage(478));
+        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+          return node;
         }
+      }
+    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+    // keep track of whether it suspended or not.
+    node.memoizedProps.revealOrder !== undefined) {
+      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
+
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-  });
-  return resultThenable;
-}
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  const resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
 
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    const entangledListeners = currentEntangledListeners;
-    const resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(() => {
-      const fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
-  }
-}
+    if (node === row) {
+      return null;
+    }
 
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    const listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
 
-    for (let i = 0; i < listeners.length; i++) {
-      const listener = listeners[i];
-      listener();
+      node = node.return;
     }
+
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
-}
 
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  const resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
+  return null;
+}
 
-    then(resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      const ping = resolve;
-      entangledListeners.push(ping);
-    }
+const NoFlags =
+/*   */
+0b0000; // Represents whether effect should fire.
 
-  };
-  return resultThenable;
-}
+const HasEffect =
+/* */
+0b0001; // Represents the phase in which the effect (not the clean-up) fires.
 
-function peekEntangledActionLane() {
-  return currentEntangledLane;
-}
+const Insertion =
+/* */
+0b0010;
+const Layout =
+/*    */
+0b0100;
+const Passive =
+/*   */
+0b1000;
 
 const ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
       ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -7674,7 +7753,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -7752,6 +7831,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -7819,6 +7904,7 @@ function updateReducerImpl(hook, current, reducer) {
     let newBaseQueueFirst = null;
     let newBaseQueueLast = null;
     let update = first;
+    let didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -7878,6 +7964,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -7888,7 +7981,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             const clone = {
@@ -7950,7 +8050,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        const entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -8207,8 +8323,16 @@ function mountStateImpl(initialState) {
   const hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    const initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -8333,27 +8457,27 @@ function runFormStateAction(actionQueue, setState, payload) {
   const prevState = actionQueue.state; // This is a fork of startTransition
 
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   try {
     const returnValue = action(prevState, payload);
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      const thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      const thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(nextState => {
         actionQueue.state = nextState;
         finishRunningFormStateAction(actionQueue, setState);
       }, () => finishRunningFormStateAction(actionQueue, setState));
-      const entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      const entangledResult = requestSyncActionContext(returnValue, null);
-      setState(entangledResult);
+      setState(returnValue);
       const nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -8747,12 +8871,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   const hook = mountWorkInProgressHook();
   const nextDeps = deps === undefined ? null : deps;
+  const nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8770,11 +8896,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  const nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8872,7 +9001,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   const previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  const currentTransition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -8897,17 +9028,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        const thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        const thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        const entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        const thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        const entangledResult = requestSyncActionContext(returnValue, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -9205,6 +9333,7 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  requestCurrentTransition();
 
   const update = {
     // An optimistic update commits synchronously.
@@ -9858,6 +9987,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -9898,6 +10028,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -9990,6 +10121,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -10070,17 +10202,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+const CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  let stack;
+
+  if (typeof value === 'object' && value !== null) {
+    const capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value,
     source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value,
     source: null,
@@ -10423,7 +10575,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -10457,7 +10609,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -10475,7 +10627,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           const uncaughtSuspenseError = Error(formatProdErrorMessage(426));
@@ -10503,7 +10655,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -10512,6 +10664,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   let workInProgress = returnFiber;
 
   do {
@@ -10524,7 +10682,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           const update = createRootErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -10540,7 +10698,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
           const update = createClassErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
         break;
@@ -10549,6 +10707,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 const ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -10592,9 +10752,31 @@ function forceUnmountCurrentAndReconcile(current, workInProgress, nextChildren,
 }
 
 function updateForwardRef(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens after the first render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   const render = Component.render;
-  const ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
+  const ref = workInProgress.ref;
+  let propsWithoutRef;
+
+  if ('ref' in nextProps) {
+    // `ref` is just a prop now, but `forwardRef` expects it to not appear in
+    // the props object. This used to happen in the JSX runtime, but now we do
+    // it here.
+    propsWithoutRef = {};
+
+    for (const key in nextProps) {
+      // Since `ref` should only appear in props via the JSX transform, we can
+      // assume that this is a plain object. So we don't need a
+      // hasOwnProperty check.
+      if (key !== 'ref') {
+        propsWithoutRef[key] = nextProps[key];
+      }
+    }
+  } else {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
+
 
   let nextChildren;
   let hasId;
@@ -10605,7 +10787,7 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   }
 
   {
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
   }
 
@@ -10645,7 +10827,7 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       return updateSimpleMemoComponent(current, workInProgress, resolvedType, nextProps, renderLanes);
     }
 
-    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
@@ -10679,7 +10861,9 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
 }
 
 function updateSimpleMemoComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens when the inner render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   if (current !== null) {
     const prevProps = current.memoizedProps;
 
@@ -10735,7 +10919,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   const nextChildren = nextProps.children;
   const nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   const prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -10914,6 +11098,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     const prevState = current.memoizedState;
@@ -10985,7 +11170,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   const ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -10996,7 +11183,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
   let context;
 
   {
@@ -11106,7 +11292,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -11207,10 +11393,14 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
 
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
+
   const nextChildren = nextState.element;
 
   if (prevState.isDehydrated) {
@@ -11280,12 +11470,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   const type = workInProgress.type;
   const nextProps = workInProgress.pendingProps;
   const prevProps = current !== null ? current.memoizedProps : null;
@@ -11347,13 +11536,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const currentProps = current === null ? null : current.memoizedProps;
   const resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -11391,7 +11580,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -11442,7 +11631,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -12049,7 +12237,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -12139,7 +12327,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       // Something errored during hydration. Try again without hydrating.
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
-      const capturedValue = createCapturedValue(Error(formatProdErrorMessage(422)));
+      const capturedValue = createCapturedValueFromError(Error(formatProdErrorMessage(422)));
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
     } else if (workInProgress.memoizedState !== null) {
       // Something suspended and we should still be in dehydrated mode.
@@ -12405,8 +12593,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 }
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  const providerType = workInProgress.type;
-  const context = providerType._context;
+  let context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   const newProps = workInProgress.pendingProps;
   const oldProps = workInProgress.memoizedProps;
   const newValue = newProps.value;
@@ -12436,7 +12628,11 @@ function updateContextProvider(current, workInProgress, renderLanes) {
 }
 
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  let context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
+  let context;
+
+  {
+    context = workInProgress.type;
+  }
 
   const newProps = workInProgress.pendingProps;
   const render = newProps.children;
@@ -12562,7 +12758,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         const newValue = workInProgress.memoizedProps.value;
-        const context = workInProgress.type._context;
+        let context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -12865,7 +13066,6 @@ function beginWork$1(current, workInProgress, renderLanes) {
         const unresolvedProps = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
         let resolvedProps = resolveDefaultProps(type, unresolvedProps);
-
         resolvedProps = resolveDefaultProps(type.type, resolvedProps);
         return updateMemoComponent(current, workInProgress, type, resolvedProps, renderLanes);
       }
@@ -12938,11 +13138,7 @@ function popProvider(context, providerFiber) {
   const currentValue = valueCursor.current;
 
   {
-    if (currentValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue = context._defaultValue;
-    } else {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
   }
 
   pop(valueCursor);
@@ -13200,9 +13396,7 @@ const CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 // for retaining the cache once it is in use (retainCache), and releasing the cache
 // once it is no longer needed (releaseCache).
@@ -13242,9 +13436,28 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 const ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-const NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  const transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  const callbacks = transition._callbacks;
+  callbacks.forEach(callback => callback(transition, returnValue));
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -13358,10 +13571,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -13865,10 +14074,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13892,10 +14097,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13944,10 +14145,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -13974,11 +14171,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -13994,10 +14186,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, type, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -14034,11 +14222,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -14200,7 +14383,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       bubbleProperties(workInProgress);
       return null;
@@ -14617,7 +14805,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       return null;
 
@@ -14709,7 +14902,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      const context = interruptedWork.type._context;
+      let context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context);
       break;
 
@@ -17925,7 +18123,13 @@ let workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 let workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-let workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+let workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+let workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+let didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -17988,9 +18192,9 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  const isTransition = requestCurrentTransition() !== NoTransition;
+  const transition = requestCurrentTransition();
 
-  if (isTransition) {
+  if (transition !== null) {
 
     const actionScopeLane = peekEntangledActionLane();
     return actionScopeLane !== NoLane ? // We're inside an async action scope. Reuse the same lane.
@@ -18056,7 +18260,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -18395,16 +18599,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -18428,14 +18632,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -18499,15 +18703,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -18573,7 +18815,7 @@ function performSyncWorkOnRoot(root, lanes) {
   const finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -18725,7 +18967,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -19054,7 +19297,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -19157,7 +19400,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -19224,7 +19467,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -19288,7 +19531,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -19300,7 +19543,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -19493,7 +19736,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -19502,34 +19745,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   const returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    const didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -19549,6 +19785,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -19670,7 +19922,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   const previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -19679,7 +19931,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -19688,7 +19940,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -19738,7 +19990,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   const concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -19921,7 +20175,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     {
@@ -20306,6 +20563,17 @@ function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
     rootWithNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw Error(formatProdErrorMessage(185));
   }
 }
@@ -20568,7 +20836,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -20585,7 +20853,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   let fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   let resolvedType = type;
@@ -20655,13 +20923,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -20694,13 +20971,12 @@ key, pendingProps, source, owner, mode, lanes) {
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  let source = null;
   let owner = null;
 
   const type = element.type;
   const key = element.key;
   const pendingProps = element.props;
-  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   return fiber;
 }
@@ -20879,7 +21155,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -22338,7 +22614,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    const root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    const root = unblocked.ownerDocument || unblocked;
     const formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -25029,7 +25306,8 @@ function setProp(domElement, tag, key, value, props, prevValue) {
     case 'href':
       {
         {
-          if (value === '') {
+          if (value === '' && // <a href=""> is fine for "reload" links.
+          !(tag === 'a' && key === 'href')) {
 
             domElement.removeAttribute(key);
             break;
@@ -25169,7 +25447,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -25445,6 +25725,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -28571,11 +28852,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+const LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 let precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -28619,26 +28906,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   const instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   const precedence = instance.getAttribute('data-precedence');
-  const prior = precedences.get('p' + precedence) || last;
+  const prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -28760,7 +29047,7 @@ function scheduleHydration(target) {
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
 function hydrateRoot$1(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(405));
+    throw Error(formatProdErrorMessage(299));
   }
   // the hydration callbacks.
 
@@ -28917,7 +29204,7 @@ function findDOMNode(componentOrElement) {
 function hydrate(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
 
@@ -28926,7 +29213,7 @@ function hydrate(element, container, callback) {
 function render(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
@@ -28934,7 +29221,7 @@ function render(element, container, callback) {
 function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
 
   if (!isValidContainerLegacy(containerNode)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (parentComponent == null || !has(parentComponent)) {
@@ -28945,7 +29232,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(40));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (container._reactRootContainer) {
@@ -29109,7 +29396,7 @@ function createPortal(children, container) {
   let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   } // TODO: pass ReactDOM portal implementation as third argument
   // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js
index 05894445da06dd..bc869a3581e519 100644
--- a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.profiling.min.js
@@ -8,451 +8,454 @@
  LICENSE file in the root directory of this source tree.
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-'use strict';"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var aa=require("next/dist/compiled/react-experimental"),ba=require("next/dist/compiled/scheduler-experimental"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};
-function u(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var x=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null};
-function ha(){return ea.current.useHostTransitionStatus()}function ia(a,b,c){return ea.current.useFormState(a,b,c)}var ka=[],la=-1;function ma(a){return{current:a}}function D(a){0>la||(a.current=ka[la],ka[la]=null,la--)}function E(a,b){la++;ka[la]=a.current;a.current=b}
-var na=Symbol.for("react.element"),oa=Symbol.for("react.portal"),pa=Symbol.for("react.fragment"),qa=Symbol.for("react.strict_mode"),ra=Symbol.for("react.profiler"),sa=Symbol.for("react.provider"),ta=Symbol.for("react.context"),ua=Symbol.for("react.server_context"),va=Symbol.for("react.forward_ref"),wa=Symbol.for("react.suspense"),xa=Symbol.for("react.suspense_list"),ya=Symbol.for("react.memo"),za=Symbol.for("react.lazy"),Aa=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
-var Ba=Symbol.for("react.offscreen"),Ca=Symbol.for("react.legacy_hidden"),Da=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ea=Symbol.for("react.default_value"),Fa=Symbol.for("react.memo_cache_sentinel"),Ga=Symbol.for("react.postpone"),Ha=Symbol.iterator;function Ia(a){if(null===a||"object"!==typeof a)return null;a=Ha&&a[Ha]||a["@@iterator"];return"function"===typeof a?a:null}
-var Ja=ma(null),Ka=ma(null),La=ma(null),Ma=ma(null),Na={$$typeof:ta,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};function Oa(a,b){E(La,b);E(Ka,a);E(Ja,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Pa(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Pa(a),b=Qa(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}D(Ja);E(Ja,b)}
-function Ra(){D(Ja);D(Ka);D(La)}function Sa(a){null!==a.memoizedState&&E(Ma,a);var b=Ja.current;var c=Qa(b,a.type);b!==c&&(E(Ka,a),E(Ja,c))}function Ta(a){Ka.current===a&&(D(Ja),D(Ka));Ma.current===a&&(D(Ma),Na._currentValue=null)}
-var Ua=ba.unstable_scheduleCallback,Va=ba.unstable_cancelCallback,Wa=ba.unstable_shouldYield,Xa=ba.unstable_requestPaint,Ya=ba.unstable_now,Za=ba.unstable_getCurrentPriorityLevel,$a=ba.unstable_ImmediatePriority,ab=ba.unstable_UserBlockingPriority,bb=ba.unstable_NormalPriority,cb=ba.unstable_LowPriority,db=ba.unstable_IdlePriority,eb=null,fb=null,F=null,gb="undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
-function hb(a,b){if(fb&&"function"===typeof fb.onCommitFiberRoot)try{var c=128===(a.current.flags&128);switch(b){case 2:var d=$a;break;case 8:d=ab;break;case 32:d=bb;break;case 268435456:d=db;break;default:d=bb}fb.onCommitFiberRoot(eb,a,d,c)}catch(e){}}function ib(a){F=a}function jb(){for(var a=new Map,b=1,c=0;31>c;c++){var d=kb(b);a.set(b,d);b*=2}return a}function lb(){null!==F&&"function"===typeof F.markCommitStopped&&F.markCommitStopped()}
-function mb(a){null!==F&&"function"===typeof F.markComponentRenderStarted&&F.markComponentRenderStarted(a)}function nb(){null!==F&&"function"===typeof F.markComponentRenderStopped&&F.markComponentRenderStopped()}function ob(a){null!==F&&"function"===typeof F.markComponentLayoutEffectUnmountStarted&&F.markComponentLayoutEffectUnmountStarted(a)}function pb(){null!==F&&"function"===typeof F.markComponentLayoutEffectUnmountStopped&&F.markComponentLayoutEffectUnmountStopped()}
-function qb(a){null!==F&&"function"===typeof F.markRenderStarted&&F.markRenderStarted(a)}function rb(){null!==F&&"function"===typeof F.markRenderStopped&&F.markRenderStopped()}function sb(a,b){null!==F&&"function"===typeof F.markStateUpdateScheduled&&F.markStateUpdateScheduled(a,b)}var ub=Math.clz32?Math.clz32:tb,vb=Math.log,wb=Math.LN2;function tb(a){a>>>=0;return 0===a?32:31-(vb(a)/wb|0)|0}
-function kb(a){if(a&1)return"SyncHydrationLane";if(a&2)return"Sync";if(a&4)return"InputContinuousHydration";if(a&8)return"InputContinuous";if(a&16)return"DefaultHydration";if(a&32)return"Default";if(a&64)return"TransitionHydration";if(a&4194176)return"Transition";if(a&62914560)return"Retry";if(a&67108864)return"SelectiveHydration";if(a&134217728)return"IdleHydration";if(a&268435456)return"Idle";if(a&536870912)return"Offscreen";if(a&1073741824)return"Deferred"}var xb=128,yb=4194304;
-function zb(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
-case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function Ab(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=zb(c):(a&=f,0!==a&&(d=zb(a)))):(c&=~e,0!==c?d=zb(c):0!==a&&(d=zb(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
-function Bb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
-function Cb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function Db(){var a=yb;yb<<=1;0===(yb&62914560)&&(yb=4194304);return a}function Eb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}function Fb(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0)}
-function Gb(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-ub(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var n=k[g];null!==n&&(n.lane&=-536870913)}d&=~h}0!==c&&Hb(a,c,0)}
-function Hb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-ub(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function Ib(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-ub(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function Jb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-ub(b);a.entanglements[1]|=c;b&=~c}}function Kb(a,b,c){if(gb)for(a=a.pendingUpdatersLaneMap;0<c;){var d=31-ub(c),e=1<<d;a[d].add(b);c&=~e}}
-function Lb(a,b){if(gb)for(var c=a.pendingUpdatersLaneMap,d=a.memoizedUpdaters;0<b;){var e=31-ub(b);a=1<<e;e=c[e];0<e.size&&(e.forEach(function(f){var g=f.alternate;null!==g&&d.has(g)||d.add(f)}),e.clear());b&=~a}}var G=0;function Nb(a,b){var c=G;try{return G=a,b()}finally{G=c}}function Ob(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}
-var Pb=Object.prototype.hasOwnProperty,Qb=Math.random().toString(36).slice(2),Rb="__reactFiber$"+Qb,Sb="__reactProps$"+Qb,Tb="__reactContainer$"+Qb,Ub="__reactEvents$"+Qb,Vb="__reactListeners$"+Qb,Wb="__reactHandles$"+Qb,Xb="__reactResources$"+Qb,Yb="__reactMarker$"+Qb;function Zb(a){delete a[Rb];delete a[Sb];delete a[Ub];delete a[Vb];delete a[Wb]}
-function $b(a){var b=a[Rb];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Tb]||c[Rb]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=ac(a);null!==a;){if(c=a[Rb])return c;a=ac(a)}return b}a=c;c=a.parentNode}return null}function bc(a){if(a=a[Rb]||a[Tb]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function cc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(u(33));}function dc(a){return a[Sb]||null}
-function ec(a){var b=a[Xb];b||(b=a[Xb]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function fc(a){a[Yb]=!0}var gc=new Set,hc={};function ic(a,b){jc(a,b);jc(a+"Capture",b)}function jc(a,b){hc[a]=b;for(a=0;a<b.length;a++)gc.add(b[a])}
-var kc=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),lc=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),mc=
-{},nc={};function oc(a){if(Pb.call(nc,a))return!0;if(Pb.call(mc,a))return!1;if(lc.test(a))return nc[a]=!0;mc[a]=!0;return!1}function pc(a,b,c){if(oc(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
-function qc(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function rc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var sc;
-function tc(a){if(void 0===sc)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);sc=b&&b[1]||""}return"\n"+sc+a}var uc=!1;
-function vc(a,b){if(!a||uc)return"";uc=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(r){var t=r}Reflect.construct(a,[],w)}else{try{w.call()}catch(r){t=r}a.call(w.prototype)}}else{try{throw Error();}catch(r){t=r}(w=a())&&"function"===typeof w.catch&&
-w.catch(function(){})}}catch(r){if(r&&t&&"string"===typeof r.stack)return[r.stack,t.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{uc=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?tc(c):""}
-function wc(a){switch(a.tag){case 26:case 27:case 5:return tc(a.type);case 16:return tc("Lazy");case 13:return tc("Suspense");case 19:return tc("SuspenseList");case 0:case 2:case 15:return a=vc(a.type,!1),a;case 11:return a=vc(a.type.render,!1),a;case 1:return a=vc(a.type,!0),a;default:return""}}var xc=Symbol.for("react.client.reference");
-function yc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===xc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case pa:return"Fragment";case oa:return"Portal";case ra:return"Profiler";case qa:return"StrictMode";case wa:return"Suspense";case xa:return"SuspenseList";case Da:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ta:return(a.displayName||"Context")+".Consumer";case sa:return(a._context.displayName||"Context")+".Provider";case va:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case ya:return b=a.displayName||null,null!==b?b:yc(a.type)||"Memo";case za:b=a._payload;a=a._init;try{return yc(a(b))}catch(c){break}case ua:return(a.displayName||a._globalName)+".Provider"}return null}
-function zc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return yc(b);case 8:return b===qa?"StrictMode":"Mode";
-case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function Ac(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
-function Bc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
-function Cc(a){var b=Bc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
-null;delete a[b]}}}}function Dc(a){a._valueTracker||(a._valueTracker=Cc(a))}function Ec(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=Bc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Fc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var Gc=/[\n"\\]/g;
-function Hc(a){return a.replace(Gc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
-function Ic(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+Ac(b)}else a.value!==""+Ac(b)&&(a.value=""+Ac(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?Jc(a,g,Ac(b)):null!=c?Jc(a,g,Ac(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
-typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+Ac(h):a.removeAttribute("name")}
-function Kc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+Ac(c):"";b=null!=b?""+Ac(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
-function Jc(a,b,c){"number"===b&&Fc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var Lc=Array.isArray;
-function Mc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+Ac(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
-function Nc(a,b,c){if(null!=b&&(b=""+Ac(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+Ac(c):""}function Oc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(u(92));if(Lc(d)){if(1<d.length)throw Error(u(93));d=d[0]}c=d}null==c&&(c="");b=c}c=Ac(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}
-function Pc(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Qc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
-function Rc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Qc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
-function Sc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(u(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Rc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Rc(a,f,b[f])}
-function Tc(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
-var Uc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
+'use strict';"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var aa=require("next/dist/compiled/react-experimental"),t=require("next/dist/compiled/scheduler-experimental"),ba={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};
+function x(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var E=Object.assign,ca=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,da=ca.ReactCurrentDispatcher,ea={pending:!1,data:null,method:null,action:null};function fa(){return da.current.useHostTransitionStatus()}function ha(a,b,c){return da.current.useFormState(a,b,c)}var ja=[],ka=-1;function la(a){return{current:a}}function F(a){0>ka||(a.current=ja[ka],ja[ka]=null,ka--)}function G(a,b){ka++;ja[ka]=a.current;a.current=b}
+var ma=Symbol.for("react.element"),na=Symbol.for("react.portal"),oa=Symbol.for("react.fragment"),pa=Symbol.for("react.strict_mode"),qa=Symbol.for("react.profiler"),ra=Symbol.for("react.provider"),sa=Symbol.for("react.consumer"),ta=Symbol.for("react.context"),ua=Symbol.for("react.forward_ref"),va=Symbol.for("react.suspense"),wa=Symbol.for("react.suspense_list"),xa=Symbol.for("react.memo"),ya=Symbol.for("react.lazy"),za=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
+var Aa=Symbol.for("react.offscreen"),Ba=Symbol.for("react.legacy_hidden"),Ca=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Da=Symbol.for("react.memo_cache_sentinel"),Ea=Symbol.for("react.postpone"),Fa=Symbol.iterator;function Ga(a){if(null===a||"object"!==typeof a)return null;a=Fa&&a[Fa]||a["@@iterator"];return"function"===typeof a?a:null}var Ha=la(null),Ia=la(null),Ja=la(null),Ka=la(null),La={$$typeof:ta,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null};
+function Ma(a,b){G(Ja,b);G(Ia,a);G(Ha,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Na(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Na(a),b=Oa(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}F(Ha);G(Ha,b)}function Pa(){F(Ha);F(Ia);F(Ja)}function Qa(a){null!==a.memoizedState&&G(Ka,a);var b=Ha.current;var c=Oa(b,a.type);b!==c&&(G(Ia,a),G(Ha,c))}
+function Ra(a){Ia.current===a&&(F(Ha),F(Ia));Ka.current===a&&(F(Ka),La._currentValue=null)}var Sa=t.unstable_scheduleCallback,Ta=t.unstable_cancelCallback,Ua=t.unstable_shouldYield,Va=t.unstable_requestPaint,Wa=t.unstable_now,Xa=t.unstable_getCurrentPriorityLevel,Ya=t.unstable_ImmediatePriority,Za=t.unstable_UserBlockingPriority,$a=t.unstable_NormalPriority,ab=t.unstable_LowPriority,bb=t.unstable_IdlePriority,cb=t.log,db=t.unstable_setDisableYieldValue,eb=null,fb=null,H=null,gb="undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
+function hb(a,b){if(fb&&"function"===typeof fb.onCommitFiberRoot)try{var c=128===(a.current.flags&128);switch(b){case 2:var d=Ya;break;case 8:d=Za;break;case 32:d=$a;break;case 268435456:d=bb;break;default:d=$a}fb.onCommitFiberRoot(eb,a,d,c)}catch(e){}}function ib(a){"function"===typeof cb&&db(a);if(fb&&"function"===typeof fb.setStrictMode)try{fb.setStrictMode(eb,a)}catch(b){}}function jb(a){H=a}function kb(){for(var a=new Map,b=1,c=0;31>c;c++){var d=lb(b);a.set(b,d);b*=2}return a}
+function mb(){null!==H&&"function"===typeof H.markCommitStopped&&H.markCommitStopped()}function nb(a){null!==H&&"function"===typeof H.markComponentRenderStarted&&H.markComponentRenderStarted(a)}function ob(){null!==H&&"function"===typeof H.markComponentRenderStopped&&H.markComponentRenderStopped()}function pb(a){null!==H&&"function"===typeof H.markComponentLayoutEffectUnmountStarted&&H.markComponentLayoutEffectUnmountStarted(a)}
+function qb(){null!==H&&"function"===typeof H.markComponentLayoutEffectUnmountStopped&&H.markComponentLayoutEffectUnmountStopped()}function rb(a){null!==H&&"function"===typeof H.markRenderStarted&&H.markRenderStarted(a)}function sb(){null!==H&&"function"===typeof H.markRenderStopped&&H.markRenderStopped()}function tb(a,b){null!==H&&"function"===typeof H.markStateUpdateScheduled&&H.markStateUpdateScheduled(a,b)}var vb=Math.clz32?Math.clz32:ub,wb=Math.log,xb=Math.LN2;
+function ub(a){a>>>=0;return 0===a?32:31-(wb(a)/xb|0)|0}
+function lb(a){if(a&1)return"SyncHydrationLane";if(a&2)return"Sync";if(a&4)return"InputContinuousHydration";if(a&8)return"InputContinuous";if(a&16)return"DefaultHydration";if(a&32)return"Default";if(a&64)return"TransitionHydration";if(a&4194176)return"Transition";if(a&62914560)return"Retry";if(a&67108864)return"SelectiveHydration";if(a&134217728)return"IdleHydration";if(a&268435456)return"Idle";if(a&536870912)return"Offscreen";if(a&1073741824)return"Deferred"}var yb=128,zb=4194304;
+function Ab(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
+case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function Bb(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=Ab(c):(a&=f,0!==a&&(d=Ab(a)))):(c&=~e,0!==c?d=Ab(c):0!==a&&(d=Ab(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
+function Cb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
+function Db(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function Eb(){var a=yb;yb<<=1;0===(yb&4194176)&&(yb=128);return a}function Fb(){var a=zb;zb<<=1;0===(zb&62914560)&&(zb=4194304);return a}function Gb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}
+function Hb(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-vb(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var n=k[g];null!==n&&(n.lane&=-536870913)}d&=~h}0!==c&&Ib(a,c,0)}
+function Ib(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-vb(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function Jb(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-vb(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function Kb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-vb(b);a.entanglements[1]|=c;b&=~c}}function Lb(a,b,c){if(gb)for(a=a.pendingUpdatersLaneMap;0<c;){var d=31-vb(c),e=1<<d;a[d].add(b);c&=~e}}
+function Nb(a,b){if(gb)for(var c=a.pendingUpdatersLaneMap,d=a.memoizedUpdaters;0<b;){var e=31-vb(b);a=1<<e;e=c[e];0<e.size&&(e.forEach(function(f){var g=f.alternate;null!==g&&d.has(g)||d.add(f)}),e.clear());b&=~a}}var I=0;function Ob(a,b){var c=I;try{return I=a,b()}finally{I=c}}function Pb(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}
+var Qb=Object.prototype.hasOwnProperty,Rb=Math.random().toString(36).slice(2),Sb="__reactFiber$"+Rb,Tb="__reactProps$"+Rb,Ub="__reactContainer$"+Rb,Vb="__reactEvents$"+Rb,Wb="__reactListeners$"+Rb,Xb="__reactHandles$"+Rb,Yb="__reactResources$"+Rb,Zb="__reactMarker$"+Rb;function $b(a){delete a[Sb];delete a[Tb];delete a[Vb];delete a[Wb];delete a[Xb]}
+function ac(a){var b=a[Sb];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Ub]||c[Sb]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=bc(a);null!==a;){if(c=a[Sb])return c;a=bc(a)}return b}a=c;c=a.parentNode}return null}function cc(a){if(a=a[Sb]||a[Ub]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function dc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(x(33));}function ec(a){return a[Tb]||null}
+function fc(a){var b=a[Yb];b||(b=a[Yb]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function gc(a){a[Zb]=!0}var hc=new Set,ic={};function jc(a,b){kc(a,b);kc(a+"Capture",b)}function kc(a,b){ic[a]=b;for(a=0;a<b.length;a++)hc.add(b[a])}
+var lc=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),mc=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),nc=
+{},oc={};function pc(a){if(Qb.call(oc,a))return!0;if(Qb.call(nc,a))return!1;if(mc.test(a))return oc[a]=!0;nc[a]=!0;return!1}function qc(a,b,c){if(pc(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
+function rc(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function sc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var tc;
+function uc(a){if(void 0===tc)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);tc=b&&b[1]||""}return"\n"+tc+a}var vc=!1;
+function wc(a,b){if(!a||vc)return"";vc=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(r){var q=r}Reflect.construct(a,[],w)}else{try{w.call()}catch(r){q=r}a.call(w.prototype)}}else{try{throw Error();}catch(r){q=r}(w=a())&&"function"===typeof w.catch&&
+w.catch(function(){})}}catch(r){if(r&&q&&"string"===typeof r.stack)return[r.stack,q.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var u="\n"+k[d].replace(" at new "," at ");a.displayName&&u.includes("<anonymous>")&&(u=u.replace("<anonymous>",a.displayName));return u}while(1<=d&&0<=e)}break}}}finally{vc=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?uc(c):""}
+function xc(a){switch(a.tag){case 26:case 27:case 5:return uc(a.type);case 16:return uc("Lazy");case 13:return uc("Suspense");case 19:return uc("SuspenseList");case 0:case 2:case 15:return a=wc(a.type,!1),a;case 11:return a=wc(a.type.render,!1),a;case 1:return a=wc(a.type,!0),a;default:return""}}function yc(a){try{var b="";do b+=xc(a),a=a.return;while(a);return b}catch(c){return"\nError generating stack: "+c.message+"\n"+c.stack}}var zc=Symbol.for("react.client.reference");
+function Ac(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===zc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case oa:return"Fragment";case na:return"Portal";case qa:return"Profiler";case pa:return"StrictMode";case va:return"Suspense";case wa:return"SuspenseList";case Ca:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ra:return(a._context.displayName||"Context")+".Provider";case ta:return(a.displayName||"Context")+".Consumer";case ua:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case xa:return b=a.displayName||null,null!==b?b:Ac(a.type)||"Memo";case ya:b=a._payload;a=a._init;try{return Ac(a(b))}catch(c){}}return null}
+function Bc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return Ac(b);case 8:return b===pa?"StrictMode":"Mode";
+case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function Cc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
+function Dc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
+function Ec(a){var b=Dc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
+null;delete a[b]}}}}function Fc(a){a._valueTracker||(a._valueTracker=Ec(a))}function Gc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=Dc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Hc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var Ic=/[\n"\\]/g;
+function Jc(a){return a.replace(Ic,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
+function Kc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+Cc(b)}else a.value!==""+Cc(b)&&(a.value=""+Cc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?Lc(a,g,Cc(b)):null!=c?Lc(a,g,Cc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
+typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+Cc(h):a.removeAttribute("name")}
+function Mc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+Cc(c):"";b=null!=b?""+Cc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
+function Lc(a,b,c){"number"===b&&Hc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var Nc=Array.isArray;
+function Oc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+Cc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
+function Pc(a,b,c){if(null!=b&&(b=""+Cc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+Cc(c):""}function Qc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(x(92));if(Nc(d)){if(1<d.length)throw Error(x(93));d=d[0]}c=d}null==c&&(c="");b=c}c=Cc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}
+function Rc(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Sc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
+function Tc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Sc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
+function Uc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(x(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Tc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Tc(a,f,b[f])}
+function Vc(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
+var Wc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Vc=null;function Wc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Xc=null,Yc=null;
-function Zc(a){var b=bc(a);if(b&&(a=b.stateNode)){var c=dc(a);a:switch(a=b.stateNode,b.type){case "input":Ic(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+Hc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=dc(d);if(!e)throw Error(u(90));Ic(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
-e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&Ec(d)}break a;case "textarea":Nc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&Mc(a,!!c.multiple,b,!1)}}}function $c(a){Xc?Yc?Yc.push(a):Yc=[a]:Xc=a}function ad(){if(Xc){var a=Xc,b=Yc;Yc=Xc=null;Zc(a);if(b)for(a=0;a<b.length;a++)Zc(b[a])}}function bd(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
-function cd(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function dd(a){if(bd(a)!==a)throw Error(u(188));}
-function ed(a){var b=a.alternate;if(!b){b=bd(a);if(null===b)throw Error(u(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return dd(e),a;if(f===d)return dd(e),b;f=f.sibling}throw Error(u(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
-c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(u(189));}}if(c.alternate!==d)throw Error(u(190));}if(3!==c.tag)throw Error(u(188));return c.stateNode.current===c?a:b}function fd(a){a=ed(a);return null!==a?gd(a):null}function gd(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=gd(a);if(null!==b)return b;a=a.sibling}return null}var hd={},id=ma(hd),jd=ma(!1),kd=hd;
-function ld(a,b){var c=a.type.contextTypes;if(!c)return hd;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function md(a){a=a.childContextTypes;return null!==a&&void 0!==a}function nd(){D(jd);D(id)}
-function od(a,b,c){if(id.current!==hd)throw Error(u(168));E(id,b);E(jd,c)}function pd(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(u(108,zc(a)||"Unknown",e));return x({},c,d)}function qd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||hd;kd=id.current;E(id,a);E(jd,jd.current);return!0}
-function rd(a,b,c){var d=a.stateNode;if(!d)throw Error(u(169));c?(a=pd(a,b,kd),d.__reactInternalMemoizedMergedChildContext=a,D(jd),D(id),E(id,a)):D(jd);E(jd,c)}function sd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var td="function"===typeof Object.is?Object.is:sd,ud=[],vd=0,wd=null,xd=0,yd=[],zd=0,Ad=null,Bd=1,Cd="";function Dd(a,b){ud[vd++]=xd;ud[vd++]=wd;wd=a;xd=b}
-function Ed(a,b,c){yd[zd++]=Bd;yd[zd++]=Cd;yd[zd++]=Ad;Ad=a;var d=Bd;a=Cd;var e=32-ub(d)-1;d&=~(1<<e);c+=1;var f=32-ub(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;Bd=1<<32-ub(b)+e|c<<e|d;Cd=f+a}else Bd=1<<f|c<<e|d,Cd=a}function Fd(a){null!==a.return&&(Dd(a,1),Ed(a,1,0))}function Gd(a){for(;a===wd;)wd=ud[--vd],ud[vd]=null,xd=ud[--vd],ud[vd]=null;for(;a===Ad;)Ad=yd[--zd],yd[zd]=null,Cd=yd[--zd],yd[zd]=null,Bd=yd[--zd],yd[zd]=null}var H=null,I=null,K=!1,Hd=null,Id=!1;
-function Jd(a,b){var c=Kd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Ld(a,b){b.flags=b.flags&-4097|2}function Md(a,b){b=Nd(b,a.type,a.pendingProps,Id);return null!==b?(a.stateNode=b,H=a,I=Od(b.firstChild),Id=!1,!0):!1}function Pd(a,b){b=Qd(b,a.pendingProps,Id);return null!==b?(a.stateNode=b,H=a,I=null,!0):!1}
-function Rd(a,b){a:{var c=b;for(b=Id;8!==c.nodeType;){if(!b){b=null;break a}c=Sd(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==Ad?{id:Bd,overflow:Cd}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=Kd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,H=a,I=null,!0):!1}function Td(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Ud(){throw Error(u(418));}
-function Vd(a){for(H=a.return;H;)switch(H.tag){case 3:case 27:Id=!0;return;case 5:case 13:Id=!1;return;default:H=H.return}}
-function Wd(a){if(a!==H)return!1;if(!K)return Vd(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Xd(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=I))if(Td(a))Yd(),Ud();else for(;b;)Jd(a,b),b=Sd(b);Vd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(u(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){I=Sd(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}I=
-null}}else I=H?Sd(a.stateNode):null;return!0}function Yd(){for(var a=I;a;)a=Sd(a)}function Zd(){I=H=null;K=!1}function $d(a){null===Hd?Hd=[a]:Hd.push(a)}var ae=[],be=0,ce=0;function de(){for(var a=be,b=ce=be=0;b<a;){var c=ae[b];ae[b++]=null;var d=ae[b];ae[b++]=null;var e=ae[b];ae[b++]=null;var f=ae[b];ae[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&ee(c,e,f)}}
-function fe(a,b,c,d){ae[be++]=a;ae[be++]=b;ae[be++]=c;ae[be++]=d;ce|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function ge(a,b,c,d){fe(a,b,c,d);return he(a)}function ie(a,b){fe(a,null,null,b);return he(a)}
-function ee(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-ub(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function he(a){if(50<je)throw je=0,ke=null,Error(u(185));for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
-var le=!1;function me(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function ne(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function oe(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
-function pe(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(N&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=he(a);ee(a,null,c);return b}fe(a,d,b,c);return he(a)}function qe(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Ib(a,c)}}
-function re(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
-function se(a,b,c,d){var e=a.updateQueue;le=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var q=a.alternate;null!==q&&(q=q.updateQueue,h=q.lastBaseUpdate,h!==g&&(null===h?q.firstBaseUpdate=n:h.next=n,q.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;q=n=k=null;h=f;do{var t=h.lane&-536870913,r=t!==h.lane;if(r?(O&t)===t:(d&t)===t){null!==q&&(q=q.next={lane:0,tag:h.tag,payload:h.payload,
-callback:null,next:null});a:{var A=a,C=h;t=b;var J=c;switch(C.tag){case 1:A=C.payload;if("function"===typeof A){w=A.call(J,w,t);break a}w=A;break a;case 3:A.flags=A.flags&-65537|128;case 0:A=C.payload;t="function"===typeof A?A.call(J,w,t):A;if(null===t||void 0===t)break a;w=x({},w,t);break a;case 2:le=!0}}t=h.callback;null!==t&&(a.flags|=64,r&&(a.flags|=8192),r=e.callbacks,null===r?e.callbacks=[t]:r.push(t))}else r={lane:t,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===q?(n=q=r,
-k=w):q=q.next=r,g|=t;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===q&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=q;null===f&&(e.shared.lanes=0);te|=g;a.lanes=g;a.memoizedState=w}}function ue(a,b){if("function"!==typeof a)throw Error(u(191,a));a.call(b)}function ve(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)ue(c[a],b)}
-function we(a,b){if(td(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Pb.call(b,e)||!td(a[e],b[e]))return!1}return!0}var xe=Error(u(460)),ye=Error(u(474)),ze={then:function(){}};function Ae(a){a=a.status;return"fulfilled"===a||"rejected"===a}function Be(){}
-function Ce(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Be,Be),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===xe)throw Error(u(483));throw a;default:if("string"===typeof b.status)b.then(Be,Be);else{a=P;if(null!==a&&100<a.shellSuspendCounter)throw Error(u(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}});switch(b.status){case "fulfilled":return b.value;
-case "rejected":a=b.reason;if(a===xe)throw Error(u(483));throw a;}}De=b;throw xe;}}var De=null;function Ee(){if(null===De)throw Error(u(459));var a=De;De=null;return a}var Fe=null,Ge=0;function He(a){var b=Ge;Ge+=1;null===Fe&&(Fe=[]);return Ce(Fe,a,b)}
-function Ie(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(u(309));var d=c.stateNode}if(!d)throw Error(u(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(g){var h=e.refs;null===g?delete h[f]:h[f]=g};b._stringRef=f;return b}if("string"!==typeof a)throw Error(u(284));if(!c._owner)throw Error(u(290,a));}return a}
-function Je(a,b){a=Object.prototype.toString.call(b);throw Error(u(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function Ke(a){var b=a._init;return b(a._payload)}
-function Le(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=Me(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
-function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=Ne(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var y=p.type;if(y===pa)return q(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===y||"object"===typeof y&&null!==y&&y.$$typeof===za&&Ke(y)===l.type))return v=e(l,p.props),v.ref=Ie(m,l,p),v.return=m,v;v=Oe(p.type,p.key,p.props,null,null,m.mode,v);v.ref=Ie(m,l,p);v.return=m;return v}function n(m,l,
-p,v){if(null===l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=Pe(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function q(m,l,p,v,y){if(null===l||7!==l.tag)return l=Qe(p,m.mode,v,y),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=Ne(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case na:return p=Oe(l.type,
-l.key,l.props,null,null,m.mode,p),p.ref=Ie(m,null,l),p.return=m,p;case oa:return l=Pe(l,m.mode,p),l.return=m,l;case za:var v=l._init;return w(m,v(l._payload),p)}if(Lc(l)||Ia(l))return l=Qe(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,He(l),p);if(l.$$typeof===ta||l.$$typeof===ua)return w(m,Re(m,l,p),p);Je(m,l)}return null}function t(m,l,p,v){var y=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==y?null:h(m,l,""+p,v);if("object"===typeof p&&
-null!==p){switch(p.$$typeof){case na:return p.key===y?k(m,l,p,v):null;case oa:return p.key===y?n(m,l,p,v):null;case za:return y=p._init,t(m,l,y(p._payload),v)}if(Lc(p)||Ia(p))return null!==y?null:q(m,l,p,v,null);if("function"===typeof p.then)return t(m,l,He(p),v);if(p.$$typeof===ta||p.$$typeof===ua)return t(m,l,Re(m,p,v),v);Je(m,p)}return null}function r(m,l,p,v,y){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,y);if("object"===typeof v&&null!==v){switch(v.$$typeof){case na:return m=
-m.get(null===v.key?p:v.key)||null,k(l,m,v,y);case oa:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,y);case za:var B=v._init;return r(m,l,p,B(v._payload),y)}if(Lc(v)||Ia(v))return m=m.get(p)||null,q(l,m,v,y,null);if("function"===typeof v.then)return r(m,l,p,He(v),y);if(v.$$typeof===ta||v.$$typeof===ua)return r(m,l,p,Re(l,v,y),y);Je(l,v)}return null}function A(m,l,p,v){for(var y=null,B=null,z=l,L=l=0,ja=null;null!==z&&L<p.length;L++){z.index>L?(ja=z,z=null):ja=z.sibling;var M=t(m,z,p[L],v);if(null===
-M){null===z&&(z=ja);break}a&&z&&null===M.alternate&&b(m,z);l=f(M,l,L);null===B?y=M:B.sibling=M;B=M;z=ja}if(L===p.length)return c(m,z),K&&Dd(m,L),y;if(null===z){for(;L<p.length;L++)z=w(m,p[L],v),null!==z&&(l=f(z,l,L),null===B?y=z:B.sibling=z,B=z);K&&Dd(m,L);return y}for(z=d(m,z);L<p.length;L++)ja=r(z,m,L,p[L],v),null!==ja&&(a&&null!==ja.alternate&&z.delete(null===ja.key?L:ja.key),l=f(ja,l,L),null===B?y=ja:B.sibling=ja,B=ja);a&&z.forEach(function(Mb){return b(m,Mb)});K&&Dd(m,L);return y}function C(m,
-l,p,v){var y=Ia(p);if("function"!==typeof y)throw Error(u(150));p=y.call(p);if(null==p)throw Error(u(151));for(var B=y=null,z=l,L=l=0,ja=null,M=p.next();null!==z&&!M.done;L++,M=p.next()){z.index>L?(ja=z,z=null):ja=z.sibling;var Mb=t(m,z,M.value,v);if(null===Mb){null===z&&(z=ja);break}a&&z&&null===Mb.alternate&&b(m,z);l=f(Mb,l,L);null===B?y=Mb:B.sibling=Mb;B=Mb;z=ja}if(M.done)return c(m,z),K&&Dd(m,L),y;if(null===z){for(;!M.done;L++,M=p.next())M=w(m,M.value,v),null!==M&&(l=f(M,l,L),null===B?y=M:B.sibling=
-M,B=M);K&&Dd(m,L);return y}for(z=d(m,z);!M.done;L++,M=p.next())M=r(z,m,L,M.value,v),null!==M&&(a&&null!==M.alternate&&z.delete(null===M.key?L:M.key),l=f(M,l,L),null===B?y=M:B.sibling=M,B=M);a&&z.forEach(function(Dn){return b(m,Dn)});K&&Dd(m,L);return y}function J(m,l,p,v){"object"===typeof p&&null!==p&&p.type===pa&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case na:a:{for(var y=p.key,B=l;null!==B;){if(B.key===y){y=p.type;if(y===pa){if(7===B.tag){c(m,B.sibling);
-l=e(B,p.props.children);l.return=m;m=l;break a}}else if(B.elementType===y||"object"===typeof y&&null!==y&&y.$$typeof===za&&Ke(y)===B.type){c(m,B.sibling);l=e(B,p.props);l.ref=Ie(m,B,p);l.return=m;m=l;break a}c(m,B);break}else b(m,B);B=B.sibling}p.type===pa?(l=Qe(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=Oe(p.type,p.key,p.props,null,null,m.mode,v),v.ref=Ie(m,l,p),v.return=m,m=v)}return g(m);case oa:a:{for(B=p.key;null!==l;){if(l.key===B)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&
-l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=Pe(p,m.mode,v);l.return=m;m=l}return g(m);case za:return B=p._init,Q(m,l,B(p._payload),v)}if(Lc(p))return A(m,l,p,v);if(Ia(p))return C(m,l,p,v);if("function"===typeof p.then)return J(m,l,He(p),v);if(p.$$typeof===ta||p.$$typeof===ua)return J(m,l,Re(m,p,v),v);Je(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,
-l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=Ne(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}function Q(m,l,p,v){Ge=0;m=J(m,l,p,v);Fe=null;return m}return Q}var Se=Le(!0),Te=Le(!1),Ue=ma(null),Ve=ma(0);function We(a,b){a=Xe;E(Ve,a);E(Ue,b);Xe=a|b.baseLanes}function Ye(){E(Ve,Xe);E(Ue,Ue.current)}function Ze(){Xe=Ve.current;D(Ue);D(Ve)}var $e=ma(null),af=null;function bf(a){var b=a.alternate;E(cf,cf.current&1);E($e,a);null===af&&(null===b||null!==Ue.current?af=a:null!==b.memoizedState&&(af=a))}
-function df(a){if(22===a.tag){if(E(cf,cf.current),E($e,a),null===af){var b=a.alternate;null!==b&&null!==b.memoizedState&&(af=a)}}else ef(a)}function ef(){E(cf,cf.current);E($e,$e.current)}function ff(a){D($e);af===a&&(af=null);D(cf)}var cf=ma(0);
-function gf(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var hf=null,jf=null,kf=!1,lf=!1,mf=!1,nf=0;
-function of(a){a!==jf&&null===a.next&&(null===jf?hf=jf=a:jf=jf.next=a);lf=!0;kf||(kf=!0,pf(qf))}
-function rf(a){if(!mf&&lf){var b=null;mf=!0;do{var c=!1;for(var d=hf;null!==d;){if(!a||0===d.tag){var e=O,f=Ab(d,d===P?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(N&6))throw Error(u(327));if(!sf()){tf=uf;uf=!1;var g=vf(e,f);if(0!==e.tag&&2===g){var h=f,k=Cb(e,h);0!==k&&(f=k,g=wf(e,h,k))}if(1===g)throw h=xf,yf(e,0),zf(e,f,0),of(e),h;6===g?zf(e,f,Af):(e.finishedWork=e.current.alternate,e.finishedLanes=f,Bf(e,Cf,Df,Af))}of(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);mf=!1;if(null!==b){if(1<b.length){if("function"===
-typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)pf(Ef.bind(null,b[a]))}throw b[0];}}}function Ef(a){throw a;}function qf(){lf=kf=!1;for(var a=Ya(),b=null,c=hf;null!==c;){var d=c.next;if(0!==nf&&Ff()){var e=c,f=nf;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=Gf(c,a);0===e?(c.next=null,null===b?hf=d:b.next=d,null===d&&(jf=b)):(b=c,0!==(e&3)&&(lf=!0));c=d}nf=0;rf(!1)}
-function Gf(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-ub(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=Bb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=P;c=O;c=Ab(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===R||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Va(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Va(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
-null!==d&&Va(d);switch(Ob(c)){case 2:c=$a;break;case 8:c=ab;break;case 32:c=bb;break;case 268435456:c=db;break;default:c=bb}d=Hf.bind(null,a);c=Ua(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function pf(a){If(function(){0!==(N&6)?Ua($a,a):a()})}function Jf(){if(0===nf){var a=xb;xb<<=1;0===(xb&4194176)&&(xb=128);nf=a}return nf}var Kf=null,Lf=0,Mf=0;
-function Nf(a,b){if(null===Kf){var c=Kf=[];Lf=0;Mf=Jf()}else c=Kf;Lf++;var d=Of(c),e="pending",f,g;a.then(function(h){e="fulfilled";f=null!==b?b:h;Pf()},function(h){e="rejected";g=h;Pf()});c.push(function(){switch(e){case "fulfilled":d.status="fulfilled";d.value=f;break;case "rejected":d.status="rejected";d.reason=g;break;default:throw Error(u(478));}});return d}function Qf(a,b){var c=null!==b?b:a;if(null===Kf)return c;a=Kf;var d=Of(a);a.push(function(){d.status="fulfilled";d.value=c});return d}
-function Pf(){if(null!==Kf&&0===--Lf){var a=Kf;Kf=null;for(var b=Mf=0;b<a.length;b++)(0,a[b])()}}function Of(a){return{status:"pending",value:null,reason:null,then:function(b){a.push(b)}}}var Rf=da.ReactCurrentDispatcher,Sf=da.ReactCurrentBatchConfig,Tf=0,S=null,T=null,Uf=null,Vf=!1,Wf=!1,Xf=!1,Yf=0,Zf=0,$f=null,ag=0;function U(){throw Error(u(321));}function bg(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!td(a[c],b[c]))return!1;return!0}
-function cg(a,b,c,d,e,f){Tf=f;S=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Rf.current=null===a||null===a.memoizedState?dg:eg;Xf=!1;a=c(d,e);Xf=!1;Wf&&(a=fg(b,c,d,e));gg();return a}function gg(){Rf.current=hg;var a=null!==T&&null!==T.next;Tf=0;Uf=T=S=null;Vf=!1;Zf=0;$f=null;if(a)throw Error(u(300));}function fg(a,b,c,d){S=a;var e=0;do{Wf&&($f=null);Zf=0;Wf=!1;if(25<=e)throw Error(u(301));e+=1;Uf=T=null;a.updateQueue=null;Rf.current=ig;var f=b(c,d)}while(Wf);return f}
-function jg(){var a=Rf.current.useState()[0];return"function"===typeof a.then?kg(a):a}function lg(){var a=0!==Yf;Yf=0;return a}function mg(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}function ng(a){if(Vf){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Vf=!1}Tf=0;Uf=T=S=null;Wf=!1;Zf=Yf=0;$f=null}function og(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===Uf?S.memoizedState=Uf=a:Uf=Uf.next=a;return Uf}
-function pg(){if(null===T){var a=S.alternate;a=null!==a?a.memoizedState:null}else a=T.next;var b=null===Uf?S.memoizedState:Uf.next;if(null!==b)Uf=b,T=a;else{if(null===a){if(null===S.alternate)throw Error(u(467));throw Error(u(310));}T=a;a={memoizedState:T.memoizedState,baseState:T.baseState,baseQueue:T.baseQueue,queue:T.queue,next:null};null===Uf?S.memoizedState=Uf=a:Uf=Uf.next=a}return Uf}var qg;qg=function(){return{lastEffect:null,events:null,stores:null,memoCache:null}};
-function kg(a){var b=Zf;Zf+=1;null===$f&&($f=[]);a=Ce($f,a,b);null===S.alternate&&(null===Uf?null===S.memoizedState:null===Uf.next)&&(Rf.current=dg);return a}function rg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return kg(a);if(a.$$typeof===ta||a.$$typeof===ua)return sg(a)}throw Error(u(438,String(a)));}
-function tg(a){var b=null,c=S.updateQueue;null!==c&&(b=c.memoCache);if(null==b){var d=S.alternate;null!==d&&(d=d.updateQueue,null!==d&&(d=d.memoCache,null!=d&&(b={data:d.data.map(function(e){return e.slice()}),index:0})))}null==b&&(b={data:[],index:0});null===c&&(c=qg(),S.updateQueue=c);c.memoCache=b;c=b.data[b.index];if(void 0===c)for(c=b.data[b.index]=Array(a),d=0;d<a;d++)c[d]=Fa;b.index++;return c}function ug(a,b){return"function"===typeof b?b(a):b}function vg(a){var b=pg();return wg(b,T,a)}
-function wg(a,b,c){var d=a.queue;if(null===d)throw Error(u(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b;do{var q=n.lane&-536870913;if(q!==n.lane?(O&q)===q:(Tf&q)===q){q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null});
-else if((Tf&q)===q){n=n.next;continue}else{var w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null};null===k?(h=k=w,g=f):k=k.next=w;S.lanes|=q;te|=q}q=n.action;Xf&&c(f,q);f=n.hasEagerState?n.eagerState:c(f,q)}else w={lane:q,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,S.lanes|=q,te|=q;n=n.next}while(null!==n&&n!==b);null===k?g=f:k.next=h;td(f,a.memoizedState)||
-(xg=!0);a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}function yg(a){var b=pg(),c=b.queue;if(null===c)throw Error(u(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);td(f,b.memoizedState)||(xg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
-function zg(a,b,c){var d=S,e=pg(),f=K;if(f){if(void 0===c)throw Error(u(407));c=c()}else c=b();var g=!td((T||e).memoizedState,c);g&&(e.memoizedState=c,xg=!0);e=e.queue;Ag(Bg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==Uf&&Uf.memoizedState.tag&1){d.flags|=2048;Cg(9,Dg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===P)throw Error(u(349));f||0!==(Tf&60)||Eg(d,b,c)}return c}
-function Eg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=S.updateQueue;null===b?(b=qg(),S.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function Dg(a,b,c,d){b.value=c;b.getSnapshot=d;Fg(b)&&Gg(a)}function Bg(a,b,c){return c(function(){Fg(b)&&Gg(a)})}function Fg(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!td(a,c)}catch(d){return!0}}function Gg(a){var b=ie(a,2);null!==b&&Hg(b,a,2)}
-function Ig(a){var b=og();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:ug,lastRenderedState:a};return b}function Jg(a,b,c,d){a.baseState=c;return wg(a,T,"function"===typeof d?d:ug)}function Kg(a,b,c,d){if(Lg(a))throw Error(u(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,Mg(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
-function Mg(a,b,c){var d=a.action,e=a.state,f=Sf.transition;Sf.transition={};try{var g=d(e,c);if(null!==g&&"object"===typeof g&&"function"===typeof g.then){g.then(function(n){a.state=n;Ng(a,b)},function(){return Ng(a,b)});var h=Nf(g,null);b(h)}else{var k=Qf(g,null);b(k);a.state=g;Ng(a,b)}}catch(n){b({then:function(){},status:"rejected",reason:n}),Ng(a,b)}finally{Sf.transition=f}}
-function Ng(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,Mg(a,b,d.payload))}}function Og(a,b){return b}function Pg(a,b,c){a=wg(a,b,Og)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?kg(a):a;b=pg();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(S.flags|=2048,Cg(9,Qg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Qg(a,b){a.action=b}
-function Cg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=S.updateQueue;null===b?(b=qg(),S.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Rg(){return pg().memoizedState}function Sg(a,b,c,d){var e=og();S.flags|=a;e.memoizedState=Cg(1|b,c,{destroy:void 0},void 0===d?null:d)}
-function Tg(a,b,c,d){var e=pg();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==T&&null!==d&&bg(d,T.memoizedState.deps)?e.memoizedState=Cg(b,c,f,d):(S.flags|=a,e.memoizedState=Cg(1|b,c,f,d))}function Ug(a,b){Sg(8390656,8,a,b)}function Ag(a,b){Tg(2048,8,a,b)}function Vg(a){S.flags|=4;var b=S.updateQueue;if(null===b)b=qg(),S.updateQueue=b,b.events=[a];else{var c=b.events;null===c?b.events=[a]:c.push(a)}}
-function Wg(a){var b=pg().memoizedState;Vg({ref:b,nextImpl:a});return function(){if(0!==(N&2))throw Error(u(440));return b.impl.apply(void 0,arguments)}}function Xg(a,b){return Tg(4,2,a,b)}function Yg(a,b){return Tg(4,4,a,b)}function Zg(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function $g(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Tg(4,4,Zg.bind(null,b,a),c)}function ah(){}
-function bh(a,b){var c=pg();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&bg(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function ch(a,b){var c=pg();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&bg(b,d[1]))return d[0];Xf&&a();a=a();c.memoizedState=[a,b];return a}function dh(a,b,c){if(void 0===c||0!==(Tf&1073741824))return a.memoizedState=b;a.memoizedState=c;a=eh();S.lanes|=a;te|=a;return c}
-function fh(a,b,c,d){if(td(c,b))return c;if(null!==Ue.current)return a=dh(a,c,d),td(a,b)||(xg=!0),a;if(0===(Tf&42))return xg=!0,a.memoizedState=c;a=eh();S.lanes|=a;te|=a;return b}function gh(a,b,c,d,e){var f=G;G=0!==f&&8>f?f:8;var g=Sf.transition;Sf.transition={};hh(a,!1,b,c);try{var h=e();if(null!==h&&"object"===typeof h&&"function"===typeof h.then){var k=Nf(h,d);ih(a,b,k)}else{var n=Qf(h,d);ih(a,b,n)}}catch(q){ih(a,b,{then:function(){},status:"rejected",reason:q})}finally{G=f,Sf.transition=g}}
-function jh(a,b,c,d){if(5!==a.tag)throw Error(u(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:ug,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;gh(a,f,b,fa,function(){return c(d)})}function kh(){var a=sg(Na);return null!==a?a:fa}function lh(){return pg().memoizedState}
-function mh(){return pg().memoizedState}function nh(a,b,c){for(var d=a.return;null!==d;){switch(d.tag){case 24:case 3:var e=oh(d);a=oe(e);var f=pe(d,a,e);null!==f&&(Hg(f,d,e),qe(f,d,e));d=ph();null!==b&&void 0!==b&&null!==f&&d.data.set(b,c);a.payload={cache:d};return}d=d.return}}function qh(a,b,c){var d=oh(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};Lg(a)?rh(b,c):(c=ge(a,b,c,d),null!==c&&(Hg(c,a,d),sh(c,b,d)));sb(a,d)}
-function ih(a,b,c){var d=oh(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(Lg(a))rh(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(td(h,g)){fe(a,b,e,0);null===P&&de();return}}catch(k){}finally{}c=ge(a,b,e,d);null!==c&&(Hg(c,a,d),sh(c,b,d))}sb(a,d)}
-function hh(a,b,c,d){d={lane:2,revertLane:Jf(),action:d,hasEagerState:!1,eagerState:null,next:null};if(Lg(a)){if(b)throw Error(u(479));}else b=ge(a,c,d,2),null!==b&&Hg(b,a,2);sb(a,2)}function Lg(a){var b=a.alternate;return a===S||null!==b&&b===S}function rh(a,b){Wf=Vf=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function sh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Ib(a,c)}}
-var hg={readContext:sg,use:rg,useCallback:U,useContext:U,useEffect:U,useImperativeHandle:U,useInsertionEffect:U,useLayoutEffect:U,useMemo:U,useReducer:U,useRef:U,useState:U,useDebugValue:U,useDeferredValue:U,useTransition:U,useSyncExternalStore:U,useId:U};hg.useCacheRefresh=U;hg.useMemoCache=U;hg.useEffectEvent=U;hg.useHostTransitionStatus=U;hg.useFormState=U;hg.useOptimistic=U;
-var dg={readContext:sg,use:rg,useCallback:function(a,b){og().memoizedState=[a,void 0===b?null:b];return a},useContext:sg,useEffect:Ug,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Sg(4194308,4,Zg.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Sg(4194308,4,a,b)},useInsertionEffect:function(a,b){Sg(4,2,a,b)},useMemo:function(a,b){var c=og();b=void 0===b?null:b;Xf&&a();a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=og();b=void 0!==c?c(b):
-b;d.memoizedState=d.baseState=b;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=qh.bind(null,S,a);return[d.memoizedState,a]},useRef:function(a){var b=og();a={current:a};return b.memoizedState=a},useState:function(a){a=Ig(a);var b=a.queue,c=ih.bind(null,S,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:ah,useDeferredValue:function(a,b){var c=og();return dh(c,a,b)},useTransition:function(){var a=Ig(!1);a=gh.bind(null,S,a.queue,!0,!1);
-og().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=S,e=og();if(K){if(void 0===c)throw Error(u(407));c=c()}else{c=b();if(null===P)throw Error(u(349));0!==(O&60)||Eg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Ug(Bg.bind(null,d,f,a),[a]);d.flags|=2048;Cg(9,Dg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=og(),b=P.identifierPrefix;if(K){var c=Cd;var d=Bd;c=(d&~(1<<32-ub(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Yf++;0<c&&(b+="H"+
-c.toString(32));b+=":"}else c=ag++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return og().memoizedState=nh.bind(null,S)}};dg.useMemoCache=tg;dg.useEffectEvent=function(a){var b=og(),c={impl:a};b.memoizedState=c;return function(){if(0!==(N&2))throw Error(u(440));return c.impl.apply(void 0,arguments)}};dg.useHostTransitionStatus=kh;
-dg.useFormState=function(a,b){if(K){var c=P.formState;if(null!==c){a:{if(K){if(I){b:{var d=I;for(var e=Id;8!==d.nodeType;){if(!e){d=null;break b}d=Sd(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){I=Sd(d);d="F!"===d.data;break a}}Ud()}d=!1}d&&(b=c[0])}}c=og();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Og,lastRenderedState:b};c.queue=d;c=ih.bind(null,S,d);d.dispatch=c;d=og();e={state:b,dispatch:null,action:a,pending:null};d.queue=
-e;c=Kg.bind(null,S,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};dg.useOptimistic=function(a){var b=og();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=hh.bind(null,S,!0,c);c.dispatch=b;return[a,b]};
-var eg={readContext:sg,use:rg,useCallback:bh,useContext:sg,useEffect:Ag,useImperativeHandle:$g,useInsertionEffect:Xg,useLayoutEffect:Yg,useMemo:ch,useReducer:vg,useRef:Rg,useState:function(){return vg(ug)},useDebugValue:ah,useDeferredValue:function(a,b){var c=pg();return fh(c,T.memoizedState,a,b)},useTransition:function(){var a=vg(ug)[0],b=pg().memoizedState;return["boolean"===typeof a?a:kg(a),b]},useSyncExternalStore:zg,useId:lh};eg.useCacheRefresh=mh;eg.useMemoCache=tg;eg.useEffectEvent=Wg;
-eg.useHostTransitionStatus=kh;eg.useFormState=function(a){var b=pg();return Pg(b,T,a)};eg.useOptimistic=function(a,b){var c=pg();return Jg(c,T,a,b)};
-var ig={readContext:sg,use:rg,useCallback:bh,useContext:sg,useEffect:Ag,useImperativeHandle:$g,useInsertionEffect:Xg,useLayoutEffect:Yg,useMemo:ch,useReducer:yg,useRef:Rg,useState:function(){return yg(ug)},useDebugValue:ah,useDeferredValue:function(a,b){var c=pg();return null===T?dh(c,a,b):fh(c,T.memoizedState,a,b)},useTransition:function(){var a=yg(ug)[0],b=pg().memoizedState;return["boolean"===typeof a?a:kg(a),b]},useSyncExternalStore:zg,useId:lh};ig.useCacheRefresh=mh;ig.useMemoCache=tg;
-ig.useEffectEvent=Wg;ig.useHostTransitionStatus=kh;ig.useFormState=function(a){var b=pg(),c=T;if(null!==c)return Pg(b,c,a);b=b.memoizedState;c=pg();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};ig.useOptimistic=function(a,b){var c=pg();if(null!==T)return Jg(c,T,a,b);c.baseState=a;return[a,c.queue.dispatch]};var th=ba.unstable_now,uh=0,vh=-1,wh=-1,xh=-1,tf=!1,uf=!1;function yh(a){wh=th();0>a.actualStartTime&&(a.actualStartTime=th())}
-function zh(a,b){if(0<=wh){var c=th()-wh;a.actualDuration+=c;b&&(a.selfBaseDuration=c);wh=-1}}function Ah(a){if(0<=vh){var b=th()-vh;vh=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a.stateNode.effectDuration+=b;return;case 12:a.stateNode.effectDuration+=b;return}a=a.return}}}
-function Bh(a){if(0<=xh){var b=th()-xh;xh=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return;case 12:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return}a=a.return}}}function Ch(){vh=th()}function Dh(a){for(var b=a.child;b;)a.actualDuration+=b.actualDuration,b=b.sibling}function Eh(a,b){if(a&&a.defaultProps){b=x({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function Fh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:x({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
-var Gh={isMounted:function(a){return(a=a._reactInternals)?bd(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=oh(a),e=oe(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=pe(a,e,d);null!==b&&(Hg(b,a,d),qe(b,a,d));sb(a,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=oh(a),e=oe(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=pe(a,e,d);null!==b&&(Hg(b,a,d),qe(b,a,d));sb(a,d)},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=oh(a),d=oe(c);
-d.tag=2;void 0!==b&&null!==b&&(d.callback=b);b=pe(a,d,c);null!==b&&(Hg(b,a,c),qe(b,a,c));null!==F&&"function"===typeof F.markForceUpdateScheduled&&F.markForceUpdateScheduled(a,c)}};function Hh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!we(c,d)||!we(e,f):!0}
-function Ih(a,b,c){var d=!1,e=hd;var f=b.contextType;"object"===typeof f&&null!==f?f=sg(f):(e=md(b)?kd:id.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?ld(a,e):hd);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Gh;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
-function Jh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Gh.enqueueReplaceState(b,b.state,null)}
-function Kh(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};me(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=sg(f):(f=md(b)?kd:id.current,e.context=ld(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(Fh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
-"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Gh.enqueueReplaceState(e,e.state,null),se(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function Lh(a,b){try{var c="",d=b;do c+=wc(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}
-function Mh(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function Nh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function Oh(a,b,c){c=oe(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Ph||(Ph=!0,Qh=d);Nh(a,b)};return c}
-function Rh(a,b,c){c=oe(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){Nh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){Nh(a,b);"function"!==typeof d&&(null===Sh?Sh=new Set([this]):Sh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
-function Th(a){var b=a.tag;0!==(a.mode&1)||0!==b&&11!==b&&15!==b||((b=a.alternate)?(a.updateQueue=b.updateQueue,a.memoizedState=b.memoizedState,a.lanes=b.lanes):(a.updateQueue=null,a.memoizedState=null))}function Uh(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=oe(2),b.tag=2,pe(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
-function Vh(a,b,c,d,e){c.flags|=32768;gb&&Wh(a,e);if(null!==d&&"object"===typeof d&&(d.$$typeof===Ga&&(d={then:function(){}}),"function"===typeof d.then)){Th(c);var f=$e.current;if(null!==f){switch(f.tag){case 13:c.mode&1&&(null===af?Xh():null===f.alternate&&0===Yh&&(Yh=3));f.flags&=-257;Uh(f,b,c,a,e);d===ze?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):b.add(d),f.mode&1&&Zh(a,d,e));return;case 22:if(f.mode&1){f.flags|=65536;d===ze?f.flags|=16384:(b=f.updateQueue,null===b?(b=
-{transitions:null,markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(f=b.retryQueue,null===f?b.retryQueue=new Set([d]):f.add(d)),Zh(a,d,e));return}}throw Error(u(435,f.tag));}if(1===a.tag){Zh(a,d,e);Xh();return}d=Error(u(426))}if(K&&c.mode&1&&(f=$e.current,null!==f)){0===(f.flags&65536)&&(f.flags|=256);Uh(f,b,c,a,e);$d(Lh(d,c));return}d=Lh(d,c);$h(d);a=b;do{switch(a.tag){case 3:a.flags|=65536;e&=-e;a.lanes|=e;e=Oh(a,d,e);re(a,e);return;case 1:if(f=d,b=a.type,c=a.stateNode,0===(a.flags&
-128)&&("function"===typeof b.getDerivedStateFromError||null!==c&&"function"===typeof c.componentDidCatch&&(null===Sh||!Sh.has(c)))){a.flags|=65536;e&=-e;a.lanes|=e;e=Rh(a,f,e);re(a,e);return}}a=a.return}while(null!==a)}var ai=da.ReactCurrentOwner,bi=Error(u(461)),xg=!1;function ci(a,b,c,d){b.child=null===a?Te(b,null,c,d):Se(b,a.child,c,d)}
-function di(a,b,c,d,e){c=c.render;var f=b.ref;ei(b,e);mb(b);d=cg(a,b,c,d,f,e);c=lg();nb();if(null!==a&&!xg)return mg(a,b,e),fi(a,b,e);K&&c&&Fd(b);b.flags|=1;ci(a,b,d,e);return b.child}
-function gi(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!hi(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,ii(a,b,f,d,e);a=Oe(c.type,null,d,null,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:we;if(c(g,d)&&a.ref===b.ref)return fi(a,b,e)}b.flags|=1;a=Me(f,d);a.ref=b.ref;a.return=b;return b.child=a}
-function ii(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(we(f,d)&&a.ref===b.ref)if(xg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(xg=!0);else return b.lanes=a.lanes,fi(a,b,e)}return ji(a,b,c,d,e)}
-function ki(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;li(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return mi(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&ni(b,null),Ye(),df(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
-cachePool:null},null!==a&&ni(b,null!==g?g.cachePool:null),null!==g?We(b,g):Ye(),df(b);else return b.lanes=b.childLanes=536870912,mi(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(ni(b,g.cachePool),We(b,g),ef(b),b.memoizedState=null):(null!==a&&ni(b,null),Ye(),ef(b));ci(a,b,e,c);return b.child}function mi(a,b,c){var d=oi();d=null===d?null:{parent:pi._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&ni(b,null);Ye();df(b);return null}
-function li(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function ji(a,b,c,d,e){var f=md(c)?kd:id.current;f=ld(b,f);ei(b,e);mb(b);c=cg(a,b,c,d,f,e);d=lg();nb();if(null!==a&&!xg)return mg(a,b,e),fi(a,b,e);K&&d&&Fd(b);b.flags|=1;ci(a,b,c,e);return b.child}function qi(a,b,c,d,e,f){ei(b,f);mb(b);c=fg(b,d,c,e);gg();d=lg();nb();if(null!==a&&!xg)return mg(a,b,f),fi(a,b,f);K&&d&&Fd(b);b.flags|=1;ci(a,b,c,f);return b.child}
-function ri(a,b,c,d,e){if(md(c)){var f=!0;qd(b)}else f=!1;ei(b,e);if(null===b.stateNode)si(a,b),Ih(b,c,d),Kh(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=sg(n):(n=md(c)?kd:id.current,n=ld(b,n));var q=c.getDerivedStateFromProps,w="function"===typeof q||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
-(h!==d||k!==n)&&Jh(b,g,d,n);le=!1;var t=b.memoizedState;g.state=t;se(b,d,g,e);k=b.memoizedState;h!==d||t!==k||jd.current||le?("function"===typeof q&&(Fh(b,c,q,d),k=b.memoizedState),(h=le||Hh(b,c,h,d,t,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):
-("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;ne(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:Eh(b.type,h);g.props=n;w=b.pendingProps;t=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=sg(k):(k=md(c)?kd:id.current,k=ld(b,k));var r=c.getDerivedStateFromProps;(q="function"===typeof r||"function"===typeof g.getSnapshotBeforeUpdate)||
-"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||t!==k)&&Jh(b,g,d,k);le=!1;t=b.memoizedState;g.state=t;se(b,d,g,e);var A=b.memoizedState;h!==w||t!==A||jd.current||le?("function"===typeof r&&(Fh(b,c,r,d),A=b.memoizedState),(n=le||Hh(b,c,n,d,t,A,k)||!1)?(q||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,A,k),"function"===typeof g.UNSAFE_componentWillUpdate&&
-g.UNSAFE_componentWillUpdate(d,A,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&t===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&t===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=A),g.props=d,g.state=A,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&t===
-a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&t===a.memoizedState||(b.flags|=1024),d=!1)}return ti(a,b,c,d,f,e)}
-function ti(a,b,c,d,e,f){li(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&rd(b,c,!1),fi(a,b,f);d=b.stateNode;ai.current=b;if(g&&"function"!==typeof c.getDerivedStateFromError){var h=null;wh=-1}else mb(b),h=d.render(),nb();b.flags|=1;null!==a&&g?(g=h,b.child=Se(b,a.child,null,f),b.child=Se(b,null,g,f)):ci(a,b,h,f);b.memoizedState=d.state;e&&rd(b,c,!0);return b.child}
-function ui(a){var b=a.stateNode;b.pendingContext?od(a,b.pendingContext,b.pendingContext!==b.context):b.context&&od(a,b.context,!1);Oa(a,b.containerInfo)}function vi(a,b,c,d,e){Zd();$d(e);b.flags|=256;ci(a,b,c,d);return b.child}var wi={dehydrated:null,treeContext:null,retryLane:0};function xi(a){return{baseLanes:a,cachePool:yi()}}function zi(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=Af);return a}
-function Ai(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(cf.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?bf(b):ef(b);if(K){var h=f=I;if(!h)Td(b)&&Ud(),Ld(H,b),K=!1,H=b,I=f;else if(!Rd(b,h)){Td(b)&&Ud();I=Sd(h);var k=H;I&&Rd(b,I)?Jd(k,h):(Ld(H,b),K=!1,H=b,I=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
-ff(b)}f=d.children;h=d.fallback;if(e)return ef(b),d=Bi(b,f,h,c),e=b.child,e.memoizedState=xi(c),e.childLanes=zi(a,g,c),b.memoizedState=wi,d;if("number"===typeof d.unstable_expectedLoadTime)return ef(b),d=Bi(b,f,h,c),e=b.child,e.memoizedState=xi(c),e.childLanes=zi(a,g,c),b.memoizedState=wi,b.lanes=4194304,d;bf(b);return Ci(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return Di(a,b,f,g,d,k,h,c);if(e){ef(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};
-0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.mode&2&&(d.actualDuration=0,d.actualStartTime=-1,d.selfBaseDuration=h.selfBaseDuration,d.treeBaseDuration=h.treeBaseDuration),b.deletions=null):(d=Me(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=Me(k,e):(e=Qe(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=xi(c):(h=f.cachePool,null!==h?(k=pi._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=yi(),f={baseLanes:f.baseLanes|
-c,cachePool:h});e.memoizedState=f;e.childLanes=zi(a,g,c);b.memoizedState=wi;return d}bf(b);g=a.child;a=g.sibling;g=Me(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function Ci(a,b){b=Ei({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}
-function Bi(a,b,c,d){var e=a.mode,f=a.child;b={mode:"hidden",children:b};0===(e&1)&&null!==f?(f.childLanes=0,f.pendingProps=b,a.mode&2&&(f.actualDuration=0,f.actualStartTime=-1,f.selfBaseDuration=0,f.treeBaseDuration=0)):f=Ei(b,e,0,null);c=Qe(c,e,d,null);f.return=a;c.return=a;f.sibling=c;a.child=f;return c}function Fi(a,b,c,d){null!==d&&$d(d);Se(b,a.child,null,c);a=Ci(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
-function Di(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return bf(b),b.flags&=-257,f=Mh(Error(u(422))),Fi(a,b,h,f);if(null!==b.memoizedState)return ef(b),b.child=a.child,b.flags|=128,null;ef(b);f=e.fallback;g=b.mode;e=Ei({mode:"visible",children:e.children},g,0,null);f=Qe(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&Se(b,a.child,null,h);g=b.child;g.memoizedState=xi(h);g.childLanes=zi(a,d,h);b.memoizedState=wi;return f}bf(b);if(0===(b.mode&1))return Fi(a,b,h,null);if("$!"===
-f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=null;"POSTPONE"!==f&&(d=Error(u(419)),d.digest=f,d=Mh(d,f,void 0));return Fi(a,b,h,d)}d=0!==(h&a.childLanes);if(xg||d){d=P;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=
-64;break;case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,ie(a,e),Hg(d,a,e),bi;}"$?"!==f.data&&Xh();return Fi(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=Gi.bind(null,a),f._reactRetry=b,null;a=g.treeContext;I=Od(f.nextSibling);H=b;K=!0;Hd=null;Id=!1;null!==a&&(yd[zd++]=Bd,yd[zd++]=Cd,yd[zd++]=Ad,Bd=a.id,Cd=a.overflow,Ad=b);b=Ci(b,e.children);b.flags|=4096;return b}
-function Hi(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);Ii(a.return,b,c)}function Ji(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
-function Ki(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;ci(a,b,d.children,c);d=cf.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&Hi(a,c,b);else if(19===a.tag)Hi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}E(cf,d);if(0===(b.mode&1))b.memoizedState=
-null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===gf(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Ji(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===gf(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Ji(b,!0,c,null,f);break;case "together":Ji(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
-function si(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function fi(a,b,c){null!==a&&(b.dependencies=a.dependencies);wh=-1;te|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(u(153));if(null!==b.child){a=b.child;c=Me(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=Me(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
-function Li(a,b,c){switch(b.tag){case 3:ui(b);Mi(b,pi,a.memoizedState.cache);Zd();break;case 27:case 5:Sa(b);break;case 1:md(b.type)&&qd(b);break;case 4:Oa(b,b.stateNode.containerInfo);break;case 10:Mi(b,b.type._context,b.memoizedProps.value);break;case 12:0!==(c&b.childLanes)&&(b.flags|=4);var d=b.stateNode;d.effectDuration=0;d.passiveEffectDuration=0;break;case 13:d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return bf(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return Ai(a,b,c);
-bf(b);a=fi(a,b,c);return null!==a?a.sibling:null}bf(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return Ki(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);E(cf,cf.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,ki(a,b,c);case 24:Mi(b,pi,a.memoizedState.cache)}return fi(a,b,c)}var Ni=ma(null),Oi=null,Pi=null,Qi=null;function Ri(){Qi=Pi=Oi=null}
-function Mi(a,b,c){E(Ni,b._currentValue);b._currentValue=c}function Si(a){var b=Ni.current;a._currentValue=b===Ea?a._defaultValue:b;D(Ni)}function Ii(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
-function Ti(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=oe(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);Ii(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
-f)throw Error(u(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);Ii(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function ei(a,b){Oi=a;Qi=Pi=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(xg=!0),a.firstContext=null)}function sg(a){return Ui(Oi,a)}function Re(a,b,c){null===Oi&&ei(a,c);return Ui(a,b)}
-function Ui(a,b){var c=b._currentValue;if(Qi!==b)if(b={context:b,memoizedValue:c,next:null},null===Pi){if(null===a)throw Error(u(308));Pi=b;a.dependencies={lanes:0,firstContext:b}}else Pi=Pi.next=b;return c}
-var Vi="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},Wi=ba.unstable_scheduleCallback,Xi=ba.unstable_NormalPriority,pi={$$typeof:ta,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0,_defaultValue:null,_globalName:null};function ph(){return{controller:new Vi,data:new Map,refCount:0}}
-function Yi(a){a.refCount--;0===a.refCount&&Wi(Xi,function(){a.controller.abort()})}var Zi=da.ReactCurrentBatchConfig,$i=ma(null);function oi(){var a=$i.current;return null!==a?a:P.pooledCache}function ni(a,b){null===b?E($i,$i.current):E($i,b.pool)}function yi(){var a=oi();return null===a?null:{parent:pi._currentValue,pool:a}}function aj(a){a.flags|=4}function bj(a){a.flags|=2097664}
-function cj(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(O&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(dj())a.flags|=8192;else throw De=ze,ye;}function ej(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?Db():536870912,a.lanes|=b)}
-function fj(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Xc=null;function Yc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Zc=null,$c=null;
+function ad(a){var b=cc(a);if(b&&(a=b.stateNode)){var c=ec(a);a:switch(a=b.stateNode,b.type){case "input":Kc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+Jc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=ec(d);if(!e)throw Error(x(90));Kc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
+e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&Gc(d)}break a;case "textarea":Pc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&Oc(a,!!c.multiple,b,!1)}}}function bd(a){Zc?$c?$c.push(a):$c=[a]:Zc=a}function cd(){if(Zc){var a=Zc,b=$c;$c=Zc=null;ad(a);if(b)for(a=0;a<b.length;a++)ad(b[a])}}function dd(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
+function ed(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function fd(a){if(dd(a)!==a)throw Error(x(188));}
+function gd(a){var b=a.alternate;if(!b){b=dd(a);if(null===b)throw Error(x(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return fd(e),a;if(f===d)return fd(e),b;f=f.sibling}throw Error(x(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
+c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(x(189));}}if(c.alternate!==d)throw Error(x(190));}if(3!==c.tag)throw Error(x(188));return c.stateNode.current===c?a:b}function hd(a){a=gd(a);return null!==a?id(a):null}function id(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=id(a);if(null!==b)return b;a=a.sibling}return null}var jd={},kd=la(jd),ld=la(!1),md=jd;
+function nd(a,b){var c=a.type.contextTypes;if(!c)return jd;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function od(a){a=a.childContextTypes;return null!==a&&void 0!==a}function pd(){F(ld);F(kd)}
+function qd(a,b,c){if(kd.current!==jd)throw Error(x(168));G(kd,b);G(ld,c)}function rd(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(x(108,Bc(a)||"Unknown",e));return E({},c,d)}function sd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||jd;md=kd.current;G(kd,a);G(ld,ld.current);return!0}
+function td(a,b,c){var d=a.stateNode;if(!d)throw Error(x(169));c?(a=rd(a,b,md),d.__reactInternalMemoizedMergedChildContext=a,F(ld),F(kd),G(kd,a)):F(ld);G(ld,c)}function ud(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var vd="function"===typeof Object.is?Object.is:ud,wd=[],xd=0,yd=null,zd=0,Ad=[],Bd=0,Cd=null,Dd=1,Ed="";function Fd(a,b){wd[xd++]=zd;wd[xd++]=yd;yd=a;zd=b}
+function Gd(a,b,c){Ad[Bd++]=Dd;Ad[Bd++]=Ed;Ad[Bd++]=Cd;Cd=a;var d=Dd;a=Ed;var e=32-vb(d)-1;d&=~(1<<e);c+=1;var f=32-vb(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;Dd=1<<32-vb(b)+e|c<<e|d;Ed=f+a}else Dd=1<<f|c<<e|d,Ed=a}function Hd(a){null!==a.return&&(Fd(a,1),Gd(a,1,0))}function Id(a){for(;a===yd;)yd=wd[--xd],wd[xd]=null,zd=wd[--xd],wd[xd]=null;for(;a===Cd;)Cd=Ad[--Bd],Ad[Bd]=null,Ed=Ad[--Bd],Ad[Bd]=null,Dd=Ad[--Bd],Ad[Bd]=null}var J=null,L=null,N=!1,Jd=null,Kd=!1;
+function Ld(a,b){var c=Md(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Nd(a,b){b.flags=b.flags&-4097|2}function Od(a,b){b=Pd(b,a.type,a.pendingProps,Kd);return null!==b?(a.stateNode=b,J=a,L=Qd(b.firstChild),Kd=!1,!0):!1}function Rd(a,b){b=Sd(b,a.pendingProps,Kd);return null!==b?(a.stateNode=b,J=a,L=null,!0):!1}
+function Td(a,b){a:{var c=b;for(b=Kd;8!==c.nodeType;){if(!b){b=null;break a}c=Ud(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==Cd?{id:Dd,overflow:Ed}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=Md(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,J=a,L=null,!0):!1}function Vd(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Wd(){throw Error(x(418));}
+function Xd(a){for(J=a.return;J;)switch(J.tag){case 3:case 27:Kd=!0;return;case 5:case 13:Kd=!1;return;default:J=J.return}}
+function Yd(a){if(a!==J)return!1;if(!N)return Xd(a),N=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Zd(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=L))if(Vd(a))$d(),Wd();else for(;b;)Ld(a,b),b=Ud(b);Xd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(x(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){L=Ud(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}L=
+null}}else L=J?Ud(a.stateNode):null;return!0}function $d(){for(var a=L;a;)a=Ud(a)}function ae(){L=J=null;N=!1}function be(a){null===Jd?Jd=[a]:Jd.push(a)}var ce=[],de=0,ee=0;function fe(){for(var a=de,b=ee=de=0;b<a;){var c=ce[b];ce[b++]=null;var d=ce[b];ce[b++]=null;var e=ce[b];ce[b++]=null;var f=ce[b];ce[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&ge(c,e,f)}}
+function he(a,b,c,d){ce[de++]=a;ce[de++]=b;ce[de++]=c;ce[de++]=d;ee|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function ie(a,b,c,d){he(a,b,c,d);return je(a)}function ke(a,b){he(a,null,null,b);return je(a)}
+function ge(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-vb(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function je(a){le();for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
+var me=null,ne=null,oe=!1,pe=!1,qe=!1,re=0;function se(a){a!==ne&&null===a.next&&(null===ne?me=ne=a:ne=ne.next=a);pe=!0;oe||(oe=!0,te(ue))}
+function ve(a){if(!qe&&pe){var b=null;qe=!0;do{var c=!1;for(var d=me;null!==d;){if(!a||0===d.tag){var e=O,f=Bb(d,d===P?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(Q&6))throw Error(x(327));if(!we()){xe=ye;ye=!1;var g=ze(e,f);if(0!==e.tag&&2===g){var h=f,k=Db(e,h);0!==k&&(f=k,g=Ae(e,h,k))}if(1===g)throw h=Be,Ce(e,0),De(e,f,0),se(e),h;6===g?De(e,f,Ee):(e.finishedWork=e.current.alternate,e.finishedLanes=f,Fe(e,Ge,He,Ie,Ee))}se(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);qe=!1;if(null!==b){if(1<
+b.length){if("function"===typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)te(Je.bind(null,b[a]))}throw b[0];}}}function Je(a){throw a;}function ue(){pe=oe=!1;for(var a=Wa(),b=null,c=me;null!==c;){var d=c.next;if(0!==re&&Ke()){var e=c,f=re;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=Le(c,a);0===e?(c.next=null,null===b?me=d:b.next=d,null===d&&(ne=b)):(b=c,0!==(e&3)&&(pe=!0));c=d}re=0;ve(!1)}
+function Le(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-vb(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=Cb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=P;c=O;c=Bb(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===R||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Ta(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Ta(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
+null!==d&&Ta(d);switch(Pb(c)){case 2:c=Ya;break;case 8:c=Za;break;case 32:c=$a;break;case 268435456:c=bb;break;default:c=$a}d=Me.bind(null,a);c=Sa(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function te(a){Ne(function(){0!==(Q&6)?Sa(Ya,a):a()})}function Oe(){0===re&&(re=Eb());return re}var Pe=null,Qe=0,Re=0,Se=null;function Te(a,b){if(null===Pe){var c=Pe=[];Qe=0;Re=Oe();Se={status:"pending",value:void 0,then:function(d){c.push(d)}}}Qe++;b.then(Ue,Ue);return b}
+function Ue(){if(null!==Pe&&0===--Qe){null!==Se&&(Se.status="fulfilled");var a=Pe;Pe=null;Re=0;Se=null;for(var b=0;b<a.length;b++)(0,a[b])()}}function Ve(a,b){var c=[],d={status:"pending",value:null,reason:null,then:function(e){c.push(e)}};a.then(function(){d.status="fulfilled";d.value=b;for(var e=0;e<c.length;e++)(0,c[e])(b)},function(e){d.status="rejected";d.reason=e;for(e=0;e<c.length;e++)(0,c[e])(void 0)});return d}var We=!1;
+function Xe(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Ye(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function Ze(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
+function $e(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(Q&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=je(a);ge(a,null,c);return b}he(a,d,b,c);return je(a)}function af(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Jb(a,c)}}
+function bf(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
+var cf=!1;function df(){if(cf){var a=Se;if(null!==a)throw a;}}
+function ef(a,b,c,d){cf=!1;var e=a.updateQueue;We=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var u=a.alternate;null!==u&&(u=u.updateQueue,h=u.lastBaseUpdate,h!==g&&(null===h?u.firstBaseUpdate=n:h.next=n,u.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;u=n=k=null;h=f;do{var q=h.lane&-536870913,r=q!==h.lane;if(r?(O&q)===q:(d&q)===q){0!==q&&q===Re&&(cf=!0);null!==u&&(u=u.next={lane:0,
+tag:h.tag,payload:h.payload,callback:null,next:null});a:{var z=a,D=h;q=b;var K=c;switch(D.tag){case 1:z=D.payload;if("function"===typeof z){w=z.call(K,w,q);break a}w=z;break a;case 3:z.flags=z.flags&-65537|128;case 0:z=D.payload;q="function"===typeof z?z.call(K,w,q):z;if(null===q||void 0===q)break a;w=E({},w,q);break a;case 2:We=!0}}q=h.callback;null!==q&&(a.flags|=64,r&&(a.flags|=8192),r=e.callbacks,null===r?e.callbacks=[q]:r.push(q))}else r={lane:q,tag:h.tag,payload:h.payload,callback:h.callback,
+next:null},null===u?(n=u=r,k=w):u=u.next=r,g|=q;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===u&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=u;null===f&&(e.shared.lanes=0);ff|=g;a.lanes=g;a.memoizedState=w}}function gf(a,b){if("function"!==typeof a)throw Error(x(191,a));a.call(b)}function hf(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)gf(c[a],b)}
+function jf(a,b){if(vd(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Qb.call(b,e)||!vd(a[e],b[e]))return!1}return!0}var kf=Error(x(460)),lf=Error(x(474)),mf={then:function(){}};function nf(a){a=a.status;return"fulfilled"===a||"rejected"===a}function of(){}
+function pf(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(of,of),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===kf)throw Error(x(483));throw a;default:if("string"===typeof b.status)b.then(of,of);else{a=P;if(null!==a&&100<a.shellSuspendCounter)throw Error(x(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}})}switch(b.status){case "fulfilled":return b.value;
+case "rejected":a=b.reason;if(a===kf)throw Error(x(483));throw a;}qf=b;throw kf;}}var qf=null;function rf(){if(null===qf)throw Error(x(459));var a=qf;qf=null;return a}var sf=null,tf=0;function uf(a){var b=tf;tf+=1;null===sf&&(sf=[]);return pf(sf,a,b)}
+function vf(a,b,c,d){function e(h){var k=g.refs;null===h?delete k[f]:k[f]=h}a=c._owner;if(!a){if("string"!==typeof d)throw Error(x(284));throw Error(x(290,d));}if(1!==a.tag)throw Error(x(309));var f=""+d,g=a.stateNode;if(!g)throw Error(x(147,f));if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;e._stringRef=f;return e}
+function wf(a,b,c,d){var e=d.props.ref;e=void 0!==e?e:null;null!==e&&"function"!==typeof e&&"object"!==typeof e?(a=vf(a,b,d,e),b=E({},c.pendingProps),b.ref=a,c.pendingProps=b):a=e;c.ref=a}function xf(a,b){a=Object.prototype.toString.call(b);throw Error(x(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function yf(a){var b=a._init;return b(a._payload)}
+function zf(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=Af(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
+function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=Bf(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var y=p.type;if(y===oa)return u(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===y||"object"===typeof y&&null!==y&&y.$$typeof===ya&&yf(y)===l.type))return v=e(l,p.props),wf(m,l,v,p),v.return=m,v;v=Cf(p.type,p.key,p.props,null,m.mode,v);wf(m,l,v,p);v.return=m;return v}function n(m,l,p,v){if(null===
+l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=Df(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function u(m,l,p,v,y){if(null===l||7!==l.tag)return l=Ef(p,m.mode,v,y),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=Bf(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case ma:return p=Cf(l.type,l.key,l.props,
+null,m.mode,p),wf(m,null,p,l),p.return=m,p;case na:return l=Df(l,m.mode,p),l.return=m,l;case ya:var v=l._init;return w(m,v(l._payload),p)}if(Nc(l)||Ga(l))return l=Ef(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,uf(l),p);if(l.$$typeof===ta)return w(m,Ff(m,l,p),p);xf(m,l)}return null}function q(m,l,p,v){var y=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==y?null:h(m,l,""+p,v);if("object"===typeof p&&null!==p){switch(p.$$typeof){case ma:return p.key===
+y?k(m,l,p,v):null;case na:return p.key===y?n(m,l,p,v):null;case ya:return y=p._init,q(m,l,y(p._payload),v)}if(Nc(p)||Ga(p))return null!==y?null:u(m,l,p,v,null);if("function"===typeof p.then)return q(m,l,uf(p),v);if(p.$$typeof===ta)return q(m,l,Ff(m,p,v),v);xf(m,p)}return null}function r(m,l,p,v,y){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,y);if("object"===typeof v&&null!==v){switch(v.$$typeof){case ma:return m=m.get(null===v.key?p:v.key)||null,k(l,m,v,
+y);case na:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,y);case ya:var A=v._init;return r(m,l,p,A(v._payload),y)}if(Nc(v)||Ga(v))return m=m.get(p)||null,u(l,m,v,y,null);if("function"===typeof v.then)return r(m,l,p,uf(v),y);if(v.$$typeof===ta)return r(m,l,p,Ff(l,v,y),y);xf(l,v)}return null}function z(m,l,p,v){for(var y=null,A=null,B=l,C=l=0,ia=null;null!==B&&C<p.length;C++){B.index>C?(ia=B,B=null):ia=B.sibling;var M=q(m,B,p[C],v);if(null===M){null===B&&(B=ia);break}a&&B&&null===M.alternate&&
+b(m,B);l=f(M,l,C);null===A?y=M:A.sibling=M;A=M;B=ia}if(C===p.length)return c(m,B),N&&Fd(m,C),y;if(null===B){for(;C<p.length;C++)B=w(m,p[C],v),null!==B&&(l=f(B,l,C),null===A?y=B:A.sibling=B,A=B);N&&Fd(m,C);return y}for(B=d(m,B);C<p.length;C++)ia=r(B,m,C,p[C],v),null!==ia&&(a&&null!==ia.alternate&&B.delete(null===ia.key?C:ia.key),l=f(ia,l,C),null===A?y=ia:A.sibling=ia,A=ia);a&&B.forEach(function(Mb){return b(m,Mb)});N&&Fd(m,C);return y}function D(m,l,p,v){var y=Ga(p);if("function"!==typeof y)throw Error(x(150));
+p=y.call(p);if(null==p)throw Error(x(151));for(var A=y=null,B=l,C=l=0,ia=null,M=p.next();null!==B&&!M.done;C++,M=p.next()){B.index>C?(ia=B,B=null):ia=B.sibling;var Mb=q(m,B,M.value,v);if(null===Mb){null===B&&(B=ia);break}a&&B&&null===Mb.alternate&&b(m,B);l=f(Mb,l,C);null===A?y=Mb:A.sibling=Mb;A=Mb;B=ia}if(M.done)return c(m,B),N&&Fd(m,C),y;if(null===B){for(;!M.done;C++,M=p.next())M=w(m,M.value,v),null!==M&&(l=f(M,l,C),null===A?y=M:A.sibling=M,A=M);N&&Fd(m,C);return y}for(B=d(m,B);!M.done;C++,M=p.next())M=
+r(B,m,C,M.value,v),null!==M&&(a&&null!==M.alternate&&B.delete(null===M.key?C:M.key),l=f(M,l,C),null===A?y=M:A.sibling=M,A=M);a&&B.forEach(function(Sn){return b(m,Sn)});N&&Fd(m,C);return y}function K(m,l,p,v){"object"===typeof p&&null!==p&&p.type===oa&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case ma:a:{for(var y=p.key,A=l;null!==A;){if(A.key===y){y=p.type;if(y===oa){if(7===A.tag){c(m,A.sibling);l=e(A,p.props.children);l.return=m;m=l;break a}}else if(A.elementType===
+y||"object"===typeof y&&null!==y&&y.$$typeof===ya&&yf(y)===A.type){c(m,A.sibling);l=e(A,p.props);wf(m,A,l,p);l.return=m;m=l;break a}c(m,A);break}else b(m,A);A=A.sibling}p.type===oa?(l=Ef(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=Cf(p.type,p.key,p.props,null,m.mode,v),wf(m,l,v,p),v.return=m,m=v)}return g(m);case na:a:{for(A=p.key;null!==l;){if(l.key===A)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||
+[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=Df(p,m.mode,v);l.return=m;m=l}return g(m);case ya:return A=p._init,K(m,l,A(p._payload),v)}if(Nc(p))return z(m,l,p,v);if(Ga(p))return D(m,l,p,v);if("function"===typeof p.then)return K(m,l,uf(p),v);if(p.$$typeof===ta)return K(m,l,Ff(m,p,v),v);xf(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=Bf(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}return function(m,
+l,p,v){tf=0;m=K(m,l,p,v);sf=null;return m}}var Gf=zf(!0),Hf=zf(!1),If=la(null),Jf=la(0);function Kf(a,b){a=Lf;G(Jf,a);G(If,b);Lf=a|b.baseLanes}function Mf(){G(Jf,Lf);G(If,If.current)}function Nf(){Lf=Jf.current;F(If);F(Jf)}var Of=la(null),Pf=null;function Qf(a){var b=a.alternate;G(Rf,Rf.current&1);G(Of,a);null===Pf&&(null===b||null!==If.current?Pf=a:null!==b.memoizedState&&(Pf=a))}
+function Sf(a){if(22===a.tag){if(G(Rf,Rf.current),G(Of,a),null===Pf){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Pf=a)}}else Tf(a)}function Tf(){G(Rf,Rf.current);G(Of,Of.current)}function Uf(a){F(Of);Pf===a&&(Pf=null);F(Rf)}var Rf=la(0);
+function Vf(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}
+var Wf=ca.ReactCurrentDispatcher,Xf=ca.ReactCurrentBatchConfig,Yf=0,S=null,T=null,Zf=null,$f=!1,ag=!1,bg=!1,cg=0,dg=0,eg=null,fg=0;function U(){throw Error(x(321));}function gg(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!vd(a[c],b[c]))return!1;return!0}function hg(a,b,c,d,e,f){Yf=f;S=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Wf.current=null===a||null===a.memoizedState?ig:jg;bg=!1;a=c(d,e);bg=!1;ag&&(a=kg(b,c,d,e));lg();return a}
+function lg(){Wf.current=mg;var a=null!==T&&null!==T.next;Yf=0;Zf=T=S=null;$f=!1;dg=0;eg=null;if(a)throw Error(x(300));}function kg(a,b,c,d){S=a;var e=0;do{ag&&(eg=null);dg=0;ag=!1;if(25<=e)throw Error(x(301));e+=1;Zf=T=null;a.updateQueue=null;Wf.current=ng;var f=b(c,d)}while(ag);return f}function og(){var a=Wf.current.useState()[0];return"function"===typeof a.then?pg(a):a}function qg(){var a=0!==cg;cg=0;return a}function rg(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}
+function sg(a){if($f){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}$f=!1}Yf=0;Zf=T=S=null;ag=!1;dg=cg=0;eg=null}function tg(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===Zf?S.memoizedState=Zf=a:Zf=Zf.next=a;return Zf}
+function ug(){if(null===T){var a=S.alternate;a=null!==a?a.memoizedState:null}else a=T.next;var b=null===Zf?S.memoizedState:Zf.next;if(null!==b)Zf=b,T=a;else{if(null===a){if(null===S.alternate)throw Error(x(467));throw Error(x(310));}T=a;a={memoizedState:T.memoizedState,baseState:T.baseState,baseQueue:T.baseQueue,queue:T.queue,next:null};null===Zf?S.memoizedState=Zf=a:Zf=Zf.next=a}return Zf}var vg;vg=function(){return{lastEffect:null,events:null,stores:null,memoCache:null}};
+function pg(a){var b=dg;dg+=1;null===eg&&(eg=[]);a=pf(eg,a,b);null===S.alternate&&(null===Zf?null===S.memoizedState:null===Zf.next)&&(Wf.current=ig);return a}function wg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return pg(a);if(a.$$typeof===ta)return xg(a)}throw Error(x(438,String(a)));}
+function yg(a){var b=null,c=S.updateQueue;null!==c&&(b=c.memoCache);if(null==b){var d=S.alternate;null!==d&&(d=d.updateQueue,null!==d&&(d=d.memoCache,null!=d&&(b={data:d.data.map(function(e){return e.slice()}),index:0})))}null==b&&(b={data:[],index:0});null===c&&(c=vg(),S.updateQueue=c);c.memoCache=b;c=b.data[b.index];if(void 0===c)for(c=b.data[b.index]=Array(a),d=0;d<a;d++)c[d]=Da;b.index++;return c}function zg(a,b){return"function"===typeof b?b(a):b}function Ag(a){var b=ug();return Bg(b,T,a)}
+function Bg(a,b,c){var d=a.queue;if(null===d)throw Error(x(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b,u=!1;do{var w=n.lane&-536870913;if(w!==n.lane?(O&w)===w:(Yf&w)===w){var q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,
+next:null}),w===Re&&(u=!0);else if((Yf&q)===q){n=n.next;q===Re&&(u=!0);continue}else w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,S.lanes|=q,ff|=q;w=n.action;bg&&c(f,w);f=n.hasEagerState?n.eagerState:c(f,w)}else q={lane:w,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=q,g=f):k=k.next=q,S.lanes|=w,ff|=w;n=n.next}while(null!==n&&
+n!==b);null===k?g=f:k.next=h;if(!vd(f,a.memoizedState)&&(Cg=!0,u&&(c=Se,null!==c)))throw c;a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}
+function Dg(a){var b=ug(),c=b.queue;if(null===c)throw Error(x(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);vd(f,b.memoizedState)||(Cg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
+function Eg(a,b,c){var d=S,e=ug(),f=N;if(f){if(void 0===c)throw Error(x(407));c=c()}else c=b();var g=!vd((T||e).memoizedState,c);g&&(e.memoizedState=c,Cg=!0);e=e.queue;Fg(Gg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==Zf&&Zf.memoizedState.tag&1){d.flags|=2048;Hg(9,Ig.bind(null,d,e,c,b),{destroy:void 0},null);if(null===P)throw Error(x(349));f||0!==(Yf&60)||Jg(d,b,c)}return c}
+function Jg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=S.updateQueue;null===b?(b=vg(),S.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function Ig(a,b,c,d){b.value=c;b.getSnapshot=d;Kg(b)&&Lg(a)}function Gg(a,b,c){return c(function(){Kg(b)&&Lg(a)})}function Kg(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!vd(a,c)}catch(d){return!0}}function Lg(a){var b=ke(a,2);null!==b&&Mg(b,a,2)}
+function Ng(a){var b=tg();if("function"===typeof a){var c=a;a=c();bg&&(ib(!0),c(),ib(!1))}b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:zg,lastRenderedState:a};return b}function Og(a,b,c,d){a.baseState=c;return Bg(a,T,"function"===typeof d?d:zg)}function Pg(a,b,c,d){if(Qg(a))throw Error(x(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,Rg(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
+function Rg(a,b,c){var d=a.action,e=a.state,f=Xf.transition,g={_callbacks:new Set};Xf.transition=g;try{var h=d(e,c);null!==h&&"object"===typeof h&&"function"===typeof h.then?(Sg(g,h),h.then(function(k){a.state=k;Tg(a,b)},function(){return Tg(a,b)}),b(h)):(b(h),a.state=h,Tg(a,b))}catch(k){b({then:function(){},status:"rejected",reason:k}),Tg(a,b)}finally{Xf.transition=f}}function Tg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,Rg(a,b,d.payload))}}
+function Ug(a,b){return b}function Vg(a,b,c){a=Bg(a,b,Ug)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?pg(a):a;b=ug();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(S.flags|=2048,Hg(9,Wg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Wg(a,b){a.action=b}
+function Hg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=S.updateQueue;null===b?(b=vg(),S.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Xg(){return ug().memoizedState}function Yg(a,b,c,d){var e=tg();S.flags|=a;e.memoizedState=Hg(1|b,c,{destroy:void 0},void 0===d?null:d)}
+function Zg(a,b,c,d){var e=ug();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==T&&null!==d&&gg(d,T.memoizedState.deps)?e.memoizedState=Hg(b,c,f,d):(S.flags|=a,e.memoizedState=Hg(1|b,c,f,d))}function $g(a,b){Yg(8390656,8,a,b)}function Fg(a,b){Zg(2048,8,a,b)}function ah(a){S.flags|=4;var b=S.updateQueue;if(null===b)b=vg(),S.updateQueue=b,b.events=[a];else{var c=b.events;null===c?b.events=[a]:c.push(a)}}
+function bh(a){var b=ug().memoizedState;ah({ref:b,nextImpl:a});return function(){if(0!==(Q&2))throw Error(x(440));return b.impl.apply(void 0,arguments)}}function ch(a,b){return Zg(4,2,a,b)}function dh(a,b){return Zg(4,4,a,b)}function eh(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}function fh(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Zg(4,4,eh.bind(null,b,a),c)}function gh(){}
+function hh(a,b){var c=ug();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&gg(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function ih(a,b){var c=ug();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&gg(b,d[1]))return d[0];d=a();bg&&(ib(!0),a(),ib(!1));c.memoizedState=[d,b];return d}function jh(a,b,c){if(void 0===c||0!==(Yf&1073741824))return a.memoizedState=b;a.memoizedState=c;a=kh();S.lanes|=a;ff|=a;return c}
+function lh(a,b,c,d){if(vd(c,b))return c;if(null!==If.current)return a=jh(a,c,d),vd(a,b)||(Cg=!0),a;if(0===(Yf&42))return Cg=!0,a.memoizedState=c;a=kh();S.lanes|=a;ff|=a;return b}
+function mh(a,b,c,d,e){var f=I;I=0!==f&&8>f?f:8;var g=Xf.transition,h={_callbacks:new Set};Xf.transition=h;nh(a,!1,b,c);try{var k=e();if(null!==k&&"object"===typeof k&&"function"===typeof k.then){Sg(h,k);var n=Ve(k,d);oh(a,b,n)}else oh(a,b,d)}catch(u){oh(a,b,{then:function(){},status:"rejected",reason:u})}finally{I=f,Xf.transition=g}}
+function ph(a,b,c,d){if(5!==a.tag)throw Error(x(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:zg,lastRenderedState:ea};var f=e;e={memoizedState:ea,baseState:ea,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;mh(a,f,b,ea,function(){return c(d)})}function qh(){var a=xg(La);return null!==a?a:ea}function rh(){return ug().memoizedState}
+function sh(){return ug().memoizedState}function th(a,b,c){for(var d=a.return;null!==d;){switch(d.tag){case 24:case 3:var e=uh(d);a=Ze(e);var f=$e(d,a,e);null!==f&&(Mg(f,d,e),af(f,d,e));d=vh();null!==b&&void 0!==b&&null!==f&&d.data.set(b,c);a.payload={cache:d};return}d=d.return}}function wh(a,b,c){var d=uh(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};Qg(a)?xh(b,c):(c=ie(a,b,c,d),null!==c&&(Mg(c,a,d),yh(c,b,d)));tb(a,d)}
+function oh(a,b,c){var d=uh(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(Qg(a))xh(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(vd(h,g)){he(a,b,e,0);null===P&&fe();return}}catch(k){}finally{}c=ie(a,b,e,d);null!==c&&(Mg(c,a,d),yh(c,b,d))}tb(a,d)}
+function nh(a,b,c,d){zh();d={lane:2,revertLane:Oe(),action:d,hasEagerState:!1,eagerState:null,next:null};if(Qg(a)){if(b)throw Error(x(479));}else b=ie(a,c,d,2),null!==b&&Mg(b,a,2);tb(a,2)}function Qg(a){var b=a.alternate;return a===S||null!==b&&b===S}function xh(a,b){ag=$f=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function yh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Jb(a,c)}}
+var mg={readContext:xg,use:wg,useCallback:U,useContext:U,useEffect:U,useImperativeHandle:U,useInsertionEffect:U,useLayoutEffect:U,useMemo:U,useReducer:U,useRef:U,useState:U,useDebugValue:U,useDeferredValue:U,useTransition:U,useSyncExternalStore:U,useId:U};mg.useCacheRefresh=U;mg.useMemoCache=U;mg.useEffectEvent=U;mg.useHostTransitionStatus=U;mg.useFormState=U;mg.useOptimistic=U;
+var ig={readContext:xg,use:wg,useCallback:function(a,b){tg().memoizedState=[a,void 0===b?null:b];return a},useContext:xg,useEffect:$g,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Yg(4194308,4,eh.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Yg(4194308,4,a,b)},useInsertionEffect:function(a,b){Yg(4,2,a,b)},useMemo:function(a,b){var c=tg();b=void 0===b?null:b;var d=a();bg&&(ib(!0),a(),ib(!1));c.memoizedState=[d,b];return d},useReducer:function(a,b,c){var d=
+tg();if(void 0!==c){var e=c(b);bg&&(ib(!0),c(b),ib(!1))}else e=b;d.memoizedState=d.baseState=e;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:e};d.queue=a;a=a.dispatch=wh.bind(null,S,a);return[d.memoizedState,a]},useRef:function(a){var b=tg();a={current:a};return b.memoizedState=a},useState:function(a){a=Ng(a);var b=a.queue,c=oh.bind(null,S,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:gh,useDeferredValue:function(a,b){var c=tg();return jh(c,a,b)},useTransition:function(){var a=
+Ng(!1);a=mh.bind(null,S,a.queue,!0,!1);tg().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=S,e=tg();if(N){if(void 0===c)throw Error(x(407));c=c()}else{c=b();if(null===P)throw Error(x(349));0!==(O&60)||Jg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;$g(Gg.bind(null,d,f,a),[a]);d.flags|=2048;Hg(9,Ig.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=tg(),b=P.identifierPrefix;if(N){var c=Ed;var d=Dd;c=(d&~(1<<32-vb(d)-1)).toString(32)+
+c;b=":"+b+"R"+c;c=cg++;0<c&&(b+="H"+c.toString(32));b+=":"}else c=fg++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return tg().memoizedState=th.bind(null,S)}};ig.useMemoCache=yg;ig.useEffectEvent=function(a){var b=tg(),c={impl:a};b.memoizedState=c;return function(){if(0!==(Q&2))throw Error(x(440));return c.impl.apply(void 0,arguments)}};ig.useHostTransitionStatus=qh;
+ig.useFormState=function(a,b){if(N){var c=P.formState;if(null!==c){a:{if(N){if(L){b:{var d=L;for(var e=Kd;8!==d.nodeType;){if(!e){d=null;break b}d=Ud(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){L=Ud(d);d="F!"===d.data;break a}}Wd()}d=!1}d&&(b=c[0])}}c=tg();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Ug,lastRenderedState:b};c.queue=d;c=oh.bind(null,S,d);d.dispatch=c;d=tg();e={state:b,dispatch:null,action:a,pending:null};d.queue=
+e;c=Pg.bind(null,S,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};ig.useOptimistic=function(a){var b=tg();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=nh.bind(null,S,!0,c);c.dispatch=b;return[a,b]};
+var jg={readContext:xg,use:wg,useCallback:hh,useContext:xg,useEffect:Fg,useImperativeHandle:fh,useInsertionEffect:ch,useLayoutEffect:dh,useMemo:ih,useReducer:Ag,useRef:Xg,useState:function(){return Ag(zg)},useDebugValue:gh,useDeferredValue:function(a,b){var c=ug();return lh(c,T.memoizedState,a,b)},useTransition:function(){var a=Ag(zg)[0],b=ug().memoizedState;return["boolean"===typeof a?a:pg(a),b]},useSyncExternalStore:Eg,useId:rh};jg.useCacheRefresh=sh;jg.useMemoCache=yg;jg.useEffectEvent=bh;
+jg.useHostTransitionStatus=qh;jg.useFormState=function(a){var b=ug();return Vg(b,T,a)};jg.useOptimistic=function(a,b){var c=ug();return Og(c,T,a,b)};
+var ng={readContext:xg,use:wg,useCallback:hh,useContext:xg,useEffect:Fg,useImperativeHandle:fh,useInsertionEffect:ch,useLayoutEffect:dh,useMemo:ih,useReducer:Dg,useRef:Xg,useState:function(){return Dg(zg)},useDebugValue:gh,useDeferredValue:function(a,b){var c=ug();return null===T?jh(c,a,b):lh(c,T.memoizedState,a,b)},useTransition:function(){var a=Dg(zg)[0],b=ug().memoizedState;return["boolean"===typeof a?a:pg(a),b]},useSyncExternalStore:Eg,useId:rh};ng.useCacheRefresh=sh;ng.useMemoCache=yg;
+ng.useEffectEvent=bh;ng.useHostTransitionStatus=qh;ng.useFormState=function(a){var b=ug(),c=T;if(null!==c)return Vg(b,c,a);b=b.memoizedState;c=ug();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};ng.useOptimistic=function(a,b){var c=ug();if(null!==T)return Og(c,T,a,b);c.baseState=a;return[a,c.queue.dispatch]};var Ah=t.unstable_now,Bh=0,Ch=-1,Dh=-1,Eh=-1,xe=!1,ye=!1;function Fh(a){Dh=Ah();0>a.actualStartTime&&(a.actualStartTime=Ah())}
+function Gh(a,b){if(0<=Dh){var c=Ah()-Dh;a.actualDuration+=c;b&&(a.selfBaseDuration=c);Dh=-1}}function Hh(a){if(0<=Ch){var b=Ah()-Ch;Ch=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a.stateNode.effectDuration+=b;return;case 12:a.stateNode.effectDuration+=b;return}a=a.return}}}
+function Ih(a){if(0<=Eh){var b=Ah()-Eh;Eh=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return;case 12:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return}a=a.return}}}function Jh(){Ch=Ah()}function Kh(a){for(var b=a.child;b;)a.actualDuration+=b.actualDuration,b=b.sibling}function Lh(a,b){if(a&&a.defaultProps){b=E({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function Mh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:E({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
+var Nh={isMounted:function(a){return(a=a._reactInternals)?dd(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=uh(a),e=Ze(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=$e(a,e,d);null!==b&&(Mg(b,a,d),af(b,a,d));tb(a,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=uh(a),e=Ze(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=$e(a,e,d);null!==b&&(Mg(b,a,d),af(b,a,d));tb(a,d)},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=uh(a),d=Ze(c);
+d.tag=2;void 0!==b&&null!==b&&(d.callback=b);b=$e(a,d,c);null!==b&&(Mg(b,a,c),af(b,a,c));null!==H&&"function"===typeof H.markForceUpdateScheduled&&H.markForceUpdateScheduled(a,c)}};function Oh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!jf(c,d)||!jf(e,f):!0}
+function Ph(a,b,c){var d=!1,e=jd;var f=b.contextType;"object"===typeof f&&null!==f?f=xg(f):(e=od(b)?md:kd.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?nd(a,e):jd);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Nh;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
+function Qh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Nh.enqueueReplaceState(b,b.state,null)}
+function Rh(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Xe(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=xg(f):(f=od(b)?md:kd.current,e.context=nd(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(Mh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
+"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Nh.enqueueReplaceState(e,e.state,null),ef(a,c,e,d),df(),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}var Sh=new WeakMap;function Th(a,b){if("object"===typeof a&&null!==a){var c=Sh.get(a);"string"!==typeof c&&(c=yc(b),Sh.set(a,c))}else c=yc(b);return{value:a,source:b,stack:c,digest:null}}
+function Uh(a,b,c){"string"===typeof c&&Sh.set(a,c);return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function Vh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function Wh(a,b,c){c=Ze(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Xh||(Xh=!0,Yh=d);Vh(a,b)};return c}
+function Zh(a,b,c){c=Ze(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){Vh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){Vh(a,b);"function"!==typeof d&&(null===$h?$h=new Set([this]):$h.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
+function ai(a){var b=a.tag;0!==(a.mode&1)||0!==b&&11!==b&&15!==b||((b=a.alternate)?(a.updateQueue=b.updateQueue,a.memoizedState=b.memoizedState,a.lanes=b.lanes):(a.updateQueue=null,a.memoizedState=null))}function bi(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Ze(2),b.tag=2,$e(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
+function ci(a,b,c,d,e){c.flags|=32768;gb&&di(a,e);if(null!==d&&"object"===typeof d&&(d.$$typeof===Ea&&(d={then:function(){}}),"function"===typeof d.then)){ai(c);var f=Of.current;if(null!==f){switch(f.tag){case 13:return c.mode&1&&(null===Pf?ei():null===f.alternate&&0===fi&&(fi=3)),f.flags&=-257,bi(f,b,c,a,e),d===mf?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):b.add(d),f.mode&1&&gi(a,d,e)),!1;case 22:if(f.mode&1)return f.flags|=65536,d===mf?f.flags|=16384:(b=f.updateQueue,null===
+b?(b={transitions:null,markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(f=b.retryQueue,null===f?b.retryQueue=new Set([d]):f.add(d)),gi(a,d,e)),!1}throw Error(x(435,f.tag));}if(1===a.tag)return gi(a,d,e),ei(),!1;d=Error(x(426))}if(N&&c.mode&1&&(f=Of.current,null!==f))return 0===(f.flags&65536)&&(f.flags|=256),bi(f,b,c,a,e),be(Th(d,c)),!1;d=Th(d,c);hi(d);if(null===b)return!0;a=b;do{switch(a.tag){case 3:return a.flags|=65536,e&=-e,a.lanes|=e,e=Wh(a,d,e),bf(a,e),!1;case 1:if(f=d,b=a.type,
+c=a.stateNode,0===(a.flags&128)&&("function"===typeof b.getDerivedStateFromError||null!==c&&"function"===typeof c.componentDidCatch&&(null===$h||!$h.has(c))))return a.flags|=65536,e&=-e,a.lanes|=e,e=Zh(a,f,e),bf(a,e),!1}a=a.return}while(null!==a);return!1}var ii=ca.ReactCurrentOwner,ji=Error(x(461)),Cg=!1;function ki(a,b,c,d){b.child=null===a?Hf(b,null,c,d):Gf(b,a.child,c,d)}
+function li(a,b,c,d,e){c=c.render;var f=b.ref;if("ref"in d){var g={};for(var h in d)"ref"!==h&&(g[h]=d[h])}else g=d;mi(b,e);nb(b);d=hg(a,b,c,g,f,e);h=qg();ob();if(null!==a&&!Cg)return rg(a,b,e),ni(a,b,e);N&&h&&Hd(b);b.flags|=1;ki(a,b,d,e);return b.child}
+function oi(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!pi(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,qi(a,b,f,d,e);a=Cf(c.type,null,d,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:jf;if(c(g,d)&&a.ref===b.ref)return ni(a,b,e)}b.flags|=1;a=Af(f,d);a.ref=b.ref;a.return=b;return b.child=a}
+function qi(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(jf(f,d)&&a.ref===b.ref)if(Cg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(Cg=!0);else return b.lanes=a.lanes,ni(a,b,e)}return ri(a,b,c,d,e)}
+function si(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;ti(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return ui(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&vi(b,null),Mf(),Sf(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
+cachePool:null},null!==a&&vi(b,null!==g?g.cachePool:null),null!==g?Kf(b,g):Mf(),Sf(b);else return b.lanes=b.childLanes=536870912,ui(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(vi(b,g.cachePool),Kf(b,g),Tf(b),b.memoizedState=null):(null!==a&&vi(b,null),Mf(),Tf(b));ki(a,b,e,c);return b.child}function ui(a,b,c){var d=wi();d=null===d?null:{parent:xi._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&vi(b,null);Mf();Sf(b);return null}
+function ti(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function ri(a,b,c,d,e){var f=od(c)?md:kd.current;f=nd(b,f);mi(b,e);nb(b);c=hg(a,b,c,d,f,e);d=qg();ob();if(null!==a&&!Cg)return rg(a,b,e),ni(a,b,e);N&&d&&Hd(b);b.flags|=1;ki(a,b,c,e);return b.child}function yi(a,b,c,d,e,f){mi(b,f);nb(b);c=kg(b,d,c,e);lg();d=qg();ob();if(null!==a&&!Cg)return rg(a,b,f),ni(a,b,f);N&&d&&Hd(b);b.flags|=1;ki(a,b,c,f);return b.child}
+function zi(a,b,c,d,e){if(od(c)){var f=!0;sd(b)}else f=!1;mi(b,e);if(null===b.stateNode)Ai(a,b),Ph(b,c,d),Rh(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=xg(n):(n=od(c)?md:kd.current,n=nd(b,n));var u=c.getDerivedStateFromProps,w="function"===typeof u||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
+(h!==d||k!==n)&&Qh(b,g,d,n);We=!1;var q=b.memoizedState;g.state=q;ef(b,d,g,e);df();k=b.memoizedState;h!==d||q!==k||ld.current||We?("function"===typeof u&&(Mh(b,c,u,d),k=b.memoizedState),(h=We||Oh(b,c,h,d,q,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=
+4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Ye(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:Lh(b.type,h);g.props=n;w=b.pendingProps;q=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=xg(k):(k=od(c)?md:kd.current,k=nd(b,k));var r=c.getDerivedStateFromProps;(u="function"===typeof r||"function"===typeof g.getSnapshotBeforeUpdate)||
+"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||q!==k)&&Qh(b,g,d,k);We=!1;q=b.memoizedState;g.state=q;ef(b,d,g,e);df();var z=b.memoizedState;h!==w||q!==z||ld.current||We?("function"===typeof r&&(Mh(b,c,r,d),z=b.memoizedState),(n=We||Oh(b,c,n,d,q,z,k)||!1)?(u||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,z,k),"function"===
+typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,z,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=z),g.props=d,g.state=z,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||
+h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),d=!1)}return Bi(a,b,c,d,f,e)}
+function Bi(a,b,c,d,e,f){ti(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&td(b,c,!1),ni(a,b,f);d=b.stateNode;ii.current=b;if(g&&"function"!==typeof c.getDerivedStateFromError){var h=null;Dh=-1}else nb(b),h=d.render(),ob();b.flags|=1;null!==a&&g?(g=h,b.child=Gf(b,a.child,null,f),b.child=Gf(b,null,g,f)):ki(a,b,h,f);b.memoizedState=d.state;e&&td(b,c,!0);return b.child}
+function Ci(a){var b=a.stateNode;b.pendingContext?qd(a,b.pendingContext,b.pendingContext!==b.context):b.context&&qd(a,b.context,!1);Ma(a,b.containerInfo)}function Di(a,b,c,d,e){ae();be(e);b.flags|=256;ki(a,b,c,d);return b.child}var Ei={dehydrated:null,treeContext:null,retryLane:0};function Fi(a){return{baseLanes:a,cachePool:Gi()}}function Hi(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=Ee);return a}
+function Ii(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Rf.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(N){e?Qf(b):Tf(b);if(N){var h=f=L;if(!h)Vd(b)&&Wd(),Nd(J,b),N=!1,J=b,L=f;else if(!Td(b,h)){Vd(b)&&Wd();L=Ud(h);var k=J;L&&Td(b,L)?Ld(k,h):(Nd(J,b),N=!1,J=b,L=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
+Uf(b)}f=d.children;h=d.fallback;if(e)return Tf(b),d=Ji(b,f,h,c),e=b.child,e.memoizedState=Fi(c),e.childLanes=Hi(a,g,c),b.memoizedState=Ei,d;if("number"===typeof d.unstable_expectedLoadTime)return Tf(b),d=Ji(b,f,h,c),e=b.child,e.memoizedState=Fi(c),e.childLanes=Hi(a,g,c),b.memoizedState=Ei,b.lanes=4194304,d;Qf(b);return Ki(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return Li(a,b,f,g,d,k,h,c);if(e){Tf(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};
+0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.mode&2&&(d.actualDuration=0,d.actualStartTime=-1,d.selfBaseDuration=h.selfBaseDuration,d.treeBaseDuration=h.treeBaseDuration),b.deletions=null):(d=Af(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=Af(k,e):(e=Ef(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=Fi(c):(h=f.cachePool,null!==h?(k=xi._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=Gi(),f={baseLanes:f.baseLanes|
+c,cachePool:h});e.memoizedState=f;e.childLanes=Hi(a,g,c);b.memoizedState=Ei;return d}Qf(b);g=a.child;a=g.sibling;g=Af(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function Ki(a,b){b=Mi({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}
+function Ji(a,b,c,d){var e=a.mode,f=a.child;b={mode:"hidden",children:b};0===(e&1)&&null!==f?(f.childLanes=0,f.pendingProps=b,a.mode&2&&(f.actualDuration=0,f.actualStartTime=-1,f.selfBaseDuration=0,f.treeBaseDuration=0)):f=Mi(b,e,0,null);c=Ef(c,e,d,null);f.return=a;c.return=a;f.sibling=c;a.child=f;return c}function Ni(a,b,c,d){null!==d&&be(d);Gf(b,a.child,null,c);a=Ki(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
+function Li(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Qf(b),b.flags&=-257,f=Uh(Error(x(422))),Ni(a,b,h,f);if(null!==b.memoizedState)return Tf(b),b.child=a.child,b.flags|=128,null;Tf(b);f=e.fallback;g=b.mode;e=Mi({mode:"visible",children:e.children},g,0,null);f=Ef(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&Gf(b,a.child,null,h);g=b.child;g.memoizedState=Fi(h);g.childLanes=Hi(a,d,h);b.memoizedState=Ei;return f}Qf(b);if(0===(b.mode&1))return Ni(a,b,h,null);if("$!"===
+f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=null;"POSTPONE"!==f&&(d=Error(x(419)),d.digest=f,d=Uh(d,f,void 0));return Ni(a,b,h,d)}d=0!==(h&a.childLanes);if(Cg||d){d=P;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=
+64;break;case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,ke(a,e),Mg(d,a,e),ji;}"$?"!==f.data&&ei();return Ni(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=Oi.bind(null,a),f._reactRetry=b,null;a=g.treeContext;L=Qd(f.nextSibling);J=b;N=!0;Jd=null;Kd=!1;null!==a&&(Ad[Bd++]=Dd,Ad[Bd++]=Ed,Ad[Bd++]=Cd,Dd=a.id,Ed=a.overflow,Cd=b);b=Ki(b,e.children);b.flags|=4096;return b}
+function Pi(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);Qi(a.return,b,c)}function Ri(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
+function Si(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;ki(a,b,d.children,c);d=Rf.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&Pi(a,c,b);else if(19===a.tag)Pi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}G(Rf,d);if(0===(b.mode&1))b.memoizedState=
+null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Vf(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Ri(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Vf(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Ri(b,!0,c,null,f);break;case "together":Ri(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
+function Ai(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function ni(a,b,c){null!==a&&(b.dependencies=a.dependencies);Dh=-1;ff|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(x(153));if(null!==b.child){a=b.child;c=Af(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=Af(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
+function Ti(a,b,c){switch(b.tag){case 3:Ci(b);Ui(b,xi,a.memoizedState.cache);ae();break;case 27:case 5:Qa(b);break;case 1:od(b.type)&&sd(b);break;case 4:Ma(b,b.stateNode.containerInfo);break;case 10:Ui(b,b.type._context,b.memoizedProps.value);break;case 12:0!==(c&b.childLanes)&&(b.flags|=4);var d=b.stateNode;d.effectDuration=0;d.passiveEffectDuration=0;break;case 13:d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Qf(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return Ii(a,b,c);
+Qf(b);a=ni(a,b,c);return null!==a?a.sibling:null}Qf(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return Si(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);G(Rf,Rf.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,si(a,b,c);case 24:Ui(b,xi,a.memoizedState.cache)}return ni(a,b,c)}var Vi=la(null),Wi=null,Xi=null,Yi=null;function Zi(){Yi=Xi=Wi=null}
+function Ui(a,b,c){G(Vi,b._currentValue);b._currentValue=c}function $i(a){a._currentValue=Vi.current;F(Vi)}function Qi(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
+function aj(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=Ze(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);Qi(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
+f)throw Error(x(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);Qi(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function mi(a,b){Wi=a;Yi=Xi=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(Cg=!0),a.firstContext=null)}function xg(a){return bj(Wi,a)}function Ff(a,b,c){null===Wi&&mi(a,c);return bj(a,b)}
+function bj(a,b){var c=b._currentValue;if(Yi!==b)if(b={context:b,memoizedValue:c,next:null},null===Xi){if(null===a)throw Error(x(308));Xi=b;a.dependencies={lanes:0,firstContext:b}}else Xi=Xi.next=b;return c}
+var cj="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},dj=t.unstable_scheduleCallback,ej=t.unstable_NormalPriority,xi={$$typeof:ta,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function vh(){return{controller:new cj,data:new Map,refCount:0}}
+function fj(a){a.refCount--;0===a.refCount&&dj(ej,function(){a.controller.abort()})}var gj=ca.ReactCurrentBatchConfig;function zh(){var a=gj.transition;null!==a&&a._callbacks.add(hj);return a}function hj(a,b){Te(a,b)}function Sg(a,b){a._callbacks.forEach(function(c){return c(a,b)})}var ij=la(null);function wi(){var a=ij.current;return null!==a?a:P.pooledCache}function vi(a,b){null===b?G(ij,ij.current):G(ij,b.pool)}function Gi(){var a=wi();return null===a?null:{parent:xi._currentValue,pool:a}}
+function jj(a){a.flags|=4}function kj(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(O&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(lj())a.flags|=8192;else throw qf=mf,lf;}function mj(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?Fb():536870912,a.lanes|=b)}
+function nj(a,b){if(!N)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
 function V(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)if(0!==(a.mode&2)){for(var e=a.selfBaseDuration,f=a.child;null!==f;)c|=f.lanes|f.childLanes,d|=f.subtreeFlags&31457280,d|=f.flags&31457280,e+=f.treeBaseDuration,f=f.sibling;a.treeBaseDuration=e}else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else if(0!==(a.mode&2)){e=a.actualDuration;f=a.selfBaseDuration;for(var g=a.child;null!==g;)c|=g.lanes|
 g.childLanes,d|=g.subtreeFlags,d|=g.flags,e+=g.actualDuration,f+=g.treeBaseDuration,g=g.sibling;a.actualDuration=e;a.treeBaseDuration=f}else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
-function gj(a,b,c){var d=b.pendingProps;Gd(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return md(b.type)&&nd(),V(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);Si(pi);Ra();D(jd);D(id);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Wd(b)?aj(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
-1024,null!==Hd&&(hj(Hd),Hd=null));V(b);return null;case 26:c=b.memoizedState;if(null===a)aj(b),null!==b.ref&&bj(b),null!==c?(V(b),cj(b,c)):(V(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&aj(b);a.ref!==b.ref&&bj(b);null!==c?(V(b),c===e?b.flags&=-16777217:cj(b,c)):(a.memoizedProps!==d&&aj(b),V(b),b.flags&=-16777217)}return null;case 27:Ta(b);c=La.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&aj(b),a.ref!==b.ref&&bj(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));
-V(b);return null}a=Ja.current;Wd(b)?ij(b.stateNode,b.type,b.memoizedProps,a,b):(a=jj(e,d,c),b.stateNode=a,aj(b));null!==b.ref&&bj(b)}V(b);return null;case 5:Ta(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&aj(b),a.ref!==b.ref&&bj(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));V(b);return null}a=Ja.current;if(Wd(b))ij(b.stateNode,b.type,b.memoizedProps,a,b);else{e=kj(La.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",
-c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):
-e.createElement(c)}}a[Rb]=b;a[Sb]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(lj(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&aj(b)}null!==b.ref&&
-bj(b)}V(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&aj(b);else{if("string"!==typeof d&&null===b.stateNode)throw Error(u(166));a=La.current;if(Wd(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Rb]=b;if(d=a.nodeValue!==c)if(e=H,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);mj(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&mj(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&aj(b)}else a=kj(a).createTextNode(d),
-a[Rb]=b,b.stateNode=a}V(b);return null;case 13:ff(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(K&&null!==I&&0!==(b.mode&1)&&0===(b.flags&128))Yd(),Zd(),b.flags|=384,e=!1;else if(e=Wd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(u(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(u(317));e[Rb]=b;V(b);0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=e.treeBaseDuration))}else Zd(),0===(b.flags&
-128)&&(b.memoizedState=null),b.flags|=4,V(b),0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=e.treeBaseDuration));e=!1}else null!==Hd&&(hj(Hd),Hd=null),e=!0;if(!e)return b.flags&256?b:null}if(0!==(b.flags&128))return b.lanes=c,0!==(b.mode&2)&&Dh(b),b;c=null!==d;a=null!==a&&null!==a.memoizedState;c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&
-null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);ej(b,b.updateQueue);V(b);0!==(b.mode&2)&&c&&(a=b.child,null!==a&&(b.treeBaseDuration-=a.treeBaseDuration));return null;case 4:return Ra(),null===a&&nj(b.stateNode.containerInfo),V(b),null;case 10:return Si(b.type._context),V(b),null;case 17:return md(b.type)&&nd(),V(b),null;case 19:D(cf);e=b.memoizedState;if(null===e)return V(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===
-f)if(d)fj(e,!1);else{if(0!==Yh||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=gf(a);if(null!==f){b.flags|=128;fj(e,!1);a=f.updateQueue;b.updateQueue=a;ej(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)oj(c,a),c=c.sibling;E(cf,cf.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Ya()>pj&&(b.flags|=128,d=!0,fj(e,!1),b.lanes=4194304)}else{if(!d)if(a=gf(f),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,b.updateQueue=a,ej(b,a),fj(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&
-!K)return V(b),null}else 2*Ya()-e.renderingStartTime>pj&&536870912!==c&&(b.flags|=128,d=!0,fj(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Ya(),b.sibling=null,a=cf.current,E(cf,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return ff(b),Ze(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&
-0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),c=b.updateQueue,null!==c&&ej(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&D($i),null;case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),Si(pi),
-V(b),null;case 25:return null}throw Error(u(156,b.tag));}
-function qj(a,b){Gd(b);switch(b.tag){case 1:return md(b.type)&&nd(),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Dh(b),b):null;case 3:return Si(pi),Ra(),D(jd),D(id),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Ta(b),null;case 13:ff(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(u(340));Zd()}a=b.flags;return a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Dh(b),b):null;case 19:return D(cf),null;case 4:return Ra(),
-null;case 10:return Si(b.type._context),null;case 22:case 23:return ff(b),Ze(),null!==a&&D($i),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Dh(b),b):null;case 24:return Si(pi),null;case 25:return null;default:return null}}
-function rj(a,b){Gd(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&nd();break;case 3:Si(pi);Ra();D(jd);D(id);break;case 26:case 27:case 5:Ta(b);break;case 4:Ra();break;case 13:ff(b);break;case 19:D(cf);break;case 10:Si(b.type._context);break;case 22:case 23:ff(b);Ze();null!==a&&D($i);break;case 24:Si(pi)}}function sj(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
-var tj=!1,uj=null,vj=!1,wj=null,xj={onError:function(a){tj=!0;uj=a}};function yj(a,b,c,d,e,f,g,h,k){tj=!1;uj=null;sj.apply(xj,arguments)}function zj(a,b,c,d,e,f,g,h,k){yj.apply(this,arguments);if(tj){if(tj){var n=uj;tj=!1;uj=null}else throw Error(u(198));vj||(vj=!0,wj=n)}}var Aj=!1,Bj=!1,Cj="function"===typeof WeakSet?WeakSet:Set,Dj=null,Ej=null,Fj=null;function Gj(a){return 0!==(a.mode&2)&&0!==(N&4)}
-function Hj(a,b){b.props=a.memoizedProps;b.state=a.memoizedState;if(Gj(a))try{Ch(),b.componentWillUnmount()}finally{Ah(a)}else b.componentWillUnmount()}function Ij(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}if("function"===typeof c)if(Gj(a))try{Ch(),a.refCleanup=c(e)}finally{Ah(a)}else a.refCleanup=c(e);else c.current=e}}catch(f){W(a,b,f)}}
-function Jj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{if(Gj(a))try{Ch(),d()}finally{Ah(a)}else d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{if(Gj(a))try{Ch(),c(null)}finally{Ah(a)}else c(null)}catch(e){W(a,b,e)}else c.current=null}function Kj(a,b,c){try{c()}catch(d){W(a,b,d)}}var Lj=!1;
-function Mj(a,b){Nj=Oj;a=Pj();if(Qj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(B){c=null;break a}var g=0,h=-1,k=-1,n=0,q=0,w=a,t=null;b:for(;;){for(var r;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
-w.nodeValue.length);if(null===(r=w.firstChild))break;t=w;w=r}for(;;){if(w===a)break b;t===c&&++n===e&&(h=g);t===f&&++q===d&&(k=g);if(null!==(r=w.nextSibling))break;w=t;t=w.parentNode}w=r}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Rj={focusedElem:a,selectionRange:c};Oj=!1;for(Dj=b;null!==Dj;)if(b=Dj,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,Dj=a;else for(;null!==Dj;){b=Dj;try{var A=b.alternate,C=b.flags;switch(b.tag){case 0:if(0!==(C&4)){var J=
-b.updateQueue,Q=null!==J?J.events:null;if(null!==Q)for(a=0;a<Q.length;a++){var m=Q[a];m.ref.impl=m.nextImpl}}break;case 11:case 15:break;case 1:if(0!==(C&1024)&&null!==A){var l=A.memoizedProps,p=A.memoizedState,v=b.stateNode,y=v.getSnapshotBeforeUpdate(b.elementType===b.type?l:Eh(b.type,l),p);v.__reactInternalSnapshotBeforeUpdate=y}break;case 3:0!==(C&1024)&&Sj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(C&1024))throw Error(u(163));}}catch(B){W(b,
-b.return,B)}a=b.sibling;if(null!==a){a.return=b.return;Dj=a;break}Dj=b.return}A=Lj;Lj=!1;return A}
-function Tj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectUnmountStarted&&F.markComponentPassiveEffectUnmountStarted(b):0!==(a&4)&&ob(b),Kj(b,c,g),0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectUnmountStopped&&F.markComponentPassiveEffectUnmountStopped():0!==(a&4)&&pb())}e=e.next}while(e!==d)}}
-function Uj(a,b){var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do{if((d.tag&a)===a){0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectMountStarted&&F.markComponentPassiveEffectMountStarted(b):0!==(a&4)&&null!==F&&"function"===typeof F.markComponentLayoutEffectMountStarted&&F.markComponentLayoutEffectMountStarted(b);var e=d.create,f=d.inst;e=e();f.destroy=e;0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectMountStopped&&F.markComponentPassiveEffectMountStopped():
-0!==(a&4)&&null!==F&&"function"===typeof F.markComponentLayoutEffectMountStopped&&F.markComponentLayoutEffectMountStopped()}d=d.next}while(d!==c)}}function Vj(a,b){if(Gj(a)){try{Ch(),Uj(b,a)}catch(c){W(a,a.return,c)}Ah(a)}else try{Uj(b,a)}catch(c){W(a,a.return,c)}}function Wj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{ve(b,c)}catch(d){W(a,a.return,d)}}}
-function Xj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
-function Yj(a,b){if(N&4)try{var c=a.memoizedProps,d=c.onCommit,e=c.onRender,f=a.stateNode.effectDuration;c=uh;b=null===b?"mount":"update";tf&&(b="nested-update");"function"===typeof e&&e(a.memoizedProps.id,b,a.actualDuration,a.treeBaseDuration,a.actualStartTime,c);"function"===typeof d&&d(a.memoizedProps.id,b,f,c);Zj(a);var g=a.return;a:for(;null!==g;){switch(g.tag){case 3:g.stateNode.effectDuration+=f;break a;case 12:g.stateNode.effectDuration+=f;break a}g=g.return}}catch(h){W(a,a.return,h)}}
-function ak(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:bk(a,c);d&4&&Vj(c,5);break;case 1:bk(a,c);if(d&4)if(a=c.stateNode,null===b)if(Gj(c)){try{Ch(),a.componentDidMount()}catch(h){W(c,c.return,h)}Ah(c)}else try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:Eh(c.type,b.memoizedProps);b=b.memoizedState;if(Gj(c)){try{Ch(),a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}Ah(c)}else try{a.componentDidUpdate(e,
-b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&Wj(c);d&512&&Ij(c,c.return);break;case 3:bk(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=c.child.stateNode;break;case 1:a=c.child.stateNode}try{ve(d,a)}catch(h){W(c,c.return,h)}}break;case 26:bk(a,c);d&512&&Ij(c,c.return);break;case 27:case 5:bk(a,c);null===b&&d&4&&Xj(c);d&512&&Ij(c,c.return);break;case 12:bk(a,c);d&4&&Yj(c,b);break;case 13:bk(a,c);d&4&&ck(a,c);break;
-case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||Aj,!e){b=null!==b&&null!==b.memoizedState||Bj;var f=Aj,g=Bj;Aj=e;(Bj=b)&&!g?dk(a,c,0!==(c.subtreeFlags&8772)):bk(a,c);Aj=f;Bj=g}}else bk(a,c);d&512&&("manual"===c.memoizedProps.mode?Ij(c,c.return):Jj(c,c.return));break;default:bk(a,c)}}
-function ek(a){var b=a.alternate;null!==b&&(a.alternate=null,ek(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Zb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function fk(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
-function gk(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||fk(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
-function hk(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=ik));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(hk(a,b,c),a=a.sibling;null!==a;)hk(a,b,c),a=a.sibling}
-function jk(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(jk(a,b,c),a=a.sibling;null!==a;)jk(a,b,c),a=a.sibling}var kk=null,lk=!1;function mk(a,b,c){for(c=c.child;null!==c;)nk(a,b,c),c=c.sibling}
-function nk(a,b,c){if(fb&&"function"===typeof fb.onCommitFiberUnmount)try{fb.onCommitFiberUnmount(eb,c)}catch(k){}switch(c.tag){case 26:Bj||Jj(c,b);mk(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:Bj||Jj(c,b);var d=kk,e=lk;kk=c.stateNode;mk(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Zb(c);kk=d;lk=e;break;case 5:Bj||Jj(c,b);case 6:d=kk;e=lk;kk=null;mk(a,b,c);kk=d;lk=e;null!==kk&&(lk?(a=kk,c=c.stateNode,
-8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):kk.removeChild(c.stateNode));break;case 18:null!==kk&&(lk?(a=kk,c=c.stateNode,8===a.nodeType?ok(a.parentNode,c):1===a.nodeType&&ok(a,c),pk(a)):ok(kk,c.stateNode));break;case 4:d=kk;e=lk;kk=c.stateNode.containerInfo;lk=!0;mk(a,b,c);kk=d;lk=e;break;case 0:case 11:case 14:case 15:if(!Bj&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,Kj(c,b,h)):
-0!==(f&4)&&(ob(c),Gj(c)?(Ch(),g.destroy=void 0,Kj(c,b,h),Ah(c)):(g.destroy=void 0,Kj(c,b,h)),pb()));e=e.next}while(e!==d)}mk(a,b,c);break;case 1:if(!Bj&&(Jj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{Hj(c,d)}catch(k){W(c,b,k)}mk(a,b,c);break;case 21:mk(a,b,c);break;case 22:Jj(c,b);c.mode&1?(Bj=(d=Bj)||null!==c.memoizedState,mk(a,b,c),Bj=d):mk(a,b,c);break;default:mk(a,b,c)}}
-function ck(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{pk(a)}catch(c){W(b,b.return,c)}}function qk(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new Cj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new Cj),b;default:throw Error(u(435,a.tag));}}
-function rk(a,b){var c=qk(a);b.forEach(function(d){var e=sk.bind(null,a,d);if(!c.has(d)){c.add(d);if(gb)if(null!==Ej&&null!==Fj)Wh(Fj,Ej);else throw Error(u(413));d.then(e,e)}})}function tk(a,b,c){Ej=c;Fj=a;uk(b,a);Fj=Ej=null}
-function vk(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:kk=h.stateNode;lk=!1;break a;case 3:kk=h.stateNode.containerInfo;lk=!0;break a;case 4:kk=h.stateNode.containerInfo;lk=!0;break a}h=h.return}if(null===kk)throw Error(u(160));nk(f,g,e);kk=null;lk=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)uk(b,a),b=b.sibling}
-var wk=null;
-function uk(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:vk(b,a);xk(a);if(d&4){try{Tj(3,a,a.return),Uj(3,a)}catch(r){W(a,a.return,r)}if(Gj(a)){try{Ch(),Tj(5,a,a.return)}catch(r){W(a,a.return,r)}Ah(a)}else try{Tj(5,a,a.return)}catch(r){W(a,a.return,r)}}break;case 1:vk(b,a);xk(a);d&512&&null!==c&&Jj(c,c.return);d&64&&Aj&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=
-wk;vk(b,a);xk(a);d&512&&null!==c&&Jj(c,c.return);if(d&4)if(b=null!==c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Yb]||e[Rb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));lj(e,c,d);e[Rb]=a;fc(e);c=e;break a;case "link":var f=yk("link",
-"href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);lj(e,c,d);b.head.appendChild(e);break;case "meta":if(f=yk("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===
-(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);lj(e,c,d);b.head.appendChild(e);break;default:throw Error(u(468,c));}e[Rb]=a;fc(e);c=e}a.stateNode=c}else zk(e,a.type,a.stateNode);else a.stateNode=Ak(e,d,a.memoizedProps);
-else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):b.count--,null===d?zk(e,a.type,a.stateNode):Ak(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Bk(h,a.type,c.memoizedProps,k);h[Sb]=k}catch(r){W(a,a.return,r)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,q=g.nodeName;g[Yb]||"HEAD"===q||"BODY"===q||"SCRIPT"===q||"STYLE"===
-q||"LINK"===q&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=e.attributes;n.length;)e.removeAttributeNode(n[0]);lj(e,g,f);e[Rb]=a;e[Sb]=f}case 5:vk(b,a);xk(a);d&512&&null!==c&&Jj(c,c.return);if(a.flags&32){b=a.stateNode;try{Pc(b,"")}catch(r){W(a,a.return,r)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Bk(d,e,c,b),d[Sb]=b}catch(r){W(a,a.return,r)}}break;case 6:vk(b,a);xk(a);if(d&4){if(null===a.stateNode)throw Error(u(162));
-c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(r){W(a,a.return,r)}}break;case 3:Ck=null;e=wk;wk=Dk(b.containerInfo);vk(b,a);wk=e;xk(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{pk(b.containerInfo)}catch(r){W(a,a.return,r)}break;case 4:c=wk;wk=Dk(a.stateNode.containerInfo);vk(b,a);xk(a);wk=c;break;case 13:vk(b,a);xk(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(Ek=Ya());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,rk(a,c)));break;case 22:d&
-512&&null!==c&&Jj(c,c.return);h=null!==a.memoizedState;k=null!==c&&null!==c.memoizedState;if(a.mode&1){var w=Aj,t=Bj;Aj=w||h;Bj=t||k;vk(b,a);Bj=t;Aj=w}else vk(b,a);xk(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=Aj||Bj,null===c||k||b||0!==(a.mode&1)&&Fk(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=
-b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,q=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==q||"boolean"===typeof q?"":(""+q).trim())}catch(r){W(a,a.return,r)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(r){W(a,a.return,r)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=
-b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,rk(a,d))));break;case 19:vk(b,a);xk(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,rk(a,c)));break;case 21:break;default:vk(b,a),xk(a)}}
-function xk(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(fk(c)){var d=c;break b}c=c.return}throw Error(u(160));}switch(d.tag){case 27:var e=d.stateNode,f=gk(a);jk(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Pc(g,""),d.flags&=-33);var h=gk(a);jk(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=gk(a);hk(a,n,k);break;default:throw Error(u(161));}}}catch(q){W(a,a.return,q)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
-function Gk(a,b,c){Ej=c;Fj=b;ak(b,a.alternate,a);Fj=Ej=null}function bk(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)ak(a,b.alternate,b),b=b.sibling}
-function Fk(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:if(Gj(b))try{Ch(),Tj(4,b,b.return)}finally{Ah(b)}else Tj(4,b,b.return);Fk(b);break;case 1:Jj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{Hj(d,c)}catch(f){W(d,e,f)}}Fk(b);break;case 26:case 27:case 5:Jj(b,b.return);Fk(b);break;case 22:Jj(b,b.return);null===b.memoizedState&&Fk(b);break;default:Fk(b)}a=a.sibling}}
-function dk(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:dk(e,f,c);Vj(f,4);break;case 1:dk(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)ue(h[d],e)}c&&g&64&&Wj(f);Ij(f,f.return);break;case 26:case 27:case 5:dk(e,f,c);
-c&&null===d&&g&4&&Xj(f);Ij(f,f.return);break;case 12:dk(e,f,c);c&&g&4&&Yj(f,d);break;case 13:dk(e,f,c);c&&g&4&&ck(e,f);break;case 22:null===f.memoizedState&&dk(e,f,c);Ij(f,f.return);break;default:dk(e,f,c)}b=b.sibling}}function Hk(a,b){if(Gj(a)){xh=th();try{Uj(b,a)}catch(c){W(a,a.return,c)}Bh(a)}else try{Uj(b,a)}catch(c){W(a,a.return,c)}}
-function Ik(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&Yi(c))}function Jk(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&Yi(a))}
-function Kk(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)Lk(a,b,c,d),b=b.sibling}
-function Lk(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:Kk(a,b,c,d);e&2048&&Hk(b,9);break;case 3:Kk(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&Yi(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?Kk(a,b,c,d):b.mode&1?Mk(a,b):(f._visibility|=4,Kk(a,b,c,d)):f._visibility&4?Kk(a,b,c,d):(f._visibility|=4,Nk(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Ik(b.alternate,
-b);break;case 24:Kk(a,b,c,d);e&2048&&Jk(b.alternate,b);break;default:Kk(a,b,c,d)}}
-function Nk(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:Nk(f,g,h,k,e);Hk(g,8);break;case 23:break;case 22:var q=g.stateNode;null!==g.memoizedState?q._visibility&4?Nk(f,g,h,k,e):g.mode&1?Mk(f,g):(q._visibility|=4,Nk(f,g,h,k,e)):(q._visibility|=4,Nk(f,g,h,k,e));e&&n&2048&&Ik(g.alternate,g);break;case 24:Nk(f,g,h,k,e);e&&n&2048&&Jk(g.alternate,g);break;default:Nk(f,g,h,k,e)}b=b.sibling}}
-function Mk(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:Mk(c,d);e&2048&&Ik(d.alternate,d);break;case 24:Mk(c,d);e&2048&&Jk(d.alternate,d);break;default:Mk(c,d)}b=b.sibling}}var Ok=8192;function Pk(a){if(a.subtreeFlags&Ok)for(a=a.child;null!==a;)Qk(a),a=a.sibling}
-function Qk(a){switch(a.tag){case 26:Pk(a);a.flags&Ok&&null!==a.memoizedState&&Rk(wk,a.memoizedState,a.memoizedProps);break;case 5:Pk(a);break;case 3:case 4:var b=wk;wk=Dk(a.stateNode.containerInfo);Pk(a);wk=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=Ok,Ok=16777216,Pk(a),Ok=b):Pk(a));break;default:Pk(a)}}function Sk(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
-function Tk(a,b,c){Gj(a)?(xh=th(),Tj(c,a,b),Bh(a)):Tj(c,a,b)}function Uk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Dj=d;Vk(d,a)}Sk(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)Wk(a),a=a.sibling}
-function Wk(a){switch(a.tag){case 0:case 11:case 15:Uk(a);a.flags&2048&&Tk(a,a.return,9);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,Xk(a)):Uk(a);break;default:Uk(a)}}
-function Xk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Dj=d;Vk(d,a)}Sk(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:Tk(b,b.return,8);Xk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,Xk(b));break;default:Xk(b)}a=a.sibling}}
-function Vk(a,b){for(;null!==Dj;){var c=Dj;switch(c.tag){case 0:case 11:case 15:Tk(c,b,8);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:Yi(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,Dj=d;else a:for(c=a;null!==Dj;){d=Dj;var e=d.sibling,f=d.return;ek(d);if(d===c){Dj=null;break a}if(null!==e){e.return=f;Dj=e;break a}Dj=f}}}
-var Yk={getCacheSignal:function(){return sg(pi).controller.signal},getCacheForType:function(a){var b=sg(pi),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},Zk="function"===typeof WeakMap?WeakMap:Map,$k=da.ReactCurrentDispatcher,al=da.ReactCurrentCache,bl=da.ReactCurrentOwner,cl=da.ReactCurrentBatchConfig,N=0,P=null,X=null,O=0,R=0,dl=null,el=!1,Xe=0,Yh=0,xf=null,te=0,fl=0,gl=0,Af=0,hl=null,Cf=null,Ek=0,pj=Infinity,Df=null,Ph=!1,Qh=null,Sh=null,il=!1,jl=null,kl=0,ll=[],ml=0,nl=null,je=
-0,ke=null;function oh(a){if(0===(a.mode&1))return 2;if(0!==(N&2)&&0!==O)return O&-O;if(null!==Zi.transition)return a=Mf,0!==a?a:Jf();a=G;if(0!==a)return a;a=window.event;a=void 0===a?32:ol(a.type);return a}function eh(){0===Af&&(Af=0===(O&536870912)||K?Jf():536870912);var a=$e.current;null!==a&&(a.flags|=32);return Af}
-function Hg(a,b,c){if(a===P&&2===R||null!==a.cancelPendingCommit)yf(a,0),zf(a,O,Af);Fb(a,c);if(0===(N&2)||a!==P)gb&&Kb(a,b,c),a===P&&(0===(N&2)&&(fl|=c),4===Yh&&zf(a,O,Af)),of(a),2===c&&0===N&&0===(b.mode&1)&&(pj=Ya()+500,rf(!0))}
-function Hf(a,b){uf=tf=!1;if(0!==(N&6))throw Error(u(327));var c=a.callbackNode;if(sf()&&a.callbackNode!==c)return null;var d=Ab(a,a===P?O:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?pl(a,d):vf(a,d);if(0!==b){var f=e;do{if(6===b)zf(a,d,0);else{e=a.current.alternate;if(f&&!ql(e)){b=vf(a,d);f=!1;continue}if(2===b){f=d;var g=Cb(a,f);0!==g&&(d=g,b=wf(a,f,g))}if(1===b)throw c=xf,yf(a,0),zf(a,d,0),of(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(u(345));
-case 4:if((d&4194176)===d){zf(f,d,Af);break a}break;case 2:case 3:case 5:break;default:throw Error(u(329));}if((d&62914560)===d&&(b=Ek+300-Ya(),10<b)){zf(f,d,Af);if(0!==Ab(f,0))break a;f.timeoutHandle=rl(sl.bind(null,f,e,Cf,Df,d,Af),b);break a}sl(f,e,Cf,Df,d,Af)}}break}while(1)}of(a);Gf(a,Ya());a=a.callbackNode===c?Hf.bind(null,a):null;return a}
-function wf(a,b,c){var d=hl,e=a.current.memoizedState.isDehydrated;e&&(yf(a,c).flags|=256);c=vf(a,c);if(2!==c){if(el&&!e)return a.errorRecoveryDisabledLanes|=b,fl|=b,4;a=Cf;Cf=d;null!==a&&hj(a)}return c}function hj(a){null===Cf?Cf=a:Cf.push.apply(Cf,a)}function sl(a,b,c,d,e,f){if(0===(e&42)&&(tl={stylesheets:null,count:0,unsuspend:ul},Qk(b),b=vl(),null!==b)){a.cancelPendingCommit=b(Bf.bind(null,a,c,d));zf(a,e,f);return}Bf(a,c,d,f)}
-function ql(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!td(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
-function zf(a,b,c){b&=~gl;b&=~fl;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-ub(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&Hb(a,c,b)}function wl(a,b){var c=N;N|=1;try{return a(b)}finally{N=c,0===N&&(pj=Ya()+500,rf(!0))}}function xl(a){null!==jl&&0===jl.tag&&0===(N&6)&&sf();var b=N;N|=1;var c=cl.transition,d=G;try{if(cl.transition=null,G=2,a)return a()}finally{G=d,cl.transition=c,N=b,0===(N&6)&&rf(!1)}}
-function yl(){if(null!==X){if(0===R)var a=X.return;else a=X,Ri(),ng(a),Fe=null,Ge=0,a=X;for(;null!==a;)rj(a.alternate,a),a=a.return;X=null}}
-function yf(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,zl(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());yl();P=a;X=c=Me(a.current,null);O=b;R=0;dl=null;el=!1;Yh=0;xf=null;Af=gl=fl=te=0;Cf=hl=null;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-ub(d),f=1<<e;b|=a[e];d&=~f}Xe=b;de();return c}
-function Al(a,b){S=null;Rf.current=hg;bl.current=null;b===xe?(b=Ee(),R=dj()&&0===(te&134217727)&&0===(fl&134217727)?2:3):b===ye?(b=Ee(),R=4):R=b===bi?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;dl=b;a=X;if(null===a)Yh=1,xf=b;else switch(a.mode&2&&zh(a,!0),nb(),R){case 1:null!==F&&"function"===typeof F.markComponentErrored&&F.markComponentErrored(a,b,O);break;case 2:case 3:case 6:case 7:null!==F&&"function"===typeof F.markComponentSuspended&&F.markComponentSuspended(a,b,O)}}
-function dj(){var a=$e.current;return null===a?!0:(O&4194176)===O?null===af?!0:!1:(O&62914560)===O||0!==(O&536870912)?a===af:!1}function Bl(){var a=$k.current;$k.current=hg;return null===a?hg:a}function Cl(){var a=al.current;al.current=Yk;return a}function Xh(){Yh=4;0===(te&134217727)&&0===(fl&134217727)||null===P||zf(P,O,Af)}function $h(a){4!==Yh&&(Yh=2);null===hl?hl=[a]:hl.push(a)}
-function vf(a,b){var c=N;N|=2;var d=Bl(),e=Cl();if(P!==a||O!==b){if(gb){var f=a.memoizedUpdaters;0<f.size&&(Wh(a,O),f.clear());Lb(a,b)}Df=null;yf(a,b)}qb(b);b=!1;a:do try{if(0!==R&&null!==X){f=X;var g=dl;switch(R){case 8:yl();Yh=6;break a;case 3:case 2:b||null!==$e.current||(b=!0);default:R=0,dl=null,Dl(f,g)}}El();break}catch(h){Al(a,h)}while(1);b&&a.shellSuspendCounter++;Ri();N=c;$k.current=d;al.current=e;if(null!==X)throw Error(u(261));rb();P=null;O=0;de();return Yh}
-function El(){for(;null!==X;)Fl(X)}
-function pl(a,b){var c=N;N|=2;var d=Bl(),e=Cl();if(P!==a||O!==b){if(gb){var f=a.memoizedUpdaters;0<f.size&&(Wh(a,O),f.clear());Lb(a,b)}Df=null;pj=Ya()+500;yf(a,b)}qb(b);a:do try{if(0!==R&&null!==X)b:switch(b=X,f=dl,R){case 1:R=0;dl=null;Dl(b,f);break;case 2:if(Ae(f)){R=0;dl=null;Gl(b);break}b=function(){2===R&&P===a&&(R=7);of(a)};f.then(b,b);break a;case 3:R=7;break a;case 4:R=5;break a;case 7:Ae(f)?(R=0,dl=null,Gl(b)):(R=0,dl=null,Dl(b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;R=
-0;dl=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==h?(X=h,Hl(h)):X=null}break b}R=0;dl=null;Dl(b,f);break;case 6:R=0;dl=null;Dl(b,f);break;case 8:yl();Yh=6;break a;default:throw Error(u(462));}Il();break}catch(k){Al(a,k)}while(1);Ri();$k.current=d;al.current=e;N=c;if(null!==X)return null!==F&&"function"===typeof F.markRenderYielded&&F.markRenderYielded(),0;rb();P=null;O=0;de();return Yh}function Il(){for(;null!==X&&!Wa();)Fl(X)}
-function Fl(a){var b=a.alternate;0!==(a.mode&2)?(yh(a),b=Jl(b,a,Xe),zh(a,!0)):b=Jl(b,a,Xe);a.memoizedProps=a.pendingProps;null===b?Hl(a):X=b;bl.current=null}
-function Gl(a){var b=a.alternate,c=0!==(a.mode&2);c&&yh(a);switch(a.tag){case 2:a.tag=0;case 15:case 0:var d=a.type,e=a.pendingProps;e=a.elementType===d?e:Eh(d,e);var f=md(d)?kd:id.current;f=ld(a,f);b=qi(b,a,e,d,f,O);break;case 11:d=a.type.render;e=a.pendingProps;e=a.elementType===d?e:Eh(d,e);b=qi(b,a,e,d,a.ref,O);break;case 5:ng(a);default:rj(b,a),a=X=oj(a,Xe),b=Jl(b,a,Xe)}c&&zh(a,!0);a.memoizedProps=a.pendingProps;null===b?Hl(a):X=b;bl.current=null}
-function Dl(a,b){Ri();ng(a);Fe=null;Ge=0;var c=a.return;if(null===c||null===P)Yh=1,xf=b,X=null;else{try{Vh(P,c,a,b,O)}catch(d){throw X=c,d;}if(a.flags&32768)a:{do{b=qj(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}if(0!==(a.mode&2)){zh(a,!1);b=a.actualDuration;for(c=a.child;null!==c;)b+=c.actualDuration,c=c.sibling;a.actualDuration=b}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);Yh=6;X=null}else Hl(a)}}
-function Hl(a){var b=a;do{var c=b.alternate;a=b.return;0===(b.mode&2)?c=gj(c,b,Xe):(yh(b),c=gj(c,b,Xe),zh(b,!1));if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===Yh&&(Yh=5)}function Bf(a,b,c,d){var e=G,f=cl.transition;try{cl.transition=null,G=2,Kl(a,b,c,e,d)}finally{cl.transition=f,G=e}return null}
-function Kl(a,b,c,d,e){do sf();while(null!==jl);if(0!==(N&6))throw Error(u(327));var f=a.finishedWork,g=a.finishedLanes;null!==F&&"function"===typeof F.markCommitStarted&&F.markCommitStarted(g);if(null===f)return lb(),null;a.finishedWork=null;a.finishedLanes=0;if(f===a.current)throw Error(u(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var h=f.lanes|f.childLanes;h|=ce;Gb(a,h,e);a===P&&(X=P=null,O=0);0===(f.subtreeFlags&10256)&&0===(f.flags&10256)||il||(il=!0,ml=h,nl=c,
-Ll(bb,function(){sf();return null}));c=0!==(f.flags&15990);if(0!==(f.subtreeFlags&15990)||c){c=cl.transition;cl.transition=null;e=G;G=2;var k=N;N|=4;bl.current=null;Mj(a,f);uh=th();tk(a,f,g);Ml(Rj);Oj=!!Nj;Rj=Nj=null;a.current=f;null!==F&&"function"===typeof F.markLayoutEffectsStarted&&F.markLayoutEffectsStarted(g);Gk(f,a,g);null!==F&&"function"===typeof F.markLayoutEffectsStopped&&F.markLayoutEffectsStopped();Xa();N=k;G=e;cl.transition=c}else a.current=f,uh=th();il?(il=!1,jl=a,kl=g):Nl(a,h);h=a.pendingLanes;
-0===h&&(Sh=null);hb(f.stateNode,d);gb&&a.memoizedUpdaters.clear();of(a);if(null!==b)for(d=a.onRecoverableError,f=0;f<b.length;f++)h=b[f],c={digest:h.digest,componentStack:h.stack},d(h.value,c);if(Ph)throw Ph=!1,a=Qh,Qh=null,a;0!==(kl&3)&&0!==a.tag&&sf();h=a.pendingLanes;0!==(g&4194218)&&0!==(h&42)?(uf=!0,a===ke?je++:(je=0,ke=a)):je=0;rf(!1);lb();return null}function Nl(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,Yi(b)))}
-function sf(){if(null!==jl){var a=jl,b=ml;ml=0;var c=Ob(kl),d=32>c?32:c;c=cl.transition;var e=G;try{cl.transition=null;G=d;if(null===jl)var f=!1;else{var g=nl;nl=null;d=jl;var h=kl;jl=null;kl=0;if(0!==(N&6))throw Error(u(331));null!==F&&"function"===typeof F.markPassiveEffectsStarted&&F.markPassiveEffectsStarted(h);var k=N;N|=4;Wk(d.current);Lk(d,d.current,h,g);g=ll;ll=[];for(h=0;h<g.length;h++){var n=g[h];if(N&4&&0!==(n.flags&4))switch(n.tag){case 12:var q=n.stateNode.passiveEffectDuration,w=n.memoizedProps,
-t=w.id,r=w.onPostCommit,A=uh,C=null===n.alternate?"mount":"update";tf&&(C="nested-update");"function"===typeof r&&r(t,C,q,A);var J=n.return;b:for(;null!==J;){switch(J.tag){case 3:J.stateNode.passiveEffectDuration+=q;break b;case 12:J.stateNode.passiveEffectDuration+=q;break b}J=J.return}}}null!==F&&"function"===typeof F.markPassiveEffectsStopped&&F.markPassiveEffectsStopped();N=k;rf(!1);if(fb&&"function"===typeof fb.onPostCommitFiberRoot)try{fb.onPostCommitFiberRoot(eb,d)}catch(m){}var Q=d.current.stateNode;
-Q.effectDuration=0;Q.passiveEffectDuration=0;f=!0}return f}finally{G=e,cl.transition=c,Nl(a,b)}}return!1}function Zj(a){ll.push(a);il||(il=!0,Ll(bb,function(){sf();return null}))}function Ol(a,b,c){b=Lh(c,b);b=Oh(a,b,2);a=pe(a,b,2);null!==a&&(Fb(a,2),of(a))}
-function W(a,b,c){if(3===a.tag)Ol(a,a,c);else for(;null!==b;){if(3===b.tag){Ol(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===Sh||!Sh.has(d))){a=Lh(c,a);a=Rh(b,a,2);b=pe(b,a,2);null!==b&&(Fb(b,2),of(b));break}}b=b.return}}
-function Zh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new Zk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(el=!0,e.add(c),d=Pl.bind(null,a,b,c),gb&&Wh(a,c),b.then(d,d))}function Pl(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;P===a&&(O&c)===c&&(4===Yh||3===Yh&&(O&62914560)===O&&300>Ya()-Ek?0===(N&2)&&yf(a,0):gl|=c);of(a)}function Ql(a,b){0===b&&(b=0===(a.mode&1)?2:Db());a=ie(a,b);null!==a&&(Fb(a,b),of(a))}
-function Gi(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Ql(a,c)}function sk(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(u(314));}null!==d&&d.delete(b);Ql(a,c)}var Jl;
-Jl=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||jd.current)xg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return xg=!1,Li(a,b,c);xg=0!==(a.flags&131072)?!0:!1}else xg=!1,K&&0!==(b.flags&1048576)&&Ed(b,xd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;si(a,b);a=b.pendingProps;var e=ld(b,id.current);ei(b,c);mb(b);e=cg(null,b,d,a,e,c);var f=lg();nb();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
-null,md(d)?(f=!0,qd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,me(b),e.updater=Gh,b.stateNode=e,e._reactInternals=b,Kh(b,d,a,c),b=ti(null,b,d,!0,f,c)):(b.tag=0,K&&f&&Fd(b),ci(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{si(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=Rl(d);a=Eh(d,a);switch(e){case 0:b=ji(null,b,d,a,c);break a;case 1:b=ri(null,b,d,a,c);break a;case 11:b=di(null,b,d,a,c);break a;case 14:b=gi(null,b,d,Eh(d.type,a),c);break a}throw Error(u(306,
-d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Eh(d,e),ji(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Eh(d,e),ri(a,b,d,e,c);case 3:a:{ui(b);if(null===a)throw Error(u(387));e=b.pendingProps;f=b.memoizedState;d=f.element;ne(a,b);se(b,e,null,c);var g=b.memoizedState;e=g.cache;Mi(b,pi,e);e!==f.cache&&Ti(b,pi,c);e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){d=
-Lh(Error(u(423)),b);b=vi(a,b,e,c,d);break a}else if(e!==d){d=Lh(Error(u(424)),b);b=vi(a,b,e,c,d);break a}else for(I=Od(b.stateNode.containerInfo.firstChild),H=b,K=!0,Hd=null,Id=!0,c=Te(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Zd();if(e===d){b=fi(a,b,c);break a}ci(a,b,e,c)}b=b.child}return b;case 26:return li(a,b),c=b.memoizedState=Sl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=kj(La.current).createElement(c),d[Rb]=
-b,d[Sb]=a,lj(d,c,a),fc(d),b.stateNode=d),null;case 27:return Sa(b),null===a&&K&&(d=b.stateNode=jj(b.type,b.pendingProps,La.current),H=b,Id=!0,I=Od(d.firstChild)),d=b.pendingProps.children,null!==a||K?ci(a,b,d,c):b.child=Se(b,null,d,c),li(a,b),b.child;case 5:return Sa(b),null===a&&K&&((e=d=I,e)?Md(b,e)||(Td(b)&&Ud(),I=Sd(e),f=H,I&&Md(b,I)?Jd(f,e):(Ld(H,b),K=!1,H=b,I=d)):(Td(b)&&Ud(),Ld(H,b),K=!1,H=b,I=d)),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Xd(e,f)?d=null:null!==
-g&&Xd(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=cg(a,b,jg,null,null,c),Na._currentValue=e,xg&&null!==a&&a.memoizedState.memoizedState!==e&&Ti(b,Na,c)),li(a,b),ci(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=I,a&&d)?Pd(b,a)||(Td(b)&&Ud(),I=Sd(a),d=H,I&&Pd(b,I)?Jd(d,a):(Ld(H,b),K=!1,H=b,I=c)):(Td(b)&&Ud(),Ld(H,b),K=!1,H=b,I=c)),null;case 13:return Ai(a,b,c);case 4:return Oa(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Se(b,null,d,c):ci(a,b,d,c),b.child;
-case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Eh(d,e),di(a,b,d,e,c);case 7:return ci(a,b,b.pendingProps,c),b.child;case 8:return ci(a,b,b.pendingProps.children,c),b.child;case 12:return b.flags|=4,d=b.stateNode,d.effectDuration=0,d.passiveEffectDuration=0,ci(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;Mi(b,d,g);if(null!==f)if(td(f.value,g)){if(f.children===e.children&&!jd.current){b=fi(a,b,c);break a}}else Ti(b,
-d,c);ci(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,ei(b,c),e=sg(e),mb(b),d=d(e),nb(),b.flags|=1,ci(a,b,d,c),b.child;case 14:return d=b.type,e=Eh(d,b.pendingProps),e=Eh(d.type,e),gi(a,b,d,e,c);case 15:return ii(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Eh(d,e),si(a,b),b.tag=1,md(d)?(a=!0,qd(b)):a=!1,ei(b,c),Ih(b,d,e),Kh(b,d,e,c),ti(null,b,d,!0,a,c);case 19:return Ki(a,b,c);case 22:return ki(a,b,c);case 24:return ei(b,
-c),d=sg(pi),null===a?(e=oi(),null===e&&(e=P,f=ph(),e.pooledCache=f,f.refCount++,null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},me(b),Mi(b,pi,e)):(0!==(a.lanes&c)&&(ne(a,b),se(b,null,null,c)),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),Mi(b,pi,d)):(d=f.cache,Mi(b,pi,d),d!==e.cache&&Ti(b,pi,c))),ci(a,b,b.pendingProps.children,c),b.child}throw Error(u(156,b.tag));};
-function Wh(a,b){gb&&a.memoizedUpdaters.forEach(function(c){Kb(a,c,b)})}function Ll(a,b){return Ua(a,b)}
-function Tl(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null;this.actualDuration=0;this.actualStartTime=-1;this.treeBaseDuration=this.selfBaseDuration=0}
-function Kd(a,b,c,d){return new Tl(a,b,c,d)}function hi(a){a=a.prototype;return!(!a||!a.isReactComponent)}function Rl(a){if("function"===typeof a)return hi(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===va)return 11;if(a===ya)return 14}return 2}
-function Me(a,b){var c=a.alternate;null===c?(c=Kd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null,c.actualDuration=0,c.actualStartTime=-1);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:
+function oj(a,b,c){var d=b.pendingProps;Id(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return od(b.type)&&pd(),V(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);$i(xi);Pa();F(ld);F(kd);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Yd(b)?jj(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
+1024,null!==Jd&&(pj(Jd),Jd=null));V(b);return null;case 26:c=b.memoizedState;if(null===a)jj(b),null!==c?(V(b),kj(b,c)):(V(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&jj(b);null!==c?(V(b),c===e?b.flags&=-16777217:kj(b,c)):(a.memoizedProps!==d&&jj(b),V(b),b.flags&=-16777217)}return null;case 27:Ra(b);c=Ja.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&jj(b);else{if(!d){if(null===b.stateNode)throw Error(x(166));V(b);return null}a=Ha.current;Yd(b)?qj(b.stateNode,b.type,
+b.memoizedProps,a,b):(a=rj(e,d,c),b.stateNode=a,jj(b))}V(b);return null;case 5:Ra(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&jj(b);else{if(!d){if(null===b.stateNode)throw Error(x(166));V(b);return null}a=Ha.current;if(Yd(b))qj(b.stateNode,b.type,b.memoizedProps,a,b);else{e=sj(Ja.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",
+c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):e.createElement(c)}}a[Sb]=b;a[Tb]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);
+else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(tj(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&jj(b)}}V(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&jj(b);else{if("string"!==typeof d&&
+null===b.stateNode)throw Error(x(166));a=Ja.current;if(Yd(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Sb]=b;if(d=a.nodeValue!==c)if(e=J,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);uj(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&uj(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&jj(b)}else a=sj(a).createTextNode(d),a[Sb]=b,b.stateNode=a}V(b);return null;case 13:Uf(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==
+a.memoizedState.dehydrated){if(N&&null!==L&&0!==(b.mode&1)&&0===(b.flags&128))$d(),ae(),b.flags|=384,e=!1;else if(e=Yd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(x(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(x(317));e[Sb]=b;V(b);0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=e.treeBaseDuration))}else ae(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4,V(b),0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=
+e.treeBaseDuration));e=!1}else null!==Jd&&(pj(Jd),Jd=null),e=!0;if(!e)return b.flags&256?b:null}if(0!==(b.flags&128))return b.lanes=c,0!==(b.mode&2)&&Kh(b),b;c=null!==d;a=null!==a&&null!==a.memoizedState;c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&
+(b.child.flags|=8192);mj(b,b.updateQueue);V(b);0!==(b.mode&2)&&c&&(a=b.child,null!==a&&(b.treeBaseDuration-=a.treeBaseDuration));return null;case 4:return Pa(),null===a&&vj(b.stateNode.containerInfo),V(b),null;case 10:return $i(b.type._context),V(b),null;case 17:return od(b.type)&&pd(),V(b),null;case 19:F(Rf);e=b.memoizedState;if(null===e)return V(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)nj(e,!1);else{if(0!==fi||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Vf(a);if(null!==
+f){b.flags|=128;nj(e,!1);a=f.updateQueue;b.updateQueue=a;mj(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)wj(c,a),c=c.sibling;G(Rf,Rf.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Wa()>xj&&(b.flags|=128,d=!0,nj(e,!1),b.lanes=4194304)}else{if(!d)if(a=Vf(f),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,b.updateQueue=a,mj(b,a),nj(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!N)return V(b),null}else 2*Wa()-e.renderingStartTime>xj&&536870912!==c&&(b.flags|=128,d=!0,nj(e,!1),
+b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Wa(),b.sibling=null,a=Rf.current,G(Rf,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return Uf(b),Nf(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),c=
+b.updateQueue,null!==c&&mj(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&F(ij),null;case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),$i(xi),V(b),null;case 25:return null}throw Error(x(156,b.tag));}
+function yj(a,b){Id(b);switch(b.tag){case 1:return od(b.type)&&pd(),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Kh(b),b):null;case 3:return $i(xi),Pa(),F(ld),F(kd),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Ra(b),null;case 13:Uf(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(x(340));ae()}a=b.flags;return a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Kh(b),b):null;case 19:return F(Rf),null;case 4:return Pa(),
+null;case 10:return $i(b.type._context),null;case 22:case 23:return Uf(b),Nf(),null!==a&&F(ij),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Kh(b),b):null;case 24:return $i(xi),null;case 25:return null;default:return null}}
+function zj(a,b){Id(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&pd();break;case 3:$i(xi);Pa();F(ld);F(kd);break;case 26:case 27:case 5:Ra(b);break;case 4:Pa();break;case 13:Uf(b);break;case 19:F(Rf);break;case 10:$i(b.type._context);break;case 22:case 23:Uf(b);Nf();null!==a&&F(ij);break;case 24:$i(xi)}}function Aj(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
+var Bj=!1,Cj=null,Dj=!1,Ej=null,Fj={onError:function(a){Bj=!0;Cj=a}};function Gj(a,b,c,d,e,f,g,h,k){Bj=!1;Cj=null;Aj.apply(Fj,arguments)}function Hj(a,b,c,d,e,f,g,h,k){Gj.apply(this,arguments);if(Bj){if(Bj){var n=Cj;Bj=!1;Cj=null}else throw Error(x(198));Dj||(Dj=!0,Ej=n)}}var Ij=!1,Jj=!1,Kj="function"===typeof WeakSet?WeakSet:Set,Lj=null,Mj=null,Nj=null;function Oj(a){return 0!==(a.mode&2)&&0!==(Q&4)}
+function Pj(a,b){b.props=a.memoizedProps;b.state=a.memoizedState;if(Oj(a))try{Jh(),b.componentWillUnmount()}finally{Hh(a)}else b.componentWillUnmount()}function Qj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}if("function"===typeof c)if(Oj(a))try{Jh(),a.refCleanup=c(e)}finally{Hh(a)}else a.refCleanup=c(e);else c.current=e}}catch(f){W(a,b,f)}}
+function Rj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{if(Oj(a))try{Jh(),d()}finally{Hh(a)}else d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{if(Oj(a))try{Jh(),c(null)}finally{Hh(a)}else c(null)}catch(e){W(a,b,e)}else c.current=null}function Sj(a,b,c){try{c()}catch(d){W(a,b,d)}}var Tj=!1;
+function Uj(a,b){Vj=Wj;a=Xj();if(Yj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(B){c=null;break a}var g=0,h=-1,k=-1,n=0,u=0,w=a,q=null;b:for(;;){for(var r;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
+w.nodeValue.length);if(null===(r=w.firstChild))break;q=w;w=r}for(;;){if(w===a)break b;q===c&&++n===e&&(h=g);q===f&&++u===d&&(k=g);if(null!==(r=w.nextSibling))break;w=q;q=w.parentNode}w=r}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Zj={focusedElem:a,selectionRange:c};Wj=!1;for(Lj=b;null!==Lj;)if(b=Lj,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,Lj=a;else for(;null!==Lj;){b=Lj;try{var z=b.alternate,D=b.flags;switch(b.tag){case 0:if(0!==(D&4)){var K=
+b.updateQueue,m=null!==K?K.events:null;if(null!==m)for(a=0;a<m.length;a++){var l=m[a];l.ref.impl=l.nextImpl}}break;case 11:case 15:break;case 1:if(0!==(D&1024)&&null!==z){var p=z.memoizedProps,v=z.memoizedState,y=b.stateNode,A=y.getSnapshotBeforeUpdate(b.elementType===b.type?p:Lh(b.type,p),v);y.__reactInternalSnapshotBeforeUpdate=A}break;case 3:0!==(D&1024)&&ak(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(D&1024))throw Error(x(163));}}catch(B){W(b,
+b.return,B)}a=b.sibling;if(null!==a){a.return=b.return;Lj=a;break}Lj=b.return}z=Tj;Tj=!1;return z}
+function bk(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectUnmountStarted&&H.markComponentPassiveEffectUnmountStarted(b):0!==(a&4)&&pb(b),Sj(b,c,g),0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectUnmountStopped&&H.markComponentPassiveEffectUnmountStopped():0!==(a&4)&&qb())}e=e.next}while(e!==d)}}
+function ck(a,b){var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do{if((d.tag&a)===a){0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectMountStarted&&H.markComponentPassiveEffectMountStarted(b):0!==(a&4)&&null!==H&&"function"===typeof H.markComponentLayoutEffectMountStarted&&H.markComponentLayoutEffectMountStarted(b);var e=d.create,f=d.inst;e=e();f.destroy=e;0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectMountStopped&&H.markComponentPassiveEffectMountStopped():
+0!==(a&4)&&null!==H&&"function"===typeof H.markComponentLayoutEffectMountStopped&&H.markComponentLayoutEffectMountStopped()}d=d.next}while(d!==c)}}function dk(a,b){if(Oj(a)){try{Jh(),ck(b,a)}catch(c){W(a,a.return,c)}Hh(a)}else try{ck(b,a)}catch(c){W(a,a.return,c)}}function ek(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{hf(b,c)}catch(d){W(a,a.return,d)}}}
+function fk(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
+function gk(a,b){if(Q&4)try{var c=a.memoizedProps,d=c.onCommit,e=c.onRender,f=a.stateNode.effectDuration;c=Bh;b=null===b?"mount":"update";xe&&(b="nested-update");"function"===typeof e&&e(a.memoizedProps.id,b,a.actualDuration,a.treeBaseDuration,a.actualStartTime,c);"function"===typeof d&&d(a.memoizedProps.id,b,f,c);hk(a);var g=a.return;a:for(;null!==g;){switch(g.tag){case 3:g.stateNode.effectDuration+=f;break a;case 12:g.stateNode.effectDuration+=f;break a}g=g.return}}catch(h){W(a,a.return,h)}}
+function ik(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:jk(a,c);d&4&&dk(c,5);break;case 1:jk(a,c);if(d&4)if(a=c.stateNode,null===b)if(Oj(c)){try{Jh(),a.componentDidMount()}catch(h){W(c,c.return,h)}Hh(c)}else try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:Lh(c.type,b.memoizedProps);b=b.memoizedState;if(Oj(c)){try{Jh(),a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}Hh(c)}else try{a.componentDidUpdate(e,
+b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&ek(c);d&512&&Qj(c,c.return);break;case 3:jk(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=c.child.stateNode;break;case 1:a=c.child.stateNode}try{hf(d,a)}catch(h){W(c,c.return,h)}}break;case 26:jk(a,c);d&512&&Qj(c,c.return);break;case 27:case 5:jk(a,c);null===b&&d&4&&fk(c);d&512&&Qj(c,c.return);break;case 12:jk(a,c);d&4&&gk(c,b);break;case 13:jk(a,c);d&4&&kk(a,c);break;
+case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||Ij,!e){b=null!==b&&null!==b.memoizedState||Jj;var f=Ij,g=Jj;Ij=e;(Jj=b)&&!g?lk(a,c,0!==(c.subtreeFlags&8772)):jk(a,c);Ij=f;Jj=g}}else jk(a,c);d&512&&("manual"===c.memoizedProps.mode?Qj(c,c.return):Rj(c,c.return));break;default:jk(a,c)}}
+function mk(a){var b=a.alternate;null!==b&&(a.alternate=null,mk(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&$b(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function nk(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
+function ok(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||nk(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
+function pk(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=qk));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(pk(a,b,c),a=a.sibling;null!==a;)pk(a,b,c),a=a.sibling}
+function rk(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(rk(a,b,c),a=a.sibling;null!==a;)rk(a,b,c),a=a.sibling}var sk=null,tk=!1;function uk(a,b,c){for(c=c.child;null!==c;)vk(a,b,c),c=c.sibling}
+function vk(a,b,c){if(fb&&"function"===typeof fb.onCommitFiberUnmount)try{fb.onCommitFiberUnmount(eb,c)}catch(k){}switch(c.tag){case 26:Jj||Rj(c,b);uk(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:Jj||Rj(c,b);var d=sk,e=tk;sk=c.stateNode;uk(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);$b(c);sk=d;tk=e;break;case 5:Jj||Rj(c,b);case 6:d=sk;e=tk;sk=null;uk(a,b,c);sk=d;tk=e;null!==sk&&(tk?(a=sk,c=c.stateNode,
+8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):sk.removeChild(c.stateNode));break;case 18:null!==sk&&(tk?(a=sk,c=c.stateNode,8===a.nodeType?wk(a.parentNode,c):1===a.nodeType&&wk(a,c),xk(a)):wk(sk,c.stateNode));break;case 4:d=sk;e=tk;sk=c.stateNode.containerInfo;tk=!0;uk(a,b,c);sk=d;tk=e;break;case 0:case 11:case 14:case 15:if(!Jj&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,Sj(c,b,h)):
+0!==(f&4)&&(pb(c),Oj(c)?(Jh(),g.destroy=void 0,Sj(c,b,h),Hh(c)):(g.destroy=void 0,Sj(c,b,h)),qb()));e=e.next}while(e!==d)}uk(a,b,c);break;case 1:if(!Jj&&(Rj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{Pj(c,d)}catch(k){W(c,b,k)}uk(a,b,c);break;case 21:uk(a,b,c);break;case 22:Rj(c,b);c.mode&1?(Jj=(d=Jj)||null!==c.memoizedState,uk(a,b,c),Jj=d):uk(a,b,c);break;default:uk(a,b,c)}}
+function kk(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{xk(a)}catch(c){W(b,b.return,c)}}function yk(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new Kj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new Kj),b;default:throw Error(x(435,a.tag));}}
+function zk(a,b){var c=yk(a);b.forEach(function(d){var e=Ak.bind(null,a,d);if(!c.has(d)){c.add(d);if(gb)if(null!==Mj&&null!==Nj)di(Nj,Mj);else throw Error(x(413));d.then(e,e)}})}function Bk(a,b,c){Mj=c;Nj=a;Ck(b,a);Nj=Mj=null}
+function Dk(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:sk=h.stateNode;tk=!1;break a;case 3:sk=h.stateNode.containerInfo;tk=!0;break a;case 4:sk=h.stateNode.containerInfo;tk=!0;break a}h=h.return}if(null===sk)throw Error(x(160));vk(f,g,e);sk=null;tk=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Ck(b,a),b=b.sibling}
+var Ek=null;
+function Ck(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Dk(b,a);Fk(a);if(d&4){try{bk(3,a,a.return),ck(3,a)}catch(r){W(a,a.return,r)}if(Oj(a)){try{Jh(),bk(5,a,a.return)}catch(r){W(a,a.return,r)}Hh(a)}else try{bk(5,a,a.return)}catch(r){W(a,a.return,r)}}break;case 1:Dk(b,a);Fk(a);d&512&&null!==c&&Rj(c,c.return);d&64&&Ij&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=
+Ek;Dk(b,a);Fk(a);d&512&&null!==c&&Rj(c,c.return);if(d&4)if(b=null!==c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Zb]||e[Sb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));tj(e,c,d);e[Sb]=a;gc(e);c=e;break a;case "link":var f=Gk("link",
+"href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);tj(e,c,d);b.head.appendChild(e);break;case "meta":if(f=Gk("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===
+(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);tj(e,c,d);b.head.appendChild(e);break;default:throw Error(x(468,c));}e[Sb]=a;gc(e);c=e}a.stateNode=c}else Hk(e,a.type,a.stateNode);else a.stateNode=Ik(e,d,a.memoizedProps);
+else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):b.count--,null===d?Hk(e,a.type,a.stateNode):Ik(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Jk(h,a.type,c.memoizedProps,k);h[Tb]=k}catch(r){W(a,a.return,r)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,u=g.nodeName;g[Zb]||"HEAD"===u||"BODY"===u||"SCRIPT"===u||"STYLE"===
+u||"LINK"===u&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=e.attributes;n.length;)e.removeAttributeNode(n[0]);tj(e,g,f);e[Sb]=a;e[Tb]=f}case 5:Dk(b,a);Fk(a);d&512&&null!==c&&Rj(c,c.return);if(a.flags&32){b=a.stateNode;try{Rc(b,"")}catch(r){W(a,a.return,r)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Jk(d,e,c,b),d[Tb]=b}catch(r){W(a,a.return,r)}}break;case 6:Dk(b,a);Fk(a);if(d&4){if(null===a.stateNode)throw Error(x(162));
+c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(r){W(a,a.return,r)}}break;case 3:Kk=null;e=Ek;Ek=Lk(b.containerInfo);Dk(b,a);Ek=e;Fk(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{xk(b.containerInfo)}catch(r){W(a,a.return,r)}break;case 4:c=Ek;Ek=Lk(a.stateNode.containerInfo);Dk(b,a);Fk(a);Ek=c;break;case 13:Dk(b,a);Fk(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(Mk=Wa());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,zk(a,c)));break;case 22:d&
+512&&null!==c&&Rj(c,c.return);h=null!==a.memoizedState;k=null!==c&&null!==c.memoizedState;if(a.mode&1){var w=Ij,q=Jj;Ij=w||h;Jj=q||k;Dk(b,a);Jj=q;Ij=w}else Dk(b,a);Fk(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=Ij||Jj,null===c||k||b||0!==(a.mode&1)&&Nk(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=
+b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,u=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==u||"boolean"===typeof u?"":(""+u).trim())}catch(r){W(a,a.return,r)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(r){W(a,a.return,r)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=
+b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,zk(a,d))));break;case 19:Dk(b,a);Fk(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,zk(a,c)));break;case 21:break;default:Dk(b,a),Fk(a)}}
+function Fk(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(nk(c)){var d=c;break b}c=c.return}throw Error(x(160));}switch(d.tag){case 27:var e=d.stateNode,f=ok(a);rk(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Rc(g,""),d.flags&=-33);var h=ok(a);rk(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=ok(a);pk(a,n,k);break;default:throw Error(x(161));}}}catch(u){W(a,a.return,u)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
+function Ok(a,b,c){Mj=c;Nj=b;ik(b,a.alternate,a);Nj=Mj=null}function jk(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)ik(a,b.alternate,b),b=b.sibling}
+function Nk(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:if(Oj(b))try{Jh(),bk(4,b,b.return)}finally{Hh(b)}else bk(4,b,b.return);Nk(b);break;case 1:Rj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{Pj(d,c)}catch(f){W(d,e,f)}}Nk(b);break;case 26:case 27:case 5:Rj(b,b.return);Nk(b);break;case 22:Rj(b,b.return);null===b.memoizedState&&Nk(b);break;default:Nk(b)}a=a.sibling}}
+function lk(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:lk(e,f,c);dk(f,4);break;case 1:lk(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)gf(h[d],e)}c&&g&64&&ek(f);Qj(f,f.return);break;case 26:case 27:case 5:lk(e,f,c);
+c&&null===d&&g&4&&fk(f);Qj(f,f.return);break;case 12:lk(e,f,c);c&&g&4&&gk(f,d);break;case 13:lk(e,f,c);c&&g&4&&kk(e,f);break;case 22:null===f.memoizedState&&lk(e,f,c);Qj(f,f.return);break;default:lk(e,f,c)}b=b.sibling}}function Pk(a,b){if(Oj(a)){Eh=Ah();try{ck(b,a)}catch(c){W(a,a.return,c)}Ih(a)}else try{ck(b,a)}catch(c){W(a,a.return,c)}}
+function Qk(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&fj(c))}function Rk(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&fj(a))}
+function Sk(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)Tk(a,b,c,d),b=b.sibling}
+function Tk(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:Sk(a,b,c,d);e&2048&&Pk(b,9);break;case 3:Sk(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&fj(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?Sk(a,b,c,d):b.mode&1?Uk(a,b):(f._visibility|=4,Sk(a,b,c,d)):f._visibility&4?Sk(a,b,c,d):(f._visibility|=4,Vk(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Qk(b.alternate,
+b);break;case 24:Sk(a,b,c,d);e&2048&&Rk(b.alternate,b);break;default:Sk(a,b,c,d)}}
+function Vk(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:Vk(f,g,h,k,e);Pk(g,8);break;case 23:break;case 22:var u=g.stateNode;null!==g.memoizedState?u._visibility&4?Vk(f,g,h,k,e):g.mode&1?Uk(f,g):(u._visibility|=4,Vk(f,g,h,k,e)):(u._visibility|=4,Vk(f,g,h,k,e));e&&n&2048&&Qk(g.alternate,g);break;case 24:Vk(f,g,h,k,e);e&&n&2048&&Rk(g.alternate,g);break;default:Vk(f,g,h,k,e)}b=b.sibling}}
+function Uk(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:Uk(c,d);e&2048&&Qk(d.alternate,d);break;case 24:Uk(c,d);e&2048&&Rk(d.alternate,d);break;default:Uk(c,d)}b=b.sibling}}var Wk=8192;function Xk(a){if(a.subtreeFlags&Wk)for(a=a.child;null!==a;)Yk(a),a=a.sibling}
+function Yk(a){switch(a.tag){case 26:Xk(a);a.flags&Wk&&null!==a.memoizedState&&Zk(Ek,a.memoizedState,a.memoizedProps);break;case 5:Xk(a);break;case 3:case 4:var b=Ek;Ek=Lk(a.stateNode.containerInfo);Xk(a);Ek=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=Wk,Wk=16777216,Xk(a),Wk=b):Xk(a));break;default:Xk(a)}}function $k(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
+function al(a,b,c){Oj(a)?(Eh=Ah(),bk(c,a,b),Ih(a)):bk(c,a,b)}function bl(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Lj=d;cl(d,a)}$k(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)dl(a),a=a.sibling}
+function dl(a){switch(a.tag){case 0:case 11:case 15:bl(a);a.flags&2048&&al(a,a.return,9);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,el(a)):bl(a);break;default:bl(a)}}
+function el(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Lj=d;cl(d,a)}$k(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:al(b,b.return,8);el(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,el(b));break;default:el(b)}a=a.sibling}}
+function cl(a,b){for(;null!==Lj;){var c=Lj;switch(c.tag){case 0:case 11:case 15:al(c,b,8);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:fj(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,Lj=d;else a:for(c=a;null!==Lj;){d=Lj;var e=d.sibling,f=d.return;mk(d);if(d===c){Lj=null;break a}if(null!==e){e.return=f;Lj=e;break a}Lj=f}}}
+var fl={getCacheSignal:function(){return xg(xi).controller.signal},getCacheForType:function(a){var b=xg(xi),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},gl="function"===typeof WeakMap?WeakMap:Map,hl=ca.ReactCurrentDispatcher,il=ca.ReactCurrentCache,jl=ca.ReactCurrentOwner,kl=ca.ReactCurrentBatchConfig,Q=0,P=null,X=null,O=0,R=0,ll=null,ml=!1,Lf=0,fi=0,Be=null,ff=0,nl=0,ol=0,Ee=0,pl=null,Ge=null,Ie=!1,ql=!1,Mk=0,xj=Infinity,He=null,Xh=!1,Yh=null,$h=null,rl=!1,sl=null,tl=0,ul=[],vl=
+0,wl=null,xl=0,yl=null;function uh(a){if(0===(a.mode&1))return 2;if(0!==(Q&2)&&0!==O)return O&-O;if(null!==zh())return a=Re,0!==a?a:Oe();a=I;if(0!==a)return a;a=window.event;a=void 0===a?32:zl(a.type);return a}function kh(){0===Ee&&(Ee=0===(O&536870912)||N?Eb():536870912);var a=Of.current;null!==a&&(a.flags|=32);return Ee}
+function Mg(a,b,c){if(a===P&&2===R||null!==a.cancelPendingCommit)Ce(a,0),De(a,O,Ee);Al(a,c);if(0===(Q&2)||a!==P)gb&&Lb(a,b,c),a===P&&(0===(Q&2)&&(nl|=c),4===fi&&De(a,O,Ee)),se(a),2===c&&0===Q&&0===(b.mode&1)&&(xj=Wa()+500,ve(!0))}
+function Me(a,b){ye=xe=!1;if(0!==(Q&6))throw Error(x(327));var c=a.callbackNode;if(we()&&a.callbackNode!==c)return null;var d=Bb(a,a===P?O:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?Bl(a,d):ze(a,d);if(0!==b){var f=e;do{if(6===b)De(a,d,0);else{e=a.current.alternate;if(f&&!Cl(e)){b=ze(a,d);f=!1;continue}if(2===b){f=d;var g=Db(a,f);0!==g&&(d=g,b=Ae(a,f,g))}if(1===b)throw c=Be,Ce(a,0),De(a,d,0),se(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(x(345));
+case 4:if((d&4194176)===d){De(f,d,Ee);break a}break;case 2:case 3:case 5:break;default:throw Error(x(329));}if((d&62914560)===d&&(b=Mk+300-Wa(),10<b)){De(f,d,Ee);if(0!==Bb(f,0))break a;f.timeoutHandle=Dl(El.bind(null,f,e,Ge,He,Ie,d,Ee),b);break a}El(f,e,Ge,He,Ie,d,Ee)}}break}while(1)}se(a);Le(a,Wa());a=a.callbackNode===c?Me.bind(null,a):null;return a}
+function Ae(a,b,c){var d=pl,e=a.current.memoizedState.isDehydrated;e&&(Ce(a,c).flags|=256);c=ze(a,c);if(2!==c){if(ml&&!e)return a.errorRecoveryDisabledLanes|=b,nl|=b,4;a=Ge;Ge=d;null!==a&&pj(a)}return c}function pj(a){null===Ge?Ge=a:Ge.push.apply(Ge,a)}function El(a,b,c,d,e,f,g){if(0===(f&42)&&(Fl={stylesheets:null,count:0,unsuspend:Gl},Yk(b),b=Hl(),null!==b)){a.cancelPendingCommit=b(Fe.bind(null,a,c,d,e));De(a,f,g);return}Fe(a,c,d,e,g)}
+function Cl(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!vd(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
+function Al(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0);Q&2?Ie=!0:Q&4&&(ql=!0);le()}function De(a,b,c){b&=~ol;b&=~nl;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-vb(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&Ib(a,c,b)}function Il(a,b){var c=Q;Q|=1;try{return a(b)}finally{Q=c,0===Q&&(xj=Wa()+500,ve(!0))}}
+function Jl(a){null!==sl&&0===sl.tag&&0===(Q&6)&&we();var b=Q;Q|=1;var c=kl.transition,d=I;try{if(kl.transition=null,I=2,a)return a()}finally{I=d,kl.transition=c,Q=b,0===(Q&6)&&ve(!1)}}function Kl(){if(null!==X){if(0===R)var a=X.return;else a=X,Zi(),sg(a),sf=null,tf=0,a=X;for(;null!==a;)zj(a.alternate,a),a=a.return;X=null}}
+function Ce(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Ll(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());Kl();P=a;X=c=Af(a.current,null);O=b;R=0;ll=null;ml=!1;fi=0;Be=null;Ee=ol=nl=ff=0;Ge=pl=null;Ie=!1;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-vb(d),f=1<<e;b|=a[e];d&=~f}Lf=b;fe();return c}
+function Ml(a,b){S=null;Wf.current=mg;jl.current=null;b===kf?(b=rf(),R=lj()&&0===(ff&134217727)&&0===(nl&134217727)?2:3):b===lf?(b=rf(),R=4):R=b===ji?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;ll=b;a=X;if(null===a)fi=1,Be=b;else switch(a.mode&2&&Gh(a,!0),ob(),R){case 1:null!==H&&"function"===typeof H.markComponentErrored&&H.markComponentErrored(a,b,O);break;case 2:case 3:case 6:case 7:null!==H&&"function"===typeof H.markComponentSuspended&&H.markComponentSuspended(a,b,O)}}
+function lj(){var a=Of.current;return null===a?!0:(O&4194176)===O?null===Pf?!0:!1:(O&62914560)===O||0!==(O&536870912)?a===Pf:!1}function Nl(){var a=hl.current;hl.current=mg;return null===a?mg:a}function Ol(){var a=il.current;il.current=fl;return a}function ei(){fi=4;0===(ff&134217727)&&0===(nl&134217727)||null===P||De(P,O,Ee)}function hi(a){4!==fi&&(fi=2);null===pl?pl=[a]:pl.push(a)}
+function ze(a,b){var c=Q;Q|=2;var d=Nl(),e=Ol();if(P!==a||O!==b){if(gb){var f=a.memoizedUpdaters;0<f.size&&(di(a,O),f.clear());Nb(a,b)}He=null;Ce(a,b)}rb(b);b=!1;a:do try{if(0!==R&&null!==X){f=X;var g=ll;switch(R){case 8:Kl();fi=6;break a;case 3:case 2:b||null!==Of.current||(b=!0);default:R=0,ll=null,Pl(a,f,g)}}Ql();break}catch(h){Ml(a,h)}while(1);b&&a.shellSuspendCounter++;Zi();Q=c;hl.current=d;il.current=e;if(null!==X)throw Error(x(261));sb();P=null;O=0;fe();return fi}
+function Ql(){for(;null!==X;)Rl(X)}
+function Bl(a,b){var c=Q;Q|=2;var d=Nl(),e=Ol();if(P!==a||O!==b){if(gb){var f=a.memoizedUpdaters;0<f.size&&(di(a,O),f.clear());Nb(a,b)}He=null;xj=Wa()+500;Ce(a,b)}rb(b);a:do try{if(0!==R&&null!==X)b:switch(b=X,f=ll,R){case 1:R=0;ll=null;Pl(a,b,f);break;case 2:if(nf(f)){R=0;ll=null;Sl(b);break}b=function(){2===R&&P===a&&(R=7);se(a)};f.then(b,b);break a;case 3:R=7;break a;case 4:R=5;break a;case 7:nf(f)?(R=0,ll=null,Sl(b)):(R=0,ll=null,Pl(a,b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;
+R=0;ll=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==h?(X=h,Tl(h)):X=null}break b}R=0;ll=null;Pl(a,b,f);break;case 6:R=0;ll=null;Pl(a,b,f);break;case 8:Kl();fi=6;break a;default:throw Error(x(462));}Ul();break}catch(k){Ml(a,k)}while(1);Zi();hl.current=d;il.current=e;Q=c;if(null!==X)return null!==H&&"function"===typeof H.markRenderYielded&&H.markRenderYielded(),0;sb();P=null;O=0;fe();return fi}function Ul(){for(;null!==X&&!Ua();)Rl(X)}
+function Rl(a){var b=a.alternate;0!==(a.mode&2)?(Fh(a),b=Vl(b,a,Lf),Gh(a,!0)):b=Vl(b,a,Lf);a.memoizedProps=a.pendingProps;null===b?Tl(a):X=b;jl.current=null}
+function Sl(a){var b=a.alternate,c=0!==(a.mode&2);c&&Fh(a);switch(a.tag){case 2:a.tag=0;case 15:case 0:var d=a.type,e=a.pendingProps;e=a.elementType===d?e:Lh(d,e);var f=od(d)?md:kd.current;f=nd(a,f);b=yi(b,a,e,d,f,O);break;case 11:d=a.type.render;e=a.pendingProps;e=a.elementType===d?e:Lh(d,e);b=yi(b,a,e,d,a.ref,O);break;case 5:sg(a);default:zj(b,a),a=X=wj(a,Lf),b=Vl(b,a,Lf)}c&&Gh(a,!0);a.memoizedProps=a.pendingProps;null===b?Tl(a):X=b;jl.current=null}
+function Pl(a,b,c){Zi();sg(b);sf=null;tf=0;var d=b.return;try{if(ci(a,d,b,c,O)){fi=1;Be=c;X=null;return}}catch(e){if(null!==d)throw X=d,e;fi=1;Be=c;X=null;return}if(b.flags&32768)a:{a=b;do{b=yj(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}if(0!==(a.mode&2)){Gh(a,!1);b=a.actualDuration;for(c=a.child;null!==c;)b+=c.actualDuration,c=c.sibling;a.actualDuration=b}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);fi=6;X=null}else Tl(b)}
+function Tl(a){var b=a;do{var c=b.alternate;a=b.return;0===(b.mode&2)?c=oj(c,b,Lf):(Fh(b),c=oj(c,b,Lf),Gh(b,!1));if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===fi&&(fi=5)}function Fe(a,b,c,d,e){var f=I,g=kl.transition;try{kl.transition=null,I=2,Wl(a,b,c,d,f,e)}finally{kl.transition=g,I=f}return null}
+function Wl(a,b,c,d,e,f){do we();while(null!==sl);if(0!==(Q&6))throw Error(x(327));var g=a.finishedWork,h=a.finishedLanes;null!==H&&"function"===typeof H.markCommitStarted&&H.markCommitStarted(h);if(null===g)return mb(),null;a.finishedWork=null;a.finishedLanes=0;if(g===a.current)throw Error(x(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var k=g.lanes|g.childLanes;k|=ee;Hb(a,k,f);ql=!1;a===P&&(X=P=null,O=0);0===(g.subtreeFlags&10256)&&0===(g.flags&10256)||rl||(rl=!0,vl=
+k,wl=c,Xl($a,function(){we();return null}));c=0!==(g.flags&15990);if(0!==(g.subtreeFlags&15990)||c){c=kl.transition;kl.transition=null;f=I;I=2;var n=Q;Q|=4;jl.current=null;Uj(a,g);Bh=Ah();Bk(a,g,h);Yl(Zj);Wj=!!Vj;Zj=Vj=null;a.current=g;null!==H&&"function"===typeof H.markLayoutEffectsStarted&&H.markLayoutEffectsStarted(h);Ok(g,a,h);null!==H&&"function"===typeof H.markLayoutEffectsStopped&&H.markLayoutEffectsStopped();Va();Q=n;I=f;kl.transition=c}else a.current=g,Bh=Ah();rl?(rl=!1,sl=a,tl=h):Zl(a,
+k);k=a.pendingLanes;0===k&&($h=null);hb(g.stateNode,e);gb&&a.memoizedUpdaters.clear();se(a);if(null!==b)for(e=a.onRecoverableError,g=0;g<b.length;g++)k=b[g],c={digest:k.digest,componentStack:k.stack},e(k.value,c);if(Xh)throw Xh=!1,a=Yh,Yh=null,a;0!==(tl&3)&&0!==a.tag&&we();k=a.pendingLanes;d||ql||0!==(h&4194218)&&0!==(k&42)?(ye=!0,a===yl?xl++:(xl=0,yl=a)):xl=0;ve(!1);mb();return null}function Zl(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,fj(b)))}
+function we(){if(null!==sl){var a=sl,b=vl;vl=0;var c=Pb(tl),d=32>c?32:c;c=kl.transition;var e=I;try{kl.transition=null;I=d;if(null===sl)var f=!1;else{var g=wl;wl=null;d=sl;var h=tl;sl=null;tl=0;if(0!==(Q&6))throw Error(x(331));null!==H&&"function"===typeof H.markPassiveEffectsStarted&&H.markPassiveEffectsStarted(h);var k=Q;Q|=4;dl(d.current);Tk(d,d.current,h,g);g=ul;ul=[];for(h=0;h<g.length;h++){var n=g[h];if(Q&4&&0!==(n.flags&4))switch(n.tag){case 12:var u=n.stateNode.passiveEffectDuration,w=n.memoizedProps,
+q=w.id,r=w.onPostCommit,z=Bh,D=null===n.alternate?"mount":"update";xe&&(D="nested-update");"function"===typeof r&&r(q,D,u,z);var K=n.return;b:for(;null!==K;){switch(K.tag){case 3:K.stateNode.passiveEffectDuration+=u;break b;case 12:K.stateNode.passiveEffectDuration+=u;break b}K=K.return}}}null!==H&&"function"===typeof H.markPassiveEffectsStopped&&H.markPassiveEffectsStopped();Q=k;ve(!1);if(fb&&"function"===typeof fb.onPostCommitFiberRoot)try{fb.onPostCommitFiberRoot(eb,d)}catch(l){}var m=d.current.stateNode;
+m.effectDuration=0;m.passiveEffectDuration=0;f=!0}return f}finally{I=e,kl.transition=c,Zl(a,b)}}return!1}function hk(a){ul.push(a);rl||(rl=!0,Xl($a,function(){we();return null}))}function $l(a,b,c){b=Th(c,b);b=Wh(a,b,2);a=$e(a,b,2);null!==a&&(Al(a,2),se(a))}
+function W(a,b,c){if(3===a.tag)$l(a,a,c);else for(;null!==b;){if(3===b.tag){$l(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===$h||!$h.has(d))){a=Th(c,a);a=Zh(b,a,2);b=$e(b,a,2);null!==b&&(Al(b,2),se(b));break}}b=b.return}}
+function gi(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new gl;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(ml=!0,e.add(c),d=am.bind(null,a,b,c),gb&&di(a,c),b.then(d,d))}function am(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;Q&2?Ie=!0:Q&4&&(ql=!0);le();P===a&&(O&c)===c&&(4===fi||3===fi&&(O&62914560)===O&&300>Wa()-Mk?0===(Q&2)&&Ce(a,0):ol|=c);se(a)}
+function bm(a,b){0===b&&(b=0===(a.mode&1)?2:Fb());a=ke(a,b);null!==a&&(Al(a,b),se(a))}function Oi(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);bm(a,c)}function Ak(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(x(314));}null!==d&&d.delete(b);bm(a,c)}
+function le(){if(50<xl)throw xl=0,yl=null,Q&2&&null!==P&&(P.errorRecoveryDisabledLanes|=O),Error(x(185));}var Vl;
+Vl=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||ld.current)Cg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return Cg=!1,Ti(a,b,c);Cg=0!==(a.flags&131072)?!0:!1}else Cg=!1,N&&0!==(b.flags&1048576)&&Gd(b,zd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Ai(a,b);a=b.pendingProps;var e=nd(b,kd.current);mi(b,c);nb(b);e=hg(null,b,d,a,e,c);var f=qg();ob();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
+null,od(d)?(f=!0,sd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Xe(b),e.updater=Nh,b.stateNode=e,e._reactInternals=b,Rh(b,d,a,c),b=Bi(null,b,d,!0,f,c)):(b.tag=0,N&&f&&Hd(b),ki(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Ai(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=cm(d);a=Lh(d,a);switch(e){case 0:b=ri(null,b,d,a,c);break a;case 1:b=zi(null,b,d,a,c);break a;case 11:b=li(null,b,d,a,c);break a;case 14:b=oi(null,b,d,Lh(d.type,a),c);break a}throw Error(x(306,
+d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lh(d,e),ri(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lh(d,e),zi(a,b,d,e,c);case 3:a:{Ci(b);if(null===a)throw Error(x(387));e=b.pendingProps;f=b.memoizedState;d=f.element;Ye(a,b);ef(b,e,null,c);var g=b.memoizedState;e=g.cache;Ui(b,xi,e);e!==f.cache&&aj(b,xi,c);df();e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&
+256){d=Th(Error(x(423)),b);b=Di(a,b,e,c,d);break a}else if(e!==d){d=Th(Error(x(424)),b);b=Di(a,b,e,c,d);break a}else for(L=Qd(b.stateNode.containerInfo.firstChild),J=b,N=!0,Jd=null,Kd=!0,c=Hf(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{ae();if(e===d){b=ni(a,b,c);break a}ki(a,b,e,c)}b=b.child}return b;case 26:return ti(a,b),c=b.memoizedState=dm(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||N||null!==c||(c=b.type,a=b.pendingProps,d=sj(Ja.current).createElement(c),
+d[Sb]=b,d[Tb]=a,tj(d,c,a),gc(d),b.stateNode=d),null;case 27:return Qa(b),null===a&&N&&(d=b.stateNode=rj(b.type,b.pendingProps,Ja.current),J=b,Kd=!0,L=Qd(d.firstChild)),d=b.pendingProps.children,null!==a||N?ki(a,b,d,c):b.child=Gf(b,null,d,c),ti(a,b),b.child;case 5:return null===a&&N&&((e=d=L,e)?Od(b,e)||(Vd(b)&&Wd(),L=Ud(e),f=J,L&&Od(b,L)?Ld(f,e):(Nd(J,b),N=!1,J=b,L=d)):(Vd(b)&&Wd(),Nd(J,b),N=!1,J=b,L=d)),Qa(b),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Zd(e,f)?d=null:null!==
+g&&Zd(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=hg(a,b,og,null,null,c),La._currentValue=e,Cg&&null!==a&&a.memoizedState.memoizedState!==e&&aj(b,La,c)),ti(a,b),ki(a,b,d,c),b.child;case 6:return null===a&&N&&((d=""!==b.pendingProps,a=c=L,a&&d)?Rd(b,a)||(Vd(b)&&Wd(),L=Ud(a),d=J,L&&Rd(b,L)?Ld(d,a):(Nd(J,b),N=!1,J=b,L=c)):(Vd(b)&&Wd(),Nd(J,b),N=!1,J=b,L=c)),null;case 13:return Ii(a,b,c);case 4:return Ma(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Gf(b,null,d,c):ki(a,b,d,c),b.child;
+case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lh(d,e),li(a,b,d,e,c);case 7:return ki(a,b,b.pendingProps,c),b.child;case 8:return ki(a,b,b.pendingProps.children,c),b.child;case 12:return b.flags|=4,d=b.stateNode,d.effectDuration=0,d.passiveEffectDuration=0,ki(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;Ui(b,d,g);if(null!==f)if(vd(f.value,g)){if(f.children===e.children&&!ld.current){b=ni(a,b,c);break a}}else aj(b,
+d,c);ki(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,mi(b,c),e=xg(e),nb(b),d=d(e),ob(),b.flags|=1,ki(a,b,d,c),b.child;case 14:return d=b.type,e=Lh(d,b.pendingProps),e=Lh(d.type,e),oi(a,b,d,e,c);case 15:return qi(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lh(d,e),Ai(a,b),b.tag=1,od(d)?(a=!0,sd(b)):a=!1,mi(b,c),Ph(b,d,e),Rh(b,d,e,c),Bi(null,b,d,!0,a,c);case 19:return Si(a,b,c);case 22:return si(a,b,c);case 24:return mi(b,
+c),d=xg(xi),null===a?(e=wi(),null===e&&(e=P,f=vh(),e.pooledCache=f,f.refCount++,null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},Xe(b),Ui(b,xi,e)):(0!==(a.lanes&c)&&(Ye(a,b),ef(b,null,null,c),df()),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),Ui(b,xi,d)):(d=f.cache,Ui(b,xi,d),d!==e.cache&&aj(b,xi,c))),ki(a,b,b.pendingProps.children,c),b.child}throw Error(x(156,b.tag));};
+function di(a,b){gb&&a.memoizedUpdaters.forEach(function(c){Lb(a,c,b)})}function Xl(a,b){return Sa(a,b)}
+function em(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null;this.actualDuration=0;this.actualStartTime=-1;this.treeBaseDuration=this.selfBaseDuration=0}
+function Md(a,b,c,d){return new em(a,b,c,d)}function pi(a){a=a.prototype;return!(!a||!a.isReactComponent)}function cm(a){if("function"===typeof a)return pi(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===ua)return 11;if(a===xa)return 14}return 2}
+function Af(a,b){var c=a.alternate;null===c?(c=Md(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null,c.actualDuration=0,c.actualStartTime=-1);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:
 {lanes:b.lanes,firstContext:b.firstContext};c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;c.refCleanup=a.refCleanup;c.selfBaseDuration=a.selfBaseDuration;c.treeBaseDuration=a.treeBaseDuration;return c}
-function oj(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null,a.selfBaseDuration=0,a.treeBaseDuration=0):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:
+function wj(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null,a.selfBaseDuration=0,a.treeBaseDuration=0):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:
 {lanes:b.lanes,firstContext:b.firstContext},a.selfBaseDuration=c.selfBaseDuration,a.treeBaseDuration=c.treeBaseDuration);return a}
-function Oe(a,b,c,d,e,f,g){e=2;d=a;if("function"===typeof a)hi(a)&&(e=1);else if("string"===typeof a)e=Ul(a,c,Ja.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case pa:return Qe(c.children,f,g,b);case qa:e=8;f|=8;0!==(f&1)&&(f|=16);break;case ra:return a=Kd(12,c,b,f|2),a.elementType=ra,a.lanes=g,a.stateNode={effectDuration:0,passiveEffectDuration:0},a;case wa:return a=Kd(13,c,b,f),a.elementType=wa,a.lanes=g,a;case xa:return a=Kd(19,c,b,f),a.elementType=xa,a.lanes=g,a;case Ba:return Ei(c,
-f,g,b);case Ca:case Aa:case Da:return a=Kd(24,c,b,f),a.elementType=Da,a.lanes=g,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case sa:e=10;break a;case ta:e=9;break a;case va:e=11;break a;case ya:e=14;break a;case za:e=16;d=null;break a}throw Error(u(130,null==a?a:typeof a,""));}b=Kd(e,c,b,f);b.elementType=a;b.type=d;b.lanes=g;return b}function Qe(a,b,c,d){a=Kd(7,a,d,b);a.lanes=c;return a}
-function Ei(a,b,c,d){a=Kd(22,a,d,b);a.elementType=Ba;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0===(e._pendingVisibility&2)){var g=ie(f,2);null!==g&&(e._pendingVisibility|=2,Hg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0!==(e._pendingVisibility&2)){var g=ie(f,2);null!==g&&(e._pendingVisibility&=-3,Hg(g,f,2))}}};
-a.stateNode=e;return a}function Ne(a,b,c){a=Kd(6,a,null,b);a.lanes=c;return a}function Pe(a,b,c){b=Kd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
-function Vl(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=Eb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=Eb(0);this.hiddenUpdates=
-Eb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map;this.passiveEffectDuration=this.effectDuration=0;this.memoizedUpdaters=new Set;a=this.pendingUpdatersLaneMap=[];for(b=0;31>b;b++)a.push(new Set)}
-function Wl(a,b,c,d,e,f,g,h,k,n,q){a=new Vl(a,b,c,h,k,q);1===b?(b=1,!0===f&&(b|=24)):b=0;gb&&(b|=2);f=Kd(3,null,null,b);a.current=f;f.stateNode=a;b=ph();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};me(f);return a}function Xl(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:oa,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
-function Yl(a){if(!a)return hd;a=a._reactInternals;a:{if(bd(a)!==a||1!==a.tag)throw Error(u(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(md(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(u(171));}if(1===a.tag){var c=a.type;if(md(c))return pd(a,c,b)}return b}
-function Zl(a,b,c,d,e,f,g,h,k,n,q){a=Wl(c,d,!0,a,e,f,g,h,k,n,q);a.context=Yl(null);c=a.current;d=oh(c);e=oe(d);e.callback=void 0!==b&&null!==b?b:null;pe(c,e,d);a.current.lanes=d;Fb(a,d);of(a);return a}
-function $l(a,b,c,d){var e=b.current,f=oh(e);null!==F&&"function"===typeof F.markRenderScheduled&&F.markRenderScheduled(f);c=Yl(c);null===b.context?b.context=c:b.pendingContext=c;b=oe(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=pe(e,b,f);null!==a&&(Hg(a,e,f),qe(a,e,f));return f}function am(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}
-function bm(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=zb(b.pendingLanes);0!==c&&(Jb(b,c),of(b),0===(N&6)&&(pj=Ya()+500,rf(!1)))}break;case 13:xl(function(){var d=ie(a,2);null!==d&&Hg(d,a,2)}),cm(a,2)}}function dm(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function cm(a,b){dm(a,b);(a=a.alternate)&&dm(a,b)}
-function em(a){if(13===a.tag){var b=ie(a,67108864);null!==b&&Hg(b,a,67108864);cm(a,67108864)}}function fm(){return null}var gm=!1;function hm(a,b,c){if(gm)return a(b,c);gm=!0;try{return wl(a,b,c)}finally{if(gm=!1,null!==Xc||null!==Yc)xl(),ad()}}
-function im(a,b){var c=a.stateNode;if(null===c)return null;var d=dc(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
-typeof c)throw Error(u(231,b,typeof c));return c}var jm=!1;if(kc)try{var km={};Object.defineProperty(km,"passive",{get:function(){jm=!0}});window.addEventListener("test",km,km);window.removeEventListener("test",km,km)}catch(a){jm=!1}function lm(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function mm(){return!0}function nm(){return!1}
-function om(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?mm:nm;this.isPropagationStopped=nm;return this}x(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
-(c.returnValue=!1),this.isDefaultPrevented=mm)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=mm)},persist:function(){},isPersistent:mm});return b}
-var pm={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},qm=om(pm),rm=x({},pm,{view:0,detail:0}),sm=om(rm),tm,um,vm,xm=x({},rm,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:wm,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
-a)return a.movementX;a!==vm&&(vm&&"mousemove"===a.type?(tm=a.screenX-vm.screenX,um=a.screenY-vm.screenY):um=tm=0,vm=a);return tm},movementY:function(a){return"movementY"in a?a.movementY:um}}),ym=om(xm),zm=x({},xm,{dataTransfer:0}),Am=om(zm),Bm=x({},rm,{relatedTarget:0}),Cm=om(Bm),Dm=x({},pm,{animationName:0,elapsedTime:0,pseudoElement:0}),Em=om(Dm),Fm=x({},pm,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Gm=om(Fm),Hm=x({},pm,{data:0}),Im=om(Hm),Jm={Esc:"Escape",
-Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Km={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
-119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Lm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Mm(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Lm[a])?!!b[a]:!1}function wm(){return Mm}
-var Nm=x({},rm,{key:function(a){if(a.key){var b=Jm[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=lm(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Km[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:wm,charCode:function(a){return"keypress"===a.type?lm(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
-a.type?lm(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Om=om(Nm),Pm=x({},xm,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Qm=om(Pm),Rm=x({},rm,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:wm}),Sm=om(Rm),Tm=x({},pm,{propertyName:0,elapsedTime:0,pseudoElement:0}),Um=om(Tm),Vm=x({},xm,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
-deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),Wm=om(Vm);
-function Xm(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=dc(e).action,g=d.submitter;g&&(b=(b=dc(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new qm("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
-new FormData(e);jh(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var Ym=!1,Zm=null,$m=null,an=null,bn=new Map,cn=new Map,dn=[],en="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
-function fn(a,b){switch(a){case "focusin":case "focusout":Zm=null;break;case "dragenter":case "dragleave":$m=null;break;case "mouseover":case "mouseout":an=null;break;case "pointerover":case "pointerout":bn.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":cn.delete(b.pointerId)}}
-function gn(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=bc(b),null!==b&&em(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
-function hn(a,b,c,d,e){switch(b){case "focusin":return Zm=gn(Zm,a,b,c,d,e),!0;case "dragenter":return $m=gn($m,a,b,c,d,e),!0;case "mouseover":return an=gn(an,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;bn.set(f,gn(bn.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,cn.set(f,gn(cn.get(f)||null,a,b,c,d,e)),!0}return!1}
-function jn(a){var b=$b(a.target);if(null!==b){var c=bd(b);if(null!==c)if(b=c.tag,13===b){if(b=cd(c),null!==b){a.blockedOn=b;Nb(a.priority,function(){if(13===c.tag){var d=oh(c),e=ie(c,d);null!==e&&Hg(e,c,d);cm(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
-function kn(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=ln(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Vc=d;c.target.dispatchEvent(d);Vc=null}else return b=bc(c),null!==b&&em(b),a.blockedOn=c,!1;b.shift()}return!0}function mn(a,b,c){kn(a)&&c.delete(b)}function nn(){Ym=!1;null!==Zm&&kn(Zm)&&(Zm=null);null!==$m&&kn($m)&&($m=null);null!==an&&kn(an)&&(an=null);bn.forEach(mn);cn.forEach(mn)}
-function on(a,b){a.blockedOn===b&&(a.blockedOn=null,Ym||(Ym=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,nn)))}var pn=null;function qn(a){pn!==a&&(pn=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){pn===a&&(pn=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===rn(d||c))continue;else break;var f=bc(c);null!==f&&(a.splice(b,3),b-=3,jh(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
-function pk(a){function b(k){return on(k,a)}null!==Zm&&on(Zm,a);null!==$m&&on($m,a);null!==an&&on(an,a);bn.forEach(b);cn.forEach(b);for(var c=0;c<dn.length;c++){var d=dn[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<dn.length&&(c=dn[0],null===c.blockedOn);)jn(c),null===c.blockedOn&&dn.shift();c=a.getRootNode().$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=dc(e);if("function"===typeof f)g||qn(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=dc(f))h=
-g.formAction;else{if(null!==rn(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);qn(c)}}}var sn=da.ReactCurrentBatchConfig,Oj=!0;function tn(a,b,c,d){var e=G,f=sn.transition;sn.transition=null;try{G=2,un(a,b,c,d)}finally{G=e,sn.transition=f}}function vn(a,b,c,d){var e=G,f=sn.transition;sn.transition=null;try{G=8,un(a,b,c,d)}finally{G=e,sn.transition=f}}
-function un(a,b,c,d){if(Oj){var e=ln(d);if(null===e)wn(a,b,d,xn,c),fn(a,d);else if(hn(e,a,b,c,d))d.stopPropagation();else if(fn(a,d),b&4&&-1<en.indexOf(a)){for(;null!==e;){var f=bc(e);null!==f&&bm(f);f=ln(d);null===f&&wn(a,b,d,xn,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else wn(a,b,d,null,c)}}function ln(a){a=Wc(a);return rn(a)}var xn=null;
-function rn(a){xn=null;a=$b(a);if(null!==a){var b=bd(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=cd(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}xn=a;return null}
-function ol(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
-case "message":switch(Za()){case $a:return 2;case ab:return 8;case bb:case cb:return 32;case db:return 268435456;default:return 32}default:return 32}}var yn=null,zn=null,An=null;function Bn(){if(An)return An;var a,b=zn,c=b.length,d,e="value"in yn?yn.value:yn.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return An=e.slice(a,1<d?1-d:void 0)}var Cn=[9,13,27,32],En=kc&&"CompositionEvent"in window,Fn=null;kc&&"documentMode"in document&&(Fn=document.documentMode);
-var Gn=kc&&"TextEvent"in window&&!Fn,Hn=kc&&(!En||Fn&&8<Fn&&11>=Fn),In=String.fromCharCode(32),Jn=!1;function Kn(a,b){switch(a){case "keyup":return-1!==Cn.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Ln(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var Mn=!1;
-function Nn(a,b){switch(a){case "compositionend":return Ln(b);case "keypress":if(32!==b.which)return null;Jn=!0;return In;case "textInput":return a=b.data,a===In&&Jn?null:a;default:return null}}
-function On(a,b){if(Mn)return"compositionend"===a||!En&&Kn(a,b)?(a=Bn(),An=zn=yn=null,Mn=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return Hn&&"ko"!==b.locale?null:b.data;default:return null}}
-var Pn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Qn(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Pn[a.type]:"textarea"===b?!0:!1}function Rn(a,b,c,d){$c(d);b=Sn(b,"onChange");0<b.length&&(c=new qm("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var Tn=null,Un=null;function Vn(a){Wn(a,0)}function Xn(a){var b=cc(a);if(Ec(b))return a}
-function Yn(a,b){if("change"===a)return b}var Zn=!1;if(kc){var $n;if(kc){var ao="oninput"in document;if(!ao){var bo=document.createElement("div");bo.setAttribute("oninput","return;");ao="function"===typeof bo.oninput}$n=ao}else $n=!1;Zn=$n&&(!document.documentMode||9<document.documentMode)}function co(){Tn&&(Tn.detachEvent("onpropertychange",eo),Un=Tn=null)}function eo(a){if("value"===a.propertyName&&Xn(Un)){var b=[];Rn(b,Un,a,Wc(a));hm(Vn,b)}}
-function fo(a,b,c){"focusin"===a?(co(),Tn=b,Un=c,Tn.attachEvent("onpropertychange",eo)):"focusout"===a&&co()}function go(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return Xn(Un)}function ho(a,b){if("click"===a)return Xn(b)}function io(a,b){if("input"===a||"change"===a)return Xn(b)}function jo(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
-function ko(a,b){var c=jo(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=jo(c)}}function lo(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?lo(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
-function Pj(){for(var a=window,b=Fc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Fc(a.document)}return b}function Qj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
-function Ml(a){var b=Pj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&lo(c.ownerDocument.documentElement,c)){if(null!==d&&Qj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=ko(c,f);var g=ko(c,
+function Cf(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)pi(a)&&(g=1);else if("string"===typeof a)g=fm(a,c,Ha.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case oa:return Ef(c.children,e,f,b);case pa:g=8;e|=8;0!==(e&1)&&(e|=16);break;case qa:return a=Md(12,c,b,e|2),a.elementType=qa,a.lanes=f,a.stateNode={effectDuration:0,passiveEffectDuration:0},a;case va:return a=Md(13,c,b,e),a.elementType=va,a.lanes=f,a;case wa:return a=Md(19,c,b,e),a.elementType=wa,a.lanes=f,a;case Aa:return Mi(c,
+e,f,b);case Ba:case za:case Ca:return a=Md(24,c,b,e),a.elementType=Ca,a.lanes=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case ra:g=10;break a;case ta:g=9;break a;case sa:case ua:g=11;break a;case xa:g=14;break a;case ya:g=16;d=null;break a}throw Error(x(130,null==a?a:typeof a,""));}b=Md(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function Ef(a,b,c,d){a=Md(7,a,d,b);a.lanes=c;return a}
+function Mi(a,b,c,d){a=Md(22,a,d,b);a.elementType=Aa;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(x(456));if(0===(e._pendingVisibility&2)){var g=ke(f,2);null!==g&&(e._pendingVisibility|=2,Mg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(x(456));if(0!==(e._pendingVisibility&2)){var g=ke(f,2);null!==g&&(e._pendingVisibility&=-3,Mg(g,f,2))}}};
+a.stateNode=e;return a}function Bf(a,b,c){a=Md(6,a,null,b);a.lanes=c;return a}function Df(a,b,c){b=Md(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
+function gm(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=Gb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=Gb(0);this.hiddenUpdates=
+Gb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map;this.passiveEffectDuration=this.effectDuration=0;this.memoizedUpdaters=new Set;a=this.pendingUpdatersLaneMap=[];for(b=0;31>b;b++)a.push(new Set)}
+function hm(a,b,c,d,e,f,g,h,k,n,u){a=new gm(a,b,c,h,k,u);1===b?(b=1,!0===f&&(b|=24)):b=0;gb&&(b|=2);f=Md(3,null,null,b);a.current=f;f.stateNode=a;b=vh();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};Xe(f);return a}function im(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:na,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
+function jm(a){if(!a)return jd;a=a._reactInternals;a:{if(dd(a)!==a||1!==a.tag)throw Error(x(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(od(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(x(171));}if(1===a.tag){var c=a.type;if(od(c))return rd(a,c,b)}return b}
+function km(a,b,c,d,e,f,g,h,k,n,u){a=hm(c,d,!0,a,e,f,g,h,k,n,u);a.context=jm(null);c=a.current;d=uh(c);e=Ze(d);e.callback=void 0!==b&&null!==b?b:null;$e(c,e,d);a.current.lanes=d;Al(a,d);se(a);return a}
+function lm(a,b,c,d){var e=b.current,f=uh(e);null!==H&&"function"===typeof H.markRenderScheduled&&H.markRenderScheduled(f);c=jm(c);null===b.context?b.context=c:b.pendingContext=c;b=Ze(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=$e(e,b,f);null!==a&&(Mg(a,e,f),af(a,e,f));return f}function mm(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}
+function nm(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=Ab(b.pendingLanes);0!==c&&(Kb(b,c),se(b),0===(Q&6)&&(xj=Wa()+500,ve(!1)))}break;case 13:Jl(function(){var d=ke(a,2);null!==d&&Mg(d,a,2)}),om(a,2)}}function pm(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function om(a,b){pm(a,b);(a=a.alternate)&&pm(a,b)}
+function qm(a){if(13===a.tag){var b=ke(a,67108864);null!==b&&Mg(b,a,67108864);om(a,67108864)}}function rm(){return null}var sm=!1;function tm(a,b,c){if(sm)return a(b,c);sm=!0;try{return Il(a,b,c)}finally{if(sm=!1,null!==Zc||null!==$c)Jl(),cd()}}
+function um(a,b){var c=a.stateNode;if(null===c)return null;var d=ec(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
+typeof c)throw Error(x(231,b,typeof c));return c}var vm=!1;if(lc)try{var wm={};Object.defineProperty(wm,"passive",{get:function(){vm=!0}});window.addEventListener("test",wm,wm);window.removeEventListener("test",wm,wm)}catch(a){vm=!1}function xm(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function ym(){return!0}function zm(){return!1}
+function Am(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?ym:zm;this.isPropagationStopped=zm;return this}E(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
+(c.returnValue=!1),this.isDefaultPrevented=ym)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=ym)},persist:function(){},isPersistent:ym});return b}
+var Bm={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Cm=Am(Bm),Dm=E({},Bm,{view:0,detail:0}),Em=Am(Dm),Fm,Gm,Hm,Jm=E({},Dm,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Im,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
+a)return a.movementX;a!==Hm&&(Hm&&"mousemove"===a.type?(Fm=a.screenX-Hm.screenX,Gm=a.screenY-Hm.screenY):Gm=Fm=0,Hm=a);return Fm},movementY:function(a){return"movementY"in a?a.movementY:Gm}}),Km=Am(Jm),Lm=E({},Jm,{dataTransfer:0}),Mm=Am(Lm),Nm=E({},Dm,{relatedTarget:0}),Om=Am(Nm),Pm=E({},Bm,{animationName:0,elapsedTime:0,pseudoElement:0}),Qm=Am(Pm),Rm=E({},Bm,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Sm=Am(Rm),Tm=E({},Bm,{data:0}),Um=Am(Tm),Vm={Esc:"Escape",
+Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Wm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
+119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Xm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Ym(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Xm[a])?!!b[a]:!1}function Im(){return Ym}
+var Zm=E({},Dm,{key:function(a){if(a.key){var b=Vm[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=xm(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Wm[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Im,charCode:function(a){return"keypress"===a.type?xm(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
+a.type?xm(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),$m=Am(Zm),an=E({},Jm,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),bn=Am(an),cn=E({},Dm,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Im}),dn=Am(cn),en=E({},Bm,{propertyName:0,elapsedTime:0,pseudoElement:0}),fn=Am(en),gn=E({},Jm,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
+deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),hn=Am(gn);
+function jn(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=ec(e).action,g=d.submitter;g&&(b=(b=ec(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new Cm("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
+new FormData(e);ph(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var kn=!1,ln=null,mn=null,nn=null,on=new Map,pn=new Map,qn=[],rn="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
+function sn(a,b){switch(a){case "focusin":case "focusout":ln=null;break;case "dragenter":case "dragleave":mn=null;break;case "mouseover":case "mouseout":nn=null;break;case "pointerover":case "pointerout":on.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":pn.delete(b.pointerId)}}
+function tn(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=cc(b),null!==b&&qm(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
+function un(a,b,c,d,e){switch(b){case "focusin":return ln=tn(ln,a,b,c,d,e),!0;case "dragenter":return mn=tn(mn,a,b,c,d,e),!0;case "mouseover":return nn=tn(nn,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;on.set(f,tn(on.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,pn.set(f,tn(pn.get(f)||null,a,b,c,d,e)),!0}return!1}
+function vn(a){var b=ac(a.target);if(null!==b){var c=dd(b);if(null!==c)if(b=c.tag,13===b){if(b=ed(c),null!==b){a.blockedOn=b;Ob(a.priority,function(){if(13===c.tag){var d=uh(c),e=ke(c,d);null!==e&&Mg(e,c,d);om(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
+function wn(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=xn(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Xc=d;c.target.dispatchEvent(d);Xc=null}else return b=cc(c),null!==b&&qm(b),a.blockedOn=c,!1;b.shift()}return!0}function yn(a,b,c){wn(a)&&c.delete(b)}function zn(){kn=!1;null!==ln&&wn(ln)&&(ln=null);null!==mn&&wn(mn)&&(mn=null);null!==nn&&wn(nn)&&(nn=null);on.forEach(yn);pn.forEach(yn)}
+function An(a,b){a.blockedOn===b&&(a.blockedOn=null,kn||(kn=!0,t.unstable_scheduleCallback(t.unstable_NormalPriority,zn)))}var Bn=null;function Cn(a){Bn!==a&&(Bn=a,t.unstable_scheduleCallback(t.unstable_NormalPriority,function(){Bn===a&&(Bn=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===Dn(d||c))continue;else break;var f=cc(c);null!==f&&(a.splice(b,3),b-=3,ph(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
+function xk(a){function b(k){return An(k,a)}null!==ln&&An(ln,a);null!==mn&&An(mn,a);null!==nn&&An(nn,a);on.forEach(b);pn.forEach(b);for(var c=0;c<qn.length;c++){var d=qn[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<qn.length&&(c=qn[0],null===c.blockedOn);)vn(c),null===c.blockedOn&&qn.shift();c=(a.ownerDocument||a).$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=ec(e);if("function"===typeof f)g||Cn(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=ec(f))h=
+g.formAction;else{if(null!==Dn(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);Cn(c)}}}var En=ca.ReactCurrentBatchConfig,Wj=!0;function Fn(a,b,c,d){var e=I,f=En.transition;En.transition=null;try{I=2,Gn(a,b,c,d)}finally{I=e,En.transition=f}}function Hn(a,b,c,d){var e=I,f=En.transition;En.transition=null;try{I=8,Gn(a,b,c,d)}finally{I=e,En.transition=f}}
+function Gn(a,b,c,d){if(Wj){var e=xn(d);if(null===e)In(a,b,d,Jn,c),sn(a,d);else if(un(e,a,b,c,d))d.stopPropagation();else if(sn(a,d),b&4&&-1<rn.indexOf(a)){for(;null!==e;){var f=cc(e);null!==f&&nm(f);f=xn(d);null===f&&In(a,b,d,Jn,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else In(a,b,d,null,c)}}function xn(a){a=Yc(a);return Dn(a)}var Jn=null;
+function Dn(a){Jn=null;a=ac(a);if(null!==a){var b=dd(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=ed(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}Jn=a;return null}
+function zl(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
+case "message":switch(Xa()){case Ya:return 2;case Za:return 8;case $a:case ab:return 32;case bb:return 268435456;default:return 32}default:return 32}}var Kn=null,Ln=null,Mn=null;function Nn(){if(Mn)return Mn;var a,b=Ln,c=b.length,d,e="value"in Kn?Kn.value:Kn.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return Mn=e.slice(a,1<d?1-d:void 0)}var On=[9,13,27,32],Pn=lc&&"CompositionEvent"in window,Qn=null;lc&&"documentMode"in document&&(Qn=document.documentMode);
+var Rn=lc&&"TextEvent"in window&&!Qn,Tn=lc&&(!Pn||Qn&&8<Qn&&11>=Qn),Un=String.fromCharCode(32),Vn=!1;function Wn(a,b){switch(a){case "keyup":return-1!==On.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Xn(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var Yn=!1;
+function Zn(a,b){switch(a){case "compositionend":return Xn(b);case "keypress":if(32!==b.which)return null;Vn=!0;return Un;case "textInput":return a=b.data,a===Un&&Vn?null:a;default:return null}}
+function $n(a,b){if(Yn)return"compositionend"===a||!Pn&&Wn(a,b)?(a=Nn(),Mn=Ln=Kn=null,Yn=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return Tn&&"ko"!==b.locale?null:b.data;default:return null}}
+var ao={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function bo(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!ao[a.type]:"textarea"===b?!0:!1}function co(a,b,c,d){bd(d);b=eo(b,"onChange");0<b.length&&(c=new Cm("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var fo=null,go=null;function ho(a){io(a,0)}function jo(a){var b=dc(a);if(Gc(b))return a}
+function ko(a,b){if("change"===a)return b}var lo=!1;if(lc){var mo;if(lc){var no="oninput"in document;if(!no){var oo=document.createElement("div");oo.setAttribute("oninput","return;");no="function"===typeof oo.oninput}mo=no}else mo=!1;lo=mo&&(!document.documentMode||9<document.documentMode)}function po(){fo&&(fo.detachEvent("onpropertychange",qo),go=fo=null)}function qo(a){if("value"===a.propertyName&&jo(go)){var b=[];co(b,go,a,Yc(a));tm(ho,b)}}
+function ro(a,b,c){"focusin"===a?(po(),fo=b,go=c,fo.attachEvent("onpropertychange",qo)):"focusout"===a&&po()}function so(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return jo(go)}function to(a,b){if("click"===a)return jo(b)}function uo(a,b){if("input"===a||"change"===a)return jo(b)}function vo(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
+function wo(a,b){var c=vo(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=vo(c)}}function xo(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?xo(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
+function Xj(){for(var a=window,b=Hc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Hc(a.document)}return b}function Yj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
+function Yl(a){var b=Xj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&xo(c.ownerDocument.documentElement,c)){if(null!==d&&Yj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=wo(c,f);var g=wo(c,
 d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}
-var mo=kc&&"documentMode"in document&&11>=document.documentMode,no=null,oo=null,po=null,qo=!1;
-function ro(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;qo||null==no||no!==Fc(d)||(d=no,"selectionStart"in d&&Qj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),po&&we(po,d)||(po=d,d=Sn(oo,"onSelect"),0<d.length&&(b=new qm("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=no)))}
-function so(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var to={animationend:so("Animation","AnimationEnd"),animationiteration:so("Animation","AnimationIteration"),animationstart:so("Animation","AnimationStart"),transitionend:so("Transition","TransitionEnd")},uo={},vo={};
-kc&&(vo=document.createElement("div").style,"AnimationEvent"in window||(delete to.animationend.animation,delete to.animationiteration.animation,delete to.animationstart.animation),"TransitionEvent"in window||delete to.transitionend.transition);function wo(a){if(uo[a])return uo[a];if(!to[a])return a;var b=to[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in vo)return uo[a]=b[c];return a}var xo=wo("animationend"),yo=wo("animationiteration"),zo=wo("animationstart"),Ao=wo("transitionend"),Bo=new Map,Co="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
-function Do(a,b){Bo.set(a,b);ic(b,[a])}for(var Eo=0;Eo<Co.length;Eo++){var Fo=Co[Eo],Go=Fo.toLowerCase(),Ho=Fo[0].toUpperCase()+Fo.slice(1);Do(Go,"on"+Ho)}Do(xo,"onAnimationEnd");Do(yo,"onAnimationIteration");Do(zo,"onAnimationStart");Do("dblclick","onDoubleClick");Do("focusin","onFocus");Do("focusout","onBlur");Do(Ao,"onTransitionEnd");jc("onMouseEnter",["mouseout","mouseover"]);jc("onMouseLeave",["mouseout","mouseover"]);jc("onPointerEnter",["pointerout","pointerover"]);
-jc("onPointerLeave",["pointerout","pointerover"]);ic("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));ic("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));ic("onBeforeInput",["compositionend","keypress","textInput","paste"]);ic("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));ic("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
-ic("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Io="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Jo=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(Io));
-function Ko(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;zj(d,b,void 0,a);a.currentTarget=null}
-function Wn(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Ko(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Ko(e,h,n);f=k}}}if(vj)throw a=wj,vj=!1,wj=null,a;}
-function Y(a,b){var c=b[Ub];void 0===c&&(c=b[Ub]=new Set);var d=a+"__bubble";c.has(d)||(Lo(b,a,2,!1),c.add(d))}function Mo(a,b,c){var d=0;b&&(d|=4);Lo(c,a,d,b)}var No="_reactListening"+Math.random().toString(36).slice(2);function nj(a){if(!a[No]){a[No]=!0;gc.forEach(function(c){"selectionchange"!==c&&(Jo.has(c)||Mo(c,!1,a),Mo(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[No]||(b[No]=!0,Mo("selectionchange",!1,b))}}
-function Lo(a,b,c,d){switch(ol(b)){case 2:var e=tn;break;case 8:e=vn;break;default:e=un}c=e.bind(null,b,c,a);e=void 0;!jm||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
-function wn(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=$b(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}hm(function(){var n=
-f,q=Wc(c),w=[];a:{var t=Bo.get(a);if(void 0!==t){var r=qm,A=a;switch(a){case "keypress":if(0===lm(c))break a;case "keydown":case "keyup":r=Om;break;case "focusin":A="focus";r=Cm;break;case "focusout":A="blur";r=Cm;break;case "beforeblur":case "afterblur":r=Cm;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":r=ym;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":r=
-Am;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":r=Sm;break;case xo:case yo:case zo:r=Em;break;case Ao:r=Um;break;case "scroll":case "scrollend":r=sm;break;case "wheel":r=Wm;break;case "copy":case "cut":case "paste":r=Gm;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":r=Qm}var C=0!==(b&4),J=!C&&("scroll"===a||"scrollend"===a),Q=C?null!==t?t+"Capture":
-null:t;C=[];for(var m=n,l;null!==m;){var p=m;l=p.stateNode;p=p.tag;5!==p&&26!==p&&27!==p||null===l||null===Q||(p=im(m,Q),null!=p&&C.push(Oo(m,p,l)));if(J)break;m=m.return}0<C.length&&(t=new r(t,A,null,c,q),w.push({event:t,listeners:C}))}}if(0===(b&7)){a:{t="mouseover"===a||"pointerover"===a;r="mouseout"===a||"pointerout"===a;if(t&&c!==Vc&&(A=c.relatedTarget||c.fromElement)&&($b(A)||A[Tb]))break a;if(r||t){t=q.window===q?q:(t=q.ownerDocument)?t.defaultView||t.parentWindow:window;if(r){if(A=c.relatedTarget||
-c.toElement,r=n,A=A?$b(A):null,null!==A&&(J=bd(A),C=A.tag,A!==J||5!==C&&27!==C&&6!==C))A=null}else r=null,A=n;if(r!==A){C=ym;p="onMouseLeave";Q="onMouseEnter";m="mouse";if("pointerout"===a||"pointerover"===a)C=Qm,p="onPointerLeave",Q="onPointerEnter",m="pointer";J=null==r?t:cc(r);l=null==A?t:cc(A);t=new C(p,m+"leave",r,c,q);t.target=J;t.relatedTarget=l;p=null;$b(q)===n&&(C=new C(Q,m+"enter",A,c,q),C.target=l,C.relatedTarget=J,p=C);J=p;if(r&&A)b:{C=r;Q=A;m=0;for(l=C;l;l=Po(l))m++;l=0;for(p=Q;p;p=Po(p))l++;
-for(;0<m-l;)C=Po(C),m--;for(;0<l-m;)Q=Po(Q),l--;for(;m--;){if(C===Q||null!==Q&&C===Q.alternate)break b;C=Po(C);Q=Po(Q)}C=null}else C=null;null!==r&&Qo(w,t,r,C,!1);null!==A&&null!==J&&Qo(w,J,A,C,!0)}}}a:{t=n?cc(n):window;r=t.nodeName&&t.nodeName.toLowerCase();if("select"===r||"input"===r&&"file"===t.type)var v=Yn;else if(Qn(t))if(Zn)v=io;else{v=go;var y=fo}else r=t.nodeName,!r||"input"!==r.toLowerCase()||"checkbox"!==t.type&&"radio"!==t.type?n&&Tc(n.elementType)&&(v=Yn):v=ho;if(v&&(v=v(a,n))){Rn(w,
-v,c,q);break a}y&&y(a,t,n);"focusout"===a&&n&&"number"===t.type&&null!=n.memoizedProps.value&&Jc(t,"number",t.value)}y=n?cc(n):window;switch(a){case "focusin":if(Qn(y)||"true"===y.contentEditable)no=y,oo=n,po=null;break;case "focusout":po=oo=no=null;break;case "mousedown":qo=!0;break;case "contextmenu":case "mouseup":case "dragend":qo=!1;ro(w,c,q);break;case "selectionchange":if(mo)break;case "keydown":case "keyup":ro(w,c,q)}var B;if(En)b:{switch(a){case "compositionstart":var z="onCompositionStart";
-break b;case "compositionend":z="onCompositionEnd";break b;case "compositionupdate":z="onCompositionUpdate";break b}z=void 0}else Mn?Kn(a,c)&&(z="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(z="onCompositionStart");z&&(Hn&&"ko"!==c.locale&&(Mn||"onCompositionStart"!==z?"onCompositionEnd"===z&&Mn&&(B=Bn()):(yn=q,zn="value"in yn?yn.value:yn.textContent,Mn=!0)),y=Sn(n,z),0<y.length&&(z=new Im(z,a,null,c,q),w.push({event:z,listeners:y}),B?z.data=B:(B=Ln(c),null!==B&&(z.data=B))));if(B=Gn?Nn(a,
-c):On(a,c))z=Sn(n,"onBeforeInput"),0<z.length&&(y=new Im("onBeforeInput","beforeinput",null,c,q),w.push({event:y,listeners:z}),y.data=B);Xm(w,a,n,c,q)}Wn(w,b)})}function Oo(a,b,c){return{instance:a,listener:b,currentTarget:c}}function Sn(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=im(a,c),null!=e&&d.unshift(Oo(a,e,f)),e=im(a,b),null!=e&&d.push(Oo(a,e,f)));a=a.return}return d}
-function Po(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function Qo(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=im(c,f),null!=n&&g.unshift(Oo(c,n,k))):e||(n=im(c,f),null!=n&&g.push(Oo(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var Ro=/\r\n?/g,So=/\u0000|\uFFFD/g;
-function To(a){return("string"===typeof a?a:""+a).replace(Ro,"\n").replace(So,"")}function mj(a,b,c){b=To(b);if(To(a)!==b&&c)throw Error(u(425));}function ik(){}
-function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Pc(a,d):"number"===typeof d&&"body"!==b&&Pc(a,""+d);break;case "className":qc(a,"class",d);break;case "tabIndex":qc(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":qc(a,c,d);break;case "style":Sc(a,d,f);break;case "src":case "href":if(""===d){a.removeAttribute(c);break}if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);
-break}a.setAttribute(c,""+d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,e,null),Z(a,b,"formEncType",
-e.formEncType,e,null),Z(a,b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=ik);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==
-typeof d||!("__html"in d))throw Error(u(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(u(60));a.innerHTML=d}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===typeof d||"boolean"===
-typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
+var yo=lc&&"documentMode"in document&&11>=document.documentMode,zo=null,Ao=null,Bo=null,Co=!1;
+function Do(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Co||null==zo||zo!==Hc(d)||(d=zo,"selectionStart"in d&&Yj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Bo&&jf(Bo,d)||(Bo=d,d=eo(Ao,"onSelect"),0<d.length&&(b=new Cm("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=zo)))}
+function Eo(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Fo={animationend:Eo("Animation","AnimationEnd"),animationiteration:Eo("Animation","AnimationIteration"),animationstart:Eo("Animation","AnimationStart"),transitionend:Eo("Transition","TransitionEnd")},Go={},Ho={};
+lc&&(Ho=document.createElement("div").style,"AnimationEvent"in window||(delete Fo.animationend.animation,delete Fo.animationiteration.animation,delete Fo.animationstart.animation),"TransitionEvent"in window||delete Fo.transitionend.transition);function Io(a){if(Go[a])return Go[a];if(!Fo[a])return a;var b=Fo[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Ho)return Go[a]=b[c];return a}var Jo=Io("animationend"),Ko=Io("animationiteration"),Lo=Io("animationstart"),Mo=Io("transitionend"),No=new Map,Oo="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
+function Po(a,b){No.set(a,b);jc(b,[a])}for(var Qo=0;Qo<Oo.length;Qo++){var Ro=Oo[Qo],So=Ro.toLowerCase(),To=Ro[0].toUpperCase()+Ro.slice(1);Po(So,"on"+To)}Po(Jo,"onAnimationEnd");Po(Ko,"onAnimationIteration");Po(Lo,"onAnimationStart");Po("dblclick","onDoubleClick");Po("focusin","onFocus");Po("focusout","onBlur");Po(Mo,"onTransitionEnd");kc("onMouseEnter",["mouseout","mouseover"]);kc("onMouseLeave",["mouseout","mouseover"]);kc("onPointerEnter",["pointerout","pointerover"]);
+kc("onPointerLeave",["pointerout","pointerover"]);jc("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));jc("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));jc("onBeforeInput",["compositionend","keypress","textInput","paste"]);jc("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));jc("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
+jc("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Uo="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Vo=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(Uo));
+function Wo(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Hj(d,b,void 0,a);a.currentTarget=null}
+function io(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Wo(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Wo(e,h,n);f=k}}}if(Dj)throw a=Ej,Dj=!1,Ej=null,a;}
+function Y(a,b){var c=b[Vb];void 0===c&&(c=b[Vb]=new Set);var d=a+"__bubble";c.has(d)||(Xo(b,a,2,!1),c.add(d))}function Yo(a,b,c){var d=0;b&&(d|=4);Xo(c,a,d,b)}var Zo="_reactListening"+Math.random().toString(36).slice(2);function vj(a){if(!a[Zo]){a[Zo]=!0;hc.forEach(function(c){"selectionchange"!==c&&(Vo.has(c)||Yo(c,!1,a),Yo(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[Zo]||(b[Zo]=!0,Yo("selectionchange",!1,b))}}
+function Xo(a,b,c,d){switch(zl(b)){case 2:var e=Fn;break;case 8:e=Hn;break;default:e=Gn}c=e.bind(null,b,c,a);e=void 0;!vm||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
+function In(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=ac(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}tm(function(){var n=
+f,u=Yc(c),w=[];a:{var q=No.get(a);if(void 0!==q){var r=Cm,z=a;switch(a){case "keypress":if(0===xm(c))break a;case "keydown":case "keyup":r=$m;break;case "focusin":z="focus";r=Om;break;case "focusout":z="blur";r=Om;break;case "beforeblur":case "afterblur":r=Om;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":r=Km;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":r=
+Mm;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":r=dn;break;case Jo:case Ko:case Lo:r=Qm;break;case Mo:r=fn;break;case "scroll":case "scrollend":r=Em;break;case "wheel":r=hn;break;case "copy":case "cut":case "paste":r=Sm;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":r=bn}var D=0!==(b&4),K=!D&&("scroll"===a||"scrollend"===a),m=D?null!==q?q+"Capture":
+null:q;D=[];for(var l=n,p;null!==l;){var v=l;p=v.stateNode;v=v.tag;5!==v&&26!==v&&27!==v||null===p||null===m||(v=um(l,m),null!=v&&D.push($o(l,v,p)));if(K)break;l=l.return}0<D.length&&(q=new r(q,z,null,c,u),w.push({event:q,listeners:D}))}}if(0===(b&7)){a:{q="mouseover"===a||"pointerover"===a;r="mouseout"===a||"pointerout"===a;if(q&&c!==Xc&&(z=c.relatedTarget||c.fromElement)&&(ac(z)||z[Ub]))break a;if(r||q){q=u.window===u?u:(q=u.ownerDocument)?q.defaultView||q.parentWindow:window;if(r){if(z=c.relatedTarget||
+c.toElement,r=n,z=z?ac(z):null,null!==z&&(K=dd(z),D=z.tag,z!==K||5!==D&&27!==D&&6!==D))z=null}else r=null,z=n;if(r!==z){D=Km;v="onMouseLeave";m="onMouseEnter";l="mouse";if("pointerout"===a||"pointerover"===a)D=bn,v="onPointerLeave",m="onPointerEnter",l="pointer";K=null==r?q:dc(r);p=null==z?q:dc(z);q=new D(v,l+"leave",r,c,u);q.target=K;q.relatedTarget=p;v=null;ac(u)===n&&(D=new D(m,l+"enter",z,c,u),D.target=p,D.relatedTarget=K,v=D);K=v;if(r&&z)b:{D=r;m=z;l=0;for(p=D;p;p=ap(p))l++;p=0;for(v=m;v;v=ap(v))p++;
+for(;0<l-p;)D=ap(D),l--;for(;0<p-l;)m=ap(m),p--;for(;l--;){if(D===m||null!==m&&D===m.alternate)break b;D=ap(D);m=ap(m)}D=null}else D=null;null!==r&&bp(w,q,r,D,!1);null!==z&&null!==K&&bp(w,K,z,D,!0)}}}a:{q=n?dc(n):window;r=q.nodeName&&q.nodeName.toLowerCase();if("select"===r||"input"===r&&"file"===q.type)var y=ko;else if(bo(q))if(lo)y=uo;else{y=so;var A=ro}else r=q.nodeName,!r||"input"!==r.toLowerCase()||"checkbox"!==q.type&&"radio"!==q.type?n&&Vc(n.elementType)&&(y=ko):y=to;if(y&&(y=y(a,n))){co(w,
+y,c,u);break a}A&&A(a,q,n);"focusout"===a&&n&&"number"===q.type&&null!=n.memoizedProps.value&&Lc(q,"number",q.value)}A=n?dc(n):window;switch(a){case "focusin":if(bo(A)||"true"===A.contentEditable)zo=A,Ao=n,Bo=null;break;case "focusout":Bo=Ao=zo=null;break;case "mousedown":Co=!0;break;case "contextmenu":case "mouseup":case "dragend":Co=!1;Do(w,c,u);break;case "selectionchange":if(yo)break;case "keydown":case "keyup":Do(w,c,u)}var B;if(Pn)b:{switch(a){case "compositionstart":var C="onCompositionStart";
+break b;case "compositionend":C="onCompositionEnd";break b;case "compositionupdate":C="onCompositionUpdate";break b}C=void 0}else Yn?Wn(a,c)&&(C="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(C="onCompositionStart");C&&(Tn&&"ko"!==c.locale&&(Yn||"onCompositionStart"!==C?"onCompositionEnd"===C&&Yn&&(B=Nn()):(Kn=u,Ln="value"in Kn?Kn.value:Kn.textContent,Yn=!0)),A=eo(n,C),0<A.length&&(C=new Um(C,a,null,c,u),w.push({event:C,listeners:A}),B?C.data=B:(B=Xn(c),null!==B&&(C.data=B))));if(B=Rn?Zn(a,
+c):$n(a,c))C=eo(n,"onBeforeInput"),0<C.length&&(A=new Um("onBeforeInput","beforeinput",null,c,u),w.push({event:A,listeners:C}),A.data=B);jn(w,a,n,c,u)}io(w,b)})}function $o(a,b,c){return{instance:a,listener:b,currentTarget:c}}function eo(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=um(a,c),null!=e&&d.unshift($o(a,e,f)),e=um(a,b),null!=e&&d.push($o(a,e,f)));a=a.return}return d}
+function ap(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function bp(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=um(c,f),null!=n&&g.unshift($o(c,n,k))):e||(n=um(c,f),null!=n&&g.push($o(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var cp=/\r\n?/g,dp=/\u0000|\uFFFD/g;
+function ep(a){return("string"===typeof a?a:""+a).replace(cp,"\n").replace(dp,"")}function uj(a,b,c){b=ep(b);if(ep(a)!==b&&c)throw Error(x(425));}function qk(){}
+function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Rc(a,d):"number"===typeof d&&"body"!==b&&Rc(a,""+d);break;case "className":rc(a,"class",d);break;case "tabIndex":rc(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":rc(a,c,d);break;case "style":Uc(a,d,f);break;case "src":case "href":if(""===d&&("a"!==b||"href"!==c)){a.removeAttribute(c);break}if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===
+typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,
+e,null),Z(a,b,"formEncType",e.formEncType,e,null),Z(a,b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=qk);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=
+d){if("object"!==typeof d||!("__html"in d))throw Error(x(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(x(60));a.innerHTML=d}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":case "ref":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===
+typeof d||"boolean"===typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
 "function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""):a.removeAttribute(c);break;case "capture":case "download":!0===d?a.setAttribute(c,""):!1!==d&&null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,d):a.removeAttribute(c);break;case "cols":case "rows":case "size":case "span":null!=d&&"function"!==typeof d&&"symbol"!==typeof d&&!isNaN(d)&&1<=d?a.setAttribute(c,d):a.removeAttribute(c);break;case "rowSpan":case "start":null==d||"function"===typeof d||"symbol"===typeof d||
-isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":rc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":rc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":rc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":rc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":rc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":rc(a,"http://www.w3.org/1999/xlink","xlink:type",
-d);break;case "xmlBase":rc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":rc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":rc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":pc(a,"is",d);break;case "innerText":case "textContent":break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Uc.get(c)||c,pc(a,e,d)}}
-function Uo(a,b,c,d,e,f){switch(c){case "style":Sc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(u(61));c=d.__html;if(null!=c){if(null!=e.children)throw Error(u(60));a.innerHTML=c}}break;case "children":"string"===typeof d?Pc(a,d):"number"===typeof d&&Pc(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=ik);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":break;
-case "innerText":case "textContent":break;default:if(!hc.hasOwnProperty(c))a:{if("o"===c[0]&&"n"===c[1]&&(e=c.endsWith("Capture"),b=c.slice(2,e?c.length-7:void 0),f=dc(a),f=null!=f?f[c]:null,"function"===typeof f&&a.removeEventListener(b,f,e),"function"===typeof d)){"function"!==typeof f&&null!==f&&(c in a?a[c]=null:a.hasAttribute(c)&&a.removeAttribute(c));a.addEventListener(b,d,e);break a}c in a?a[c]=d:!0===d?a.setAttribute(c,""):pc(a,c,d)}}}
-function lj(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(q in c)if(c.hasOwnProperty(q)){var n=c[q];if(null!=n)switch(q){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(u(137,b));break;default:Z(a,
-b,q,n,c,null)}}Kc(a,f,g,h,k,e,d,!1);Dc(a);return;case "select":Y("invalid",a);var q=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":q=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!q;null!=b?Mc(a,!!q,b,!1):null!=c&&Mc(a,!!q,c,!0);return;case "textarea":Y("invalid",a);f=d=q=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":q=g;break;case "defaultValue":d=g;break;case "children":f=
-g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(u(91));break;default:Z(a,b,e,g,c,null)}Oc(a,q,d,f);Dc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(q=c[g],null!=q))switch(g){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,g,q,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(q=0;q<Io.length;q++)Y(Io[q],a);break;case "image":Y("error",a);Y("load",
-a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(q=c[h],null!=q))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(u(137,b));default:Z(a,b,h,q,c,null)}return;default:if(Tc(b)){for(k in c)c.hasOwnProperty(k)&&(q=c[k],null!=q&&Uo(a,b,k,q,c,null));
-return}}for(f in c)c.hasOwnProperty(f)&&(q=c[f],null!=q&&Z(a,b,f,q,c,null))}
-function Bk(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,q=null;for(r in c){var w=c[r];if(c.hasOwnProperty(r)&&null!=w)switch(r){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(r)||Z(a,b,r,null,d,w)}}for(var t in d){var r=d[t];w=c[t];if(d.hasOwnProperty(t)&&(null!=r||null!=w))switch(t){case "type":f=r;break;case "name":e=r;break;case "checked":n=
-r;break;case "defaultChecked":q=r;break;case "value":g=r;break;case "defaultValue":h=r;break;case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(u(137,b));break;default:r!==w&&Z(a,b,t,r,d,w)}}Ic(a,g,h,k,n,q,f,e);return;case "select":r=g=h=t=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":r=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":t=
-f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=r;null!=t?Mc(a,!!c,t,!1):!!d!==!!c&&(null!=b?Mc(a,!!c,b,!0):Mc(a,!!c,c?[]:"",!1));return;case "textarea":r=t=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":t=e;break;case "defaultValue":r=e;break;case "children":break;
-case "dangerouslySetInnerHTML":if(null!=e)throw Error(u(91));break;default:e!==f&&Z(a,b,g,e,d,f)}Nc(a,t,r);return;case "option":for(var A in c)if(t=c[A],c.hasOwnProperty(A)&&null!=t&&!d.hasOwnProperty(A))switch(A){case "selected":a.selected=!1;break;default:Z(a,b,A,null,d,t)}for(k in d)if(t=d[k],r=c[k],d.hasOwnProperty(k)&&t!==r&&(null!=t||null!=r))switch(k){case "selected":a.selected=t&&"function"!==typeof t&&"symbol"!==typeof t;break;default:Z(a,b,k,t,d,r)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var C in c)t=
-c[C],c.hasOwnProperty(C)&&null!=t&&!d.hasOwnProperty(C)&&Z(a,b,C,null,d,t);for(n in d)if(t=d[n],r=c[n],d.hasOwnProperty(n)&&t!==r&&(null!=t||null!=r))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=t)throw Error(u(137,b));break;default:Z(a,b,n,t,d,r)}return;default:if(Tc(b)){for(var J in c)t=c[J],c.hasOwnProperty(J)&&null!=t&&!d.hasOwnProperty(J)&&Uo(a,b,J,null,d,t);for(q in d)t=d[q],r=c[q],!d.hasOwnProperty(q)||t===r||null==t&&null==r||Uo(a,b,q,t,d,r);return}}for(var Q in c)t=c[Q],
-c.hasOwnProperty(Q)&&null!=t&&!d.hasOwnProperty(Q)&&Z(a,b,Q,null,d,t);for(w in d)t=d[w],r=c[w],!d.hasOwnProperty(w)||t===r||null==t&&null==r||Z(a,b,w,t,d,r)}var Nj=null,Rj=null;function kj(a){return 9===a.nodeType?a:a.ownerDocument}function Pa(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
-function Qa(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Xd(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var Vo=null;function Ff(){var a=window.event;if(a&&"popstate"===a.type){if(a===Vo)return!1;Vo=a;return!0}Vo=null;return!1}
-var rl="function"===typeof setTimeout?setTimeout:void 0,zl="function"===typeof clearTimeout?clearTimeout:void 0,Wo="function"===typeof Promise?Promise:void 0,If="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof Wo?function(a){return Wo.resolve(null).then(a).catch(Xo)}:rl;function Xo(a){setTimeout(function(){throw a;})}
-function ok(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);pk(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);pk(b)}function Sj(a){var b=a.nodeType;if(9===b)Yo(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":Yo(a);break;default:a.textContent=""}}
-function Yo(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":Yo(c);Zb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
-function Nd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Yb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
+isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":sc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":sc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":sc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":sc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":sc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":sc(a,"http://www.w3.org/1999/xlink","xlink:type",
+d);break;case "xmlBase":sc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":sc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":sc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":qc(a,"is",d);break;case "innerText":case "textContent":break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Wc.get(c)||c,qc(a,e,d)}}
+function fp(a,b,c,d,e,f){switch(c){case "style":Uc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(x(61));c=d.__html;if(null!=c){if(null!=e.children)throw Error(x(60));a.innerHTML=c}}break;case "children":"string"===typeof d?Rc(a,d):"number"===typeof d&&Rc(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=qk);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":case "ref":break;
+case "innerText":case "textContent":break;default:if(!ic.hasOwnProperty(c))a:{if("o"===c[0]&&"n"===c[1]&&(e=c.endsWith("Capture"),b=c.slice(2,e?c.length-7:void 0),f=ec(a),f=null!=f?f[c]:null,"function"===typeof f&&a.removeEventListener(b,f,e),"function"===typeof d)){"function"!==typeof f&&null!==f&&(c in a?a[c]=null:a.hasAttribute(c)&&a.removeAttribute(c));a.addEventListener(b,d,e);break a}c in a?a[c]=d:!0===d?a.setAttribute(c,""):qc(a,c,d)}}}
+function tj(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(u in c)if(c.hasOwnProperty(u)){var n=c[u];if(null!=n)switch(u){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(x(137,b));break;default:Z(a,
+b,u,n,c,null)}}Mc(a,f,g,h,k,e,d,!1);Fc(a);return;case "select":Y("invalid",a);var u=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":u=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!u;null!=b?Oc(a,!!u,b,!1):null!=c&&Oc(a,!!u,c,!0);return;case "textarea":Y("invalid",a);f=d=u=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":u=g;break;case "defaultValue":d=g;break;case "children":f=
+g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(x(91));break;default:Z(a,b,e,g,c,null)}Qc(a,u,d,f);Fc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(u=c[g],null!=u))switch(g){case "selected":a.selected=u&&"function"!==typeof u&&"symbol"!==typeof u;break;default:Z(a,b,g,u,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(u=0;u<Uo.length;u++)Y(Uo[u],a);break;case "image":Y("error",a);Y("load",
+a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(u=c[h],null!=u))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(x(137,b));default:Z(a,b,h,u,c,null)}return;default:if(Vc(b)){for(k in c)c.hasOwnProperty(k)&&(u=c[k],null!=u&&fp(a,b,k,u,c,null));
+return}}for(f in c)c.hasOwnProperty(f)&&(u=c[f],null!=u&&Z(a,b,f,u,c,null))}
+function Jk(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,u=null;for(r in c){var w=c[r];if(c.hasOwnProperty(r)&&null!=w)switch(r){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(r)||Z(a,b,r,null,d,w)}}for(var q in d){var r=d[q];w=c[q];if(d.hasOwnProperty(q)&&(null!=r||null!=w))switch(q){case "type":f=r;break;case "name":e=r;break;case "checked":n=
+r;break;case "defaultChecked":u=r;break;case "value":g=r;break;case "defaultValue":h=r;break;case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(x(137,b));break;default:r!==w&&Z(a,b,q,r,d,w)}}Kc(a,g,h,k,n,u,f,e);return;case "select":r=g=h=q=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":r=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":q=
+f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=r;null!=q?Oc(a,!!c,q,!1):!!d!==!!c&&(null!=b?Oc(a,!!c,b,!0):Oc(a,!!c,c?[]:"",!1));return;case "textarea":r=q=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":q=e;break;case "defaultValue":r=e;break;case "children":break;
+case "dangerouslySetInnerHTML":if(null!=e)throw Error(x(91));break;default:e!==f&&Z(a,b,g,e,d,f)}Pc(a,q,r);return;case "option":for(var z in c)if(q=c[z],c.hasOwnProperty(z)&&null!=q&&!d.hasOwnProperty(z))switch(z){case "selected":a.selected=!1;break;default:Z(a,b,z,null,d,q)}for(k in d)if(q=d[k],r=c[k],d.hasOwnProperty(k)&&q!==r&&(null!=q||null!=r))switch(k){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,k,q,d,r)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var D in c)q=
+c[D],c.hasOwnProperty(D)&&null!=q&&!d.hasOwnProperty(D)&&Z(a,b,D,null,d,q);for(n in d)if(q=d[n],r=c[n],d.hasOwnProperty(n)&&q!==r&&(null!=q||null!=r))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=q)throw Error(x(137,b));break;default:Z(a,b,n,q,d,r)}return;default:if(Vc(b)){for(var K in c)q=c[K],c.hasOwnProperty(K)&&null!=q&&!d.hasOwnProperty(K)&&fp(a,b,K,null,d,q);for(u in d)q=d[u],r=c[u],!d.hasOwnProperty(u)||q===r||null==q&&null==r||fp(a,b,u,q,d,r);return}}for(var m in c)q=c[m],
+c.hasOwnProperty(m)&&null!=q&&!d.hasOwnProperty(m)&&Z(a,b,m,null,d,q);for(w in d)q=d[w],r=c[w],!d.hasOwnProperty(w)||q===r||null==q&&null==r||Z(a,b,w,q,d,r)}var Vj=null,Zj=null;function sj(a){return 9===a.nodeType?a:a.ownerDocument}function Na(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
+function Oa(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Zd(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var gp=null;function Ke(){var a=window.event;if(a&&"popstate"===a.type){if(a===gp)return!1;gp=a;return!0}gp=null;return!1}
+var Dl="function"===typeof setTimeout?setTimeout:void 0,Ll="function"===typeof clearTimeout?clearTimeout:void 0,hp="function"===typeof Promise?Promise:void 0,Ne="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof hp?function(a){return hp.resolve(null).then(a).catch(ip)}:Dl;function ip(a){setTimeout(function(){throw a;})}
+function wk(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);xk(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);xk(b)}function ak(a){var b=a.nodeType;if(9===b)jp(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":jp(a);break;default:a.textContent=""}}
+function jp(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":jp(c);$b(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
+function Pd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Zb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
 a.getAttribute("href")!==(null==e.href?null:e.href)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin)||a.getAttribute("title")!==(null==e.title?null:e.title))break;return a;case "style":if(a.hasAttribute("data-precedence"))break;return a;case "script":f=a.getAttribute("src");if((f!==(null==e.src?null:e.src)||a.getAttribute("type")!==(null==e.type?null:e.type)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin))&&f&&a.hasAttribute("async")&&!a.hasAttribute("itemprop"))break;
-return a;default:return a}a=Sd(a);if(null===a)break}return null}function Qd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Sd(a);if(null===a)return null}return a}function Od(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Sd(a){return Od(a.nextSibling)}
-function ij(a,b,c,d,e){a[Rb]=e;a[Sb]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<Io.length;e++)Y(Io[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);Kc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);Dc(a);break;case "select":Y("invalid",
-a);break;case "textarea":Y("invalid",a),Oc(a,c.value,c.defaultValue,c.children),Dc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&mj(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=ik)}
-function ac(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function jj(a,b,c){b=kj(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(u(452));return a;case "head":a=b.head;if(!a)throw Error(u(453));return a;case "body":a=b.body;if(!a)throw Error(u(454));return a;default:throw Error(u(451));}}var Zo=new Map,$o=new Set;
-function Dk(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var hp={prefetchDNS:ap,preconnect:bp,preload:cp,preloadModule:dp,preinitStyle:ep,preinitScript:fp,preinitModuleScript:gp};
-function ip(a,b,c){var d=document;if("string"===typeof b&&b){var e=Hc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');$o.has(e)||($o.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),lj(b,"link",a),fc(b),d.head.appendChild(b)))}}function ap(a){ip("dns-prefetch",a,null)}function bp(a,b){ip("preconnect",a,b)}
-function cp(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+Hc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+Hc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+Hc(c.imageSizes)+'"]')):e+='[href="'+Hc(a)+'"]':e+='[href="'+Hc(a)+'"]';var f=e;switch(b){case "style":f=jp(a);break;case "script":f=kp(a)}Zo.has(f)||(a=x({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),Zo.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(lp(f))||
-"script"===b&&d.querySelector(mp(f))||(b=d.createElement("link"),lj(b,"link",a),fc(b),d.head.appendChild(b)))}}
-function dp(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+Hc(d)+'"][href="'+Hc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=kp(a)}if(!Zo.has(f)&&(a=x({rel:"modulepreload",href:a},b),Zo.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(mp(f)))return}d=c.createElement("link");
-lj(d,"link",a);fc(d);c.head.appendChild(d)}}}
-function ep(a,b,c){var d=document;if(a){var e=ec(d).hoistableStyles,f=jp(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(lp(f)))h.loading=5;else{a=x({rel:"stylesheet",href:a,"data-precedence":b},c);(c=Zo.get(f))&&np(a,c);var k=g=d.createElement("link");fc(k);lj(k,"link",a);k._p=new Promise(function(n,q){k.onload=n;k.onerror=q});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;op(g,b,d)}g=
-{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function fp(a,b){var c=document;if(a){var d=ec(c).hoistableScripts,e=kp(a),f=d.get(e);f||(f=c.querySelector(mp(e)),f||(a=x({src:a,async:!0},b),(b=Zo.get(e))&&pp(a,b),f=c.createElement("script"),fc(f),lj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function gp(a,b){var c=document;if(a){var d=ec(c).hoistableScripts,e=kp(a),f=d.get(e);f||(f=c.querySelector(mp(e)),f||(a=x({src:a,async:!0,type:"module"},b),(b=Zo.get(e))&&pp(a,b),f=c.createElement("script"),fc(f),lj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function Sl(a,b,c){b=(b=La.current)?Dk(b):null;if(!b)throw Error(u(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=jp(c.href),b=ec(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=jp(c.href);var d=ec(b).hoistableStyles,e=d.get(a);
-e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),Zo.has(a)||qp(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=kp(c.src),b=ec(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
-instance:null,count:0,state:null};default:throw Error(u(444,a));}}function jp(a){return'href="'+Hc(a)+'"'}function lp(a){return'link[rel="stylesheet"]['+a+"]"}function rp(a){return x({},a,{"data-precedence":a.precedence,precedence:null})}
-function qp(a,b,c,d){Zo.set(b,c);a.querySelector(lp(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),lj(b,"link",c),fc(b),a.head.appendChild(b)))}function kp(a){return'[src="'+Hc(a)+'"]'}function mp(a){return"script[async]"+a}
-function Ak(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+Hc(c.href)+'"]');if(d)return b.instance=d,fc(d),d;var e=x({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");fc(d);lj(d,"style",e);op(d,c.precedence,a);return b.instance=d;case "stylesheet":e=jp(c.href);var f=a.querySelector(lp(e));if(f)return b.state.loading|=4,b.instance=f,fc(f),f;d=rp(c);(e=Zo.get(e))&&
-np(d,e);f=(a.ownerDocument||a).createElement("link");fc(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});lj(f,"link",d);b.state.loading|=4;op(f,c.precedence,a);return b.instance=f;case "script":f=kp(c.src);if(e=a.querySelector(mp(f)))return b.instance=e,fc(e),e;d=c;if(e=Zo.get(f))d=x({},c),pp(d,e);a=a.ownerDocument||a;e=a.createElement("script");fc(e);lj(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(u(443,b.type));}else"stylesheet"===
-b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,op(d,c.precedence,a));return b.instance}function op(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
-function np(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function pp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var Ck=null;
-function yk(a,b,c){if(null===Ck){var d=new Map;var e=Ck=new Map;e.set(c,d)}else e=Ck,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Yb]||f[Rb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
-function zk(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
-function Ul(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
-var tl=null;function ul(){}
-function Rk(a,b,c){if(null===tl)throw Error(u(475));var d=tl;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=jp(c.href),f=a.querySelector(lp(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=sp.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;fc(f);return}f=a.ownerDocument||a;c=rp(c);(e=Zo.get(e))&&np(c,e);f=f.createElement("link");fc(f);var g=f;g._p=new Promise(function(h,
-k){g.onload=h;g.onerror=k});lj(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=sp.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
-function vl(){if(null===tl)throw Error(u(475));var a=tl;a.stylesheets&&0===a.count&&tp(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&tp(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function sp(){this.count--;if(0===this.count)if(this.stylesheets)tp(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var up=null;
-function tp(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,up=new Map,b.forEach(vp,a),up=null,sp.call(a))}
-function vp(a,b){if(!(b.state.loading&4)){var c=up.get(a);if(c)var d=c.get("last");else{c=new Map;up.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set("p"+g.dataset.precedence,g),d=g}d&&c.set("last",d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get("p"+g)||d;f===d&&c.set("last",e);c.set(g,e);this.count++;d=sp.bind(this);e.addEventListener("load",d);e.addEventListener("error",
-d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var wp=ca.Dispatcher;"undefined"!==typeof document&&(wp.current=hp);var xp="function"===typeof reportError?reportError:function(a){console.error(a)};function yp(a){this._internalRoot=a}zp.prototype.render=yp.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(u(409));$l(a,b,null,null)};
-zp.prototype.unmount=yp.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;xl(function(){$l(null,a,null,null)});b[Tb]=null}};function zp(a){this._internalRoot=a}zp.prototype.unstable_scheduleHydration=function(a){if(a){var b=G;a={blockedOn:null,target:a,priority:b};for(var c=0;c<dn.length&&0!==b&&b<dn[c].priority;c++);dn.splice(c,0,a);0===c&&jn(a)}};function Ap(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
-function Bp(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Cp(){}
-function Dp(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=am(g);f.call(n)}}var g=Zl(b,d,a,0,null,!1,!1,"",Cp,null,null);a._reactRootContainer=g;a[Tb]=g.current;nj(8===a.nodeType?a.parentNode:a);xl();return g}Sj(a);if("function"===typeof d){var h=d;d=function(){var n=am(k);h.call(n)}}var k=Wl(a,0,!1,null,null,!1,!1,"",Cp,null,null);a._reactRootContainer=k;a[Tb]=k.current;nj(8===a.nodeType?a.parentNode:a);xl(function(){$l(b,k,c,d)});return k}
-function Ep(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=am(g);h.call(k)}}$l(b,g,a,e)}else g=Dp(c,b,a,e,d);return am(g)}function Fp(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var Gp=ca.Dispatcher;ca.Events=[bc,cc,dc,$c,ad,wl];var Hp={findFiberByHostInstance:$b,bundleType:0,version:"18.3.0-experimental-60a927d04-20240113",rendererPackageName:"react-dom"};
-(function(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return!0;try{a=x({},a,{getLaneLabelMap:jb,injectProfilingHooks:ib}),eb=b.inject(a),fb=b}catch(c){}return b.checkDCE?!0:!1})({bundleType:Hp.bundleType,version:Hp.version,rendererPackageName:Hp.rendererPackageName,rendererConfig:Hp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,
-overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=fd(a);return null===a?null:a.stateNode},findFiberByHostInstance:Hp.findFiberByHostInstance||fm,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-experimental-60a927d04-20240113"});
-exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Ap(b))throw Error(u(200));return Xl(a,b,null,c)};
-exports.createRoot=function(a,b){if(!Ap(a))throw Error(u(299));var c=!1,d="",e=xp,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=Wl(a,1,!1,null,null,c,!1,d,e,f,null);a[Tb]=b.current;wp.current=hp;nj(8===a.nodeType?a.parentNode:a);return new yp(b)};
-exports.experimental_useFormState=function(a,b,c){return ia(a,b,c)};exports.experimental_useFormStatus=function(){return ha()};exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(u(188));a=Object.keys(a).join(",");throw Error(u(268,a));}a=fd(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return xl(a)};
-exports.hydrate=function(a,b,c){if(!Bp(b))throw Error(u(200));return Ep(null,a,b,!0,c)};
-exports.hydrateRoot=function(a,b,c){if(!Ap(a))throw Error(u(405));var d=!1,e="",f=xp,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=Zl(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Tb]=b.current;wp.current=hp;nj(a);return new zp(b)};
-exports.preconnect=function(a,b){var c=Gp.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=Gp.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
-exports.preinit=function(a,b){var c=Gp.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=Fp(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
-exports.preinitModule=function(a,b){var c=Gp.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=Fp(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
-exports.preload=function(a,b){var c=Gp.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=Fp(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
-typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=Gp.current;if(c&&"string"===typeof a)if(b){var d=Fp(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!Bp(b))throw Error(u(200));return Ep(null,a,b,!1,c)};
-exports.unmountComponentAtNode=function(a){if(!Bp(a))throw Error(u(40));return a._reactRootContainer?(xl(function(){Ep(null,null,a,!1,function(){a._reactRootContainer=null;a[Tb]=null})}),!0):!1};exports.unstable_batchedUpdates=wl;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!Bp(c))throw Error(u(200));if(null==a||void 0===a._reactInternals)throw Error(u(38));return Ep(a,b,c,!1,d)};exports.unstable_runWithPriority=Nb;exports.useFormState=ia;exports.useFormStatus=ha;
-exports.version="18.3.0-experimental-60a927d04-20240113";"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+return a;default:return a}a=Ud(a);if(null===a)break}return null}function Sd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Ud(a);if(null===a)return null}return a}function Qd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Ud(a){return Qd(a.nextSibling)}
+function qj(a,b,c,d,e){a[Sb]=e;a[Tb]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<Uo.length;e++)Y(Uo[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);Mc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);Fc(a);break;case "select":Y("invalid",
+a);break;case "textarea":Y("invalid",a),Qc(a,c.value,c.defaultValue,c.children),Fc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&uj(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=qk)}
+function bc(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function rj(a,b,c){b=sj(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(x(452));return a;case "head":a=b.head;if(!a)throw Error(x(453));return a;case "body":a=b.body;if(!a)throw Error(x(454));return a;default:throw Error(x(451));}}var kp=new Map,lp=new Set;
+function Lk(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var tp={prefetchDNS:mp,preconnect:np,preload:op,preloadModule:pp,preinitStyle:qp,preinitScript:rp,preinitModuleScript:sp};
+function up(a,b,c){var d=document;if("string"===typeof b&&b){var e=Jc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');lp.has(e)||(lp.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),tj(b,"link",a),gc(b),d.head.appendChild(b)))}}function mp(a){up("dns-prefetch",a,null)}function np(a,b){up("preconnect",a,b)}
+function op(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+Jc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+Jc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+Jc(c.imageSizes)+'"]')):e+='[href="'+Jc(a)+'"]':e+='[href="'+Jc(a)+'"]';var f=e;switch(b){case "style":f=vp(a);break;case "script":f=wp(a)}kp.has(f)||(a=E({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),kp.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(xp(f))||
+"script"===b&&d.querySelector(yp(f))||(b=d.createElement("link"),tj(b,"link",a),gc(b),d.head.appendChild(b)))}}
+function pp(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+Jc(d)+'"][href="'+Jc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=wp(a)}if(!kp.has(f)&&(a=E({rel:"modulepreload",href:a},b),kp.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(yp(f)))return}d=c.createElement("link");
+tj(d,"link",a);gc(d);c.head.appendChild(d)}}}
+function qp(a,b,c){var d=document;if(a){var e=fc(d).hoistableStyles,f=vp(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(xp(f)))h.loading=5;else{a=E({rel:"stylesheet",href:a,"data-precedence":b},c);(c=kp.get(f))&&zp(a,c);var k=g=d.createElement("link");gc(k);tj(k,"link",a);k._p=new Promise(function(n,u){k.onload=n;k.onerror=u});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;Ap(g,b,d)}g=
+{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function rp(a,b){var c=document;if(a){var d=fc(c).hoistableScripts,e=wp(a),f=d.get(e);f||(f=c.querySelector(yp(e)),f||(a=E({src:a,async:!0},b),(b=kp.get(e))&&Bp(a,b),f=c.createElement("script"),gc(f),tj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function sp(a,b){var c=document;if(a){var d=fc(c).hoistableScripts,e=wp(a),f=d.get(e);f||(f=c.querySelector(yp(e)),f||(a=E({src:a,async:!0,type:"module"},b),(b=kp.get(e))&&Bp(a,b),f=c.createElement("script"),gc(f),tj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function dm(a,b,c){b=(b=Ja.current)?Lk(b):null;if(!b)throw Error(x(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=vp(c.href),b=fc(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=vp(c.href);var d=fc(b).hoistableStyles,e=d.get(a);
+e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),kp.has(a)||Cp(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=wp(c.src),b=fc(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
+instance:null,count:0,state:null};default:throw Error(x(444,a));}}function vp(a){return'href="'+Jc(a)+'"'}function xp(a){return'link[rel="stylesheet"]['+a+"]"}function Dp(a){return E({},a,{"data-precedence":a.precedence,precedence:null})}
+function Cp(a,b,c,d){kp.set(b,c);a.querySelector(xp(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),tj(b,"link",c),gc(b),a.head.appendChild(b)))}function wp(a){return'[src="'+Jc(a)+'"]'}function yp(a){return"script[async]"+a}
+function Ik(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+Jc(c.href)+'"]');if(d)return b.instance=d,gc(d),d;var e=E({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");gc(d);tj(d,"style",e);Ap(d,c.precedence,a);return b.instance=d;case "stylesheet":e=vp(c.href);var f=a.querySelector(xp(e));if(f)return b.state.loading|=4,b.instance=f,gc(f),f;d=Dp(c);(e=kp.get(e))&&
+zp(d,e);f=(a.ownerDocument||a).createElement("link");gc(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});tj(f,"link",d);b.state.loading|=4;Ap(f,c.precedence,a);return b.instance=f;case "script":f=wp(c.src);if(e=a.querySelector(yp(f)))return b.instance=e,gc(e),e;d=c;if(e=kp.get(f))d=E({},c),Bp(d,e);a=a.ownerDocument||a;e=a.createElement("script");gc(e);tj(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(x(443,b.type));}else"stylesheet"===
+b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,Ap(d,c.precedence,a));return b.instance}function Ap(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
+function zp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function Bp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var Kk=null;
+function Gk(a,b,c){if(null===Kk){var d=new Map;var e=Kk=new Map;e.set(c,d)}else e=Kk,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Zb]||f[Sb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
+function Hk(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
+function fm(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
+var Fl=null;function Gl(){}
+function Zk(a,b,c){if(null===Fl)throw Error(x(475));var d=Fl;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=vp(c.href),f=a.querySelector(xp(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=Ep.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;gc(f);return}f=a.ownerDocument||a;c=Dp(c);(e=kp.get(e))&&zp(c,e);f=f.createElement("link");gc(f);var g=f;g._p=new Promise(function(h,
+k){g.onload=h;g.onerror=k});tj(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=Ep.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
+function Hl(){if(null===Fl)throw Error(x(475));var a=Fl;a.stylesheets&&0===a.count&&Fp(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&Fp(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function Ep(){this.count--;if(0===this.count)if(this.stylesheets)Fp(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var Gp=null;
+function Fp(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,Gp=new Map,b.forEach(Hp,a),Gp=null,Ep.call(a))}
+function Hp(a,b){if(!(b.state.loading&4)){var c=Gp.get(a);if(c)var d=c.get(null);else{c=new Map;Gp.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set(g.dataset.precedence,g),d=g}d&&c.set(null,d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get(g)||d;f===d&&c.set(null,e);c.set(g,e);this.count++;d=Ep.bind(this);e.addEventListener("load",d);e.addEventListener("error",
+d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var Ip=ba.Dispatcher;"undefined"!==typeof document&&(Ip.current=tp);var Jp="function"===typeof reportError?reportError:function(a){console.error(a)};function Kp(a){this._internalRoot=a}Lp.prototype.render=Kp.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(x(409));lm(a,b,null,null)};
+Lp.prototype.unmount=Kp.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Jl(function(){lm(null,a,null,null)});b[Ub]=null}};function Lp(a){this._internalRoot=a}Lp.prototype.unstable_scheduleHydration=function(a){if(a){var b=I;a={blockedOn:null,target:a,priority:b};for(var c=0;c<qn.length&&0!==b&&b<qn[c].priority;c++);qn.splice(c,0,a);0===c&&vn(a)}};function Mp(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
+function Np(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Op(){}
+function Pp(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=mm(g);f.call(n)}}var g=km(b,d,a,0,null,!1,!1,"",Op,null,null);a._reactRootContainer=g;a[Ub]=g.current;vj(8===a.nodeType?a.parentNode:a);Jl();return g}ak(a);if("function"===typeof d){var h=d;d=function(){var n=mm(k);h.call(n)}}var k=hm(a,0,!1,null,null,!1,!1,"",Op,null,null);a._reactRootContainer=k;a[Ub]=k.current;vj(8===a.nodeType?a.parentNode:a);Jl(function(){lm(b,k,c,d)});return k}
+function Qp(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=mm(g);h.call(k)}}lm(b,g,a,e)}else g=Pp(c,b,a,e,d);return mm(g)}function Rp(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var Sp=ba.Dispatcher;ba.Events=[cc,dc,ec,bd,cd,Il];var Tp={findFiberByHostInstance:ac,bundleType:0,version:"18.3.0-experimental-14898b6a9-20240318",rendererPackageName:"react-dom"};
+(function(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return!0;try{a=E({},a,{getLaneLabelMap:kb,injectProfilingHooks:jb}),eb=b.inject(a),fb=b}catch(c){}return b.checkDCE?!0:!1})({bundleType:Tp.bundleType,version:Tp.version,rendererPackageName:Tp.rendererPackageName,rendererConfig:Tp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,
+overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:ca.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=hd(a);return null===a?null:a.stateNode},findFiberByHostInstance:Tp.findFiberByHostInstance||rm,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-experimental-14898b6a9-20240318"});
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ba;exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Mp(b))throw Error(x(299));return im(a,b,null,c)};
+exports.createRoot=function(a,b){if(!Mp(a))throw Error(x(299));var c=!1,d="",e=Jp,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=hm(a,1,!1,null,null,c,!1,d,e,f,null);a[Ub]=b.current;Ip.current=tp;vj(8===a.nodeType?a.parentNode:a);return new Kp(b)};
+exports.experimental_useFormState=function(a,b,c){return ha(a,b,c)};exports.experimental_useFormStatus=function(){return fa()};exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(x(188));a=Object.keys(a).join(",");throw Error(x(268,a));}a=hd(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return Jl(a)};
+exports.hydrate=function(a,b,c){if(!Np(b))throw Error(x(299));return Qp(null,a,b,!0,c)};
+exports.hydrateRoot=function(a,b,c){if(!Mp(a))throw Error(x(299));var d=!1,e="",f=Jp,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=km(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Ub]=b.current;Ip.current=tp;vj(a);return new Lp(b)};
+exports.preconnect=function(a,b){var c=Sp.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=Sp.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
+exports.preinit=function(a,b){var c=Sp.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=Rp(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
+exports.preinitModule=function(a,b){var c=Sp.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=Rp(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
+exports.preload=function(a,b){var c=Sp.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=Rp(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
+typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=Sp.current;if(c&&"string"===typeof a)if(b){var d=Rp(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!Np(b))throw Error(x(299));return Qp(null,a,b,!1,c)};
+exports.unmountComponentAtNode=function(a){if(!Np(a))throw Error(x(299));return a._reactRootContainer?(Jl(function(){Qp(null,null,a,!1,function(){a._reactRootContainer=null;a[Ub]=null})}),!0):!1};exports.unstable_batchedUpdates=Il;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!Np(c))throw Error(x(299));if(null==a||void 0===a._reactInternals)throw Error(x(38));return Qp(a,b,c,!1,d)};exports.unstable_runWithPriority=Ob;exports.useFormState=ha;exports.useFormStatus=fa;
+exports.version="18.3.0-experimental-14898b6a9-20240318";"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 
 //# sourceMappingURL=react-dom.profiling.min.js.map
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
new file mode 100644
index 00000000000000..5a7dca3ef0112e
--- /dev/null
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.development.js
@@ -0,0 +1,319 @@
+/**
+ * @license React
+ * react-dom.react-server.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require("next/dist/compiled/react-experimental");
+
+var Internals = {
+  usingClientEntryPoint: false,
+  Events: null,
+  Dispatcher: {
+    current: null
+  }
+};
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+function getCrossOriginString(input) {
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+function getCrossOriginStringAs(as, input) {
+  if (as === 'font') {
+    return '';
+  }
+
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+
+var Dispatcher = Internals.Dispatcher;
+function prefetchDNS(href) {
+  {
+    if (typeof href !== 'string' || !href) {
+      error('ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.', getValueDescriptorExpectingObjectForWarning(href));
+    } else if (arguments.length > 1) {
+      var options = arguments[1];
+
+      if (typeof options === 'object' && options.hasOwnProperty('crossOrigin')) {
+        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));
+      } else {
+        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));
+      }
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    dispatcher.prefetchDNS(href);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preconnect(href, options) {
+  {
+    if (typeof href !== 'string' || !href) {
+      error('ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.', getValueDescriptorExpectingObjectForWarning(href));
+    } else if (options != null && typeof options !== 'object') {
+      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));
+    } else if (options != null && typeof options.crossOrigin !== 'string') {
+      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));
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    var crossOrigin = options ? getCrossOriginString(options.crossOrigin) : null;
+    dispatcher.preconnect(href, crossOrigin);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preload(href, options) {
+  {
+    var encountered = '';
+
+    if (typeof href !== 'string' || !href) {
+      encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".";
+    }
+
+    if (options == null || typeof options !== 'object') {
+      encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + ".";
+    } else if (typeof options.as !== 'string' || !options.as) {
+      encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".";
+    }
+
+    if (encountered) {
+      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);
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && // We check existence because we cannot enforce this function is actually called with the stated type
+  typeof options === 'object' && options !== null && typeof options.as === 'string') {
+    var as = options.as;
+    var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    dispatcher.preload(href, as, {
+      crossOrigin: crossOrigin,
+      integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+      nonce: typeof options.nonce === 'string' ? options.nonce : undefined,
+      type: typeof options.type === 'string' ? options.type : undefined,
+      fetchPriority: typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined,
+      referrerPolicy: typeof options.referrerPolicy === 'string' ? options.referrerPolicy : undefined,
+      imageSrcSet: typeof options.imageSrcSet === 'string' ? options.imageSrcSet : undefined,
+      imageSizes: typeof options.imageSizes === 'string' ? options.imageSizes : undefined
+    });
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preloadModule(href, options) {
+  {
+    var encountered = '';
+
+    if (typeof href !== 'string' || !href) {
+      encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".";
+    }
+
+    if (options !== undefined && typeof options !== 'object') {
+      encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + ".";
+    } else if (options && 'as' in options && typeof options.as !== 'string') {
+      encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".";
+    }
+
+    if (encountered) {
+      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);
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (options) {
+      var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+      dispatcher.preloadModule(href, {
+        as: typeof options.as === 'string' && options.as !== 'script' ? options.as : undefined,
+        crossOrigin: crossOrigin,
+        integrity: typeof options.integrity === 'string' ? options.integrity : undefined
+      });
+    } else {
+      dispatcher.preloadModule(href);
+    }
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinit(href, options) {
+  {
+    if (typeof href !== 'string' || !href) {
+      error('ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.', getValueDescriptorExpectingObjectForWarning(href));
+    } else if (options == null || typeof options !== 'object') {
+      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));
+    } else if (options.as !== 'style' && options.as !== 'script') {
+      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));
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && options && typeof options.as === 'string') {
+    var as = options.as;
+    var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    var integrity = typeof options.integrity === 'string' ? options.integrity : undefined;
+    var fetchPriority = typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined;
+
+    if (as === 'style') {
+      dispatcher.preinitStyle(href, typeof options.precedence === 'string' ? options.precedence : undefined, {
+        crossOrigin: crossOrigin,
+        integrity: integrity,
+        fetchPriority: fetchPriority
+      });
+    } else if (as === 'script') {
+      dispatcher.preinitScript(href, {
+        crossOrigin: crossOrigin,
+        integrity: integrity,
+        fetchPriority: fetchPriority,
+        nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+      });
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinitModule(href, options) {
+  {
+    var encountered = '';
+
+    if (typeof href !== 'string' || !href) {
+      encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".";
+    }
+
+    if (options !== undefined && typeof options !== 'object') {
+      encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + ".";
+    } else if (options && 'as' in options && options.as !== 'script') {
+      encountered += " The `as` option encountered was " + getValueDescriptorExpectingEnumForWarning(options.as) + ".";
+    }
+
+    if (encountered) {
+      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);
+    } else {
+      var as = options && typeof options.as === 'string' ? options.as : 'script';
+
+      switch (as) {
+        case 'script':
+          {
+            break;
+          }
+        // We have an invalid as type and need to warn
+
+        default:
+          {
+            var typeOfAs = getValueDescriptorExpectingEnumForWarning(as);
+
+            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)', typeOfAs, href);
+          }
+      }
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (typeof options === 'object' && options !== null) {
+      if (options.as == null || options.as === 'script') {
+        var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+        dispatcher.preinitModuleScript(href, {
+          crossOrigin: crossOrigin,
+          integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+          nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+        });
+      }
+    } else if (options == null) {
+      dispatcher.preinitModuleScript(href);
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+
+function getValueDescriptorExpectingObjectForWarning(thing) {
+  return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
+}
+
+function getValueDescriptorExpectingEnumForWarning(thing) {
+  return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : typeof thing === 'string' ? JSON.stringify(thing) : typeof thing === 'number' ? '`' + thing + '`' : "something with type \"" + typeof thing + "\"";
+}
+
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
+exports.preconnect = preconnect;
+exports.prefetchDNS = prefetchDNS;
+exports.preinit = preinit;
+exports.preinitModule = preinitModule;
+exports.preload = preload;
+exports.preloadModule = preloadModule;
+  })();
+}
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
new file mode 100644
index 00000000000000..8ffeec2f28db61
--- /dev/null
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.js
@@ -0,0 +1,165 @@
+/**
+ * @license React
+ * react-dom.react-server.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const Internals = {
+  usingClientEntryPoint: false,
+  Events: null,
+  Dispatcher: {
+    current: null
+  }
+};
+
+function getCrossOriginString(input) {
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+function getCrossOriginStringAs(as, input) {
+  if (as === 'font') {
+    return '';
+  }
+
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+
+const Dispatcher = Internals.Dispatcher;
+function prefetchDNS(href) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    dispatcher.prefetchDNS(href);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preconnect(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    const crossOrigin = options ? getCrossOriginString(options.crossOrigin) : null;
+    dispatcher.preconnect(href, crossOrigin);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preload(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && // We check existence because we cannot enforce this function is actually called with the stated type
+  typeof options === 'object' && options !== null && typeof options.as === 'string') {
+    const as = options.as;
+    const crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    dispatcher.preload(href, as, {
+      crossOrigin,
+      integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+      nonce: typeof options.nonce === 'string' ? options.nonce : undefined,
+      type: typeof options.type === 'string' ? options.type : undefined,
+      fetchPriority: typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined,
+      referrerPolicy: typeof options.referrerPolicy === 'string' ? options.referrerPolicy : undefined,
+      imageSrcSet: typeof options.imageSrcSet === 'string' ? options.imageSrcSet : undefined,
+      imageSizes: typeof options.imageSizes === 'string' ? options.imageSizes : undefined
+    });
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preloadModule(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (options) {
+      const crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+      dispatcher.preloadModule(href, {
+        as: typeof options.as === 'string' && options.as !== 'script' ? options.as : undefined,
+        crossOrigin,
+        integrity: typeof options.integrity === 'string' ? options.integrity : undefined
+      });
+    } else {
+      dispatcher.preloadModule(href);
+    }
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinit(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && options && typeof options.as === 'string') {
+    const as = options.as;
+    const crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    const integrity = typeof options.integrity === 'string' ? options.integrity : undefined;
+    const fetchPriority = typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined;
+
+    if (as === 'style') {
+      dispatcher.preinitStyle(href, typeof options.precedence === 'string' ? options.precedence : undefined, {
+        crossOrigin,
+        integrity,
+        fetchPriority
+      });
+    } else if (as === 'script') {
+      dispatcher.preinitScript(href, {
+        crossOrigin,
+        integrity,
+        fetchPriority,
+        nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+      });
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinitModule(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (typeof options === 'object' && options !== null) {
+      if (options.as == null || options.as === 'script') {
+        const crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+        dispatcher.preinitModuleScript(href, {
+          crossOrigin,
+          integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+          nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+        });
+      }
+    } else if (options == null) {
+      dispatcher.preinitModuleScript(href);
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
+exports.preconnect = preconnect;
+exports.prefetchDNS = prefetchDNS;
+exports.preinit = preinit;
+exports.preinitModule = preinitModule;
+exports.preload = preload;
+exports.preloadModule = preloadModule;
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.min.js b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.min.js
new file mode 100644
index 00000000000000..6cc60a4e8b50fe
--- /dev/null
+++ b/packages/next/src/compiled/react-dom-experimental/cjs/react-dom.react-server.production.min.js
@@ -0,0 +1,17 @@
+/*
+ React
+ react-dom.react-server.production.min.js
+
+ Copyright (c) Meta Platforms, Inc. and affiliates.
+
+ This source code is licensed under the MIT license found in the
+ LICENSE file in the root directory of this source tree.
+*/
+'use strict';var e={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function f(b,a){if("font"===b)return"";if("string"===typeof a)return"use-credentials"===a?a:""}var h=e.Dispatcher;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=e;exports.preconnect=function(b,a){var c=h.current;c&&"string"===typeof b&&(a?(a=a.crossOrigin,a="string"===typeof a?"use-credentials"===a?a:"":void 0):a=null,c.preconnect(b,a))};
+exports.prefetchDNS=function(b){var a=h.current;a&&"string"===typeof b&&a.prefetchDNS(b)};
+exports.preinit=function(b,a){var c=h.current;if(c&&"string"===typeof b&&a&&"string"===typeof a.as){var d=a.as,g=f(d,a.crossOrigin),k="string"===typeof a.integrity?a.integrity:void 0,l="string"===typeof a.fetchPriority?a.fetchPriority:void 0;"style"===d?c.preinitStyle(b,"string"===typeof a.precedence?a.precedence:void 0,{crossOrigin:g,integrity:k,fetchPriority:l}):"script"===d&&c.preinitScript(b,{crossOrigin:g,integrity:k,fetchPriority:l,nonce:"string"===typeof a.nonce?a.nonce:void 0})}};
+exports.preinitModule=function(b,a){var c=h.current;if(c&&"string"===typeof b)if("object"===typeof a&&null!==a){if(null==a.as||"script"===a.as){var d=f(a.as,a.crossOrigin);c.preinitModuleScript(b,{crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0})}}else null==a&&c.preinitModuleScript(b)};
+exports.preload=function(b,a){var c=h.current;if(c&&"string"===typeof b&&"object"===typeof a&&null!==a&&"string"===typeof a.as){var d=a.as,g=f(d,a.crossOrigin);c.preload(b,d,{crossOrigin:g,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0,type:"string"===typeof a.type?a.type:void 0,fetchPriority:"string"===typeof a.fetchPriority?a.fetchPriority:void 0,referrerPolicy:"string"===typeof a.referrerPolicy?a.referrerPolicy:void 0,imageSrcSet:"string"===
+typeof a.imageSrcSet?a.imageSrcSet:void 0,imageSizes:"string"===typeof a.imageSizes?a.imageSizes:void 0})}};exports.preloadModule=function(b,a){var c=h.current;if(c&&"string"===typeof b)if(a){var d=f(a.as,a.crossOrigin);c.preloadModule(b,{as:"string"===typeof a.as&&"script"!==a.as?a.as:void 0,crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0})}else c.preloadModule(b)};
+
+//# sourceMappingURL=react-dom.react-server.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom-experimental/package.json b/packages/next/src/compiled/react-dom-experimental/package.json
index 0ced207ce87833..cf41e74e827426 100644
--- a/packages/next/src/compiled/react-dom-experimental/package.json
+++ b/packages/next/src/compiled/react-dom-experimental/package.json
@@ -3,7 +3,7 @@
   "main": "index.js",
   "exports": {
     ".": {
-      "react-server": "./react-dom.shared-subset.js",
+      "react-server": "./react-dom.react-server.js",
       "default": "./index.js"
     },
     "./client": "./client.js",
@@ -42,10 +42,10 @@
   },
   "dependencies": {
     "loose-envify": "^1.1.0",
-    "scheduler": "0.0.0-experimental-60a927d04-20240113"
+    "scheduler": "0.0.0-experimental-14898b6a9-20240318"
   },
   "peerDependencies": {
-    "react": "0.0.0-experimental-60a927d04-20240113"
+    "react": "0.0.0-experimental-14898b6a9-20240318"
   },
   "browser": {
     "./server.js": "./server.browser.js",
diff --git a/packages/next/src/compiled/react-dom-experimental/react-dom.react-server.js b/packages/next/src/compiled/react-dom-experimental/react-dom.react-server.js
new file mode 100644
index 00000000000000..7ba04f2fec7c0a
--- /dev/null
+++ b/packages/next/src/compiled/react-dom-experimental/react-dom.react-server.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-dom.react-server.production.min.js');
+} else {
+  module.exports = require('./cjs/react-dom.react-server.development.js');
+}
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 17781ad7cb35b7..29295cf41705ec 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
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -74,6 +74,324 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -186,9 +504,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -1190,6 +1505,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1600,19 +1916,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1807,6 +2117,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1821,9 +2132,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1842,7 +2151,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2220,7 +2529,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2382,6 +2691,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -3261,7 +3571,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3272,11 +3582,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3284,7 +3607,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3376,8 +3699,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3389,8 +3712,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3417,16 +3740,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3459,7 +3780,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3527,8 +3848,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3774,7 +4095,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3798,8 +4119,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4063,6 +4391,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4182,7 +4511,7 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4204,7 +4533,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4234,19 +4570,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4674,7 +5010,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4694,7 +5030,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4737,12 +5073,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -4960,14 +5296,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5121,13 +5460,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5145,15 +5484,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5161,14 +5492,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5181,15 +5509,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5206,15 +5534,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5240,10 +5560,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5339,6 +5659,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5410,10 +5731,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5509,6 +5830,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5584,15 +5906,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6394,13 +6713,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6507,13 +6822,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -6524,7 +6838,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup: generateStaticMarkup
@@ -6582,45 +6895,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 var NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6692,13 +6966,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
-      case REACT_CONTEXT_TYPE:
-        var context = type;
-        return getContextName(context) + '.Consumer';
-
       case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
+      case REACT_CONTEXT_TYPE:
+        var context = type;
+
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6724,1240 +7008,731 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
   {
-    var frame = componentFrameCache.get(fn);
+    prev.context._currentValue2 = prev.parentValue;
+  }
+}
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function pushNode(next) {
+  {
+    next.context._currentValue2 = next.value;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
+      popToNearestCommonAncestor(parentPrev, parentNext);
+    } // On the way back, we push the new ones that weren't common.
 
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
+
+    pushNode(next);
   }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+}
 
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+function pushAllNext(next) {
+  var parentNext = next.parent;
 
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
+  }
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
+  pushNode(next);
+}
 
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
+  if (parentPrev === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
   }
 
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
+  if (parentPrev.depth === next.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(parentPrev, next);
+  } else {
+    // We must still be deeper.
+    popPreviousToCommonLevel(parentPrev, next);
+  }
+}
 
+function popNextToCommonLevel(prev, next) {
+  var parentNext = next.parent;
 
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
+  if (parentNext === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
 
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
+  if (prev.depth === parentNext.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(prev, parentNext);
+  } else {
+    // We must still be deeper.
+    popNextToCommonLevel(prev, parentNext);
+  }
 
+  pushNode(next);
+} // Perform context switching to the new snapshot.
+// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
+// updating all the context's current values. That way reads, always just read the current value.
+// At the cost of updating contexts even if they're never read by this subtree.
 
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
 
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
+function switchContext(newSnapshot) {
+  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
+  // We also need to update any new contexts that are now on the stack with the deepest value.
+  // The easiest way to update new contexts is to just reapply them in reverse order from the
+  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
+  // for that. Therefore this algorithm is recursive.
+  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
+  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
+  // 3) Then we reapply new contexts on the way back up the stack.
+  var prev = currentActiveSnapshot;
+  var next = newSnapshot;
 
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
+  if (prev !== next) {
+    if (prev === null) {
+      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
+      pushAllNext(next);
+    } else if (next === null) {
+      popAllPrevious(prev);
+    } else if (prev.depth === next.depth) {
+      popToNearestCommonAncestor(prev, next);
+    } else if (prev.depth > next.depth) {
+      popPreviousToCommonLevel(prev, next);
+    } else {
+      popNextToCommonLevel(prev, next);
     }
 
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
+    currentActiveSnapshot = next;
+  }
+}
+function pushProvider(context, nextValue) {
+  var prevValue;
 
+  {
+    prevValue = context._currentValue2;
+    context._currentValue2 = nextValue;
 
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+    {
+      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
 
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
+      context._currentRenderer2 = rendererSigil;
     }
   }
 
-  return syntheticFrame;
+  var prevNode = currentActiveSnapshot;
+  var newNode = {
+    parent: prevNode,
+    depth: prevNode === null ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: nextValue
+  };
+  currentActiveSnapshot = newNode;
+  return newNode;
 }
+function popProvider(context) {
+  var prevSnapshot = currentActiveSnapshot;
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
+  if (prevSnapshot === null) {
+    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
   }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+
   {
-    return describeNativeComponentFrame(fn, false);
+    if (prevSnapshot.context !== context) {
+      error('The parent context is not the expected context. This is probably a bug in React.');
+    }
   }
-}
 
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
+  {
+    var _value = prevSnapshot.parentValue;
+    prevSnapshot.context._currentValue2 = _value;
 
-  if (typeof type === 'function') {
     {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
+      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
+
+      context._currentRenderer2 = rendererSigil;
     }
   }
 
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
+  return currentActiveSnapshot = prevSnapshot.parent;
+}
+function getActiveContext() {
+  return currentActiveSnapshot;
+}
+function readContext$1(context) {
+  var value = context._currentValue2;
+  return value;
+}
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
+/**
+ * `ReactInstanceMap` maintains a mapping from a public facing stateful
+ * instance (key) and the internal representation (value). This allows public
+ * methods to accept the user facing instance as an argument and map them back
+ * to internal methods.
+ *
+ * Note that this module is currently shared and assumed to be stateless.
+ * If this becomes an actual Map, that will break.
+ */
+function get(key) {
+  return key._reactInternals;
+}
+function set(key, value) {
+  key._reactInternals = value;
+}
 
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
+var didWarnAboutNoopUpdateForComponent = {};
+var didWarnAboutDeprecatedWillMount = {};
+var didWarnAboutUninitializedState;
+var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+var didWarnAboutLegacyLifecyclesAndDerivedState;
+var didWarnAboutUndefinedDerivedState;
+var didWarnAboutDirectlyAssigningPropsToState;
+var didWarnAboutContextTypeAndContextTypes;
+var didWarnAboutInvalidateContextType;
+var didWarnOnInvalidCallback;
 
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+{
+  didWarnAboutUninitializedState = new Set();
+  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+  didWarnAboutDirectlyAssigningPropsToState = new Set();
+  didWarnAboutUndefinedDerivedState = new Set();
+  didWarnAboutContextTypeAndContextTypes = new Set();
+  didWarnAboutInvalidateContextType = new Set();
+  didWarnOnInvalidCallback = new Set();
+}
 
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
+function warnOnInvalidCallback(callback) {
+  {
+    if (callback === null || typeof callback === 'function') {
+      return;
+    } // eslint-disable-next-line react-internal/safe-string-coercion
 
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
 
-  return '';
-}
+    var key = String(callback);
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+    if (!didWarnOnInvalidCallback.has(key)) {
+      didWarnOnInvalidCallback.add(key);
 
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
 
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
+function warnOnUndefinedDerivedState(type, partialState) {
   {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
+    if (partialState === undefined) {
+      var componentName = getComponentNameFromType(type) || 'Component';
 
-          error('Failed %s type: %s', location, error$1.message);
+      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+        didWarnAboutUndefinedDerivedState.add(componentName);
 
-          setCurrentlyValidatingElement(null);
-        }
+        error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
       }
     }
   }
 }
 
-var warnedAboutMissingGetChildContext;
+function warnNoop(publicInstance, callerName) {
+  {
+    var _constructor = publicInstance.constructor;
+    var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
+    var warningKey = componentName + '.' + callerName;
 
-{
-  warnedAboutMissingGetChildContext = {};
-}
+    if (didWarnAboutNoopUpdateForComponent[warningKey]) {
+      return;
+    }
 
-var emptyContextObject = {};
+    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, componentName);
 
-{
-  Object.freeze(emptyContextObject);
+    didWarnAboutNoopUpdateForComponent[warningKey] = true;
+  }
 }
 
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
+var classComponentUpdater = {
+  isMounted: function (inst) {
+    return false;
+  },
+  // $FlowFixMe[missing-local-annot]
+  enqueueSetState: function (inst, payload, callback) {
+    var internals = get(inst);
 
-    var context = {};
+    if (internals.queue === null) {
+      warnNoop(inst, 'setState');
+    } else {
+      internals.queue.push(payload);
 
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
+      {
+        if (callback !== undefined && callback !== null) {
+          warnOnInvalidCallback(callback);
+        }
+      }
     }
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    var internals = get(inst);
+    internals.replace = true;
+    internals.queue = [payload];
 
     {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
+      if (callback !== undefined && callback !== null) {
+        warnOnInvalidCallback(callback);
+      }
     }
+  },
+  // $FlowFixMe[missing-local-annot]
+  enqueueForceUpdate: function (inst, callback) {
+    var internals = get(inst);
 
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
+    if (internals.queue === null) {
+      warnNoop(inst, 'forceUpdate');
+    } else {
       {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        if (callback !== undefined && callback !== null) {
+          warnOnInvalidCallback(callback);
         }
       }
-
-      return parentContext;
     }
+  }
+};
 
-    var childContext = instance.getChildContext();
+function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
+  var partialState = getDerivedStateFromProps(nextProps, prevState);
 
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
+  {
+    warnOnUndefinedDerivedState(ctor, partialState);
+  } // Merge the partial state and the previous state.
 
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
 
-    return assign({}, parentContext, childContext);
-  }
+  var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
+  return newState;
 }
 
-var rendererSigil;
+function constructClassInstance(ctor, props, maskedLegacyContext) {
+  var context = emptyContextObject;
+  var contextType = ctor.contextType;
 
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
+  {
+    if ('contextType' in ctor) {
+      var isValid = // Allow null for conditional declaration
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
+      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
+        didWarnAboutInvalidateContextType.add(ctor);
+        var addendum = '';
 
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
+        if (contextType === undefined) {
+          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
+        } else if (typeof contextType !== 'object') {
+          addendum = ' However, it is set to a ' + typeof contextType + '.';
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
+          addendum = ' Did you accidentally pass the Context.Consumer instead?';
+        } else {
+          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
+        }
 
-var currentActiveSnapshot = null;
+        error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentNameFromType(ctor) || 'Component', addendum);
+      }
+    }
+  }
 
-function popNode(prev) {
-  {
-    prev.context._currentValue2 = prev.parentValue;
+  if (typeof contextType === 'object' && contextType !== null) {
+    context = readContext$1(contextType);
+  } else {
+    context = maskedLegacyContext;
   }
-}
 
-function pushNode(next) {
+  var instance = new ctor(props, context);
+
   {
-    next.context._currentValue2 = next.value;
-  }
-}
+    if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
+      var componentName = getComponentNameFromType(ctor) || 'Component';
 
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
+      if (!didWarnAboutUninitializedState.has(componentName)) {
+        didWarnAboutUninitializedState.add(componentName);
 
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+        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, instance.state === null ? 'null' : 'undefined', componentName);
       }
+    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
+    // Warn about these lifecycles if they are present.
+    // Don't warn about react-lifecycles-compat polyfilled methods though.
 
-      popToNearestCommonAncestor(parentPrev, parentNext);
-    } // On the way back, we push the new ones that weren't common.
 
+    if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
+      var foundWillMountName = null;
+      var foundWillReceivePropsName = null;
+      var foundWillUpdateName = null;
 
-    pushNode(next);
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+      if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
+        foundWillMountName = 'componentWillMount';
+      } else if (typeof instance.UNSAFE_componentWillMount === 'function') {
+        foundWillMountName = 'UNSAFE_componentWillMount';
+      }
 
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
+      if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
+        foundWillReceivePropsName = 'componentWillReceiveProps';
+      } else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
+        foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
+      }
 
-function pushAllNext(next) {
-  var parentNext = next.parent;
+      if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
+        foundWillUpdateName = 'componentWillUpdate';
+      } else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
+        foundWillUpdateName = 'UNSAFE_componentWillUpdate';
+      }
 
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
+      if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
+        var _componentName = getComponentNameFromType(ctor) || 'Component';
 
-  pushNode(next);
-}
+        var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
 
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
+          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
 
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+          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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n  " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : '');
+        }
+      }
+    }
   }
 
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
+  return instance;
 }
 
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
+function checkClassInstance(instance, ctor, newProps) {
+  {
+    var name = getComponentNameFromType(ctor) || 'Component';
+    var renderPresent = instance.render;
 
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
+    if (!renderPresent) {
+      if (ctor.prototype && typeof ctor.prototype.render === 'function') {
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
+      } else {
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
+      }
+    }
 
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
+    if (instance.getInitialState && !instance.getInitialState.isReactClassApproved && !instance.state) {
+      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);
+    }
 
+    if (instance.getDefaultProps && !instance.getDefaultProps.isReactClassApproved) {
+      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);
+    }
 
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
+    if (instance.propTypes) {
+      error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
+    }
 
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
+    if (instance.contextType) {
+      error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
     }
 
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
+    {
+      if (instance.contextTypes) {
+        error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
+      }
 
-  {
-    prevValue = context._currentValue2;
-    context._currentValue2 = nextValue;
+      if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
+        didWarnAboutContextTypeAndContextTypes.add(ctor);
 
-    {
-      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+        error('%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
       }
+    }
 
-      context._currentRenderer2 = rendererSigil;
+    if (typeof instance.componentShouldUpdate === 'function') {
+      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);
     }
-  }
 
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider(context) {
-  var prevSnapshot = currentActiveSnapshot;
+    if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
+      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(ctor) || 'A pure component');
+    }
 
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
+    if (typeof instance.componentDidUnmount === 'function') {
+      error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
+    }
 
-  {
-    if (prevSnapshot.context !== context) {
-      error('The parent context is not the expected context. This is probably a bug in React.');
+    if (typeof instance.componentDidReceiveProps === 'function') {
+      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);
     }
-  }
 
-  {
-    var _value = prevSnapshot.parentValue;
+    if (typeof instance.componentWillRecieveProps === 'function') {
+      error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
+    }
 
-    if (_value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = _value;
+    if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
+      error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
     }
 
-    {
-      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
+    var hasMutatedProps = instance.props !== newProps;
 
-      context._currentRenderer2 = rendererSigil;
+    if (instance.props !== undefined && hasMutatedProps) {
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
-  }
 
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue2;
-  return value;
-}
+    if (instance.defaultProps) {
+      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);
+    }
 
-/**
- * `ReactInstanceMap` maintains a mapping from a public facing stateful
- * instance (key) and the internal representation (value). This allows public
- * methods to accept the user facing instance as an argument and map them back
- * to internal methods.
- *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
- */
-function get(key) {
-  return key._reactInternals;
-}
-function set(key, value) {
-  key._reactInternals = value;
-}
+    if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
 
-var didWarnAboutNoopUpdateForComponent = {};
-var didWarnAboutDeprecatedWillMount = {};
-var didWarnAboutUninitializedState;
-var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
-var didWarnAboutLegacyLifecyclesAndDerivedState;
-var didWarnAboutUndefinedDerivedState;
-var didWarnAboutDirectlyAssigningPropsToState;
-var didWarnAboutContextTypeAndContextTypes;
-var didWarnAboutInvalidateContextType;
-var didWarnOnInvalidCallback;
+      error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
+    }
 
-{
-  didWarnAboutUninitializedState = new Set();
-  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
-  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
-  didWarnAboutDirectlyAssigningPropsToState = new Set();
-  didWarnAboutUndefinedDerivedState = new Set();
-  didWarnAboutContextTypeAndContextTypes = new Set();
-  didWarnAboutInvalidateContextType = new Set();
-  didWarnOnInvalidCallback = new Set();
-}
+    if (typeof instance.getDerivedStateFromProps === 'function') {
+      error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
+    }
 
-function warnOnInvalidCallback(callback, callerName) {
-  {
-    if (callback === null || typeof callback === 'function') {
-      return;
+    if (typeof instance.getDerivedStateFromError === 'function') {
+      error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
     }
 
-    var key = callerName + '_' + callback;
+    if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
+      error('%s: getSnapshotBeforeUpdate() is defined as a static method ' + 'and will be ignored. Instead, declare it as an instance method.', name);
+    }
 
-    if (!didWarnOnInvalidCallback.has(key)) {
-      didWarnOnInvalidCallback.add(key);
+    var state = instance.state;
+
+    if (state && (typeof state !== 'object' || isArray(state))) {
+      error('%s.state: must be set to an object or null', name);
+    }
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+    if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
+      error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
     }
   }
 }
 
-function warnOnUndefinedDerivedState(type, partialState) {
-  {
-    if (partialState === undefined) {
-      var componentName = getComponentNameFromType(type) || 'Component';
+function callComponentWillMount(type, instance) {
+  var oldState = instance.state;
 
-      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
-        didWarnAboutUndefinedDerivedState.add(componentName);
+  if (typeof instance.componentWillMount === 'function') {
+    {
+      if (instance.componentWillMount.__suppressDeprecationWarning !== true) {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-        error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
+        if (!didWarnAboutDeprecatedWillMount[componentName]) {
+          warn( // keep this warning in sync with ReactStrictModeWarning.js
+          'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/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);
+
+          didWarnAboutDeprecatedWillMount[componentName] = true;
+        }
       }
     }
+
+    instance.componentWillMount();
   }
-}
 
-function warnNoop(publicInstance, callerName) {
-  {
-    var _constructor = publicInstance.constructor;
-    var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
-    var warningKey = componentName + '.' + callerName;
+  if (typeof instance.UNSAFE_componentWillMount === 'function') {
+    instance.UNSAFE_componentWillMount();
+  }
 
-    if (didWarnAboutNoopUpdateForComponent[warningKey]) {
-      return;
+  if (oldState !== instance.state) {
+    {
+      error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
     }
 
-    error('%s(...): 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, callerName, componentName);
-
-    didWarnAboutNoopUpdateForComponent[warningKey] = true;
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
   }
 }
 
-var classComponentUpdater = {
-  isMounted: function (inst) {
-    return false;
-  },
-  // $FlowFixMe[missing-local-annot]
-  enqueueSetState: function (inst, payload, callback) {
-    var internals = get(inst);
+function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
+  if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
+    var oldQueue = internalInstance.queue;
+    var oldReplace = internalInstance.replace;
+    internalInstance.queue = null;
+    internalInstance.replace = false;
 
-    if (internals.queue === null) {
-      warnNoop(inst, 'setState');
+    if (oldReplace && oldQueue.length === 1) {
+      inst.state = oldQueue[0];
     } else {
-      internals.queue.push(payload);
-
-      {
-        if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
-        }
-      }
-    }
-  },
-  enqueueReplaceState: function (inst, payload, callback) {
-    var internals = get(inst);
-    internals.replace = true;
-    internals.queue = [payload];
+      var nextState = oldReplace ? oldQueue[0] : inst.state;
+      var dontMutate = true;
 
-    {
-      if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
-      }
-    }
-  },
-  // $FlowFixMe[missing-local-annot]
-  enqueueForceUpdate: function (inst, callback) {
-    var internals = get(inst);
+      for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
+        var partial = oldQueue[i];
+        var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
 
-    if (internals.queue === null) {
-      warnNoop(inst, 'forceUpdate');
-    } else {
-      {
-        if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+        if (partialState != null) {
+          if (dontMutate) {
+            dontMutate = false;
+            nextState = assign({}, nextState, partialState);
+          } else {
+            assign(nextState, partialState);
+          }
         }
       }
+
+      inst.state = nextState;
     }
+  } else {
+    internalInstance.queue = null;
   }
-};
+} // Invokes the mount life-cycles on a previously never rendered instance.
 
-function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
-  var partialState = getDerivedStateFromProps(nextProps, prevState);
 
+function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
   {
-    warnOnUndefinedDerivedState(ctor, partialState);
-  } // Merge the partial state and the previous state.
-
+    checkClassInstance(instance, ctor, newProps);
+  }
 
-  var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
-  return newState;
-}
+  var initialState = instance.state !== undefined ? instance.state : null;
+  instance.updater = classComponentUpdater;
+  instance.props = newProps;
+  instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
+  // The internal instance will be used to manage updates that happen during this mount.
 
-function constructClassInstance(ctor, props, maskedLegacyContext) {
-  var context = emptyContextObject;
+  var internalInstance = {
+    queue: [],
+    replace: false
+  };
+  set(instance, internalInstance);
   var contextType = ctor.contextType;
 
-  {
-    if ('contextType' in ctor) {
-      var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
-
-      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
-        didWarnAboutInvalidateContextType.add(ctor);
-        var addendum = '';
-
-        if (contextType === undefined) {
-          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
-        } else if (typeof contextType !== 'object') {
-          addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
-          addendum = ' Did you accidentally pass the Context.Consumer instead?';
-        } else {
-          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
-        }
-
-        error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentNameFromType(ctor) || 'Component', addendum);
-      }
-    }
-  }
-
   if (typeof contextType === 'object' && contextType !== null) {
-    context = readContext$1(contextType);
+    instance.context = readContext$1(contextType);
   } else {
-    context = maskedLegacyContext;
+    instance.context = maskedLegacyContext;
   }
 
-  var instance = new ctor(props, context);
-
   {
-    if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
+    if (instance.state === newProps) {
       var componentName = getComponentNameFromType(ctor) || 'Component';
 
-      if (!didWarnAboutUninitializedState.has(componentName)) {
-        didWarnAboutUninitializedState.add(componentName);
-
-        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, instance.state === null ? 'null' : 'undefined', componentName);
-      }
-    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
-    // Warn about these lifecycles if they are present.
-    // Don't warn about react-lifecycles-compat polyfilled methods though.
-
-
-    if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
-      var foundWillMountName = null;
-      var foundWillReceivePropsName = null;
-      var foundWillUpdateName = null;
-
-      if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
-        foundWillMountName = 'componentWillMount';
-      } else if (typeof instance.UNSAFE_componentWillMount === 'function') {
-        foundWillMountName = 'UNSAFE_componentWillMount';
-      }
-
-      if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
-        foundWillReceivePropsName = 'componentWillReceiveProps';
-      } else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
-        foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
-      }
-
-      if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
-        foundWillUpdateName = 'componentWillUpdate';
-      } else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
-        foundWillUpdateName = 'UNSAFE_componentWillUpdate';
-      }
-
-      if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
-        var _componentName = getComponentNameFromType(ctor) || 'Component';
-
-        var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
-
-        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
-          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
+        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
 
-          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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n  " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : '');
-        }
+        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);
       }
     }
   }
 
-  return instance;
-}
-
-function checkClassInstance(instance, ctor, newProps) {
-  {
-    var name = getComponentNameFromType(ctor) || 'Component';
-    var renderPresent = instance.render;
-
-    if (!renderPresent) {
-      if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
-      } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
-      }
-    }
-
-    if (instance.getInitialState && !instance.getInitialState.isReactClassApproved && !instance.state) {
-      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);
-    }
-
-    if (instance.getDefaultProps && !instance.getDefaultProps.isReactClassApproved) {
-      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);
-    }
-
-    if (instance.propTypes) {
-      error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
-    }
-
-    if (instance.contextType) {
-      error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
-    }
-
-    {
-      if (instance.contextTypes) {
-        error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
-      }
-
-      if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
-        didWarnAboutContextTypeAndContextTypes.add(ctor);
-
-        error('%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
-      }
-    }
+  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
 
-    if (typeof instance.componentShouldUpdate === 'function') {
-      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);
-    }
+  if (typeof getDerivedStateFromProps === 'function') {
+    instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
+  } // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
 
-    if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
-      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(ctor) || 'A pure component');
-    }
 
-    if (typeof instance.componentDidUnmount === 'function') {
-      error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
-    }
+  if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
+    callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
+    // process them now.
 
-    if (typeof instance.componentDidReceiveProps === 'function') {
-      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);
-    }
-
-    if (typeof instance.componentWillRecieveProps === 'function') {
-      error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
-    }
-
-    if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
-      error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
-    }
-
-    var hasMutatedProps = instance.props !== newProps;
-
-    if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
-    }
-
-    if (instance.defaultProps) {
-      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);
-    }
-
-    if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
-      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
-
-      error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
-    }
-
-    if (typeof instance.getDerivedStateFromProps === 'function') {
-      error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
-    }
-
-    if (typeof instance.getDerivedStateFromError === 'function') {
-      error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
-    }
-
-    if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
-      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;
-
-    if (state && (typeof state !== 'object' || isArray(state))) {
-      error('%s.state: must be set to an object or null', name);
-    }
-
-    if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
-      error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
-    }
-  }
-}
-
-function callComponentWillMount(type, instance) {
-  var oldState = instance.state;
-
-  if (typeof instance.componentWillMount === 'function') {
-    {
-      if (instance.componentWillMount.__suppressDeprecationWarning !== true) {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!didWarnAboutDeprecatedWillMount[componentName]) {
-          warn( // keep this warning in sync with ReactStrictModeWarning.js
-          'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/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);
-
-          didWarnAboutDeprecatedWillMount[componentName] = true;
-        }
-      }
-    }
-
-    instance.componentWillMount();
-  }
-
-  if (typeof instance.UNSAFE_componentWillMount === 'function') {
-    instance.UNSAFE_componentWillMount();
-  }
-
-  if (oldState !== instance.state) {
-    {
-      error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
-    }
-
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
-  }
-}
-
-function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
-  if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
-    var oldQueue = internalInstance.queue;
-    var oldReplace = internalInstance.replace;
-    internalInstance.queue = null;
-    internalInstance.replace = false;
-
-    if (oldReplace && oldQueue.length === 1) {
-      inst.state = oldQueue[0];
-    } else {
-      var nextState = oldReplace ? oldQueue[0] : inst.state;
-      var dontMutate = true;
-
-      for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
-        var partial = oldQueue[i];
-        var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
-
-        if (partialState != null) {
-          if (dontMutate) {
-            dontMutate = false;
-            nextState = assign({}, nextState, partialState);
-          } else {
-            assign(nextState, partialState);
-          }
-        }
-      }
-
-      inst.state = nextState;
-    }
-  } else {
-    internalInstance.queue = null;
-  }
-} // Invokes the mount life-cycles on a previously never rendered instance.
-
-
-function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
-  {
-    checkClassInstance(instance, ctor, newProps);
-  }
-
-  var initialState = instance.state !== undefined ? instance.state : null;
-  instance.updater = classComponentUpdater;
-  instance.props = newProps;
-  instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
-  // The internal instance will be used to manage updates that happen during this mount.
-
-  var internalInstance = {
-    queue: [],
-    replace: false
-  };
-  set(instance, internalInstance);
-  var contextType = ctor.contextType;
-
-  if (typeof contextType === 'object' && contextType !== null) {
-    instance.context = readContext$1(contextType);
-  } else {
-    instance.context = maskedLegacyContext;
-  }
-
-  {
-    if (instance.state === newProps) {
-      var componentName = getComponentNameFromType(ctor) || 'Component';
-
-      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
-        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
-
-        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);
-      }
-    }
-  }
-
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-
-  if (typeof getDerivedStateFromProps === 'function') {
-    instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
-  } // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-
-  if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
-    callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
-    // process them now.
-
-    processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
-  }
-}
+    processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
+  }
+}
 
 // Ids are base 32 strings whose binary representation corresponds to the
 // position of a node in a tree.
@@ -8147,763 +7922,1135 @@ function trackUsedThenable(thenableState, thenable, index) {
         return fulfilledValue;
       }
 
-    case 'rejected':
-      {
-        var rejectedError = thenable.reason;
-        throw rejectedError;
-      }
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+/**
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ */
+function is(x, y) {
+  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+  ;
+}
+
+var objectIs = // $FlowFixMe[method-unbinding]
+typeof Object.is === 'function' ? Object.is : is;
+
+var currentlyRenderingComponent = null;
+var currentlyRenderingTask = null;
+var currentlyRenderingRequest = null;
+var currentlyRenderingKeyPath = null;
+var firstWorkInProgressHook = null;
+var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
+
+var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+
+var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+
+var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
+// finishes rendering.
+// Counts the number of useFormState calls in this component
+
+var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
+// root during an MPA navigation, if any.
+
+var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
+
+var thenableIndexCounter = 0;
+var thenableState = null; // Lazily created map of render-phase updates
+
+var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+
+var numberOfReRenders = 0;
+var RE_RENDER_LIMIT = 25;
+var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+
+var currentHookNameInDev;
+
+function resolveCurrentlyRenderingComponent() {
+  if (currentlyRenderingComponent === null) {
+    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+  }
+
+  {
+    if (isInHookUserCodeInDev) {
+      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://reactjs.org/link/rules-of-hooks');
+    }
+  }
+
+  return currentlyRenderingComponent;
+}
+
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (prevDeps === null) {
+    {
+      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);
+    }
+
+    return false;
+  }
+
+  {
+    // Don't bother comparing lengths in prod because these arrays should be
+    // passed inline.
+    if (nextDeps.length !== prevDeps.length) {
+      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
+    }
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+    // $FlowFixMe[incompatible-use] found when upgrading Flow
+    if (objectIs(nextDeps[i], prevDeps[i])) {
+      continue;
+    }
+
+    return false;
+  }
+
+  return true;
+}
+
+function createHook() {
+  if (numberOfReRenders > 0) {
+    throw new Error('Rendered more hooks than during the previous render');
+  }
+
+  return {
+    memoizedState: null,
+    queue: null,
+    next: null
+  };
+}
+
+function createWorkInProgressHook() {
+  if (workInProgressHook === null) {
+    // This is the first hook in the list
+    if (firstWorkInProgressHook === null) {
+      isReRender = false;
+      firstWorkInProgressHook = workInProgressHook = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = firstWorkInProgressHook;
+    }
+  } else {
+    if (workInProgressHook.next === null) {
+      isReRender = false; // Append to the end of the list
+
+      workInProgressHook = workInProgressHook.next = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = workInProgressHook.next;
+    }
+  }
+
+  return workInProgressHook;
+}
+
+function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
+  currentlyRenderingComponent = componentIdentity;
+  currentlyRenderingTask = task;
+  currentlyRenderingRequest = request;
+  currentlyRenderingKeyPath = keyPath;
+
+  {
+    isInHookUserCodeInDev = false;
+  } // The following should have already been reset
+  // didScheduleRenderPhaseUpdate = false;
+  // firstWorkInProgressHook = null;
+  // numberOfReRenders = 0;
+  // renderPhaseUpdates = null;
+  // workInProgressHook = null;
+
+
+  localIdCounter = 0;
+  formStateCounter = 0;
+  formStateMatchingIndex = -1;
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function finishHooks(Component, props, children, refOrContext) {
+  // This must be called after every function component to prevent hooks from
+  // being used in classes.
+  while (didScheduleRenderPhaseUpdate) {
+    // Updates were scheduled during the render phase. They are stored in
+    // the `renderPhaseUpdates` map. Call the component again, reusing the
+    // work-in-progress hooks and applying the additional updates on top. Keep
+    // restarting until no more updates are scheduled.
+    didScheduleRenderPhaseUpdate = false;
+    localIdCounter = 0;
+    formStateCounter = 0;
+    formStateMatchingIndex = -1;
+    thenableIndexCounter = 0;
+    numberOfReRenders += 1; // Start over from the beginning of the list
+
+    workInProgressHook = null;
+    children = Component(props, refOrContext);
+  }
+
+  resetHooksState();
+  return children;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+function checkDidRenderIdHook() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  var didRenderIdHook = localIdCounter !== 0;
+  return didRenderIdHook;
+}
+function getFormStateCount() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateCounter;
+}
+function getFormStateMatchingIndex() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateMatchingIndex;
+} // Reset the internal hooks state if an error occurs while rendering a component
+
+function resetHooksState() {
+  {
+    isInHookUserCodeInDev = false;
+  }
+
+  currentlyRenderingComponent = null;
+  currentlyRenderingTask = null;
+  currentlyRenderingRequest = null;
+  currentlyRenderingKeyPath = null;
+  didScheduleRenderPhaseUpdate = false;
+  firstWorkInProgressHook = null;
+  numberOfReRenders = 0;
+  renderPhaseUpdates = null;
+  workInProgressHook = null;
+}
+
+function readContext(context) {
+  {
+    if (isInHookUserCodeInDev) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
+}
+
+function useContext(context) {
+  {
+    currentHookNameInDev = 'useContext';
+  }
+
+  resolveCurrentlyRenderingComponent();
+  return readContext$1(context);
+}
+
+function basicStateReducer(state, action) {
+  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+  return typeof action === 'function' ? action(state) : action;
+}
+
+function useState(initialState) {
+  {
+    currentHookNameInDev = 'useState';
+  }
+
+  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
+  initialState);
+}
+function useReducer(reducer, initialArg, init) {
+  {
+    if (reducer !== basicStateReducer) {
+      currentHookNameInDev = 'useReducer';
+    }
+  }
+
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+
+  if (isReRender) {
+    // This is a re-render. Apply the new render phase updates to the previous
+    // current hook.
+    var queue = workInProgressHook.queue;
+    var dispatch = queue.dispatch;
+
+    if (renderPhaseUpdates !== null) {
+      // Render phase updates are stored in a map of queue -> linked list
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-    default:
-      {
-        if (typeof thenable.status === 'string') ; else {
-          var pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(function (fulfilledValue) {
-            if (thenable.status === 'pending') {
-              var fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, function (error) {
-            if (thenable.status === 'pending') {
-              var rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously
+      if (firstRenderPhaseUpdate !== undefined) {
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+        var newState = workInProgressHook.memoizedState;
+        var update = firstRenderPhaseUpdate;
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                throw rejectedThenable.reason;
-              }
+        do {
+          // Process this render phase update. We don't have to check the
+          // priority because it will always be the same as the current
+          // render's.
+          var action = update.action;
+
+          {
+            isInHookUserCodeInDev = true;
           }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
 
+          newState = reducer(newState, action);
 
-        suspendedThenable = thenable;
-        throw SuspenseException;
-      }
-  }
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
+          {
+            isInHookUserCodeInDev = false;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-var suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
-  }
 
-  var thenable = suspendedThenable;
-  suspendedThenable = null;
-  return thenable;
-}
+          update = update.next;
+        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x, y) {
-  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
-  ;
-}
 
-var objectIs = // $FlowFixMe[method-unbinding]
-typeof Object.is === 'function' ? Object.is : is;
+        workInProgressHook.memoizedState = newState;
+        return [newState, dispatch];
+      }
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentlyRenderingComponent = null;
-var currentlyRenderingTask = null;
-var currentlyRenderingRequest = null;
-var currentlyRenderingKeyPath = null;
-var firstWorkInProgressHook = null;
-var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
 
-var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+    return [workInProgressHook.memoizedState, dispatch];
+  } else {
+    {
+      isInHookUserCodeInDev = true;
+    }
 
-var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+    var initialState;
 
-var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
-// finishes rendering.
-// Counts the number of useFormState calls in this component
+    if (reducer === basicStateReducer) {
+      // Special case for `useState`.
+      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
+    } else {
+      initialState = init !== undefined ? init(initialArg) : initialArg;
+    }
 
-var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
-// root during an MPA navigation, if any.
+    {
+      isInHookUserCodeInDev = false;
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
 
-var thenableIndexCounter = 0;
-var thenableState = null; // Lazily created map of render-phase updates
+    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+    var _queue = workInProgressHook.queue = {
+      last: null,
+      dispatch: null
+    };
 
-var numberOfReRenders = 0;
-var RE_RENDER_LIMIT = 25;
-var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentHookNameInDev;
 
-function resolveCurrentlyRenderingComponent() {
-  if (currentlyRenderingComponent === null) {
-    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    return [workInProgressHook.memoizedState, _dispatch];
   }
+}
 
-  {
-    if (isInHookUserCodeInDev) {
-      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://reactjs.org/link/rules-of-hooks');
-    }
-  }
+function useMemo(nextCreate, deps) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
 
-  return currentlyRenderingComponent;
-}
+  if (workInProgressHook !== null) {
+    var prevState = workInProgressHook.memoizedState;
 
-function areHookInputsEqual(nextDeps, prevDeps) {
-  if (prevDeps === null) {
-    {
-      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);
+    if (prevState !== null) {
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
+
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
     }
+  }
 
-    return false;
+  {
+    isInHookUserCodeInDev = true;
   }
 
+  var nextValue = nextCreate();
+
   {
-    // Don't bother comparing lengths in prod because these arrays should be
-    // passed inline.
-    if (nextDeps.length !== prevDeps.length) {
-      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
-    }
+    isInHookUserCodeInDev = false;
   } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
 
-  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    // $FlowFixMe[incompatible-use] found when upgrading Flow
-    if (objectIs(nextDeps[i], prevDeps[i])) {
-      continue;
-    }
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
 
-    return false;
-  }
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
 
-  return true;
-}
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
 
-function createHook() {
-  if (numberOfReRenders > 0) {
-    throw new Error('Rendered more hooks than during the previous render');
-  }
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  return {
-    memoizedState: null,
-    queue: null,
-    next: null
-  };
-}
 
-function createWorkInProgressHook() {
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    if (firstWorkInProgressHook === null) {
-      isReRender = false;
-      firstWorkInProgressHook = workInProgressHook = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = firstWorkInProgressHook;
-    }
+    workInProgressHook.memoizedState = ref;
+    return ref;
   } else {
-    if (workInProgressHook.next === null) {
-      isReRender = false; // Append to the end of the list
+    return previousRef;
+  }
+}
 
-      workInProgressHook = workInProgressHook.next = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = workInProgressHook.next;
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
     }
-  }
 
-  return workInProgressHook;
-}
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
-  currentlyRenderingComponent = componentIdentity;
-  currentlyRenderingTask = task;
-  currentlyRenderingRequest = request;
-  currentlyRenderingKeyPath = keyPath;
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
 
-  {
-    isInHookUserCodeInDev = false;
-  } // The following should have already been reset
-  // didScheduleRenderPhaseUpdate = false;
-  // firstWorkInProgressHook = null;
-  // numberOfReRenders = 0;
-  // renderPhaseUpdates = null;
-  // workInProgressHook = null;
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
 
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
 
-  localIdCounter = 0;
-  formStateCounter = 0;
-  formStateMatchingIndex = -1;
-  thenableIndexCounter = 0;
-  thenableState = prevThenableState;
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
 }
-function finishHooks(Component, props, children, refOrContext) {
-  // This must be called after every function component to prevent hooks from
-  // being used in classes.
-  while (didScheduleRenderPhaseUpdate) {
-    // Updates were scheduled during the render phase. They are stored in
-    // the `renderPhaseUpdates` map. Call the component again, reusing the
-    // work-in-progress hooks and applying the additional updates on top. Keep
-    // restarting until no more updates are scheduled.
-    didScheduleRenderPhaseUpdate = false;
-    localIdCounter = 0;
-    formStateCounter = 0;
-    formStateMatchingIndex = -1;
-    thenableIndexCounter = 0;
-    numberOfReRenders += 1; // Start over from the beginning of the list
 
-    workInProgressHook = null;
-    children = Component(props, refOrContext);
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
   }
 
-  resetHooksState();
-  return children;
-}
-function getThenableStateAfterSuspending() {
-  var state = thenableState;
-  thenableState = null;
-  return state;
-}
-function checkDidRenderIdHook() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  var didRenderIdHook = localIdCounter !== 0;
-  return didRenderIdHook;
-}
-function getFormStateCount() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateCounter;
+  return getServerSnapshot();
 }
-function getFormStateMatchingIndex() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateMatchingIndex;
-} // Reset the internal hooks state if an error occurs while rendering a component
 
-function resetHooksState() {
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
   {
-    isInHookUserCodeInDev = false;
+    return value;
   }
+}
 
-  currentlyRenderingComponent = null;
-  currentlyRenderingTask = null;
-  currentlyRenderingRequest = null;
-  currentlyRenderingKeyPath = null;
-  didScheduleRenderPhaseUpdate = false;
-  firstWorkInProgressHook = null;
-  numberOfReRenders = 0;
-  renderPhaseUpdates = null;
-  workInProgressHook = null;
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
 }
 
-function readContext(context) {
-  {
-    if (isInHookUserCodeInDev) {
-      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().');
-    }
-  }
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
 
-  return readContext$1(context);
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
 }
 
-function useContext(context) {
-  {
-    currentHookNameInDev = 'useContext';
-  }
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
 
+function useOptimistic(passthrough, reducer) {
   resolveCurrentlyRenderingComponent();
-  return readContext$1(context);
+  return [passthrough, unsupportedSetOptimisticState];
 }
 
-function basicStateReducer(state, action) {
-  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-  return typeof action === 'function' ? action(state) : action;
-}
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
 
-function useState(initialState) {
-  {
-    currentHookNameInDev = 'useState';
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
   }
-
-  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
-  initialState);
 }
-function useReducer(reducer, initialArg, init) {
-  {
-    if (reducer !== basicStateReducer) {
-      currentHookNameInDev = 'useReducer';
-    }
-  }
 
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
 
-  if (isReRender) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // current hook.
-    var queue = workInProgressHook.queue;
-    var dispatch = queue.dispatch;
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
 
-    if (renderPhaseUpdates !== null) {
-      // Render phase updates are stored in a map of queue -> linked list
-      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+  var formAction = action.$$FORM_ACTION;
 
-      if (firstRenderPhaseUpdate !== undefined) {
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
 
-        var newState = workInProgressHook.memoizedState;
-        var update = firstRenderPhaseUpdate;
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
 
-        do {
-          // Process this render phase update. We don't have to check the
-          // priority because it will always be the same as the current
-          // render's.
-          var action = update.action;
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
 
-          {
-            isInHookUserCodeInDev = true;
-          }
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
 
-          newState = reducer(newState, action);
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-          {
-            isInHookUserCodeInDev = false;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
 
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
 
-          update = update.next;
-        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
 
-        workInProgressHook.memoizedState = newState;
-        return [newState, dispatch];
-      }
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
 
 
-    return [workInProgressHook.memoizedState, dispatch];
-  } else {
-    {
-      isInHookUserCodeInDev = true;
-    }
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-    var initialState;
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
 
-    if (reducer === basicStateReducer) {
-      // Special case for `useState`.
-      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
-    } else {
-      initialState = init !== undefined ? init(initialArg) : initialArg;
+        return metadata;
+      };
     }
 
-    {
-      isInHookUserCodeInDev = false;
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
 
-    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    var _queue = workInProgressHook.queue = {
-      last: null,
-      dispatch: null
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
     };
 
-    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+    return [initialState, _dispatch2];
+  }
+}
 
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
 
-    return [workInProgressHook.memoizedState, _dispatch];
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
+
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
 }
 
-function useMemo(nextCreate, deps) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
-  if (workInProgressHook !== null) {
-    var prevState = workInProgressHook.memoizedState;
 
-    if (prevState !== null) {
-      if (nextDeps !== null) {
-        var prevDeps = prevState[1];
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
-  }
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  {
-    isInHookUserCodeInDev = true;
+  if (thenableState === null) {
+    thenableState = createThenableState();
   }
 
-  var nextValue = nextCreate();
-
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function noop$1() {}
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
-  }
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+function disabledLog() {}
 
-      lastRenderPhaseUpdate.next = update;
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
-}
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
   }
-
-  return getServerSnapshot();
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
-
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
-    return value;
-  }
-}
-
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
-}
-
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-    return [initialState, _dispatch2];
-  }
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-function noop$1() {}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
+  return syntheticFrame;
 }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
 }
-
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
 
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
-
 function getStackByComponentStackNode(componentStack) {
   try {
     var info = '';
@@ -8912,15 +9059,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9013,7 +9160,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9046,13 +9193,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9070,6 +9218,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9077,13 +9226,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9102,6 +9252,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9109,7 +9260,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9191,19 +9343,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9270,6 +9422,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9305,12 +9458,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9344,11 +9493,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9375,9 +9521,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9391,6 +9537,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9402,16 +9549,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9449,11 +9593,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9467,9 +9608,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9497,7 +9638,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9522,7 +9663,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9549,7 +9695,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9557,7 +9703,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9578,11 +9724,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9604,7 +9749,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9698,7 +9843,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9708,7 +9853,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9762,10 +9907,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9773,37 +9924,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9816,12 +9943,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9833,7 +9959,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -9844,14 +9970,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -9863,18 +9989,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -9902,7 +10028,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -9920,7 +10046,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -9946,31 +10072,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10018,7 +10160,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10047,7 +10189,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10119,13 +10261,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10136,9 +10293,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10146,17 +10308,22 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            ref = element.ref;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10177,7 +10344,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10232,13 +10399,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10268,7 +10437,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10419,9 +10592,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10436,9 +10609,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10462,7 +10635,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10500,7 +10673,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -10704,8 +10877,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -10714,7 +10890,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -10734,7 +10915,11 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -10912,11 +11097,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -10951,12 +11131,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -10990,10 +11165,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11020,12 +11191,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11072,10 +11238,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11154,7 +11316,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11189,7 +11356,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11211,12 +11378,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11227,7 +11394,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11243,9 +11410,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11257,13 +11432,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11275,7 +11456,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -11284,17 +11465,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11306,17 +11483,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11335,11 +11508,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11349,6 +11518,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11360,13 +11530,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11387,10 +11557,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 e034fa87254d5f..73054906d8d9ec 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
@@ -17,16 +17,65 @@ var ReactDOM = require('react-dom');
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
 }
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
@@ -140,9 +189,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -322,19 +368,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -510,6 +550,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -524,9 +565,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -545,7 +584,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -907,7 +946,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1045,6 +1084,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1768,7 +1808,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1779,11 +1819,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1791,7 +1844,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1862,8 +1915,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1875,8 +1928,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1903,16 +1956,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -1945,7 +1996,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -1989,8 +2040,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2236,12 +2287,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2497,6 +2555,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2613,14 +2672,21 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2650,19 +2716,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3074,7 +3140,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3094,7 +3160,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3137,12 +3203,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3354,14 +3420,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3515,13 +3584,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3539,15 +3608,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3555,14 +3616,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3575,15 +3633,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3600,15 +3658,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3634,10 +3684,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3724,6 +3774,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3783,10 +3834,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3873,6 +3924,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3936,15 +3988,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4729,13 +4778,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4842,13 +4887,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -4859,7 +4903,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup
@@ -4917,45 +4960,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5022,13 +5026,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5054,309 +5068,68 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+      return parentContext;
+    }
 
+    const childContext = instance.getChildContext();
 
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
+      }
+    }
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+    return assign({}, parentContext, childContext);
+  }
+}
 
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
 
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
+const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
+let currentActiveSnapshot = null;
 
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue2 = prev.parentValue;
-  }
-}
+function popNode(prev) {
+  {
+    prev.context._currentValue2 = prev.parentValue;
+  }
+}
 
 function pushNode(next) {
   {
@@ -5502,12 +5275,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = value;
-    }
+    prevSnapshot.context._currentValue2 = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6454,7 +6222,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -6540,6 +6308,246 @@ const DefaultCacheDispatcher = {
   getCacheForType
 };
 
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (false) ; // Return the line we found.
+
+
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  return syntheticFrame;
+}
+
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
 function getStackByComponentStackNode(componentStack) {
   try {
     let info = '';
@@ -6548,15 +6556,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6648,7 +6656,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6679,13 +6687,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6701,6 +6710,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6708,13 +6718,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6731,6 +6742,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6738,7 +6750,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6865,6 +6878,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6900,12 +6914,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6939,11 +6949,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6970,9 +6977,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6986,6 +6993,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -6997,16 +7005,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7044,11 +7049,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7062,9 +7064,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7092,7 +7094,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7116,7 +7118,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7133,7 +7140,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7141,7 +7148,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7156,7 +7163,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7166,7 +7173,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7233,7 +7240,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7257,10 +7264,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7268,45 +7281,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7318,18 +7329,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7357,7 +7368,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7375,7 +7386,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7401,31 +7412,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7467,7 +7488,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7496,7 +7517,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7548,9 +7569,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7561,9 +7580,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
 
-  if (typeof node === 'object' && node !== null) {
+
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7571,17 +7595,22 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            ref = element.ref;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7602,7 +7631,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7654,13 +7683,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -7835,9 +7866,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -7852,9 +7883,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -7878,7 +7909,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -7916,7 +7947,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8106,8 +8137,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8116,7 +8150,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8135,7 +8174,11 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8298,11 +8341,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8331,12 +8369,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8370,9 +8403,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8390,12 +8420,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw Error(formatProdErrorMessage(488));
@@ -8442,9 +8467,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8510,7 +8532,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8545,7 +8572,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8567,12 +8594,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8583,7 +8610,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8599,9 +8626,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
+
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8613,13 +8648,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8631,7 +8672,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -8640,17 +8681,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8662,17 +8699,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8691,11 +8724,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8705,6 +8734,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8716,13 +8746,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw Error(formatProdErrorMessage(392));
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8743,10 +8773,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.min.js
index 9218a7e3181848..b7d5940cd14a8d 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.browser.production.min.js
@@ -29,180 +29,181 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var ba=require("next/dist/compiled/react"),ca=require("react-dom");function q(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
-function fa(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+'use strict';var ea=require("next/dist/compiled/react"),fa=require("react-dom");function p(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var la=Symbol.for("react.element"),ma=Symbol.for("react.portal"),na=Symbol.for("react.fragment"),xa=Symbol.for("react.strict_mode"),ya=Symbol.for("react.profiler"),za=Symbol.for("react.provider"),Aa=Symbol.for("react.consumer"),Ba=Symbol.for("react.context"),Ia=Symbol.for("react.forward_ref"),Ja=Symbol.for("react.suspense"),Ka=Symbol.for("react.suspense_list"),La=Symbol.for("react.memo"),Ma=Symbol.for("react.lazy"),Za=Symbol.for("react.scope"),fb=Symbol.for("react.debug_trace_mode"),gb=Symbol.for("react.offscreen"),
+hb=Symbol.for("react.legacy_hidden"),ib=Symbol.for("react.cache"),jb=Symbol.iterator,kb=Array.isArray;
+function lb(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
 16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}
-var v=Object.assign,y=Object.prototype.hasOwnProperty,ka=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),la={},ma={};
-function za(a){if(y.call(ma,a))return!0;if(y.call(la,a))return!1;if(ka.test(a))return ma[a]=!0;la[a]=!0;return!1}
-var Aa=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ba=
+var u=Object.assign,B=Object.prototype.hasOwnProperty,mb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),nb={},ob={};
+function pb(a){if(B.call(ob,a))return!0;if(B.call(nb,a))return!1;if(mb.test(a))return ob[a]=!0;nb[a]=!0;return!1}
+var qb=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),rb=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ca=/["'&<>]/;
-function z(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ca.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Da=/([A-Z])/g,Ea=/^ms-/,Ka=Array.isArray,La=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ma={pending:!1,data:null,method:null,action:null},Na=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,kb={prefetchDNS:Oa,preconnect:Pa,preload:Qa,preloadModule:Ra,preinitStyle:hb,preinitScript:ib,preinitModuleScript:jb},C=[],lb=/(<\/|<)(s)(cript)/gi;function mb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
-function nb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function H(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function ob(a,b,c){switch(b){case "noscript":return H(2,null,a.tagScope|1);case "select":return H(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return H(3,null,a.tagScope);case "picture":return H(2,null,a.tagScope|2);case "math":return H(4,null,a.tagScope);case "foreignObject":return H(2,null,a.tagScope);case "table":return H(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return H(6,null,a.tagScope);case "colgroup":return H(8,null,a.tagScope);case "tr":return H(7,null,a.tagScope)}return 5<=
-a.insertionMode?H(2,null,a.tagScope):0===a.insertionMode?"html"===b?H(1,null,a.tagScope):H(2,null,a.tagScope):1===a.insertionMode?H(2,null,a.tagScope):a}var pb=new Map;
-function qb(a,b){if("object"!==typeof b)throw Error(q(62));var c=!0,d;for(d in b)if(y.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=z(d);e=z((""+e).trim())}else f=pb.get(d),void 0===f&&(f=z(d.replace(Da,"-$1").toLowerCase().replace(Ea,"-ms-")),pb.set(d,f)),e="number"===typeof e?0===e||Aa.has(d)?""+e:e+"px":z((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}
-function rb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function K(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',z(c),'"')}function sb(a){var b=a.nextFormID++;return a.idPrefix+b}var Cb=z("javascript:throw new Error('A React form was unexpectedly submitted.')");function Db(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error(q(480));K(this,"name",b);K(this,"value",a);this.push("/>")}
-function Eb(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=sb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',Cb,'"'),g=f=e=d=h=null,Fb(b,c)));null!=h&&L(a,"name",h);null!=d&&L(a,"formAction",d);null!=e&&L(a,"formEncType",e);null!=f&&L(a,"formMethod",f);null!=g&&L(a,"formTarget",g);return k}
-function L(a,b,c){switch(b){case "className":K(a,"class",c);break;case "tabIndex":K(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":K(a,b,c);break;case "style":qb(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',z(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":rb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',z(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',z(c),'"');break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',z(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',z(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',z(c),'"');break;case "xlinkActuate":K(a,"xlink:actuate",
-c);break;case "xlinkArcrole":K(a,"xlink:arcrole",c);break;case "xlinkRole":K(a,"xlink:role",c);break;case "xlinkShow":K(a,"xlink:show",c);break;case "xlinkTitle":K(a,"xlink:title",c);break;case "xlinkType":K(a,"xlink:type",c);break;case "xmlBase":K(a,"xml:base",c);break;case "xmlLang":K(a,"xml:lang",c);break;case "xmlSpace":K(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ba.get(b)||b,za(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',z(c),'"')}}}function O(a,b,c){if(null!=b){if(null!=c)throw Error(q(60));if("object"!==typeof b||!("__html"in b))throw Error(q(61));b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}function Gb(a){var b="";ba.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
-function Fb(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});',"\x3c/script>"))}
-function Hb(a,b,c,d,e,f,g){var h=b.rel,k=b.href,l=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return P(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof l||null!=b.disabled||b.onLoad||b.onError)return P(a,b);f=d.styles.get(l);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:z(l),rules:[],hrefs:[],sheets:new Map},d.styles.set(l,f)),b={state:0,props:v({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&Ib(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push("\x3c!-- --\x3e");return null}if(b.onLoad||b.onError)return P(a,b);e&&a.push("\x3c!-- --\x3e");switch(b.rel){case "preconnect":case "dns-prefetch":return P(d.preconnectChunks,b);case "preload":return P(d.preloadChunks,
-b);default:return P(d.hoistableChunks,b)}}function P(a,b){a.push(Q("link"));for(var c in b)if(y.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));default:L(a,c,d)}}a.push("/>");return null}function Jb(a,b,c){a.push(Q(c));for(var d in b)if(y.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,c));default:L(a,d,e)}}a.push("/>");return null}
-function Kb(a,b){a.push(Q("title"));var c=null,d=null,e;for(e in b)if(y.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(z(""+b));O(a,d,c);a.push(Lb("title"));return null}
-function Mb(a,b){a.push(Q("script"));var c=null,d=null,e;for(e in b)if(y.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");O(a,d,c);"string"===typeof c&&a.push(z(c));a.push(Lb("script"));return null}
-function Nb(a,b,c){a.push(Q(c));var d=c=null,e;for(e in b)if(y.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");O(a,d,c);return"string"===typeof c?(a.push(z(c)),null):c}var Ob=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Pb=new Map;function Q(a){var b=Pb.get(a);if(void 0===b){if(!Ob.test(a))throw Error(q(65,a));b="<"+a;Pb.set(a,b)}return b}
-function Qb(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(Q("select"));var h=null,k=null,l;for(l in c)if(y.call(c,l)){var n=c[l];if(null!=n)switch(l){case "children":h=n;break;case "dangerouslySetInnerHTML":k=n;break;case "defaultValue":case "value":break;default:L(a,l,n)}}a.push(">");O(a,k,h);return h;case "option":var m=f.selectedValue;a.push(Q("option"));var p=null,r=null,D=null,A=null,B;for(B in c)if(y.call(c,
-B)){var u=c[B];if(null!=u)switch(B){case "children":p=u;break;case "selected":D=u;break;case "dangerouslySetInnerHTML":A=u;break;case "value":r=u;default:L(a,B,u)}}if(null!=m){var t=null!==r?""+r:Gb(p);if(Ka(m))for(var E=0;E<m.length;E++){if(""+m[E]===t){a.push(' selected=""');break}}else""+m===t&&a.push(' selected=""')}else D&&a.push(' selected=""');a.push(">");O(a,A,p);return p;case "textarea":a.push(Q("textarea"));var x=null,w=null,F=null,R;for(R in c)if(y.call(c,R)){var G=c[R];if(null!=G)switch(R){case "children":F=
-G;break;case "value":x=G;break;case "defaultValue":w=G;break;case "dangerouslySetInnerHTML":throw Error(q(91));default:L(a,R,G)}}null===x&&null!==w&&(x=w);a.push(">");if(null!=F){if(null!=x)throw Error(q(92));if(Ka(F)){if(1<F.length)throw Error(q(93));x=""+F[0]}x=""+F}"string"===typeof x&&"\n"===x[0]&&a.push("\n");null!==x&&a.push(z(""+x));return null;case "input":a.push(Q("input"));var W=null,na=null,ha=null,M=null,I=null,Z=null,Sa=null,Ta=null,Ua=null,oa;for(oa in c)if(y.call(c,oa)){var T=c[oa];
-if(null!=T)switch(oa){case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"input"));case "name":W=T;break;case "formAction":na=T;break;case "formEncType":ha=T;break;case "formMethod":M=T;break;case "formTarget":I=T;break;case "defaultChecked":Ua=T;break;case "defaultValue":Sa=T;break;case "checked":Ta=T;break;case "value":Z=T;break;default:L(a,oa,T)}}var tb=Eb(a,d,e,na,ha,M,I,W);null!==Ta?rb(a,"checked",Ta):null!==Ua&&rb(a,"checked",Ua);null!==Z?L(a,"value",Z):null!==Sa&&L(a,"value",
-Sa);a.push("/>");null!==tb&&tb.forEach(Db,a);return null;case "button":a.push(Q("button"));var pa=null,qa=null,da=null,ra=null,sa=null,Va=null,ta=null,Wa;for(Wa in c)if(y.call(c,Wa)){var ea=c[Wa];if(null!=ea)switch(Wa){case "children":pa=ea;break;case "dangerouslySetInnerHTML":qa=ea;break;case "name":da=ea;break;case "formAction":ra=ea;break;case "formEncType":sa=ea;break;case "formMethod":Va=ea;break;case "formTarget":ta=ea;break;default:L(a,Wa,ea)}}var Rc=Eb(a,d,e,ra,sa,Va,ta,da);a.push(">");null!==
-Rc&&Rc.forEach(Db,a);O(a,qa,pa);if("string"===typeof pa){a.push(z(pa));var Sc=null}else Sc=pa;return Sc;case "form":a.push(Q("form"));var Xa=null,Tc=null,ia=null,Ya=null,Za=null,$a=null,ab;for(ab in c)if(y.call(c,ab)){var ja=c[ab];if(null!=ja)switch(ab){case "children":Xa=ja;break;case "dangerouslySetInnerHTML":Tc=ja;break;case "action":ia=ja;break;case "encType":Ya=ja;break;case "method":Za=ja;break;case "target":$a=ja;break;default:L(a,ab,ja)}}var Zb=null,$b=null;if("function"===typeof ia)if("function"===
-typeof ia.$$FORM_ACTION){var ze=sb(d),Fa=ia.$$FORM_ACTION(ze);ia=Fa.action||"";Ya=Fa.encType;Za=Fa.method;$a=Fa.target;Zb=Fa.data;$b=Fa.name}else a.push(" ","action",'="',Cb,'"'),$a=Za=Ya=ia=null,Fb(d,e);null!=ia&&L(a,"action",ia);null!=Ya&&L(a,"encType",Ya);null!=Za&&L(a,"method",Za);null!=$a&&L(a,"target",$a);a.push(">");null!==$b&&(a.push('<input type="hidden"'),K(a,"name",$b),a.push("/>"),null!==Zb&&Zb.forEach(Db,a));O(a,Tc,Xa);if("string"===typeof Xa){a.push(z(Xa));var Uc=null}else Uc=Xa;return Uc;
-case "menuitem":a.push(Q("menuitem"));for(var ub in c)if(y.call(c,ub)){var Vc=c[ub];if(null!=Vc)switch(ub){case "children":case "dangerouslySetInnerHTML":throw Error(q(400));default:L(a,ub,Vc)}}a.push(">");return null;case "title":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Wc=Kb(a,c);else Kb(e.hoistableChunks,c),Wc=null;return Wc;case "link":return Hb(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var ac=c.async;if("string"!==typeof c.src||!c.src||!ac||"function"===typeof ac||
-"symbol"===typeof ac||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Xc=Mb(a,c);else{var vb=c.src;if("module"===c.type){var wb=d.moduleScriptResources;var Yc=e.preloads.moduleScripts}else wb=d.scriptResources,Yc=e.preloads.scripts;var xb=wb.hasOwnProperty(vb)?wb[vb]:void 0;if(null!==xb){wb[vb]=null;var bc=c;if(xb){2===xb.length&&(bc=v({},c),Ib(bc,xb));var Zc=Yc.get(vb);Zc&&(Zc.length=0)}var $c=[];e.scripts.add($c);Mb($c,bc)}g&&a.push("\x3c!-- --\x3e");Xc=null}return Xc;
-case "style":var yb=c.precedence,ua=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof yb||"string"!==typeof ua||""===ua){a.push(Q("style"));var Ga=null,ad=null,bb;for(bb in c)if(y.call(c,bb)){var zb=c[bb];if(null!=zb)switch(bb){case "children":Ga=zb;break;case "dangerouslySetInnerHTML":ad=zb;break;default:L(a,bb,zb)}}a.push(">");var cb=Array.isArray(Ga)?2>Ga.length?Ga[0]:null:Ga;"function"!==typeof cb&&"symbol"!==typeof cb&&null!==cb&&void 0!==cb&&a.push(z(""+cb));O(a,
-ad,Ga);a.push(Lb("style"));var bd=null}else{var va=e.styles.get(yb);if(null!==(d.styleResources.hasOwnProperty(ua)?d.styleResources[ua]:void 0)){d.styleResources[ua]=null;va?va.hrefs.push(z(ua)):(va={precedence:z(yb),rules:[],hrefs:[z(ua)],sheets:new Map},e.styles.set(yb,va));var cd=va.rules,Ha=null,dd=null,Ab;for(Ab in c)if(y.call(c,Ab)){var cc=c[Ab];if(null!=cc)switch(Ab){case "children":Ha=cc;break;case "dangerouslySetInnerHTML":dd=cc}}var db=Array.isArray(Ha)?2>Ha.length?Ha[0]:null:Ha;"function"!==
-typeof db&&"symbol"!==typeof db&&null!==db&&void 0!==db&&cd.push(z(""+db));O(cd,dd,Ha)}va&&e.boundaryResources&&e.boundaryResources.styles.add(va);g&&a.push("\x3c!-- --\x3e");bd=void 0}return bd;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var ed=Jb(a,c,"meta");else g&&a.push("\x3c!-- --\x3e"),ed="string"===typeof c.charSet?Jb(e.charsetChunks,c,"meta"):"viewport"===c.name?Jb(e.preconnectChunks,c,"meta"):Jb(e.hoistableChunks,c,"meta");return ed;case "listing":case "pre":a.push(Q(b));
-var eb=null,fb=null,gb;for(gb in c)if(y.call(c,gb)){var Bb=c[gb];if(null!=Bb)switch(gb){case "children":eb=Bb;break;case "dangerouslySetInnerHTML":fb=Bb;break;default:L(a,gb,Bb)}}a.push(">");if(null!=fb){if(null!=eb)throw Error(q(60));if("object"!==typeof fb||!("__html"in fb))throw Error(q(61));var wa=fb.__html;null!==wa&&void 0!==wa&&("string"===typeof wa&&0<wa.length&&"\n"===wa[0]?a.push("\n",wa):a.push(""+wa))}"string"===typeof eb&&"\n"===eb[0]&&a.push("\n");return eb;case "img":var N=c.src,J=
-c.srcSet;if(!("lazy"===c.loading||!N&&!J||"string"!==typeof N&&null!=N||"string"!==typeof J&&null!=J)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof N||":"!==N[4]||"d"!==N[0]&&"D"!==N[0]||"a"!==N[1]&&"A"!==N[1]||"t"!==N[2]&&"T"!==N[2]||"a"!==N[3]&&"A"!==N[3])&&("string"!==typeof J||":"!==J[4]||"d"!==J[0]&&"D"!==J[0]||"a"!==J[1]&&"A"!==J[1]||"t"!==J[2]&&"T"!==J[2]||"a"!==J[3]&&"A"!==J[3])){var fd="string"===typeof c.sizes?c.sizes:void 0,Ia=J?J+"\n"+(fd||""):N,dc=e.preloads.images,
-xa=dc.get(Ia);if(xa){if("high"===c.fetchPriority||10>e.highImagePreloads.size)dc.delete(Ia),e.highImagePreloads.add(xa)}else if(!d.imageResources.hasOwnProperty(Ia)){d.imageResources[Ia]=C;var ec=c.crossOrigin;var gd="string"===typeof ec?"use-credentials"===ec?ec:"":void 0;var aa=e.headers,fc;aa&&0<aa.remainingCapacity&&("high"===c.fetchPriority||500>aa.highImagePreloads.length)&&(fc=Rb(N,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:gd,integrity:c.integrity,nonce:c.nonce,type:c.type,
-fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(aa.remainingCapacity-=fc.length))?(e.resets.image[Ia]=C,aa.highImagePreloads&&(aa.highImagePreloads+=", "),aa.highImagePreloads+=fc):(xa=[],P(xa,{rel:"preload",as:"image",href:J?void 0:N,imageSrcSet:J,imageSizes:fd,crossOrigin:gd,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(xa):(e.bulkPreloads.add(xa),
-dc.set(Ia,xa)))}}return Jb(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Jb(a,c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var hd=Nb(e.headChunks,c,"head")}else hd=Nb(a,c,"head");return hd;case "html":if(0===
-f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[""];var id=Nb(e.htmlChunks,c,"html")}else id=Nb(a,c,"html");return id;default:if(-1!==b.indexOf("-")){a.push(Q(b));var gc=null,jd=null,Ja;for(Ja in c)if(y.call(c,Ja)){var ya=c[Ja];if(null!=ya){var Ae=Ja;switch(Ja){case "children":gc=ya;break;case "dangerouslySetInnerHTML":jd=ya;break;case "style":qb(a,ya);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;default:za(Ja)&&"function"!==typeof ya&&"symbol"!==typeof ya&&
-a.push(" ",Ae,'="',z(ya),'"')}}}a.push(">");O(a,jd,gc);return gc}}return Nb(a,c,b)}var Sb=new Map;function Lb(a){var b=Sb.get(a);void 0===b&&(b="</"+a+">",Sb.set(a,b));return b}function Tb(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}function Ub(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error(q(395));a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
-function Vb(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
-b=d.toString(16),a.push(b),a.push('">');case 6:return a.push('<table hidden><tbody id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 7:return a.push('<table hidden><tr id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 8:return a.push('<table hidden><colgroup id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');default:throw Error(q(397));}}
-function Wb(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error(q(397));}}var Xb=/[<\u2028\u2029]/g;
-function Yb(a){return JSON.stringify(a).replace(Xb,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var hc=/[&><\u2028\u2029]/g;
-function ic(a){return JSON.stringify(a).replace(hc,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var jc=!1,kc=!0;
-function lc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);kc=this.push("</style>");jc=!0;b.length=0;c.length=0}}function mc(a){return 2!==a.state?jc=!0:!1}function nc(a,b,c){jc=!1;kc=!0;b.styles.forEach(lc,a);b.stylesheets.forEach(mc);jc&&(c.stylesToHoist=!0);return kc}
-function S(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var oc=[];function pc(a){P(oc,a.props);for(var b=0;b<oc.length;b++)this.push(oc[b]);oc.length=0;a.state=2}
-function qc(a){var b=0<a.sheets.size;a.sheets.forEach(pc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
-function rc(a){if(0===a.state){a.state=1;var b=a.props;P(oc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<oc.length;a++)this.push(oc[a]);oc.length=0}}function sc(a){a.sheets.forEach(rc,this);a.sheets.clear()}
-function tc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=ic(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=ic(""+d.props.href);a.push(g);e=""+e;a.push(",");e=ic(e);a.push(e);for(var h in f)if(y.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));default:a:{e=
-a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!za(h))break a;g=""+g}e.push(",");k=ic(k);e.push(k);e.push(",");g=ic(g);e.push(g)}}a.push("]");
-c=",[";d.state=3}});a.push("]")}
-function uc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=z(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=z(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=z(JSON.stringify(e));a.push(e);for(var h in f)if(y.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(q(399,"link"));
-default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!za(h))break a;g=""+g}e.push(",");k=z(JSON.stringify(k));e.push(k);
-e.push(",");g=z(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
-function Oa(a){var b=U?U:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(vc,wc)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],P(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}xc(b)}}}
-function Pa(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(vc,wc)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(yc,zc);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],P(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}xc(c)}}}
-function Qa(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var l=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(l))return;e.imageResources[l]=C;e=f.headers;var n;e&&0<e.remainingCapacity&&"high"===k&&(n=Rb(a,b,c),2<=(e.remainingCapacity-=n.length))?(f.resets.image[l]=C,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=n):(e=[],P(e,v({rel:"preload",href:g?
-void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(l,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];P(g,v({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?C:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-P(g,v({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?C:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=C;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(l=Rb(a,b,c),2<=(e.remainingCapacity-=l.length)))f.resets.font[a]=C,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=l;else switch(e=[],
-a=v({rel:"preload",href:a,as:b},c),P(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}xc(d)}}}
-function Ra(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?C:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=C}P(f,v({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);xc(c)}}}
-function hb(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:z(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:v({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&Ib(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),xc(d))}}}
-function ib(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=v({src:a,async:!0},b),f&&(2===f.length&&Ib(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Mb(a,b),xc(c))}}}
-function jb(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=v({src:a,type:"module",async:!0},b),f&&(2===f.length&&Ib(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Mb(a,b),xc(c))}}}function Ib(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Rb(a,b,c){a=(""+a).replace(vc,wc);b=(""+b).replace(yc,zc);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)y.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(yc,zc)+'"'));return b}var vc=/[<>\r\n]/g;
-function wc(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var yc=/["';,\r\n]/g;
-function zc(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Ac(a){this.styles.add(a)}function Bc(a){this.stylesheets.add(a)}
-function Cc(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(lb,mb),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,l=new Set,n=new Set,m=new Map,p=new Set,r=new Set,D=new Set,A={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var B=0;B<f.length;B++){var u=f[B],t,E=void 0,x=void 0,w={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
-typeof u?w.href=t=u:(w.href=t=u.src,w.integrity=x="string"===typeof u.integrity?u.integrity:void 0,w.crossOrigin=E="string"===typeof u||null==u.crossOrigin?void 0:"use-credentials"===u.crossOrigin?"use-credentials":"");u=a;var F=t;u.scriptResources[F]=null;u.moduleScriptResources[F]=null;u=[];P(u,w);p.add(u);d.push('<script src="',z(t));"string"===typeof x&&d.push('" integrity="',z(x));"string"===typeof E&&d.push('" crossorigin="',z(E));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)w=
-g[f],E=t=void 0,x={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof w?x.href=B=w:(x.href=B=w.src,x.integrity=E="string"===typeof w.integrity?w.integrity:void 0,x.crossOrigin=t="string"===typeof w||null==w.crossOrigin?void 0:"use-credentials"===w.crossOrigin?"use-credentials":""),w=a,u=B,w.scriptResources[u]=null,w.moduleScriptResources[u]=null,w=[],P(w,x),p.add(w),d.push('<script type="module" src="',z(B)),"string"===typeof E&&d.push('" integrity="',z(E)),"string"===typeof t&&
-d.push('" crossorigin="',z(t)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:[],preloadChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:l,highImagePreloads:n,styles:m,
-bootstrapScripts:p,scripts:r,bulkPreloads:D,preloads:A,boundaryResources:null,stylesToHoist:!1,generateStaticMarkup:b}}function Dc(a,b,c,d){if(c.generateStaticMarkup)return a.push(z(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(z(b)),a=!0);return a}
-var Ec=Symbol.for("react.element"),Fc=Symbol.for("react.portal"),Gc=Symbol.for("react.fragment"),Hc=Symbol.for("react.strict_mode"),Ic=Symbol.for("react.profiler"),Jc=Symbol.for("react.provider"),Kc=Symbol.for("react.context"),Lc=Symbol.for("react.server_context"),Mc=Symbol.for("react.forward_ref"),Nc=Symbol.for("react.suspense"),Oc=Symbol.for("react.suspense_list"),Pc=Symbol.for("react.memo"),Qc=Symbol.for("react.lazy"),kd=Symbol.for("react.scope"),ld=Symbol.for("react.debug_trace_mode"),md=Symbol.for("react.offscreen"),
-nd=Symbol.for("react.legacy_hidden"),od=Symbol.for("react.cache"),pd=Symbol.for("react.default_value"),qd=Symbol.iterator,rd=Symbol.for("react.client.reference");
-function sd(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===rd?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Gc:return"Fragment";case Fc:return"Portal";case Ic:return"Profiler";case Hc:return"StrictMode";case Nc:return"Suspense";case Oc:return"SuspenseList";case od:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case Kc:return(a.displayName||"Context")+".Consumer";case Jc:return(a._context.displayName||"Context")+".Provider";case Mc:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Pc:return b=a.displayName||null,null!==b?b:sd(a.type)||"Memo";case Qc:b=a._payload;a=a._init;try{return sd(a(b))}catch(c){}}return null}var td;function ud(a){if(void 0===td)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);td=b&&b[1]||""}return"\n"+td+a}var vd=!1;
-function wd(a,b){if(!a||vd)return"";vd=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var m=function(){throw Error();};Object.defineProperty(m.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(m,[])}catch(r){var p=r}Reflect.construct(a,[],m)}else{try{m.call()}catch(r){p=r}a.call(m.prototype)}}else{try{throw Error();}catch(r){p=r}(m=a())&&"function"===typeof m.catch&&
-m.catch(function(){})}}catch(r){if(r&&p&&"string"===typeof r.stack)return[r.stack,p.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),l=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<l.length&&!l[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===l.length)for(d=k.length-1,e=l.length-1;1<=d&&0<=e&&k[d]!==l[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==l[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==l[e]){var n="\n"+k[d].replace(" at new "," at ");a.displayName&&n.includes("<anonymous>")&&(n=n.replace("<anonymous>",a.displayName));return n}while(1<=d&&0<=e)}break}}}finally{vd=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?ud(c):""}
-var xd={};function yd(a,b){a=a.contextTypes;if(!a)return xd;var c={},d;for(d in a)c[d]=b[d];return c}var zd=null;function Ad(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(q(401));}else{if(null===c)throw Error(q(401));Ad(a,c)}b.context._currentValue2=b.value}}function Bd(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Bd(a)}function Cd(a){var b=a.parent;null!==b&&Cd(b);a.context._currentValue2=a.value}
-function Dd(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error(q(402));a.depth===b.depth?Ad(a,b):Dd(a,b)}function Ed(a,b){var c=b.parent;if(null===c)throw Error(q(402));a.depth===c.depth?Ad(a,c):Ed(a,c);b.context._currentValue2=b.value}function Fd(a){var b=zd;b!==a&&(null===b?Cd(a):null===a?Bd(b):b.depth===a.depth?Ad(b,a):b.depth>a.depth?Dd(b,a):Ed(b,a),zd=a)}
-var Gd={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Hd(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Gd;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:v({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Gd.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=v({},f,h)):v(f,h))}a.state=f}else f.queue=null}
-var Id={id:1,overflow:""};function Jd(a,b,c){var d=a.id;a=a.overflow;var e=32-Kd(d)-1;d&=~(1<<e);c+=1;var f=32-Kd(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Kd(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Kd=Math.clz32?Math.clz32:Ld,Md=Math.log,Nd=Math.LN2;function Ld(a){a>>>=0;return 0===a?32:31-(Md(a)/Nd|0)|0}var Od=Error(q(460));function Pd(){}
-function Qd(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Pd,Pd),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Rd=b;throw Od;}}var Rd=null;
-function Sd(){if(null===Rd)throw Error(q(459));var a=Rd;Rd=null;return a}function Td(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var Ud="function"===typeof Object.is?Object.is:Td,Vd=null,Wd=null,Xd=null,Yd=null,Zd=null,V=null,$d=!1,ae=!1,be=0,ce=0,de=-1,ee=0,fe=null,ge=null,he=0;function ie(){if(null===Vd)throw Error(q(321));return Vd}function je(){if(0<he)throw Error(q(312));return{memoizedState:null,queue:null,next:null}}
-function ke(){null===V?null===Zd?($d=!1,Zd=V=je()):($d=!0,V=Zd):null===V.next?($d=!1,V=V.next=je()):($d=!0,V=V.next);return V}function le(a,b,c,d){for(;ae;)ae=!1,ce=be=0,de=-1,ee=0,he+=1,V=null,c=a(b,d);me();return c}function ne(){var a=fe;fe=null;return a}function me(){Yd=Xd=Wd=Vd=null;ae=!1;Zd=null;he=0;V=ge=null}function oe(a,b){return"function"===typeof b?b(a):b}
-function pe(a,b,c){Vd=ie();V=ke();if($d){var d=V.queue;b=d.dispatch;if(null!==ge&&(c=ge.get(d),void 0!==c)){ge.delete(d);d=V.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);V.memoizedState=d;return[d,b]}return[V.memoizedState,b]}a=a===oe?"function"===typeof b?b():b:void 0!==c?c(b):b;V.memoizedState=a;a=V.queue={last:null,dispatch:null};a=a.dispatch=qe.bind(null,Vd,a);return[V.memoizedState,a]}
-function re(a,b){Vd=ie();V=ke();b=void 0===b?null:b;if(null!==V){var c=V.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!Ud(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();V.memoizedState=[a,b];return a}function qe(a,b,c){if(25<=he)throw Error(q(301));if(a===Vd)if(ae=!0,a={action:c,next:null},null===ge&&(ge=new Map),c=ge.get(b),void 0===c)ge.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
-function se(){throw Error(q(394));}function te(){throw Error(q(479));}function ue(a){var b=ee;ee+=1;null===fe&&(fe=[]);return Qd(fe,a,b)}function ve(){throw Error(q(393));}function we(){}
-var ye={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return ue(a);if(a.$$typeof===Kc||a.$$typeof===Lc)return a._currentValue2}throw Error(q(438,String(a)));},useContext:function(a){ie();return a._currentValue2},useMemo:re,useReducer:pe,useRef:function(a){Vd=ie();V=ke();var b=V.memoizedState;return null===b?(a={current:a},V.memoizedState=a):b},useState:function(a){return pe(oe,a)},useInsertionEffect:we,useLayoutEffect:we,
-useCallback:function(a,b){return re(function(){return a},b)},useImperativeHandle:we,useEffect:we,useDebugValue:we,useDeferredValue:function(a){ie();return a},useTransition:function(){ie();return[!1,se]},useId:function(){var a=Wd.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Kd(a)-1)).toString(32)+b;var c=xe;if(null===c)throw Error(q(404));b=be++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(q(407));return c()},useCacheRefresh:function(){return ve},
-useHostTransitionStatus:function(){ie();return Ma},useOptimistic:function(a){ie();return[a,te]},useFormState:function(a,b,c){ie();var d=ce++,e=Xd;if("function"===typeof a.$$FORM_ACTION){var f=null,g=Yd;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+fa(JSON.stringify([g,null,d]),0),k===f&&(de=d,b=e[0]))}var l=a.bind(null,b);a=function(m){l(m)};"function"===typeof l.$$FORM_ACTION&&(a.$$FORM_ACTION=function(m){m=
-l.$$FORM_ACTION(m);void 0!==c&&(c+="",m.action=c);var p=m.data;p&&(null===f&&(f=void 0!==c?"p"+c:"k"+fa(JSON.stringify([g,null,d]),0)),p.append("$ACTION_KEY",f));return m});return[b,a]}var n=a.bind(null,b);return[b,function(m){n(m)}]}},xe=null,Be={getCacheSignal:function(){throw Error(q(248));},getCacheForType:function(){throw Error(q(248));}},Ce=La.ReactCurrentDispatcher,De=La.ReactCurrentCache;function Ee(a){console.error(a);return null}function Fe(){}
-function Ge(a,b,c,d,e,f,g,h,k,l,n,m){Na.current=kb;var p=[],r=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:r,pingedTasks:p,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Ee:f,onPostpone:void 0===n?Fe:n,onAllReady:void 0===g?
-Fe:g,onShellReady:void 0===h?Fe:h,onShellError:void 0===k?Fe:k,onFatalError:void 0===l?Fe:l,formState:void 0===m?null:m};c=He(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Ie(b,null,a,-1,null,c,r,null,d,xd,null,Id,null);p.push(a);return b}var U=null;function Je(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Ke(a))}
-function Le(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Ie(a,b,c,d,e,f,g,h,k,l,n,m,p){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var r={replay:null,node:c,childIndex:d,ping:function(){return Je(a,r)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:n,treeContext:m,componentStack:p,thenableState:b};g.add(r);return r}
-function Me(a,b,c,d,e,f,g,h,k,l,n,m,p){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var r={replay:c,node:d,childIndex:e,ping:function(){return Je(a,r)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:n,treeContext:m,componentStack:p,thenableState:b};g.add(r);return r}
-function He(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Ne(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Oe(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=ud(b.type,null,null);break;case 1:a+=wd(b.type,!1);break;case 2:a+=wd(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function X(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function Pe(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Qe(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(q(108,sd(e)||"Unknown",h));e=v({},c,d)}b.legacyContext=e;Y(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Y(a,b,null,f,-1),b.keyPath=e}
-function Re(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var l=0;l<f;l++)l===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Jd(c,1,0),Se(a,b,d,-1),b.treeContext=c):h?Se(a,b,d,-1):Y(a,b,null,d,-1);b.keyPath=f}function Te(a,b){if(a&&a.defaultProps){b=v({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function Ue(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=yd(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue2:g);Hd(h,e,f,g);Qe(a,b,c,h,e);b.componentStack=d}else{g=yd(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};Vd={};Wd=b;Xd=a;Yd=c;ce=be=0;de=-1;ee=0;fe=d;d=e(f,g);d=le(e,f,d,g);var k=0!==
-be,l=ce,n=de;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Hd(d,e,f,g),Qe(a,b,c,d,e)):Re(a,b,c,d,k,l,n);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Ne(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=ob(h,e,f),b.keyPath=c,Se(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Qb(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-l=b.keyPath;b.formatContext=ob(h,e,f);b.keyPath=c;Se(a,b,k,-1);b.formatContext=h;b.keyPath=l;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(Lb(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case nd:case ld:case Hc:case Ic:case Gc:e=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=e;return;case md:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,Y(a,b,null,f.children,-1),b.keyPath=e);return;case Oc:e=b.componentStack;b.componentStack=Ne(b,"SuspenseList");d=b.keyPath;b.keyPath=c;Y(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case kd:throw Error(q(343));case Nc:a:if(null!==b.replay){e=b.keyPath;b.keyPath=c;c=f.children;try{Se(a,
-b,c,-1)}finally{b.keyPath=e}}else{var m=b.componentStack;e=b.componentStack=Ne(b,"Suspense");var p=b.keyPath;d=b.blockedBoundary;var r=b.blockedSegment;g=f.fallback;var D=f.children;f=new Set;l=Le(a,f);null!==a.trackedPostpones&&(l.trackedContentKeyPath=c);n=He(a,r.chunks.length,l,b.formatContext,!1,!1);r.children.push(n);r.lastPushedText=!1;var A=He(a,0,null,b.formatContext,!1,!1);A.parentFlushed=!0;b.blockedBoundary=l;b.blockedSegment=A;a.renderState.boundaryResources=l.resources;b.keyPath=c;try{if(Se(a,
-b,D,-1),a.renderState.generateStaticMarkup||A.lastPushedText&&A.textEmbedded&&A.chunks.push("\x3c!-- --\x3e"),A.status=1,Ve(l,A),0===l.pendingTasks&&0===l.status){l.status=1;b.componentStack=m;break a}}catch(B){A.status=4,l.status=4,h=Oe(a,b.componentStack),k=X(a,B,h),l.errorDigest=k,We(a,l)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=r,b.keyPath=p,b.componentStack=m}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(m=[h[1],h[2],
-[],null],k.workingMap.set(h,m),5===l.status?k.workingMap.get(c)[4]=m:l.trackedFallbackNode=m);b=Ie(a,null,g,-1,d,n,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case Mc:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;Vd={};Wd=b;Xd=a;Yd=c;ce=be=0;de=-1;ee=0;fe=d;d=e(f,g);f=le(e,f,d,g);Re(a,b,c,f,0!==be,ce,de);b.componentStack=h;return;case Pc:e=e.type;f=Te(e,
-f);Ue(a,b,c,d,e,f,g);return;case Jc:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue2;e._currentValue2=f;k=zd;zd=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;Y(a,b,null,g,-1);a=zd;if(null===a)throw Error(q(403));c=a.parentValue;a.context._currentValue2=c===pd?a.context._defaultValue:c;a=zd=a.parent;b.context=a;b.keyPath=d;return;case Kc:f=f.children;f=f(e._currentValue2);e=b.keyPath;b.keyPath=c;Y(a,b,null,f,-1);b.keyPath=e;return;
-case Qc:g=b.componentStack;b.componentStack=Ne(b,"Lazy");h=e._init;e=h(e._payload);f=Te(e,f);Ue(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error(q(130,null==e?e:typeof e,""));}}function Xe(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=He(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,Se(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(Ve(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function Y(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)Xe(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case Ec:var f=d.type,g=d.key,h=d.props,k=d.ref,l=sd(f),n=null==g?-1===e?0:e:g;g=[b.keyPath,l,n];if(null!==b.replay)a:{var m=b.replay;e=m.nodes;for(d=0;d<e.length;d++){var p=e[d];if(n===p[1]){if(4===p.length){if(null!==l&&l!==p[0])throw Error(q(490,p[0],l));var r=p[2];l=p[3];p=b.node;b.replay={nodes:r,slots:l,pendingTasks:1};
-try{Ue(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--}catch(w){if("object"===typeof w&&null!==w&&(w===Od||"function"===typeof w.then))throw b.node===p&&(b.replay=m),w;b.replay.pendingTasks--;h=Oe(a,b.componentStack);g=a;a=b.blockedBoundary;c=w;h=X(g,c,h);Ye(g,a,r,l,c,h)}b.replay=m}else{if(f!==Nc)throw Error(q(490,"Suspense",sd(f)||"Unknown"));b:{m=void 0;c=p[5];f=p[2];k=p[3];l=null===p[4]?[]:p[4][2];p=null===p[4]?null:p[4][3];n=b.componentStack;
-var D=b.componentStack=Ne(b,"Suspense"),A=b.keyPath,B=b.replay,u=b.blockedBoundary,t=h.children;h=h.fallback;var E=new Set,x=Le(a,E);x.parentFlushed=!0;x.rootSegmentID=c;b.blockedBoundary=x;b.replay={nodes:f,slots:k,pendingTasks:1};a.renderState.boundaryResources=x.resources;try{Se(a,b,t,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--;if(0===x.pendingTasks&&0===x.status){x.status=1;a.completedBoundaries.push(x);break b}}catch(w){x.status=4,r=Oe(a,
-b.componentStack),m=X(a,w,r),x.errorDigest=m,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(x)}finally{a.renderState.boundaryResources=u?u.resources:null,b.blockedBoundary=u,b.replay=B,b.keyPath=A,b.componentStack=n}b=Me(a,null,{nodes:l,slots:p,pendingTasks:0},h,-1,u,E,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,D);a.pingedTasks.push(b)}}e.splice(d,1);break a}}}else Ue(a,b,g,c,f,h,k);return;case Fc:throw Error(q(257));case Qc:h=b.componentStack;
-b.componentStack=Ne(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;Y(a,b,null,d,e);return}if(Ka(d)){Ze(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=qd&&d[qd]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];do g.push(d.value),d=h.next();while(!d.done);Ze(a,b,g,e)}return}if("function"===typeof d.then)return Y(a,b,null,ue(d),e);if(d.$$typeof===Kc||d.$$typeof===Lc)return Y(a,b,null,d._currentValue2,e);e=Object.prototype.toString.call(d);
-throw Error(q(31,"[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e));}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=Dc(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Dc(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function Ze(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{Ze(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(q(488));b.replay.pendingTasks--}catch(m){if("object"===typeof m&&null!==m&&(m===Od||"function"===typeof m.then))throw m;b.replay.pendingTasks--;c=Oe(a,b.componentStack);var l=b.blockedBoundary,
-n=m;c=X(a,n,c);Ye(a,l,d,k,n,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)k=c[d],b.treeContext=Jd(f,g,d),l=h[d],"number"===typeof l?(Xe(a,b,l,k,d),delete h[d]):Se(a,b,k,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Jd(f,g,h),Se(a,b,d,h);b.treeContext=f;b.keyPath=e}
-function We(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function Se(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,l=b.componentStack,n=b.blockedSegment;if(null===n)try{return Y(a,b,null,c,d)}catch(r){if(me(),c=r===Od?Sd():r,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=ne();a=Me(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=
-f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Fd(g);return}}else{var m=n.children.length,p=n.chunks.length;try{return Y(a,b,null,c,d)}catch(r){if(me(),n.children.length=m,n.chunks.length=p,c=r===Od?Sd():r,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=ne();n=b.blockedSegment;m=He(a,n.chunks.length,null,b.formatContext,n.lastPushedText,!0);n.children.push(m);n.lastPushedText=!1;a=Ie(a,d,b.node,b.childIndex,b.blockedBoundary,m,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,
-b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Fd(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Fd(g);throw c;}function $e(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,af(this,b,a))}
-function Ye(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)Ye(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,l=f,n=Le(k,new Set);n.parentFlushed=!0;n.rootSegmentID=h;n.status=4;n.errorDigest=l;n.parentFlushed&&k.clientRenderedBoundaries.push(n)}}c.length=0;if(null!==d){if(null===b)throw Error(q(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var m in d)delete d[m]}}
-function bf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){X(b,c,d);Pe(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=X(b,c,d),Ye(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&cf(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Oe(b,a.componentStack),a=X(b,c,a),d.errorDigest=a,We(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return bf(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&df(b)}
-function ef(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),l=k.next();0<e.remainingCapacity&&!l.done;l=k.next()){var n=l.value,m=n.props,p=m.href,r=n.props,D=Rb(r.href,"style",{crossOrigin:r.crossOrigin,integrity:r.integrity,
-nonce:r.nonce,type:r.type,fetchPriority:r.fetchPriority,referrerPolicy:r.referrerPolicy,media:r.media});if(2<=(e.remainingCapacity-=D.length))c.resets.style[p]=C,f&&(f+=", "),f+=D,c.resets.style[p]="string"===typeof m.crossOrigin||"string"===typeof m.integrity?[m.crossOrigin,m.integrity]:C;else break b}}f?d({Link:f}):d({})}}}catch(A){X(a,A,{})}}function cf(a){null===a.trackedPostpones&&ef(a,!0);a.onShellError=Fe;a=a.onShellReady;a()}
-function df(a){ef(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function Ve(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&Ve(a,c)}else a.completedSegments.push(b)}
-function af(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(q(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&cf(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&Ve(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach($e,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
-(Ve(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&df(a)}
-function Ke(a){if(2!==a.status){var b=zd,c=Ce.current;Ce.current=ye;var d=De.current;De.current=Be;var e=U;U=a;var f=xe;xe=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],l=a,n=k.blockedBoundary;l.renderState.boundaryResources=n?n.resources:null;var m=k.blockedSegment;if(null===m){var p=l;if(0!==k.replay.pendingTasks){Fd(k.context);try{var r=k.thenableState;k.thenableState=null;Y(p,k,r,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.replay.nodes.length)throw Error(q(488));
-k.replay.pendingTasks--;k.abortSet.delete(k);af(p,k.blockedBoundary,null)}catch(I){me();var D=I===Od?Sd():I;if("object"===typeof D&&null!==D&&"function"===typeof D.then){var A=k.ping;D.then(A,A);k.thenableState=ne()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var B=Oe(p,k.componentStack);l=void 0;var u=p,t=k.blockedBoundary,E=D,x=k.replay.nodes,w=k.replay.slots;l=X(u,E,B);Ye(u,t,x,w,E,l);p.pendingRootTasks--;0===p.pendingRootTasks&&cf(p);p.allPendingTasks--;0===p.allPendingTasks&&df(p)}}finally{p.renderState.boundaryResources=
-null}}}else if(p=void 0,u=m,0===u.status){Fd(k.context);var F=u.children.length,R=u.chunks.length;try{var G=k.thenableState;k.thenableState=null;Y(l,k,G,k.node,k.childIndex);l.renderState.generateStaticMarkup||u.lastPushedText&&u.textEmbedded&&u.chunks.push("\x3c!-- --\x3e");k.abortSet.delete(k);u.status=1;af(l,k.blockedBoundary,u)}catch(I){me();u.children.length=F;u.chunks.length=R;var W=I===Od?Sd():I;if("object"===typeof W&&null!==W&&"function"===typeof W.then){var na=k.ping;W.then(na,na);k.thenableState=
-ne()}else{var ha=Oe(l,k.componentStack);k.abortSet.delete(k);u.status=4;var M=k.blockedBoundary;p=X(l,W,ha);null===M?Pe(l,W):(M.pendingTasks--,4!==M.status&&(M.status=4,M.errorDigest=p,We(l,M),M.parentFlushed&&l.clientRenderedBoundaries.push(M)));l.allPendingTasks--;0===l.allPendingTasks&&df(l)}}finally{l.renderState.boundaryResources=null}}}g.splice(0,h);null!==a.destination&&ff(a,a.destination)}catch(I){X(a,I,{}),Pe(a,I)}finally{xe=f,Ce.current=c,De.current=d,c===ye&&Fd(b),U=e}}}
-function gf(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;b.push('<template id="');b.push(a.placeholderPrefix);a=d.toString(16);b.push(a);return b.push('"></template>');case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)b.push(d[f]);e=hf(a,b,e)}for(;f<d.length-1;f++)b.push(d[f]);f<d.length&&(e=b.push(d[f]));return e;default:throw Error(q(390));
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),sb=/["'&<>]/;
+function C(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=sb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var tb=/([A-Z])/g,Hb=/^ms-/,Ib=ea.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Jb={pending:!1,data:null,method:null,action:null},Kb=fa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Sb={prefetchDNS:Lb,preconnect:Mb,preload:Nb,preloadModule:Ob,preinitStyle:Pb,preinitScript:Qb,preinitModuleScript:Rb},D=[],Tb=/(<\/|<)(s)(cript)/gi;function Ub(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
+function Vb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function J(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function Wb(a,b,c){switch(b){case "noscript":return J(2,null,a.tagScope|1);case "select":return J(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return J(3,null,a.tagScope);case "picture":return J(2,null,a.tagScope|2);case "math":return J(4,null,a.tagScope);case "foreignObject":return J(2,null,a.tagScope);case "table":return J(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return J(6,null,a.tagScope);case "colgroup":return J(8,null,a.tagScope);case "tr":return J(7,null,a.tagScope)}return 5<=
+a.insertionMode?J(2,null,a.tagScope):0===a.insertionMode?"html"===b?J(1,null,a.tagScope):J(2,null,a.tagScope):1===a.insertionMode?J(2,null,a.tagScope):a}var Xb=new Map;
+function Yb(a,b){if("object"!==typeof b)throw Error(p(62));var c=!0,d;for(d in b)if(B.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=C(d);e=C((""+e).trim())}else f=Xb.get(d),void 0===f&&(f=C(d.replace(tb,"-$1").toLowerCase().replace(Hb,"-ms-")),Xb.set(d,f)),e="number"===typeof e?0===e||qb.has(d)?""+e:e+"px":C((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}
+function Zb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function K(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',C(c),'"')}function $b(a){var b=a.nextFormID++;return a.idPrefix+b}var ac=C("javascript:throw new Error('React form unexpectedly submitted.')");function bc(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error(p(480));K(this,"name",b);K(this,"value",a);this.push("/>")}
+function nc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=$b(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',ac,'"'),g=f=e=d=h=null,oc(b,c)));null!=h&&L(a,"name",h);null!=d&&L(a,"formAction",d);null!=e&&L(a,"formEncType",e);null!=f&&L(a,"formMethod",f);null!=g&&L(a,"formTarget",g);return k}
+function L(a,b,c){switch(b){case "className":K(a,"class",c);break;case "tabIndex":K(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":K(a,b,c);break;case "style":Yb(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',C(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":Zb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',C(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',C(c),'"');break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',C(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',C(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',C(c),'"');break;case "xlinkActuate":K(a,"xlink:actuate",
+c);break;case "xlinkArcrole":K(a,"xlink:arcrole",c);break;case "xlinkRole":K(a,"xlink:role",c);break;case "xlinkShow":K(a,"xlink:show",c);break;case "xlinkTitle":K(a,"xlink:title",c);break;case "xlinkType":K(a,"xlink:type",c);break;case "xmlBase":K(a,"xml:base",c);break;case "xmlLang":K(a,"xml:lang",c);break;case "xmlSpace":K(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=rb.get(b)||b,pb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',C(c),'"')}}}function P(a,b,c){if(null!=b){if(null!=c)throw Error(p(60));if("object"!==typeof b||!("__html"in b))throw Error(p(61));b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}function pc(a){var b="";ea.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
+function oc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});',"\x3c/script>"))}
+function Q(a,b){a.push(R("link"));for(var c in b)if(B.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(p(399,"link"));default:L(a,c,d)}}a.push("/>");return null}function qc(a,b,c){a.push(R(c));for(var d in b)if(B.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(p(399,c));default:L(a,d,e)}}a.push("/>");return null}
+function rc(a,b){a.push(R("title"));var c=null,d=null,e;for(e in b)if(B.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(C(""+b));P(a,d,c);a.push(sc("title"));return null}
+function tc(a,b){a.push(R("script"));var c=null,d=null,e;for(e in b)if(B.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");P(a,d,c);"string"===typeof c&&a.push(C(c));a.push(sc("script"));return null}
+function uc(a,b,c){a.push(R(c));var d=c=null,e;for(e in b)if(B.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:L(a,e,f)}}a.push(">");P(a,d,c);return"string"===typeof c?(a.push(C(c)),null):c}var vc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,wc=new Map;function R(a){var b=wc.get(a);if(void 0===b){if(!vc.test(a))throw Error(p(65,a));b="<"+a;wc.set(a,b)}return b}
+function xc(a,b,c,d,e,f,g,h,k){switch(b){case "div":case "span":case "svg":case "path":break;case "a":break;case "g":case "p":case "li":break;case "select":a.push(R("select"));var m=null,n=null,l;for(l in c)if(B.call(c,l)){var v=c[l];if(null!=v)switch(l){case "children":m=v;break;case "dangerouslySetInnerHTML":n=v;break;case "defaultValue":case "value":break;default:L(a,l,v)}}a.push(">");P(a,n,m);return m;case "option":var r=g.selectedValue;a.push(R("option"));var A=null,w=null,z=null,y=null,q;for(q in c)if(B.call(c,
+q)){var E=c[q];if(null!=E)switch(q){case "children":A=E;break;case "selected":z=E;break;case "dangerouslySetInnerHTML":y=E;break;case "value":w=E;default:L(a,q,E)}}if(null!=r){var F=null!==w?""+w:pc(A);if(kb(r))for(var t=0;t<r.length;t++){if(""+r[t]===F){a.push(' selected=""');break}}else""+r===F&&a.push(' selected=""')}else z&&a.push(' selected=""');a.push(">");P(a,y,A);return A;case "textarea":a.push(R("textarea"));var x=null,G=null,V=null,M;for(M in c)if(B.call(c,M)){var H=c[M];if(null!=H)switch(M){case "children":V=
+H;break;case "value":x=H;break;case "defaultValue":G=H;break;case "dangerouslySetInnerHTML":throw Error(p(91));default:L(a,M,H)}}null===x&&null!==G&&(x=G);a.push(">");if(null!=V){if(null!=x)throw Error(p(92));if(kb(V)){if(1<V.length)throw Error(p(93));x=""+V[0]}x=""+V}"string"===typeof x&&"\n"===x[0]&&a.push("\n");null!==x&&a.push(C(""+x));return null;case "input":a.push(R("input"));var oa=null,ha=null,aa=null,ub=null,vb=null,Na=null,Oa=null,Pa=null,Qa=null,pa;for(pa in c)if(B.call(c,pa)){var N=c[pa];
+if(null!=N)switch(pa){case "children":case "dangerouslySetInnerHTML":throw Error(p(399,"input"));case "name":oa=N;break;case "formAction":ha=N;break;case "formEncType":aa=N;break;case "formMethod":ub=N;break;case "formTarget":vb=N;break;case "defaultChecked":Qa=N;break;case "defaultValue":Oa=N;break;case "checked":Pa=N;break;case "value":Na=N;break;default:L(a,pa,N)}}var ba=nc(a,d,e,ha,aa,ub,vb,oa);null!==Pa?Zb(a,"checked",Pa):null!==Qa&&Zb(a,"checked",Qa);null!==Na?L(a,"value",Na):null!==Oa&&L(a,
+"value",Oa);a.push("/>");null!==ba&&ba.forEach(bc,a);return null;case "button":a.push(R("button"));var ca=null,qa=null,Ra=null,ra=null,gd=null,hd=null,id=null,Sa;for(Sa in c)if(B.call(c,Sa)){var da=c[Sa];if(null!=da)switch(Sa){case "children":ca=da;break;case "dangerouslySetInnerHTML":qa=da;break;case "name":Ra=da;break;case "formAction":ra=da;break;case "formEncType":gd=da;break;case "formMethod":hd=da;break;case "formTarget":id=da;break;default:L(a,Sa,da)}}var jd=nc(a,d,e,ra,gd,hd,id,Ra);a.push(">");
+null!==jd&&jd.forEach(bc,a);P(a,qa,ca);if("string"===typeof ca){a.push(C(ca));var kd=null}else kd=ca;return kd;case "form":a.push(R("form"));var Ta=null,ld=null,ia=null,Ua=null,Va=null,Wa=null,Xa;for(Xa in c)if(B.call(c,Xa)){var ja=c[Xa];if(null!=ja)switch(Xa){case "children":Ta=ja;break;case "dangerouslySetInnerHTML":ld=ja;break;case "action":ia=ja;break;case "encType":Ua=ja;break;case "method":Va=ja;break;case "target":Wa=ja;break;default:L(a,Xa,ja)}}var cc=null,dc=null;if("function"===typeof ia)if("function"===
+typeof ia.$$FORM_ACTION){var Re=$b(d),Ca=ia.$$FORM_ACTION(Re);ia=Ca.action||"";Ua=Ca.encType;Va=Ca.method;Wa=Ca.target;cc=Ca.data;dc=Ca.name}else a.push(" ","action",'="',ac,'"'),Wa=Va=Ua=ia=null,oc(d,e);null!=ia&&L(a,"action",ia);null!=Ua&&L(a,"encType",Ua);null!=Va&&L(a,"method",Va);null!=Wa&&L(a,"target",Wa);a.push(">");null!==dc&&(a.push('<input type="hidden"'),K(a,"name",dc),a.push("/>"),null!==cc&&cc.forEach(bc,a));P(a,ld,Ta);if("string"===typeof Ta){a.push(C(Ta));var md=null}else md=Ta;return md;
+case "menuitem":a.push(R("menuitem"));for(var wb in c)if(B.call(c,wb)){var nd=c[wb];if(null!=nd)switch(wb){case "children":case "dangerouslySetInnerHTML":throw Error(p(400));default:L(a,wb,nd)}}a.push(">");return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var ec=rc(a,c);else k?ec=null:(rc(e.hoistableChunks,c),ec=void 0);return ec;case "link":var Se=c.rel,ka=c.href,xb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Se||"string"!==
+typeof ka||""===ka){Q(a,c);var Ya=null}else if("stylesheet"===c.rel)if("string"!==typeof xb||null!=c.disabled||c.onLoad||c.onError)Ya=Q(a,c);else{var Da=e.styles.get(xb),yb=d.styleResources.hasOwnProperty(ka)?d.styleResources[ka]:void 0;if(null!==yb){d.styleResources[ka]=null;Da||(Da={precedence:C(xb),rules:[],hrefs:[],sheets:new Map},e.styles.set(xb,Da));var zb={state:0,props:u({},c,{"data-precedence":c.precedence,precedence:null})};if(yb){2===yb.length&&yc(zb.props,yb);var fc=e.preloads.stylesheets.get(ka);
+fc&&0<fc.length?fc.length=0:zb.state=1}Da.sheets.set(ka,zb);f&&f.stylesheets.add(zb)}else if(Da){var od=Da.sheets.get(ka);od&&f&&f.stylesheets.add(od)}h&&a.push("\x3c!-- --\x3e");Ya=null}else c.onLoad||c.onError?Ya=Q(a,c):(h&&a.push("\x3c!-- --\x3e"),Ya=k?null:Q(e.hoistableChunks,c));return Ya;case "script":var gc=c.async;if("string"!==typeof c.src||!c.src||!gc||"function"===typeof gc||"symbol"===typeof gc||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var pd=tc(a,c);else{var Ab=
+c.src;if("module"===c.type){var Bb=d.moduleScriptResources;var qd=e.preloads.moduleScripts}else Bb=d.scriptResources,qd=e.preloads.scripts;var Cb=Bb.hasOwnProperty(Ab)?Bb[Ab]:void 0;if(null!==Cb){Bb[Ab]=null;var hc=c;if(Cb){2===Cb.length&&(hc=u({},c),yc(hc,Cb));var rd=qd.get(Ab);rd&&(rd.length=0)}var sd=[];e.scripts.add(sd);tc(sd,hc)}h&&a.push("\x3c!-- --\x3e");pd=null}return pd;case "style":var Db=c.precedence,sa=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Db||
+"string"!==typeof sa||""===sa){a.push(R("style"));var Ea=null,td=null,$a;for($a in c)if(B.call(c,$a)){var Eb=c[$a];if(null!=Eb)switch($a){case "children":Ea=Eb;break;case "dangerouslySetInnerHTML":td=Eb;break;default:L(a,$a,Eb)}}a.push(">");var ab=Array.isArray(Ea)?2>Ea.length?Ea[0]:null:Ea;"function"!==typeof ab&&"symbol"!==typeof ab&&null!==ab&&void 0!==ab&&a.push(C(""+ab));P(a,td,Ea);a.push(sc("style"));var ud=null}else{var ta=e.styles.get(Db);if(null!==(d.styleResources.hasOwnProperty(sa)?d.styleResources[sa]:
+void 0)){d.styleResources[sa]=null;ta?ta.hrefs.push(C(sa)):(ta={precedence:C(Db),rules:[],hrefs:[C(sa)],sheets:new Map},e.styles.set(Db,ta));var vd=ta.rules,Fa=null,wd=null,Fb;for(Fb in c)if(B.call(c,Fb)){var ic=c[Fb];if(null!=ic)switch(Fb){case "children":Fa=ic;break;case "dangerouslySetInnerHTML":wd=ic}}var bb=Array.isArray(Fa)?2>Fa.length?Fa[0]:null:Fa;"function"!==typeof bb&&"symbol"!==typeof bb&&null!==bb&&void 0!==bb&&vd.push(C(""+bb));P(vd,wd,Fa)}ta&&f&&f.styles.add(ta);h&&a.push("\x3c!-- --\x3e");
+ud=void 0}return ud;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var xd=qc(a,c,"meta");else h&&a.push("\x3c!-- --\x3e"),xd=k?null:"string"===typeof c.charSet?qc(e.charsetChunks,c,"meta"):"viewport"===c.name?qc(e.viewportChunks,c,"meta"):qc(e.hoistableChunks,c,"meta");return xd;case "listing":case "pre":a.push(R(b));var cb=null,db=null,eb;for(eb in c)if(B.call(c,eb)){var Gb=c[eb];if(null!=Gb)switch(eb){case "children":cb=Gb;break;case "dangerouslySetInnerHTML":db=Gb;break;default:L(a,
+eb,Gb)}}a.push(">");if(null!=db){if(null!=cb)throw Error(p(60));if("object"!==typeof db||!("__html"in db))throw Error(p(61));var ua=db.__html;null!==ua&&void 0!==ua&&("string"===typeof ua&&0<ua.length&&"\n"===ua[0]?a.push("\n",ua):a.push(""+ua))}"string"===typeof cb&&"\n"===cb[0]&&a.push("\n");return cb;case "img":var O=c.src,I=c.srcSet;if(!("lazy"===c.loading||!O&&!I||"string"!==typeof O&&null!=O||"string"!==typeof I&&null!=I)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof O||
+":"!==O[4]||"d"!==O[0]&&"D"!==O[0]||"a"!==O[1]&&"A"!==O[1]||"t"!==O[2]&&"T"!==O[2]||"a"!==O[3]&&"A"!==O[3])&&("string"!==typeof I||":"!==I[4]||"d"!==I[0]&&"D"!==I[0]||"a"!==I[1]&&"A"!==I[1]||"t"!==I[2]&&"T"!==I[2]||"a"!==I[3]&&"A"!==I[3])){var yd="string"===typeof c.sizes?c.sizes:void 0,Ga=I?I+"\n"+(yd||""):O,jc=e.preloads.images,va=jc.get(Ga);if(va){if("high"===c.fetchPriority||10>e.highImagePreloads.size)jc.delete(Ga),e.highImagePreloads.add(va)}else if(!d.imageResources.hasOwnProperty(Ga)){d.imageResources[Ga]=
+D;var kc=c.crossOrigin;var zd="string"===typeof kc?"use-credentials"===kc?kc:"":void 0;var Y=e.headers,lc;Y&&0<Y.remainingCapacity&&("high"===c.fetchPriority||500>Y.highImagePreloads.length)&&(lc=zc(O,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:zd,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(Y.remainingCapacity-=lc.length))?(e.resets.image[Ga]=D,Y.highImagePreloads&&(Y.highImagePreloads+=", "),Y.highImagePreloads+=
+lc):(va=[],Q(va,{rel:"preload",as:"image",href:I?void 0:O,imageSrcSet:I,imageSizes:yd,crossOrigin:zd,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(va):(e.bulkPreloads.add(va),jc.set(Ga,va)))}}return qc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return qc(a,c,b);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":break;
+case "head":if(2>g.insertionMode&&null===e.headChunks){e.headChunks=[];var Ad=uc(e.headChunks,c,"head")}else Ad=uc(a,c,"head");return Ad;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[""];var Bd=uc(e.htmlChunks,c,"html")}else Bd=uc(a,c,"html");return Bd;default:if(-1!==b.indexOf("-")){a.push(R(b));var mc=null,Cd=null,Ha;for(Ha in c)if(B.call(c,Ha)){var wa=c[Ha];if(null!=wa){var Te=Ha;switch(Ha){case "children":mc=wa;break;case "dangerouslySetInnerHTML":Cd=wa;break;case "style":Yb(a,
+wa);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;default:pb(Ha)&&"function"!==typeof wa&&"symbol"!==typeof wa&&a.push(" ",Te,'="',C(wa),'"')}}}a.push(">");P(a,Cd,mc);return mc}}return uc(a,c,b)}var Ac=new Map;function sc(a){var b=Ac.get(a);void 0===b&&(b="</"+a+">",Ac.set(a,b));return b}function Bc(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}
+function Cc(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error(p(395));a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
+function Dc(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
+b=d.toString(16),a.push(b),a.push('">');case 6:return a.push('<table hidden><tbody id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 7:return a.push('<table hidden><tr id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 8:return a.push('<table hidden><colgroup id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');default:throw Error(p(397));}}
+function Ec(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error(p(397));}}var Fc=/[<\u2028\u2029]/g;
+function Gc(a){return JSON.stringify(a).replace(Fc,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Hc=/[&><\u2028\u2029]/g;
+function Ic(a){return JSON.stringify(a).replace(Hc,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Jc=!1,Kc=!0;
+function Lc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);Kc=this.push("</style>");Jc=!0;b.length=0;c.length=0}}function Mc(a){return 2!==a.state?Jc=!0:!1}function Nc(a,b,c){Jc=!1;Kc=!0;b.styles.forEach(Lc,a);b.stylesheets.forEach(Mc);Jc&&(c.stylesToHoist=!0);return Kc}
+function S(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var Oc=[];function Pc(a){Q(Oc,a.props);for(var b=0;b<Oc.length;b++)this.push(Oc[b]);Oc.length=0;a.state=2}
+function Qc(a){var b=0<a.sheets.size;a.sheets.forEach(Pc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
+function Rc(a){if(0===a.state){a.state=1;var b=a.props;Q(Oc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Oc.length;a++)this.push(Oc[a]);Oc.length=0}}function Sc(a){a.sheets.forEach(Rc,this);a.sheets.clear()}
+function Tc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=Ic(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=Ic(""+d.props.href);a.push(g);e=""+e;a.push(",");e=Ic(e);a.push(e);for(var h in f)if(B.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(p(399,"link"));default:a:{e=
+a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!pb(h))break a;g=""+g}e.push(",");k=Ic(k);e.push(k);e.push(",");g=Ic(g);
+e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
+function Uc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=C(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=C(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=C(JSON.stringify(e));a.push(e);for(var h in f)if(B.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(p(399,
+"link"));default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!pb(h))break a;g=""+g}e.push(",");k=C(JSON.stringify(k));
+e.push(k);e.push(",");g=C(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}function Vc(){return{styles:new Set,stylesheets:new Set}}
+function Lb(a){var b=T?T:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Wc,Xc)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],Q(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Yc(b)}}}
+function Mb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Wc,Xc)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(Zc,$c);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],Q(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Yc(c)}}}
+function Nb(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=D;e=f.headers;var n;e&&0<e.remainingCapacity&&"high"===k&&(n=zc(a,b,c),2<=(e.remainingCapacity-=n.length))?(f.resets.image[m]=D,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=n):(e=[],Q(e,u({rel:"preload",href:g?
+void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];Q(g,u({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?D:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+Q(g,u({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?D:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=D;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=zc(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=D,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
+a=u({rel:"preload",href:a,as:b},c),Q(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Yc(d)}}}
+function Ob(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?D:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=D}Q(f,u({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Yc(c)}}}
+function Pb(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:C(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:u({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&yc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Yc(d))}}}
+function Qb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=u({src:a,async:!0},b),f&&(2===f.length&&yc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),tc(a,b),Yc(c))}}}
+function Rb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=u({src:a,type:"module",async:!0},b),f&&(2===f.length&&yc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),tc(a,b),Yc(c))}}}function yc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function zc(a,b,c){a=(""+a).replace(Wc,Xc);b=(""+b).replace(Zc,$c);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)B.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Zc,$c)+'"'));return b}var Wc=/[<>\r\n]/g;
+function Xc(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Zc=/["';,\r\n]/g;
+function $c(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function ad(a){this.styles.add(a)}function bd(a){this.stylesheets.add(a)}
+function cd(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(Tb,Ub),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,m=new Set,n=new Set,l=new Map,v=new Set,r=new Set,A=new Set,w={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var z=0;z<f.length;z++){var y=f[z],q,E=void 0,F=void 0,t={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
+typeof y?t.href=q=y:(t.href=q=y.src,t.integrity=F="string"===typeof y.integrity?y.integrity:void 0,t.crossOrigin=E="string"===typeof y||null==y.crossOrigin?void 0:"use-credentials"===y.crossOrigin?"use-credentials":"");y=a;var x=q;y.scriptResources[x]=null;y.moduleScriptResources[x]=null;y=[];Q(y,t);v.add(y);d.push('<script src="',C(q));"string"===typeof F&&d.push('" integrity="',C(F));"string"===typeof E&&d.push('" crossorigin="',C(E));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)t=
+g[f],E=q=void 0,F={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof t?F.href=z=t:(F.href=z=t.src,F.integrity=E="string"===typeof t.integrity?t.integrity:void 0,F.crossOrigin=q="string"===typeof t||null==t.crossOrigin?void 0:"use-credentials"===t.crossOrigin?"use-credentials":""),t=a,y=z,t.scriptResources[y]=null,t.moduleScriptResources[y]=null,t=[],Q(t,F),v.add(t),d.push('<script type="module" src="',C(z)),"string"===typeof E&&d.push('" integrity="',C(E)),"string"===typeof q&&
+d.push('" crossorigin="',C(q)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,importMapChunks:[],onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:m,highImagePreloads:n,styles:l,bootstrapScripts:v,
+scripts:r,bulkPreloads:A,preloads:w,stylesToHoist:!1,generateStaticMarkup:b}}function dd(a,b,c,d){if(c.generateStaticMarkup)return a.push(C(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(C(b)),a=!0);return a}var ed=Symbol.for("react.client.reference");
+function fd(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===ed?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case na:return"Fragment";case ma:return"Portal";case ya:return"Profiler";case xa:return"StrictMode";case Ja:return"Suspense";case Ka:return"SuspenseList";case ib:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case za:return(a._context.displayName||"Context")+".Provider";case Ba:return(a.displayName||"Context")+".Consumer";case Ia:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case La:return b=a.displayName||null,null!==b?b:fd(a.type)||"Memo";case Ma:b=a._payload;a=a._init;try{return fd(a(b))}catch(c){}}return null}var Dd={};function Ed(a,b){a=a.contextTypes;if(!a)return Dd;var c={},d;for(d in a)c[d]=b[d];return c}var Fd=null;
+function Gd(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(p(401));}else{if(null===c)throw Error(p(401));Gd(a,c)}b.context._currentValue2=b.value}}function Hd(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Hd(a)}function Id(a){var b=a.parent;null!==b&&Id(b);a.context._currentValue2=a.value}
+function Jd(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error(p(402));a.depth===b.depth?Gd(a,b):Jd(a,b)}function Kd(a,b){var c=b.parent;if(null===c)throw Error(p(402));a.depth===c.depth?Gd(a,c):Kd(a,c);b.context._currentValue2=b.value}function Ld(a){var b=Fd;b!==a&&(null===b?Id(a):null===a?Hd(b):b.depth===a.depth?Gd(b,a):b.depth>a.depth?Jd(b,a):Kd(b,a),Fd=a)}
+var Md={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Nd(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Md;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:u({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Md.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=u({},f,h)):u(f,h))}a.state=f}else f.queue=null}
+var Od={id:1,overflow:""};function Pd(a,b,c){var d=a.id;a=a.overflow;var e=32-Qd(d)-1;d&=~(1<<e);c+=1;var f=32-Qd(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Qd(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Qd=Math.clz32?Math.clz32:Rd,Sd=Math.log,Td=Math.LN2;function Rd(a){a>>>=0;return 0===a?32:31-(Sd(a)/Td|0)|0}var Ud=Error(p(460));function Vd(){}
+function Wd(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Vd,Vd),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Xd=b;throw Ud;}}var Xd=null;
+function Yd(){if(null===Xd)throw Error(p(459));var a=Xd;Xd=null;return a}function Zd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var $d="function"===typeof Object.is?Object.is:Zd,ae=null,be=null,ce=null,de=null,ee=null,U=null,fe=!1,ge=!1,he=0,ie=0,je=-1,ke=0,le=null,me=null,ne=0;function oe(){if(null===ae)throw Error(p(321));return ae}function pe(){if(0<ne)throw Error(p(312));return{memoizedState:null,queue:null,next:null}}
+function qe(){null===U?null===ee?(fe=!1,ee=U=pe()):(fe=!0,U=ee):null===U.next?(fe=!1,U=U.next=pe()):(fe=!0,U=U.next);return U}function re(){var a=le;le=null;return a}function se(){de=ce=be=ae=null;ge=!1;ee=null;ne=0;U=me=null}function te(a,b){return"function"===typeof b?b(a):b}
+function ue(a,b,c){ae=oe();U=qe();if(fe){var d=U.queue;b=d.dispatch;if(null!==me&&(c=me.get(d),void 0!==c)){me.delete(d);d=U.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);U.memoizedState=d;return[d,b]}return[U.memoizedState,b]}a=a===te?"function"===typeof b?b():b:void 0!==c?c(b):b;U.memoizedState=a;a=U.queue={last:null,dispatch:null};a=a.dispatch=ve.bind(null,ae,a);return[U.memoizedState,a]}
+function we(a,b){ae=oe();U=qe();b=void 0===b?null:b;if(null!==U){var c=U.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!$d(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();U.memoizedState=[a,b];return a}function ve(a,b,c){if(25<=ne)throw Error(p(301));if(a===ae)if(ge=!0,a={action:c,next:null},null===me&&(me=new Map),c=me.get(b),void 0===c)me.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
+function xe(){throw Error(p(394));}function ye(){throw Error(p(479));}function ze(a){var b=ke;ke+=1;null===le&&(le=[]);return Wd(le,a,b)}function Ae(){throw Error(p(393));}function Be(){}
+var De={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return ze(a);if(a.$$typeof===Ba)return a._currentValue2}throw Error(p(438,String(a)));},useContext:function(a){oe();return a._currentValue2},useMemo:we,useReducer:ue,useRef:function(a){ae=oe();U=qe();var b=U.memoizedState;return null===b?(a={current:a},U.memoizedState=a):b},useState:function(a){return ue(te,a)},useInsertionEffect:Be,useLayoutEffect:Be,useCallback:function(a,
+b){return we(function(){return a},b)},useImperativeHandle:Be,useEffect:Be,useDebugValue:Be,useDeferredValue:function(a){oe();return a},useTransition:function(){oe();return[!1,xe]},useId:function(){var a=be.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Qd(a)-1)).toString(32)+b;var c=Ce;if(null===c)throw Error(p(404));b=he++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(p(407));return c()},useCacheRefresh:function(){return Ae},
+useHostTransitionStatus:function(){oe();return Jb},useOptimistic:function(a){oe();return[a,ye]},useFormState:function(a,b,c){oe();var d=ie++,e=ce;if("function"===typeof a.$$FORM_ACTION){var f=null,g=de;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+lb(JSON.stringify([g,null,d]),0),k===f&&(je=d,b=e[0]))}var m=a.bind(null,b);a=function(l){m(l)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(l){l=
+m.$$FORM_ACTION(l);void 0!==c&&(c+="",l.action=c);var v=l.data;v&&(null===f&&(f=void 0!==c?"p"+c:"k"+lb(JSON.stringify([g,null,d]),0)),v.append("$ACTION_KEY",f));return l});return[b,a]}var n=a.bind(null,b);return[b,function(l){n(l)}]}},Ce=null,Ee={getCacheSignal:function(){throw Error(p(248));},getCacheForType:function(){throw Error(p(248));}},Fe;function Ge(a){if(void 0===Fe)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Fe=b&&b[1]||""}return"\n"+Fe+a}var He=!1;
+function Ie(a,b){if(!a||He)return"";He=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var l=function(){throw Error();};Object.defineProperty(l.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(l,[])}catch(r){var v=r}Reflect.construct(a,[],l)}else{try{l.call()}catch(r){v=r}a.call(l.prototype)}}else{try{throw Error();}catch(r){v=r}(l=a())&&"function"===typeof l.catch&&
+l.catch(function(){})}}catch(r){if(r&&v&&"string"===typeof r.stack)return[r.stack,v.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var n="\n"+k[d].replace(" at new "," at ");a.displayName&&n.includes("<anonymous>")&&(n=n.replace("<anonymous>",a.displayName));return n}while(1<=d&&0<=e)}break}}}finally{He=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Ge(c):""}
+var Je=Ib.ReactCurrentDispatcher,Ke=Ib.ReactCurrentCache;function Le(a){console.error(a);return null}function Me(){}
+function Ne(a,b,c,d,e,f,g,h,k,m,n,l){Kb.current=Sb;var v=[],r=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:r,pingedTasks:v,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Le:f,onPostpone:void 0===n?Me:n,onAllReady:void 0===g?
+Me:g,onShellReady:void 0===h?Me:h,onShellError:void 0===k?Me:k,onFatalError:void 0===m?Me:m,formState:void 0===l?null:l};c=Oe(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Pe(b,null,a,-1,null,c,null,r,null,d,Dd,null,Od,null,!1);v.push(a);return b}var T=null;function Qe(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Ue(a))}
+function Ve(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:Vc(),fallbackState:Vc(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function Pe(a,b,c,d,e,f,g,h,k,m,n,l,v,r,A){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var w={replay:null,node:c,childIndex:d,ping:function(){return Qe(a,w)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:v,componentStack:r,thenableState:b,isFallback:A};h.add(w);return w}
+function We(a,b,c,d,e,f,g,h,k,m,n,l,v,r,A){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var w={replay:c,node:d,childIndex:e,ping:function(){return Qe(a,w)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:v,componentStack:r,thenableState:b,isFallback:A};h.add(w);return w}
+function Oe(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Xe(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function Ye(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Ge(b.type,null);break;case 1:a+=Ie(b.type,!1);break;case 2:a+=Ie(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function W(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function Ze(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function $e(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;ae={};be=b;ce=a;de=c;ie=he=0;je=-1;ke=0;le=g;for(a=d(e,f);ge;)ge=!1,ie=he=0,je=-1,ke=0,ne+=1,U=null,a=d(e,f);se();return a}
+function af(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(p(108,fd(e)||"Unknown",h));e=u({},c,d)}b.legacyContext=e;X(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,X(a,b,f,-1),b.keyPath=e}
+function bf(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Pd(c,1,0),Z(a,b,d,-1),b.treeContext=c):h?Z(a,b,d,-1):X(a,b,d,-1);b.keyPath=f}function cf(a,b){if(a&&a.defaultProps){b=u({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function df(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Ed(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue2:g);Nd(h,d,e,g);af(a,b,c,h,d);b.componentStack=f}else{f=Ed(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=$e(a,b,c,d,e,f);var k=0!==he,m=ie,n=je;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Nd(h,d,e,f),af(a,b,c,h,d)):bf(a,b,c,h,k,m,n);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=Xe(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,k=b.keyPath,b.formatContext=Wb(h,d,e),b.keyPath=c,Z(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=xc(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;m=b.keyPath;b.formatContext=
+Wb(h,d,e);b.keyPath=c;Z(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(sc(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case hb:case fb:case xa:case ya:case na:d=b.keyPath;b.keyPath=c;X(a,b,e.children,-1);b.keyPath=d;return;case gb:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,X(a,b,e.children,-1),b.keyPath=d);return;case Ka:d=b.componentStack;b.componentStack=Xe(b,"SuspenseList");f=b.keyPath;b.keyPath=c;X(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Za:throw Error(p(343));case Ja:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;try{Z(a,b,c,-1)}finally{b.keyPath=d}}else{var l=
+b.componentStack;d=b.componentStack=Xe(b,"Suspense");var v=b.keyPath;f=b.blockedBoundary;var r=b.hoistableState,A=b.blockedSegment;g=e.fallback;var w=e.children;e=new Set;h=Ve(a,e);null!==a.trackedPostpones&&(h.trackedContentKeyPath=c);k=Oe(a,A.chunks.length,h,b.formatContext,!1,!1);A.children.push(k);A.lastPushedText=!1;var z=Oe(a,0,null,b.formatContext,!1,!1);z.parentFlushed=!0;b.blockedBoundary=h;b.hoistableState=h.contentState;b.blockedSegment=z;b.keyPath=c;try{if(Z(a,b,w,-1),a.renderState.generateStaticMarkup||
+z.lastPushedText&&z.textEmbedded&&z.chunks.push("\x3c!-- --\x3e"),z.status=1,ef(h,z),0===h.pendingTasks&&0===h.status){h.status=1;b.componentStack=l;break a}}catch(y){z.status=4,h.status=4,m=Ye(a,b.componentStack),n=W(a,y,m),h.errorDigest=n,ff(a,h)}finally{b.blockedBoundary=f,b.hoistableState=r,b.blockedSegment=A,b.keyPath=v,b.componentStack=l}m=[c[0],"Suspense Fallback",c[2]];n=a.trackedPostpones;null!==n&&(l=[m[1],m[2],[],null],n.workingMap.set(m,l),5===h.status?n.workingMap.get(c)[4]=l:h.trackedFallbackNode=
+l);b=Pe(a,null,g,-1,f,k,h.fallbackState,e,m,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case Ia:g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};e=$e(a,b,c,d.render,e,f);bf(a,b,c,e,0!==he,ie,je);b.componentStack=g;return;case La:d=d.type;e=cf(d,e);df(a,b,c,d,e,f);return;case za:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue2;d._currentValue2=e;k=Fd;
+Fd=e={parent:k,depth:null===k?0:k.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;X(a,b,g,-1);a=Fd;if(null===a)throw Error(p(403));a.context._currentValue2=a.parentValue;a=Fd=a.parent;b.context=a;b.keyPath=f;return;case Ba:e=e.children;e=e(d._currentValue2);d=b.keyPath;b.keyPath=c;X(a,b,e,-1);b.keyPath=d;return;case Aa:case Ma:f=b.componentStack;b.componentStack=Xe(b,"Lazy");g=d._init;d=g(d._payload);e=cf(d,e);df(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error(p(130,null==
+d?d:typeof d,""));}}function gf(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Oe(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,Z(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(ef(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function X(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)gf(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case la:var e=c.type,f=c.key,g=c.props;var h=c.ref;var k=fd(e),m=null==f?-1===d?0:d:f;f=[b.keyPath,k,m];if(null!==b.replay)a:{var n=b.replay;d=n.nodes;for(c=0;c<d.length;c++){var l=d[c];if(m===l[1]){if(4===l.length){if(null!==k&&k!==l[0])throw Error(p(490,l[0],k));var v=l[2];k=l[3];m=b.node;b.replay={nodes:v,slots:k,
+pendingTasks:1};try{df(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(p(488));b.replay.pendingTasks--}catch(x){if("object"===typeof x&&null!==x&&(x===Ud||"function"===typeof x.then))throw b.node===m&&(b.replay=n),x;b.replay.pendingTasks--;g=Ye(a,b.componentStack);f=a;a=b.blockedBoundary;e=x;g=W(f,e,g);hf(f,a,v,k,e,g)}b.replay=n}else{if(e!==Ja)throw Error(p(490,"Suspense",fd(e)||"Unknown"));b:{n=void 0;e=l[5];h=l[2];k=l[3];m=null===l[4]?[]:l[4][2];l=null===l[4]?null:
+l[4][3];var r=b.componentStack,A=b.componentStack=Xe(b,"Suspense"),w=b.keyPath,z=b.replay,y=b.blockedBoundary,q=b.hoistableState,E=g.children;g=g.fallback;var F=new Set,t=Ve(a,F);t.parentFlushed=!0;t.rootSegmentID=e;b.blockedBoundary=t;b.hoistableState=t.contentState;b.replay={nodes:h,slots:k,pendingTasks:1};try{Z(a,b,E,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(p(488));b.replay.pendingTasks--;if(0===t.pendingTasks&&0===t.status){t.status=1;a.completedBoundaries.push(t);
+break b}}catch(x){t.status=4,v=Ye(a,b.componentStack),n=W(a,x,v),t.errorDigest=n,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(t)}finally{b.blockedBoundary=y,b.hoistableState=q,b.replay=z,b.keyPath=w,b.componentStack=r}b=We(a,null,{nodes:m,slots:l,pendingTasks:0},g,-1,y,t.fallbackState,F,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,A,!0);a.pingedTasks.push(b)}}d.splice(c,1);break a}}}else df(a,b,f,e,g,h);return;case ma:throw Error(p(257));case Ma:g=
+b.componentStack;b.componentStack=Xe(b,"Lazy");f=c._init;c=f(c._payload);b.componentStack=g;X(a,b,c,d);return}if(kb(c)){jf(a,b,c,d);return}null===c||"object"!==typeof c?g=null:(g=jb&&c[jb]||c["@@iterator"],g="function"===typeof g?g:null);if(g&&(g=g.call(c))){c=g.next();if(!c.done){f=[];do f.push(c.value),c=g.next();while(!c.done);jf(a,b,f,d)}return}if("function"===typeof c.then)return b.thenableState=null,X(a,b,ze(c),d);if(c.$$typeof===Ba)return X(a,b,c._currentValue2,d);d=Object.prototype.toString.call(c);
+throw Error(p(31,"[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d));}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=dd(d.chunks,c,a.renderState,d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=dd(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function jf(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{jf(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(p(488));b.replay.pendingTasks--}catch(l){if("object"===typeof l&&null!==l&&(l===Ud||"function"===typeof l.then))throw l;b.replay.pendingTasks--;c=Ye(a,b.componentStack);var m=b.blockedBoundary,
+n=l;c=W(a,n,c);hf(a,m,d,k,n,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)k=c[d],b.treeContext=Pd(f,g,d),m=h[d],"number"===typeof m?(gf(a,b,m,k,d),delete h[d]):Z(a,b,k,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Pd(f,g,h),Z(a,b,d,h);b.treeContext=f;b.keyPath=e}
+function ff(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function Z(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,n=b.blockedSegment;if(null===n)try{return X(a,b,c,d)}catch(r){if(se(),c=r===Ud?Yd():r,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=re();a=We(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Ld(g);return}}else{var l=n.children.length,v=n.chunks.length;try{return X(a,b,c,d)}catch(r){if(se(),n.children.length=l,n.chunks.length=v,c=r===Ud?Yd():r,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=re();n=b.blockedSegment;l=Oe(a,n.chunks.length,null,b.formatContext,n.lastPushedText,!0);n.children.push(l);n.lastPushedText=!1;a=Pe(a,d,b.node,b.childIndex,b.blockedBoundary,l,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Ld(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Ld(g);throw c;}function kf(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,lf(this,b,a))}
+function hf(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)hf(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,n=Ve(k,new Set);n.parentFlushed=!0;n.rootSegmentID=h;n.status=4;n.errorDigest=m;n.parentFlushed&&k.clientRenderedBoundaries.push(n)}}c.length=0;if(null!==d){if(null===b)throw Error(p(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var l in d)delete d[l]}}
+function mf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){W(b,c,d);Ze(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=W(b,c,d),hf(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&nf(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Ye(b,a.componentStack),a=W(b,c,a),d.errorDigest=a,ff(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return mf(f,
+b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&of(b)}
+function pf(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var n=m.value,l=n.props,v=l.href,r=n.props,A=zc(r.href,"style",{crossOrigin:r.crossOrigin,integrity:r.integrity,
+nonce:r.nonce,type:r.type,fetchPriority:r.fetchPriority,referrerPolicy:r.referrerPolicy,media:r.media});if(2<=(e.remainingCapacity-=A.length))c.resets.style[v]=D,f&&(f+=", "),f+=A,c.resets.style[v]="string"===typeof l.crossOrigin||"string"===typeof l.integrity?[l.crossOrigin,l.integrity]:D;else break b}}f?d({Link:f}):d({})}}}catch(w){W(a,w,{})}}function nf(a){null===a.trackedPostpones&&pf(a,!0);a.onShellError=Me;a=a.onShellReady;a()}
+function of(a){pf(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function ef(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&ef(a,c)}else a.completedSegments.push(b)}
+function lf(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(p(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&nf(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&ef(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(kf,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
+(ef(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&of(a)}
+function Ue(a){if(2!==a.status){var b=Fd,c=Je.current;Je.current=De;var d=Ke.current;Ke.current=Ee;var e=T;T=a;var f=Ce;Ce=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,n=k.blockedSegment;if(null===n){var l=m;if(0!==k.replay.pendingTasks){Ld(k.context);try{X(l,k,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.replay.nodes.length)throw Error(p(488));k.replay.pendingTasks--;k.abortSet.delete(k);lf(l,k.blockedBoundary,null)}catch(H){se();var v=H===Ud?Yd():H;
+if("object"===typeof v&&null!==v&&"function"===typeof v.then){var r=k.ping;v.then(r,r);k.thenableState=re()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var A=Ye(l,k.componentStack);m=void 0;var w=l,z=k.blockedBoundary,y=v,q=k.replay.nodes,E=k.replay.slots;m=W(w,y,A);hf(w,z,q,E,y,m);l.pendingRootTasks--;0===l.pendingRootTasks&&nf(l);l.allPendingTasks--;0===l.allPendingTasks&&of(l)}}finally{}}}else if(l=void 0,w=n,0===w.status){Ld(k.context);var F=w.children.length,t=w.chunks.length;try{X(m,k,
+k.node,k.childIndex),m.renderState.generateStaticMarkup||w.lastPushedText&&w.textEmbedded&&w.chunks.push("\x3c!-- --\x3e"),k.abortSet.delete(k),w.status=1,lf(m,k.blockedBoundary,w)}catch(H){se();w.children.length=F;w.chunks.length=t;var x=H===Ud?Yd():H;if("object"===typeof x&&null!==x&&"function"===typeof x.then){var G=k.ping;x.then(G,G);k.thenableState=re()}else{var V=Ye(m,k.componentStack);k.abortSet.delete(k);w.status=4;var M=k.blockedBoundary;l=W(m,x,V);null===M?Ze(m,x):(M.pendingTasks--,4!==
+M.status&&(M.status=4,M.errorDigest=l,ff(m,M),M.parentFlushed&&m.clientRenderedBoundaries.push(M)));m.allPendingTasks--;0===m.allPendingTasks&&of(m)}}finally{}}}g.splice(0,h);null!==a.destination&&qf(a,a.destination)}catch(H){W(a,H,{}),Ze(a,H)}finally{Ce=f,Je.current=c,Ke.current=d,c===De&&Ld(b),T=e}}}
+function rf(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,b.push('<template id="'),b.push(a.placeholderPrefix),a=d.toString(16),b.push(a),b.push('"></template>');case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)b.push(f[g]);e=sf(a,b,e,d)}for(;g<f.length-1;g++)b.push(f[g]);g<f.length&&(e=b.push(f[g]));return e;default:throw Error(p(390));
 }}
-function hf(a,b,c){var d=c.boundary;if(null===d)return gf(a,b,c);d.parentFlushed=!0;if(4===d.status)return a.renderState.generateStaticMarkup||(d=d.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),d&&(b.push(' data-dgst="'),d=z(d),b.push(d),b.push('"')),b.push("></template>")),gf(a,b,c),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==d.status)return 0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Ub(b,a.renderState,
-d.rootSegmentID),gf(a,b,c),b.push("\x3c!--/$--\x3e");if(d.byteSize>a.progressiveChunkSize)return d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Ub(b,a.renderState,d.rootSegmentID),gf(a,b,c),b.push("\x3c!--/$--\x3e");c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach(Ac,e),c.stylesheets.forEach(Bc,e));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=d.completedSegments;if(1!==c.length)throw Error(q(391));hf(a,b,c[0]);a=a.renderState.generateStaticMarkup?
-!0:b.push("\x3c!--/$--\x3e");return a}function jf(a,b,c){Vb(b,a.renderState,c.parentFormatContext,c.id);hf(a,b,c);return Wb(b,c.parentFormatContext)}
-function kf(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)lf(a,b,c,d[e]);d.length=0;nc(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
+function sf(a,b,c,d){var e=c.boundary;if(null===e)return rf(a,b,c,d);e.parentFlushed=!0;if(4===e.status)return a.renderState.generateStaticMarkup||(e=e.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),e&&(b.push(' data-dgst="'),e=C(e),b.push(e),b.push('"')),b.push("></template>")),rf(a,b,c,d),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==e.status)return 0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),Cc(b,
+a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(ad,d),e.stylesheets.forEach(bd,d)),rf(a,b,c,d),b.push("\x3c!--/$--\x3e");if(e.byteSize>a.progressiveChunkSize)return e.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(e),Cc(b,a.renderState,e.rootSegmentID),rf(a,b,c,d),b.push("\x3c!--/$--\x3e");d&&(c=e.contentState,c.styles.forEach(ad,d),c.stylesheets.forEach(bd,d));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=e.completedSegments;if(1!==c.length)throw Error(p(391));
+sf(a,b,c[0],d);a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e");return a}function tf(a,b,c,d){Dc(b,a.renderState,c.parentFormatContext,c.id);sf(a,b,c,d);return Ec(b,c.parentFormatContext)}
+function uf(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)vf(a,b,c,d[e]);d.length=0;Nc(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 0===(d.instructions&8)?(d.instructions|=8,b.push('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 b.push('$RR("'):0===(d.instructions&2)?(d.instructions|=2,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("')):
-b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),tc(b,c)):(b.push('" data-sty="'),uc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Tb(b,a)&&d}
-function lf(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error(q(392));return jf(a,b,d)}if(e===c.rootSegmentID)return jf(a,b,d);jf(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
-b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);e=e.toString(16);b.push(e);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(e);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
-function ff(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var l=e.htmlChunks,n=e.headChunks;f=0;if(l){for(f=0;f<l.length;f++)b.push(l[f]);if(n)for(f=0;f<n.length;f++)b.push(n[f]);else{var m=Q("head");b.push(m);
-b.push(">")}}else if(n)for(f=0;f<n.length;f++)b.push(n[f]);var p=e.charsetChunks;for(f=0;f<p.length;f++)b.push(p[f]);p.length=0;e.preconnects.forEach(S,b);e.preconnects.clear();var r=e.preconnectChunks;for(f=0;f<r.length;f++)b.push(r[f]);r.length=0;e.fontPreloads.forEach(S,b);e.fontPreloads.clear();e.highImagePreloads.forEach(S,b);e.highImagePreloads.clear();e.styles.forEach(qc,b);var D=e.importMapChunks;for(f=0;f<D.length;f++)b.push(D[f]);D.length=0;e.bootstrapScripts.forEach(S,b);e.scripts.forEach(S,
-b);e.scripts.clear();e.bulkPreloads.forEach(S,b);e.bulkPreloads.clear();var A=e.preloadChunks;for(f=0;f<A.length;f++)b.push(A[f]);A.length=0;var B=e.hoistableChunks;for(f=0;f<B.length;f++)b.push(B[f]);B.length=0;if(l&&null===n){var u=Lb("head");b.push(u)}hf(a,b,d);a.completedRootSegment=null;Tb(b,a.renderState)}else return;var t=a.renderState;d=0;t.preconnects.forEach(S,b);t.preconnects.clear();var E=t.preconnectChunks;for(d=0;d<E.length;d++)b.push(E[d]);E.length=0;t.fontPreloads.forEach(S,b);t.fontPreloads.clear();
-t.highImagePreloads.forEach(S,b);t.highImagePreloads.clear();t.styles.forEach(sc,b);t.scripts.forEach(S,b);t.scripts.clear();t.bulkPreloads.forEach(S,b);t.bulkPreloads.clear();var x=t.preloadChunks;for(d=0;d<x.length;d++)b.push(x[d]);x.length=0;var w=t.hoistableChunks;for(d=0;d<w.length;d++)b.push(w[d]);w.length=0;var F=a.clientRenderedBoundaries;for(c=0;c<F.length;c++){var R=F[c];t=b;var G=a.resumableState,W=a.renderState,na=R.rootSegmentID,ha=R.errorDigest,M=R.errorMessage,I=R.errorComponentStack,
-Z=0===G.streamingFormat;Z?(t.push(W.startInlineScript),0===(G.instructions&4)?(G.instructions|=4,t.push('$RX=function(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("')):t.push('$RX("')):t.push('<template data-rxi="" data-bid="');t.push(W.boundaryPrefix);var Sa=na.toString(16);t.push(Sa);Z&&t.push('"');if(ha||M||I)if(Z){t.push(",");var Ta=Yb(ha||"");t.push(Ta)}else{t.push('" data-dgst="');
-var Ua=z(ha||"");t.push(Ua)}if(M||I)if(Z){t.push(",");var oa=Yb(M||"");t.push(oa)}else{t.push('" data-msg="');var T=z(M||"");t.push(T)}if(I)if(Z){t.push(",");var tb=Yb(I);t.push(tb)}else{t.push('" data-stck="');var pa=z(I);t.push(pa)}if(Z?!t.push(")\x3c/script>"):!t.push('"></template>')){a.destination=null;c++;F.splice(0,c);return}}F.splice(0,c);var qa=a.completedBoundaries;for(c=0;c<qa.length;c++)if(!kf(a,b,qa[c])){a.destination=null;c++;qa.splice(0,c);return}qa.splice(0,c);var da=a.partialBoundaries;
-for(c=0;c<da.length;c++){var ra=da[c];a:{F=a;R=b;F.renderState.boundaryResources=ra.resources;var sa=ra.completedSegments;for(G=0;G<sa.length;G++)if(!lf(F,R,ra,sa[G])){G++;sa.splice(0,G);var Va=!1;break a}sa.splice(0,G);Va=nc(R,ra.resources,F.renderState)}if(!Va){a.destination=null;c++;da.splice(0,c);return}}da.splice(0,c);var ta=a.completedBoundaries;for(c=0;c<ta.length;c++)if(!kf(a,b,ta[c])){a.destination=null;c++;ta.splice(0,c);return}ta.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&
-0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&(da=Lb("body"),b.push(da)),c.hasHtml&&(c=Lb("html"),b.push(c)),b.push(null),a.destination=null)}}function xc(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?ff(a,b):a.flushScheduled=!1}}
-function mf(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{ff(a,b)}catch(c){X(a,c,{}),Pe(a,c)}}}function nf(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(q(432)):b;c.forEach(function(e){return bf(e,a,d)});c.clear()}null!==a.destination&&ff(a,a.destination)}catch(e){X(a,e,{}),Pe(a,e)}}function of(){}
-function pf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=nb(b?b.identifierPrefix:void 0,void 0);a=Ge(a,b,Cc(b,c),H(0,null,0),Infinity,of,void 0,function(){h=!0},void 0,void 0,void 0);a.flushScheduled=null!==a.destination;Ke(a);null===a.trackedPostpones&&ef(a,0===a.pendingRootTasks);nf(a,d);mf(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error(q(426));return g}exports.renderToNodeStream=function(){throw Error(q(207));};
-exports.renderToStaticMarkup=function(a,b){return pf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};exports.renderToStaticNodeStream=function(){throw Error(q(208));};exports.renderToString=function(a,b){return pf(a,b,!1,'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="18.3.0-canary-60a927d04-20240113";
+b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),Tc(b,c)):(b.push('" data-sty="'),Uc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Bc(b,a)&&d}
+function vf(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error(p(392));return tf(a,b,d,e)}if(f===c.rootSegmentID)return tf(a,b,d,e);tf(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
+b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);f=f.toString(16);b.push(f);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(f);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
+function qf(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,n=e.headChunks,l;if(m){for(l=0;l<m.length;l++)b.push(m[l]);if(n)for(l=0;l<n.length;l++)b.push(n[l]);else{var v=R("head");b.push(v);
+b.push(">")}}else if(n)for(l=0;l<n.length;l++)b.push(n[l]);var r=e.charsetChunks;for(l=0;l<r.length;l++)b.push(r[l]);r.length=0;e.preconnects.forEach(S,b);e.preconnects.clear();var A=e.viewportChunks;for(l=0;l<A.length;l++)b.push(A[l]);A.length=0;e.fontPreloads.forEach(S,b);e.fontPreloads.clear();e.highImagePreloads.forEach(S,b);e.highImagePreloads.clear();e.styles.forEach(Qc,b);var w=e.importMapChunks;for(l=0;l<w.length;l++)b.push(w[l]);w.length=0;e.bootstrapScripts.forEach(S,b);e.scripts.forEach(S,
+b);e.scripts.clear();e.bulkPreloads.forEach(S,b);e.bulkPreloads.clear();var z=e.hoistableChunks;for(l=0;l<z.length;l++)b.push(z[l]);z.length=0;if(m&&null===n){var y=sc("head");b.push(y)}sf(a,b,d,null);a.completedRootSegment=null;Bc(b,a.renderState)}else return;var q=a.renderState;d=0;var E=q.viewportChunks;for(d=0;d<E.length;d++)b.push(E[d]);E.length=0;q.preconnects.forEach(S,b);q.preconnects.clear();q.fontPreloads.forEach(S,b);q.fontPreloads.clear();q.highImagePreloads.forEach(S,b);q.highImagePreloads.clear();
+q.styles.forEach(Sc,b);q.scripts.forEach(S,b);q.scripts.clear();q.bulkPreloads.forEach(S,b);q.bulkPreloads.clear();var F=q.hoistableChunks;for(d=0;d<F.length;d++)b.push(F[d]);F.length=0;var t=a.clientRenderedBoundaries;for(c=0;c<t.length;c++){var x=t[c];q=b;var G=a.resumableState,V=a.renderState,M=x.rootSegmentID,H=x.errorDigest,oa=x.errorMessage,ha=x.errorComponentStack,aa=0===G.streamingFormat;aa?(q.push(V.startInlineScript),0===(G.instructions&4)?(G.instructions|=4,q.push('$RX=function(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.push('$RX("')):q.push('<template data-rxi="" data-bid="');q.push(V.boundaryPrefix);var ub=M.toString(16);q.push(ub);aa&&q.push('"');if(H||oa||ha)if(aa){q.push(",");var vb=Gc(H||"");q.push(vb)}else{q.push('" data-dgst="');var Na=C(H||"");q.push(Na)}if(oa||ha)if(aa){q.push(",");var Oa=Gc(oa||"");q.push(Oa)}else{q.push('" data-msg="');var Pa=C(oa||"");q.push(Pa)}if(ha)if(aa){q.push(",");var Qa=Gc(ha);q.push(Qa)}else{q.push('" data-stck="');var pa=C(ha);q.push(pa)}if(aa?!q.push(")\x3c/script>"):!q.push('"></template>')){a.destination=
+null;c++;t.splice(0,c);return}}t.splice(0,c);var N=a.completedBoundaries;for(c=0;c<N.length;c++)if(!uf(a,b,N[c])){a.destination=null;c++;N.splice(0,c);return}N.splice(0,c);var ba=a.partialBoundaries;for(c=0;c<ba.length;c++){var ca=ba[c];a:{t=a;x=b;var qa=ca.completedSegments;for(G=0;G<qa.length;G++)if(!vf(t,x,ca,qa[G])){G++;qa.splice(0,G);var Ra=!1;break a}qa.splice(0,G);Ra=Nc(x,ca.contentState,t.renderState)}if(!Ra){a.destination=null;c++;ba.splice(0,c);return}}ba.splice(0,c);var ra=a.completedBoundaries;
+for(c=0;c<ra.length;c++)if(!uf(a,b,ra[c])){a.destination=null;c++;ra.splice(0,c);return}ra.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&(ba=sc("body"),b.push(ba)),c.hasHtml&&(c=sc("html"),b.push(c)),b.push(null),a.destination=null)}}
+function Yc(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?qf(a,b):a.flushScheduled=!1}}function wf(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{qf(a,b)}catch(c){W(a,c,{}),Ze(a,c)}}}
+function xf(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(p(432)):b;c.forEach(function(e){return mf(e,a,d)});c.clear()}null!==a.destination&&qf(a,a.destination)}catch(e){W(a,e,{}),Ze(a,e)}}function yf(){}
+function zf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=Vb(b?b.identifierPrefix:void 0,void 0);a=Ne(a,b,cd(b,c),J(0,null,0),Infinity,yf,void 0,function(){h=!0},void 0,void 0,void 0);a.flushScheduled=null!==a.destination;Ue(a);null===a.trackedPostpones&&pf(a,0===a.pendingRootTasks);xf(a,d);wf(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error(p(426));return g}exports.renderToNodeStream=function(){throw Error(p(207));};
+exports.renderToStaticMarkup=function(a,b){return zf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server')};exports.renderToStaticNodeStream=function(){throw Error(p(208));};exports.renderToString=function(a,b){return zf(a,b,!1,'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="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server-legacy.browser.production.min.js.map
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 7c680a4e7753d7..30eedc0181e629 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
@@ -18,7 +18,7 @@ var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 var stream = require('stream');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -75,6 +75,324 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -187,9 +505,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -1191,6 +1506,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1601,19 +1917,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1808,6 +2118,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1822,9 +2133,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1843,7 +2152,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2221,7 +2530,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2383,6 +2692,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -3262,7 +3572,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3273,11 +3583,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3285,7 +3608,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3377,8 +3700,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3390,8 +3713,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3418,16 +3741,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3460,7 +3781,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3528,8 +3849,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3775,7 +4096,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3799,8 +4120,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4064,6 +4392,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4183,7 +4512,7 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4205,7 +4534,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4235,19 +4571,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4675,7 +5011,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4695,7 +5031,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4738,12 +5074,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -4961,14 +5297,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5122,13 +5461,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5146,15 +5485,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5162,14 +5493,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5182,15 +5510,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5207,15 +5535,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5241,10 +5561,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5340,6 +5660,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5411,10 +5732,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5510,6 +5831,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5585,15 +5907,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6395,13 +6714,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6508,13 +6823,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -6525,7 +6839,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup: generateStaticMarkup
@@ -6583,45 +6896,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 var NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6693,13 +6967,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
-      case REACT_CONTEXT_TYPE:
-        var context = type;
-        return getContextName(context) + '.Consumer';
-
       case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
+      case REACT_CONTEXT_TYPE:
+        var context = type;
+
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6725,1240 +7009,731 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
   {
-    var frame = componentFrameCache.get(fn);
+    prev.context._currentValue2 = prev.parentValue;
+  }
+}
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function pushNode(next) {
+  {
+    next.context._currentValue2 = next.value;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
+      popToNearestCommonAncestor(parentPrev, parentNext);
+    } // On the way back, we push the new ones that weren't common.
 
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
+
+    pushNode(next);
   }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+}
 
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+function pushAllNext(next) {
+  var parentNext = next.parent;
 
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
+  }
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
+  pushNode(next);
+}
 
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
+  if (parentPrev === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
   }
 
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
+  if (parentPrev.depth === next.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(parentPrev, next);
+  } else {
+    // We must still be deeper.
+    popPreviousToCommonLevel(parentPrev, next);
+  }
+}
 
+function popNextToCommonLevel(prev, next) {
+  var parentNext = next.parent;
 
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
+  if (parentNext === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
 
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
+  if (prev.depth === parentNext.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(prev, parentNext);
+  } else {
+    // We must still be deeper.
+    popNextToCommonLevel(prev, parentNext);
+  }
 
+  pushNode(next);
+} // Perform context switching to the new snapshot.
+// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
+// updating all the context's current values. That way reads, always just read the current value.
+// At the cost of updating contexts even if they're never read by this subtree.
 
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
 
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
+function switchContext(newSnapshot) {
+  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
+  // We also need to update any new contexts that are now on the stack with the deepest value.
+  // The easiest way to update new contexts is to just reapply them in reverse order from the
+  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
+  // for that. Therefore this algorithm is recursive.
+  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
+  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
+  // 3) Then we reapply new contexts on the way back up the stack.
+  var prev = currentActiveSnapshot;
+  var next = newSnapshot;
 
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
+  if (prev !== next) {
+    if (prev === null) {
+      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
+      pushAllNext(next);
+    } else if (next === null) {
+      popAllPrevious(prev);
+    } else if (prev.depth === next.depth) {
+      popToNearestCommonAncestor(prev, next);
+    } else if (prev.depth > next.depth) {
+      popPreviousToCommonLevel(prev, next);
+    } else {
+      popNextToCommonLevel(prev, next);
     }
 
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
+    currentActiveSnapshot = next;
+  }
+}
+function pushProvider(context, nextValue) {
+  var prevValue;
 
+  {
+    prevValue = context._currentValue2;
+    context._currentValue2 = nextValue;
 
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+    {
+      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
 
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
+      context._currentRenderer2 = rendererSigil;
     }
   }
 
-  return syntheticFrame;
+  var prevNode = currentActiveSnapshot;
+  var newNode = {
+    parent: prevNode,
+    depth: prevNode === null ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: nextValue
+  };
+  currentActiveSnapshot = newNode;
+  return newNode;
 }
+function popProvider(context) {
+  var prevSnapshot = currentActiveSnapshot;
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
+  if (prevSnapshot === null) {
+    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
   }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+
   {
-    return describeNativeComponentFrame(fn, false);
+    if (prevSnapshot.context !== context) {
+      error('The parent context is not the expected context. This is probably a bug in React.');
+    }
   }
-}
 
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
+  {
+    var _value = prevSnapshot.parentValue;
+    prevSnapshot.context._currentValue2 = _value;
 
-  if (typeof type === 'function') {
     {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
+      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
+
+      context._currentRenderer2 = rendererSigil;
     }
   }
 
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
+  return currentActiveSnapshot = prevSnapshot.parent;
+}
+function getActiveContext() {
+  return currentActiveSnapshot;
+}
+function readContext$1(context) {
+  var value = context._currentValue2;
+  return value;
+}
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
+/**
+ * `ReactInstanceMap` maintains a mapping from a public facing stateful
+ * instance (key) and the internal representation (value). This allows public
+ * methods to accept the user facing instance as an argument and map them back
+ * to internal methods.
+ *
+ * Note that this module is currently shared and assumed to be stateless.
+ * If this becomes an actual Map, that will break.
+ */
+function get(key) {
+  return key._reactInternals;
+}
+function set(key, value) {
+  key._reactInternals = value;
+}
 
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
+var didWarnAboutNoopUpdateForComponent = {};
+var didWarnAboutDeprecatedWillMount = {};
+var didWarnAboutUninitializedState;
+var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+var didWarnAboutLegacyLifecyclesAndDerivedState;
+var didWarnAboutUndefinedDerivedState;
+var didWarnAboutDirectlyAssigningPropsToState;
+var didWarnAboutContextTypeAndContextTypes;
+var didWarnAboutInvalidateContextType;
+var didWarnOnInvalidCallback;
 
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+{
+  didWarnAboutUninitializedState = new Set();
+  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+  didWarnAboutDirectlyAssigningPropsToState = new Set();
+  didWarnAboutUndefinedDerivedState = new Set();
+  didWarnAboutContextTypeAndContextTypes = new Set();
+  didWarnAboutInvalidateContextType = new Set();
+  didWarnOnInvalidCallback = new Set();
+}
 
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
+function warnOnInvalidCallback(callback) {
+  {
+    if (callback === null || typeof callback === 'function') {
+      return;
+    } // eslint-disable-next-line react-internal/safe-string-coercion
 
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
 
-  return '';
-}
+    var key = String(callback);
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+    if (!didWarnOnInvalidCallback.has(key)) {
+      didWarnOnInvalidCallback.add(key);
 
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
 
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
+function warnOnUndefinedDerivedState(type, partialState) {
   {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
+    if (partialState === undefined) {
+      var componentName = getComponentNameFromType(type) || 'Component';
 
-          error('Failed %s type: %s', location, error$1.message);
+      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+        didWarnAboutUndefinedDerivedState.add(componentName);
 
-          setCurrentlyValidatingElement(null);
-        }
+        error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
       }
     }
   }
 }
 
-var warnedAboutMissingGetChildContext;
+function warnNoop(publicInstance, callerName) {
+  {
+    var _constructor = publicInstance.constructor;
+    var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
+    var warningKey = componentName + '.' + callerName;
 
-{
-  warnedAboutMissingGetChildContext = {};
-}
+    if (didWarnAboutNoopUpdateForComponent[warningKey]) {
+      return;
+    }
 
-var emptyContextObject = {};
+    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, componentName);
 
-{
-  Object.freeze(emptyContextObject);
+    didWarnAboutNoopUpdateForComponent[warningKey] = true;
+  }
 }
 
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
+var classComponentUpdater = {
+  isMounted: function (inst) {
+    return false;
+  },
+  // $FlowFixMe[missing-local-annot]
+  enqueueSetState: function (inst, payload, callback) {
+    var internals = get(inst);
 
-    var context = {};
+    if (internals.queue === null) {
+      warnNoop(inst, 'setState');
+    } else {
+      internals.queue.push(payload);
 
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
+      {
+        if (callback !== undefined && callback !== null) {
+          warnOnInvalidCallback(callback);
+        }
+      }
     }
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    var internals = get(inst);
+    internals.replace = true;
+    internals.queue = [payload];
 
     {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
+      if (callback !== undefined && callback !== null) {
+        warnOnInvalidCallback(callback);
+      }
     }
+  },
+  // $FlowFixMe[missing-local-annot]
+  enqueueForceUpdate: function (inst, callback) {
+    var internals = get(inst);
 
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
+    if (internals.queue === null) {
+      warnNoop(inst, 'forceUpdate');
+    } else {
       {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        if (callback !== undefined && callback !== null) {
+          warnOnInvalidCallback(callback);
         }
       }
-
-      return parentContext;
     }
+  }
+};
 
-    var childContext = instance.getChildContext();
+function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
+  var partialState = getDerivedStateFromProps(nextProps, prevState);
 
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
+  {
+    warnOnUndefinedDerivedState(ctor, partialState);
+  } // Merge the partial state and the previous state.
 
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
 
-    return assign({}, parentContext, childContext);
-  }
+  var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
+  return newState;
 }
 
-var rendererSigil;
+function constructClassInstance(ctor, props, maskedLegacyContext) {
+  var context = emptyContextObject;
+  var contextType = ctor.contextType;
 
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
+  {
+    if ('contextType' in ctor) {
+      var isValid = // Allow null for conditional declaration
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
+      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
+        didWarnAboutInvalidateContextType.add(ctor);
+        var addendum = '';
 
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
+        if (contextType === undefined) {
+          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
+        } else if (typeof contextType !== 'object') {
+          addendum = ' However, it is set to a ' + typeof contextType + '.';
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
+          addendum = ' Did you accidentally pass the Context.Consumer instead?';
+        } else {
+          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
+        }
 
-var currentActiveSnapshot = null;
+        error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentNameFromType(ctor) || 'Component', addendum);
+      }
+    }
+  }
 
-function popNode(prev) {
-  {
-    prev.context._currentValue2 = prev.parentValue;
+  if (typeof contextType === 'object' && contextType !== null) {
+    context = readContext$1(contextType);
+  } else {
+    context = maskedLegacyContext;
   }
-}
 
-function pushNode(next) {
+  var instance = new ctor(props, context);
+
   {
-    next.context._currentValue2 = next.value;
-  }
-}
+    if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
+      var componentName = getComponentNameFromType(ctor) || 'Component';
 
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
+      if (!didWarnAboutUninitializedState.has(componentName)) {
+        didWarnAboutUninitializedState.add(componentName);
 
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+        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, instance.state === null ? 'null' : 'undefined', componentName);
       }
+    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
+    // Warn about these lifecycles if they are present.
+    // Don't warn about react-lifecycles-compat polyfilled methods though.
 
-      popToNearestCommonAncestor(parentPrev, parentNext);
-    } // On the way back, we push the new ones that weren't common.
 
+    if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
+      var foundWillMountName = null;
+      var foundWillReceivePropsName = null;
+      var foundWillUpdateName = null;
 
-    pushNode(next);
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+      if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
+        foundWillMountName = 'componentWillMount';
+      } else if (typeof instance.UNSAFE_componentWillMount === 'function') {
+        foundWillMountName = 'UNSAFE_componentWillMount';
+      }
 
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
+      if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
+        foundWillReceivePropsName = 'componentWillReceiveProps';
+      } else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
+        foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
+      }
 
-function pushAllNext(next) {
-  var parentNext = next.parent;
+      if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
+        foundWillUpdateName = 'componentWillUpdate';
+      } else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
+        foundWillUpdateName = 'UNSAFE_componentWillUpdate';
+      }
 
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
+      if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
+        var _componentName = getComponentNameFromType(ctor) || 'Component';
 
-  pushNode(next);
-}
+        var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
 
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
+          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
 
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+          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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n  " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : '');
+        }
+      }
+    }
   }
 
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
+  return instance;
 }
 
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
+function checkClassInstance(instance, ctor, newProps) {
+  {
+    var name = getComponentNameFromType(ctor) || 'Component';
+    var renderPresent = instance.render;
 
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
+    if (!renderPresent) {
+      if (ctor.prototype && typeof ctor.prototype.render === 'function') {
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
+      } else {
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
+      }
+    }
 
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
+    if (instance.getInitialState && !instance.getInitialState.isReactClassApproved && !instance.state) {
+      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);
+    }
 
+    if (instance.getDefaultProps && !instance.getDefaultProps.isReactClassApproved) {
+      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);
+    }
 
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
+    if (instance.propTypes) {
+      error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
+    }
 
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
+    if (instance.contextType) {
+      error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
     }
 
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
+    {
+      if (instance.contextTypes) {
+        error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
+      }
 
-  {
-    prevValue = context._currentValue2;
-    context._currentValue2 = nextValue;
+      if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
+        didWarnAboutContextTypeAndContextTypes.add(ctor);
 
-    {
-      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+        error('%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
       }
+    }
 
-      context._currentRenderer2 = rendererSigil;
+    if (typeof instance.componentShouldUpdate === 'function') {
+      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);
     }
-  }
 
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider(context) {
-  var prevSnapshot = currentActiveSnapshot;
+    if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
+      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(ctor) || 'A pure component');
+    }
 
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
+    if (typeof instance.componentDidUnmount === 'function') {
+      error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
+    }
 
-  {
-    if (prevSnapshot.context !== context) {
-      error('The parent context is not the expected context. This is probably a bug in React.');
+    if (typeof instance.componentDidReceiveProps === 'function') {
+      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);
     }
-  }
 
-  {
-    var _value = prevSnapshot.parentValue;
+    if (typeof instance.componentWillRecieveProps === 'function') {
+      error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
+    }
 
-    if (_value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = _value;
+    if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
+      error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
     }
 
-    {
-      if (context._currentRenderer2 !== undefined && context._currentRenderer2 !== null && context._currentRenderer2 !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
+    var hasMutatedProps = instance.props !== newProps;
 
-      context._currentRenderer2 = rendererSigil;
+    if (instance.props !== undefined && hasMutatedProps) {
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
-  }
 
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue2;
-  return value;
-}
+    if (instance.defaultProps) {
+      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);
+    }
 
-/**
- * `ReactInstanceMap` maintains a mapping from a public facing stateful
- * instance (key) and the internal representation (value). This allows public
- * methods to accept the user facing instance as an argument and map them back
- * to internal methods.
- *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
- */
-function get(key) {
-  return key._reactInternals;
-}
-function set(key, value) {
-  key._reactInternals = value;
-}
+    if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
 
-var didWarnAboutNoopUpdateForComponent = {};
-var didWarnAboutDeprecatedWillMount = {};
-var didWarnAboutUninitializedState;
-var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
-var didWarnAboutLegacyLifecyclesAndDerivedState;
-var didWarnAboutUndefinedDerivedState;
-var didWarnAboutDirectlyAssigningPropsToState;
-var didWarnAboutContextTypeAndContextTypes;
-var didWarnAboutInvalidateContextType;
-var didWarnOnInvalidCallback;
+      error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
+    }
 
-{
-  didWarnAboutUninitializedState = new Set();
-  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
-  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
-  didWarnAboutDirectlyAssigningPropsToState = new Set();
-  didWarnAboutUndefinedDerivedState = new Set();
-  didWarnAboutContextTypeAndContextTypes = new Set();
-  didWarnAboutInvalidateContextType = new Set();
-  didWarnOnInvalidCallback = new Set();
-}
+    if (typeof instance.getDerivedStateFromProps === 'function') {
+      error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
+    }
 
-function warnOnInvalidCallback(callback, callerName) {
-  {
-    if (callback === null || typeof callback === 'function') {
-      return;
+    if (typeof instance.getDerivedStateFromError === 'function') {
+      error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
     }
 
-    var key = callerName + '_' + callback;
+    if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
+      error('%s: getSnapshotBeforeUpdate() is defined as a static method ' + 'and will be ignored. Instead, declare it as an instance method.', name);
+    }
 
-    if (!didWarnOnInvalidCallback.has(key)) {
-      didWarnOnInvalidCallback.add(key);
+    var state = instance.state;
+
+    if (state && (typeof state !== 'object' || isArray(state))) {
+      error('%s.state: must be set to an object or null', name);
+    }
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+    if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
+      error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
     }
   }
 }
 
-function warnOnUndefinedDerivedState(type, partialState) {
-  {
-    if (partialState === undefined) {
-      var componentName = getComponentNameFromType(type) || 'Component';
+function callComponentWillMount(type, instance) {
+  var oldState = instance.state;
 
-      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
-        didWarnAboutUndefinedDerivedState.add(componentName);
+  if (typeof instance.componentWillMount === 'function') {
+    {
+      if (instance.componentWillMount.__suppressDeprecationWarning !== true) {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-        error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
+        if (!didWarnAboutDeprecatedWillMount[componentName]) {
+          warn( // keep this warning in sync with ReactStrictModeWarning.js
+          'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/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);
+
+          didWarnAboutDeprecatedWillMount[componentName] = true;
+        }
       }
     }
+
+    instance.componentWillMount();
   }
-}
 
-function warnNoop(publicInstance, callerName) {
-  {
-    var _constructor = publicInstance.constructor;
-    var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
-    var warningKey = componentName + '.' + callerName;
+  if (typeof instance.UNSAFE_componentWillMount === 'function') {
+    instance.UNSAFE_componentWillMount();
+  }
 
-    if (didWarnAboutNoopUpdateForComponent[warningKey]) {
-      return;
+  if (oldState !== instance.state) {
+    {
+      error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
     }
 
-    error('%s(...): 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, callerName, componentName);
-
-    didWarnAboutNoopUpdateForComponent[warningKey] = true;
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
   }
 }
 
-var classComponentUpdater = {
-  isMounted: function (inst) {
-    return false;
-  },
-  // $FlowFixMe[missing-local-annot]
-  enqueueSetState: function (inst, payload, callback) {
-    var internals = get(inst);
+function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
+  if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
+    var oldQueue = internalInstance.queue;
+    var oldReplace = internalInstance.replace;
+    internalInstance.queue = null;
+    internalInstance.replace = false;
 
-    if (internals.queue === null) {
-      warnNoop(inst, 'setState');
+    if (oldReplace && oldQueue.length === 1) {
+      inst.state = oldQueue[0];
     } else {
-      internals.queue.push(payload);
-
-      {
-        if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
-        }
-      }
-    }
-  },
-  enqueueReplaceState: function (inst, payload, callback) {
-    var internals = get(inst);
-    internals.replace = true;
-    internals.queue = [payload];
+      var nextState = oldReplace ? oldQueue[0] : inst.state;
+      var dontMutate = true;
 
-    {
-      if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
-      }
-    }
-  },
-  // $FlowFixMe[missing-local-annot]
-  enqueueForceUpdate: function (inst, callback) {
-    var internals = get(inst);
+      for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
+        var partial = oldQueue[i];
+        var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
 
-    if (internals.queue === null) {
-      warnNoop(inst, 'forceUpdate');
-    } else {
-      {
-        if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+        if (partialState != null) {
+          if (dontMutate) {
+            dontMutate = false;
+            nextState = assign({}, nextState, partialState);
+          } else {
+            assign(nextState, partialState);
+          }
         }
       }
+
+      inst.state = nextState;
     }
+  } else {
+    internalInstance.queue = null;
   }
-};
+} // Invokes the mount life-cycles on a previously never rendered instance.
 
-function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
-  var partialState = getDerivedStateFromProps(nextProps, prevState);
 
+function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
   {
-    warnOnUndefinedDerivedState(ctor, partialState);
-  } // Merge the partial state and the previous state.
-
+    checkClassInstance(instance, ctor, newProps);
+  }
 
-  var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
-  return newState;
-}
+  var initialState = instance.state !== undefined ? instance.state : null;
+  instance.updater = classComponentUpdater;
+  instance.props = newProps;
+  instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
+  // The internal instance will be used to manage updates that happen during this mount.
 
-function constructClassInstance(ctor, props, maskedLegacyContext) {
-  var context = emptyContextObject;
+  var internalInstance = {
+    queue: [],
+    replace: false
+  };
+  set(instance, internalInstance);
   var contextType = ctor.contextType;
 
-  {
-    if ('contextType' in ctor) {
-      var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
-
-      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
-        didWarnAboutInvalidateContextType.add(ctor);
-        var addendum = '';
-
-        if (contextType === undefined) {
-          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
-        } else if (typeof contextType !== 'object') {
-          addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
-          addendum = ' Did you accidentally pass the Context.Consumer instead?';
-        } else {
-          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
-        }
-
-        error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentNameFromType(ctor) || 'Component', addendum);
-      }
-    }
-  }
-
   if (typeof contextType === 'object' && contextType !== null) {
-    context = readContext$1(contextType);
+    instance.context = readContext$1(contextType);
   } else {
-    context = maskedLegacyContext;
+    instance.context = maskedLegacyContext;
   }
 
-  var instance = new ctor(props, context);
-
   {
-    if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
+    if (instance.state === newProps) {
       var componentName = getComponentNameFromType(ctor) || 'Component';
 
-      if (!didWarnAboutUninitializedState.has(componentName)) {
-        didWarnAboutUninitializedState.add(componentName);
-
-        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, instance.state === null ? 'null' : 'undefined', componentName);
-      }
-    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
-    // Warn about these lifecycles if they are present.
-    // Don't warn about react-lifecycles-compat polyfilled methods though.
-
-
-    if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
-      var foundWillMountName = null;
-      var foundWillReceivePropsName = null;
-      var foundWillUpdateName = null;
-
-      if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
-        foundWillMountName = 'componentWillMount';
-      } else if (typeof instance.UNSAFE_componentWillMount === 'function') {
-        foundWillMountName = 'UNSAFE_componentWillMount';
-      }
-
-      if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
-        foundWillReceivePropsName = 'componentWillReceiveProps';
-      } else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
-        foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
-      }
-
-      if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
-        foundWillUpdateName = 'componentWillUpdate';
-      } else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
-        foundWillUpdateName = 'UNSAFE_componentWillUpdate';
-      }
-
-      if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
-        var _componentName = getComponentNameFromType(ctor) || 'Component';
-
-        var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
-
-        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
-          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
+        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
 
-          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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n  " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : '');
-        }
+        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);
       }
     }
   }
 
-  return instance;
-}
-
-function checkClassInstance(instance, ctor, newProps) {
-  {
-    var name = getComponentNameFromType(ctor) || 'Component';
-    var renderPresent = instance.render;
-
-    if (!renderPresent) {
-      if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
-      } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
-      }
-    }
-
-    if (instance.getInitialState && !instance.getInitialState.isReactClassApproved && !instance.state) {
-      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);
-    }
-
-    if (instance.getDefaultProps && !instance.getDefaultProps.isReactClassApproved) {
-      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);
-    }
-
-    if (instance.propTypes) {
-      error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
-    }
-
-    if (instance.contextType) {
-      error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
-    }
-
-    {
-      if (instance.contextTypes) {
-        error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
-      }
-
-      if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
-        didWarnAboutContextTypeAndContextTypes.add(ctor);
-
-        error('%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
-      }
-    }
+  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
 
-    if (typeof instance.componentShouldUpdate === 'function') {
-      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);
-    }
+  if (typeof getDerivedStateFromProps === 'function') {
+    instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
+  } // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
 
-    if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
-      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(ctor) || 'A pure component');
-    }
 
-    if (typeof instance.componentDidUnmount === 'function') {
-      error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
-    }
+  if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
+    callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
+    // process them now.
 
-    if (typeof instance.componentDidReceiveProps === 'function') {
-      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);
-    }
-
-    if (typeof instance.componentWillRecieveProps === 'function') {
-      error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
-    }
-
-    if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
-      error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
-    }
-
-    var hasMutatedProps = instance.props !== newProps;
-
-    if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
-    }
-
-    if (instance.defaultProps) {
-      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);
-    }
-
-    if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
-      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
-
-      error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
-    }
-
-    if (typeof instance.getDerivedStateFromProps === 'function') {
-      error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
-    }
-
-    if (typeof instance.getDerivedStateFromError === 'function') {
-      error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
-    }
-
-    if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
-      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;
-
-    if (state && (typeof state !== 'object' || isArray(state))) {
-      error('%s.state: must be set to an object or null', name);
-    }
-
-    if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
-      error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
-    }
-  }
-}
-
-function callComponentWillMount(type, instance) {
-  var oldState = instance.state;
-
-  if (typeof instance.componentWillMount === 'function') {
-    {
-      if (instance.componentWillMount.__suppressDeprecationWarning !== true) {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!didWarnAboutDeprecatedWillMount[componentName]) {
-          warn( // keep this warning in sync with ReactStrictModeWarning.js
-          'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/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);
-
-          didWarnAboutDeprecatedWillMount[componentName] = true;
-        }
-      }
-    }
-
-    instance.componentWillMount();
-  }
-
-  if (typeof instance.UNSAFE_componentWillMount === 'function') {
-    instance.UNSAFE_componentWillMount();
-  }
-
-  if (oldState !== instance.state) {
-    {
-      error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
-    }
-
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
-  }
-}
-
-function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
-  if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
-    var oldQueue = internalInstance.queue;
-    var oldReplace = internalInstance.replace;
-    internalInstance.queue = null;
-    internalInstance.replace = false;
-
-    if (oldReplace && oldQueue.length === 1) {
-      inst.state = oldQueue[0];
-    } else {
-      var nextState = oldReplace ? oldQueue[0] : inst.state;
-      var dontMutate = true;
-
-      for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
-        var partial = oldQueue[i];
-        var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
-
-        if (partialState != null) {
-          if (dontMutate) {
-            dontMutate = false;
-            nextState = assign({}, nextState, partialState);
-          } else {
-            assign(nextState, partialState);
-          }
-        }
-      }
-
-      inst.state = nextState;
-    }
-  } else {
-    internalInstance.queue = null;
-  }
-} // Invokes the mount life-cycles on a previously never rendered instance.
-
-
-function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
-  {
-    checkClassInstance(instance, ctor, newProps);
-  }
-
-  var initialState = instance.state !== undefined ? instance.state : null;
-  instance.updater = classComponentUpdater;
-  instance.props = newProps;
-  instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
-  // The internal instance will be used to manage updates that happen during this mount.
-
-  var internalInstance = {
-    queue: [],
-    replace: false
-  };
-  set(instance, internalInstance);
-  var contextType = ctor.contextType;
-
-  if (typeof contextType === 'object' && contextType !== null) {
-    instance.context = readContext$1(contextType);
-  } else {
-    instance.context = maskedLegacyContext;
-  }
-
-  {
-    if (instance.state === newProps) {
-      var componentName = getComponentNameFromType(ctor) || 'Component';
-
-      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
-        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
-
-        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);
-      }
-    }
-  }
-
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-
-  if (typeof getDerivedStateFromProps === 'function') {
-    instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
-  } // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-
-  if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
-    callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
-    // process them now.
-
-    processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
-  }
-}
+    processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
+  }
+}
 
 // Ids are base 32 strings whose binary representation corresponds to the
 // position of a node in a tree.
@@ -8148,763 +7923,1135 @@ function trackUsedThenable(thenableState, thenable, index) {
         return fulfilledValue;
       }
 
-    case 'rejected':
-      {
-        var rejectedError = thenable.reason;
-        throw rejectedError;
-      }
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+/**
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ */
+function is(x, y) {
+  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+  ;
+}
+
+var objectIs = // $FlowFixMe[method-unbinding]
+typeof Object.is === 'function' ? Object.is : is;
+
+var currentlyRenderingComponent = null;
+var currentlyRenderingTask = null;
+var currentlyRenderingRequest = null;
+var currentlyRenderingKeyPath = null;
+var firstWorkInProgressHook = null;
+var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
+
+var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+
+var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+
+var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
+// finishes rendering.
+// Counts the number of useFormState calls in this component
+
+var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
+// root during an MPA navigation, if any.
+
+var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
+
+var thenableIndexCounter = 0;
+var thenableState = null; // Lazily created map of render-phase updates
+
+var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+
+var numberOfReRenders = 0;
+var RE_RENDER_LIMIT = 25;
+var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+
+var currentHookNameInDev;
+
+function resolveCurrentlyRenderingComponent() {
+  if (currentlyRenderingComponent === null) {
+    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+  }
+
+  {
+    if (isInHookUserCodeInDev) {
+      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://reactjs.org/link/rules-of-hooks');
+    }
+  }
+
+  return currentlyRenderingComponent;
+}
+
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (prevDeps === null) {
+    {
+      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);
+    }
+
+    return false;
+  }
+
+  {
+    // Don't bother comparing lengths in prod because these arrays should be
+    // passed inline.
+    if (nextDeps.length !== prevDeps.length) {
+      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
+    }
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+    // $FlowFixMe[incompatible-use] found when upgrading Flow
+    if (objectIs(nextDeps[i], prevDeps[i])) {
+      continue;
+    }
+
+    return false;
+  }
+
+  return true;
+}
+
+function createHook() {
+  if (numberOfReRenders > 0) {
+    throw new Error('Rendered more hooks than during the previous render');
+  }
+
+  return {
+    memoizedState: null,
+    queue: null,
+    next: null
+  };
+}
+
+function createWorkInProgressHook() {
+  if (workInProgressHook === null) {
+    // This is the first hook in the list
+    if (firstWorkInProgressHook === null) {
+      isReRender = false;
+      firstWorkInProgressHook = workInProgressHook = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = firstWorkInProgressHook;
+    }
+  } else {
+    if (workInProgressHook.next === null) {
+      isReRender = false; // Append to the end of the list
+
+      workInProgressHook = workInProgressHook.next = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = workInProgressHook.next;
+    }
+  }
+
+  return workInProgressHook;
+}
+
+function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
+  currentlyRenderingComponent = componentIdentity;
+  currentlyRenderingTask = task;
+  currentlyRenderingRequest = request;
+  currentlyRenderingKeyPath = keyPath;
+
+  {
+    isInHookUserCodeInDev = false;
+  } // The following should have already been reset
+  // didScheduleRenderPhaseUpdate = false;
+  // firstWorkInProgressHook = null;
+  // numberOfReRenders = 0;
+  // renderPhaseUpdates = null;
+  // workInProgressHook = null;
+
+
+  localIdCounter = 0;
+  formStateCounter = 0;
+  formStateMatchingIndex = -1;
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function finishHooks(Component, props, children, refOrContext) {
+  // This must be called after every function component to prevent hooks from
+  // being used in classes.
+  while (didScheduleRenderPhaseUpdate) {
+    // Updates were scheduled during the render phase. They are stored in
+    // the `renderPhaseUpdates` map. Call the component again, reusing the
+    // work-in-progress hooks and applying the additional updates on top. Keep
+    // restarting until no more updates are scheduled.
+    didScheduleRenderPhaseUpdate = false;
+    localIdCounter = 0;
+    formStateCounter = 0;
+    formStateMatchingIndex = -1;
+    thenableIndexCounter = 0;
+    numberOfReRenders += 1; // Start over from the beginning of the list
+
+    workInProgressHook = null;
+    children = Component(props, refOrContext);
+  }
+
+  resetHooksState();
+  return children;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+function checkDidRenderIdHook() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  var didRenderIdHook = localIdCounter !== 0;
+  return didRenderIdHook;
+}
+function getFormStateCount() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateCounter;
+}
+function getFormStateMatchingIndex() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateMatchingIndex;
+} // Reset the internal hooks state if an error occurs while rendering a component
+
+function resetHooksState() {
+  {
+    isInHookUserCodeInDev = false;
+  }
+
+  currentlyRenderingComponent = null;
+  currentlyRenderingTask = null;
+  currentlyRenderingRequest = null;
+  currentlyRenderingKeyPath = null;
+  didScheduleRenderPhaseUpdate = false;
+  firstWorkInProgressHook = null;
+  numberOfReRenders = 0;
+  renderPhaseUpdates = null;
+  workInProgressHook = null;
+}
+
+function readContext(context) {
+  {
+    if (isInHookUserCodeInDev) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
+}
+
+function useContext(context) {
+  {
+    currentHookNameInDev = 'useContext';
+  }
+
+  resolveCurrentlyRenderingComponent();
+  return readContext$1(context);
+}
+
+function basicStateReducer(state, action) {
+  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+  return typeof action === 'function' ? action(state) : action;
+}
+
+function useState(initialState) {
+  {
+    currentHookNameInDev = 'useState';
+  }
+
+  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
+  initialState);
+}
+function useReducer(reducer, initialArg, init) {
+  {
+    if (reducer !== basicStateReducer) {
+      currentHookNameInDev = 'useReducer';
+    }
+  }
+
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+
+  if (isReRender) {
+    // This is a re-render. Apply the new render phase updates to the previous
+    // current hook.
+    var queue = workInProgressHook.queue;
+    var dispatch = queue.dispatch;
+
+    if (renderPhaseUpdates !== null) {
+      // Render phase updates are stored in a map of queue -> linked list
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-    default:
-      {
-        if (typeof thenable.status === 'string') ; else {
-          var pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(function (fulfilledValue) {
-            if (thenable.status === 'pending') {
-              var fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, function (error) {
-            if (thenable.status === 'pending') {
-              var rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously
+      if (firstRenderPhaseUpdate !== undefined) {
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+        var newState = workInProgressHook.memoizedState;
+        var update = firstRenderPhaseUpdate;
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                throw rejectedThenable.reason;
-              }
+        do {
+          // Process this render phase update. We don't have to check the
+          // priority because it will always be the same as the current
+          // render's.
+          var action = update.action;
+
+          {
+            isInHookUserCodeInDev = true;
           }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
 
+          newState = reducer(newState, action);
 
-        suspendedThenable = thenable;
-        throw SuspenseException;
-      }
-  }
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
+          {
+            isInHookUserCodeInDev = false;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-var suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
-  }
 
-  var thenable = suspendedThenable;
-  suspendedThenable = null;
-  return thenable;
-}
+          update = update.next;
+        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x, y) {
-  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
-  ;
-}
 
-var objectIs = // $FlowFixMe[method-unbinding]
-typeof Object.is === 'function' ? Object.is : is;
+        workInProgressHook.memoizedState = newState;
+        return [newState, dispatch];
+      }
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentlyRenderingComponent = null;
-var currentlyRenderingTask = null;
-var currentlyRenderingRequest = null;
-var currentlyRenderingKeyPath = null;
-var firstWorkInProgressHook = null;
-var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
 
-var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+    return [workInProgressHook.memoizedState, dispatch];
+  } else {
+    {
+      isInHookUserCodeInDev = true;
+    }
 
-var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+    var initialState;
 
-var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
-// finishes rendering.
-// Counts the number of useFormState calls in this component
+    if (reducer === basicStateReducer) {
+      // Special case for `useState`.
+      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
+    } else {
+      initialState = init !== undefined ? init(initialArg) : initialArg;
+    }
 
-var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
-// root during an MPA navigation, if any.
+    {
+      isInHookUserCodeInDev = false;
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
 
-var thenableIndexCounter = 0;
-var thenableState = null; // Lazily created map of render-phase updates
+    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+    var _queue = workInProgressHook.queue = {
+      last: null,
+      dispatch: null
+    };
 
-var numberOfReRenders = 0;
-var RE_RENDER_LIMIT = 25;
-var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentHookNameInDev;
 
-function resolveCurrentlyRenderingComponent() {
-  if (currentlyRenderingComponent === null) {
-    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    return [workInProgressHook.memoizedState, _dispatch];
   }
+}
 
-  {
-    if (isInHookUserCodeInDev) {
-      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://reactjs.org/link/rules-of-hooks');
-    }
-  }
+function useMemo(nextCreate, deps) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
 
-  return currentlyRenderingComponent;
-}
+  if (workInProgressHook !== null) {
+    var prevState = workInProgressHook.memoizedState;
 
-function areHookInputsEqual(nextDeps, prevDeps) {
-  if (prevDeps === null) {
-    {
-      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);
+    if (prevState !== null) {
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
+
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
     }
+  }
 
-    return false;
+  {
+    isInHookUserCodeInDev = true;
   }
 
+  var nextValue = nextCreate();
+
   {
-    // Don't bother comparing lengths in prod because these arrays should be
-    // passed inline.
-    if (nextDeps.length !== prevDeps.length) {
-      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
-    }
+    isInHookUserCodeInDev = false;
   } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
 
-  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    // $FlowFixMe[incompatible-use] found when upgrading Flow
-    if (objectIs(nextDeps[i], prevDeps[i])) {
-      continue;
-    }
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
 
-    return false;
-  }
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
 
-  return true;
-}
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
 
-function createHook() {
-  if (numberOfReRenders > 0) {
-    throw new Error('Rendered more hooks than during the previous render');
-  }
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  return {
-    memoizedState: null,
-    queue: null,
-    next: null
-  };
-}
 
-function createWorkInProgressHook() {
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    if (firstWorkInProgressHook === null) {
-      isReRender = false;
-      firstWorkInProgressHook = workInProgressHook = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = firstWorkInProgressHook;
-    }
+    workInProgressHook.memoizedState = ref;
+    return ref;
   } else {
-    if (workInProgressHook.next === null) {
-      isReRender = false; // Append to the end of the list
+    return previousRef;
+  }
+}
 
-      workInProgressHook = workInProgressHook.next = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = workInProgressHook.next;
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
     }
-  }
 
-  return workInProgressHook;
-}
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
-  currentlyRenderingComponent = componentIdentity;
-  currentlyRenderingTask = task;
-  currentlyRenderingRequest = request;
-  currentlyRenderingKeyPath = keyPath;
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
 
-  {
-    isInHookUserCodeInDev = false;
-  } // The following should have already been reset
-  // didScheduleRenderPhaseUpdate = false;
-  // firstWorkInProgressHook = null;
-  // numberOfReRenders = 0;
-  // renderPhaseUpdates = null;
-  // workInProgressHook = null;
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
 
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
 
-  localIdCounter = 0;
-  formStateCounter = 0;
-  formStateMatchingIndex = -1;
-  thenableIndexCounter = 0;
-  thenableState = prevThenableState;
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
 }
-function finishHooks(Component, props, children, refOrContext) {
-  // This must be called after every function component to prevent hooks from
-  // being used in classes.
-  while (didScheduleRenderPhaseUpdate) {
-    // Updates were scheduled during the render phase. They are stored in
-    // the `renderPhaseUpdates` map. Call the component again, reusing the
-    // work-in-progress hooks and applying the additional updates on top. Keep
-    // restarting until no more updates are scheduled.
-    didScheduleRenderPhaseUpdate = false;
-    localIdCounter = 0;
-    formStateCounter = 0;
-    formStateMatchingIndex = -1;
-    thenableIndexCounter = 0;
-    numberOfReRenders += 1; // Start over from the beginning of the list
 
-    workInProgressHook = null;
-    children = Component(props, refOrContext);
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
   }
 
-  resetHooksState();
-  return children;
-}
-function getThenableStateAfterSuspending() {
-  var state = thenableState;
-  thenableState = null;
-  return state;
-}
-function checkDidRenderIdHook() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  var didRenderIdHook = localIdCounter !== 0;
-  return didRenderIdHook;
-}
-function getFormStateCount() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateCounter;
+  return getServerSnapshot();
 }
-function getFormStateMatchingIndex() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateMatchingIndex;
-} // Reset the internal hooks state if an error occurs while rendering a component
 
-function resetHooksState() {
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
   {
-    isInHookUserCodeInDev = false;
+    return value;
   }
+}
 
-  currentlyRenderingComponent = null;
-  currentlyRenderingTask = null;
-  currentlyRenderingRequest = null;
-  currentlyRenderingKeyPath = null;
-  didScheduleRenderPhaseUpdate = false;
-  firstWorkInProgressHook = null;
-  numberOfReRenders = 0;
-  renderPhaseUpdates = null;
-  workInProgressHook = null;
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
 }
 
-function readContext(context) {
-  {
-    if (isInHookUserCodeInDev) {
-      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().');
-    }
-  }
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
 
-  return readContext$1(context);
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
 }
 
-function useContext(context) {
-  {
-    currentHookNameInDev = 'useContext';
-  }
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
 
+function useOptimistic(passthrough, reducer) {
   resolveCurrentlyRenderingComponent();
-  return readContext$1(context);
+  return [passthrough, unsupportedSetOptimisticState];
 }
 
-function basicStateReducer(state, action) {
-  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-  return typeof action === 'function' ? action(state) : action;
-}
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
 
-function useState(initialState) {
-  {
-    currentHookNameInDev = 'useState';
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
   }
-
-  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
-  initialState);
 }
-function useReducer(reducer, initialArg, init) {
-  {
-    if (reducer !== basicStateReducer) {
-      currentHookNameInDev = 'useReducer';
-    }
-  }
 
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
 
-  if (isReRender) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // current hook.
-    var queue = workInProgressHook.queue;
-    var dispatch = queue.dispatch;
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
 
-    if (renderPhaseUpdates !== null) {
-      // Render phase updates are stored in a map of queue -> linked list
-      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+  var formAction = action.$$FORM_ACTION;
 
-      if (firstRenderPhaseUpdate !== undefined) {
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
 
-        var newState = workInProgressHook.memoizedState;
-        var update = firstRenderPhaseUpdate;
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
 
-        do {
-          // Process this render phase update. We don't have to check the
-          // priority because it will always be the same as the current
-          // render's.
-          var action = update.action;
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
 
-          {
-            isInHookUserCodeInDev = true;
-          }
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
 
-          newState = reducer(newState, action);
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-          {
-            isInHookUserCodeInDev = false;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
 
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
 
-          update = update.next;
-        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
 
-        workInProgressHook.memoizedState = newState;
-        return [newState, dispatch];
-      }
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
 
 
-    return [workInProgressHook.memoizedState, dispatch];
-  } else {
-    {
-      isInHookUserCodeInDev = true;
-    }
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-    var initialState;
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
 
-    if (reducer === basicStateReducer) {
-      // Special case for `useState`.
-      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
-    } else {
-      initialState = init !== undefined ? init(initialArg) : initialArg;
+        return metadata;
+      };
     }
 
-    {
-      isInHookUserCodeInDev = false;
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
 
-    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    var _queue = workInProgressHook.queue = {
-      last: null,
-      dispatch: null
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
     };
 
-    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+    return [initialState, _dispatch2];
+  }
+}
 
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
 
-    return [workInProgressHook.memoizedState, _dispatch];
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
+
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
 }
 
-function useMemo(nextCreate, deps) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
-  if (workInProgressHook !== null) {
-    var prevState = workInProgressHook.memoizedState;
 
-    if (prevState !== null) {
-      if (nextDeps !== null) {
-        var prevDeps = prevState[1];
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
-  }
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  {
-    isInHookUserCodeInDev = true;
+  if (thenableState === null) {
+    thenableState = createThenableState();
   }
 
-  var nextValue = nextCreate();
-
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function noop$1() {}
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
-  }
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+function disabledLog() {}
 
-      lastRenderPhaseUpdate.next = update;
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
-}
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
   }
-
-  return getServerSnapshot();
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
-
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
-    return value;
-  }
-}
-
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
-}
-
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-    return [initialState, _dispatch2];
-  }
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-function noop$1() {}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
+  return syntheticFrame;
 }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
 }
-
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
 
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
-
 function getStackByComponentStackNode(componentStack) {
   try {
     var info = '';
@@ -8913,15 +9060,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9014,7 +9161,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9047,13 +9194,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9071,6 +9219,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9078,13 +9227,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9103,6 +9253,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9110,7 +9261,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9192,19 +9344,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9271,6 +9423,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9306,12 +9459,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9345,11 +9494,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9376,9 +9522,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9392,6 +9538,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9403,16 +9550,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9450,11 +9594,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9468,9 +9609,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9498,7 +9639,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9523,7 +9664,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9550,7 +9696,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9558,7 +9704,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9579,11 +9725,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9605,7 +9750,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9699,7 +9844,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9709,7 +9854,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9763,10 +9908,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9774,37 +9925,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9817,12 +9944,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9834,7 +9960,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -9845,14 +9971,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -9864,18 +9990,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -9903,7 +10029,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -9921,7 +10047,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -9947,31 +10073,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10019,7 +10161,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10048,7 +10190,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10120,13 +10262,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10137,9 +10294,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10147,17 +10309,22 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            ref = element.ref;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10178,7 +10345,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10233,13 +10400,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10269,7 +10438,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10420,9 +10593,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10437,9 +10610,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10463,7 +10636,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10501,7 +10674,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -10705,8 +10878,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -10715,7 +10891,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -10735,7 +10916,11 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -10913,11 +11098,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -10952,12 +11132,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -10991,10 +11166,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11021,12 +11192,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11073,10 +11239,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11155,7 +11317,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11190,7 +11357,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11212,12 +11379,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11228,7 +11395,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11244,9 +11411,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11258,13 +11433,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11276,7 +11457,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -11285,17 +11466,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11307,17 +11484,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11336,11 +11509,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11350,6 +11519,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11361,13 +11531,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11388,10 +11558,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 fe64ff7e1486c1..03fafde97e6623 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
@@ -14,7 +14,52 @@ var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 var stream = require('stream');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
@@ -128,9 +173,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -310,19 +352,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -498,6 +534,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -512,9 +549,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -533,7 +568,7 @@ function createRenderState$1(resumableState, nonce, externalRuntimeConfig, impor
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -895,7 +930,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1033,6 +1068,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1756,7 +1792,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1767,11 +1803,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1779,7 +1828,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1850,8 +1899,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1863,8 +1912,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1891,16 +1940,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -1933,7 +1980,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -1977,8 +2024,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2224,12 +2271,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2485,6 +2539,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2601,14 +2656,21 @@ function startChunkForTag(tag) {
 
   return tagStartChunk;
 }
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2638,19 +2700,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3062,7 +3124,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3082,7 +3144,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3125,12 +3187,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3342,14 +3404,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3503,13 +3568,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3527,15 +3592,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3543,14 +3600,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3563,15 +3617,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3588,15 +3642,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3622,10 +3668,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3712,6 +3758,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3771,10 +3818,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3861,6 +3908,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3924,15 +3972,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4717,13 +4762,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4830,13 +4871,12 @@ function createRenderState(resumableState, generateStaticMarkup) {
     headChunks: renderState.headChunks,
     externalRuntimeScript: renderState.externalRuntimeScript,
     bootstrapChunks: renderState.bootstrapChunks,
+    importMapChunks: renderState.importMapChunks,
     onHeaders: renderState.onHeaders,
     headers: renderState.headers,
     resets: renderState.resets,
     charsetChunks: renderState.charsetChunks,
-    preconnectChunks: renderState.preconnectChunks,
-    importMapChunks: renderState.importMapChunks,
-    preloadChunks: renderState.preloadChunks,
+    viewportChunks: renderState.viewportChunks,
     hoistableChunks: renderState.hoistableChunks,
     preconnects: renderState.preconnects,
     fontPreloads: renderState.fontPreloads,
@@ -4847,7 +4887,6 @@ function createRenderState(resumableState, generateStaticMarkup) {
     scripts: renderState.scripts,
     bulkPreloads: renderState.bulkPreloads,
     preloads: renderState.preloads,
-    boundaryResources: renderState.boundaryResources,
     stylesToHoist: renderState.stylesToHoist,
     // This is an extra field for the legacy renderer
     generateStaticMarkup
@@ -4905,45 +4944,6 @@ function writeEndClientRenderedSuspenseBoundary(destination, renderState) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5010,13 +5010,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5042,309 +5052,68 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+      return parentContext;
+    }
 
+    const childContext = instance.getChildContext();
 
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+    return assign({}, parentContext, childContext);
+  }
+}
 
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
 
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
+const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
+let currentActiveSnapshot = null;
 
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue2 = prev.parentValue;
-  }
-}
+function popNode(prev) {
+  {
+    prev.context._currentValue2 = prev.parentValue;
+  }
+}
 
 function pushNode(next) {
   {
@@ -5490,12 +5259,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue2 = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue2 = value;
-    }
+    prevSnapshot.context._currentValue2 = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6442,7 +6206,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -6528,6 +6292,246 @@ const DefaultCacheDispatcher = {
   getCacheForType
 };
 
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (false) ; // Return the line we found.
+
+
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  return syntheticFrame;
+}
+
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
 function getStackByComponentStackNode(componentStack) {
   try {
     let info = '';
@@ -6536,15 +6540,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6636,7 +6640,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6667,13 +6671,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6689,6 +6694,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6696,13 +6702,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6719,6 +6726,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6726,7 +6734,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6853,6 +6862,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6888,12 +6898,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6927,11 +6933,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6958,9 +6961,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6974,6 +6977,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -6985,16 +6989,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7032,11 +7033,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7050,9 +7048,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7080,7 +7078,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7104,7 +7102,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7121,7 +7124,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7129,7 +7132,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7144,7 +7147,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7154,7 +7157,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7221,7 +7224,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7245,10 +7248,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7256,45 +7265,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7306,18 +7313,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7345,7 +7352,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7363,7 +7370,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7389,31 +7396,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7455,7 +7472,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7484,7 +7501,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7536,9 +7553,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7549,9 +7564,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7559,17 +7579,22 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            ref = element.ref;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7590,7 +7615,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7642,13 +7667,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -7823,9 +7850,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -7840,9 +7867,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -7866,7 +7893,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -7904,7 +7931,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8094,8 +8121,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8104,7 +8134,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8123,7 +8158,11 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8286,11 +8325,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8319,12 +8353,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8358,9 +8387,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8378,12 +8404,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8430,9 +8451,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8498,7 +8516,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8533,7 +8556,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8555,12 +8578,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8571,7 +8594,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination, request.renderState);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8587,9 +8610,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
+
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8601,13 +8632,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8619,7 +8656,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination, request.renderState);
   }
 }
@@ -8628,17 +8665,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8650,17 +8683,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8679,11 +8708,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8693,6 +8718,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8704,13 +8730,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8731,10 +8757,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.min.js
index 7f392a4155d839..fae4a4ea032ae6 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-legacy.node.production.min.js
@@ -29,194 +29,193 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var aa=require("next/dist/compiled/react"),ba=require("react-dom"),ea=require("stream");
-function ja(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+'use strict';var da=require("next/dist/compiled/react"),ea=require("react-dom"),ka=require("stream"),la=Symbol.for("react.element"),ma=Symbol.for("react.portal"),wa=Symbol.for("react.fragment"),xa=Symbol.for("react.strict_mode"),ya=Symbol.for("react.profiler"),za=Symbol.for("react.provider"),Aa=Symbol.for("react.consumer"),Ha=Symbol.for("react.context"),Ia=Symbol.for("react.forward_ref"),Ja=Symbol.for("react.suspense"),Ka=Symbol.for("react.suspense_list"),La=Symbol.for("react.memo"),Ya=Symbol.for("react.lazy"),eb=Symbol.for("react.scope"),
+fb=Symbol.for("react.debug_trace_mode"),gb=Symbol.for("react.offscreen"),hb=Symbol.for("react.legacy_hidden"),ib=Symbol.for("react.cache"),jb=Symbol.iterator,kb=Array.isArray;
+function lb(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
 16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}
-var u=Object.assign,x=Object.prototype.hasOwnProperty,ka=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),la={},ya={};
-function za(a){if(x.call(ya,a))return!0;if(x.call(la,a))return!1;if(ka.test(a))return ya[a]=!0;la[a]=!0;return!1}
-var Aa=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ba=
+var t=Object.assign,A=Object.prototype.hasOwnProperty,mb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),nb={},ob={};
+function pb(a){if(A.call(ob,a))return!0;if(A.call(nb,a))return!1;if(mb.test(a))return ob[a]=!0;nb[a]=!0;return!1}
+var qb=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),rb=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ca=/["'&<>]/;
-function y(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ca.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Da=/([A-Z])/g,Ja=/^ms-/,Ka=Array.isArray,La=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ma={pending:!1,data:null,method:null,action:null},Na=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,kb={prefetchDNS:Oa,preconnect:Pa,preload:Qa,preloadModule:gb,preinitStyle:hb,preinitScript:ib,preinitModuleScript:jb},B=[],lb=/(<\/|<)(s)(cript)/gi;function mb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
-function nb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function G(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function ob(a){return G("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
-function pb(a,b,c){switch(b){case "noscript":return G(2,null,a.tagScope|1);case "select":return G(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return G(3,null,a.tagScope);case "picture":return G(2,null,a.tagScope|2);case "math":return G(4,null,a.tagScope);case "foreignObject":return G(2,null,a.tagScope);case "table":return G(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return G(6,null,a.tagScope);case "colgroup":return G(8,null,a.tagScope);case "tr":return G(7,null,a.tagScope)}return 5<=
-a.insertionMode?G(2,null,a.tagScope):0===a.insertionMode?"html"===b?G(1,null,a.tagScope):G(2,null,a.tagScope):1===a.insertionMode?G(2,null,a.tagScope):a}var qb=new Map;
-function rb(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(x.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=y(d);e=y((""+e).trim())}else f=qb.get(d),void 0===f&&(f=y(d.replace(Da,"-$1").toLowerCase().replace(Ja,"-ms-")),qb.set(d,f)),e="number"===typeof e?0===e||Aa.has(d)?""+e:e+"px":
-y((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}function Bb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function J(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',y(c),'"')}function Cb(a){var b=a.nextFormID++;return a.idPrefix+b}var Db=y("javascript:throw new Error('A React form was unexpectedly submitted.')");
-function Eb(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");J(this,"name",b);J(this,"value",a);this.push("/>")}
-function Fb(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Cb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',Db,'"'),g=f=e=d=h=null,Gb(b,c)));null!=h&&K(a,"name",h);null!=d&&K(a,"formAction",d);null!=e&&K(a,"formEncType",e);null!=f&&K(a,"formMethod",f);null!=g&&K(a,"formTarget",g);return k}
-function K(a,b,c){switch(b){case "className":J(a,"class",c);break;case "tabIndex":J(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":J(a,b,c);break;case "style":rb(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',y(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":Bb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',y(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',y(c),'"');break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',y(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',y(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',y(c),'"');break;case "xlinkActuate":J(a,"xlink:actuate",
-c);break;case "xlinkArcrole":J(a,"xlink:arcrole",c);break;case "xlinkRole":J(a,"xlink:role",c);break;case "xlinkShow":J(a,"xlink:show",c);break;case "xlinkTitle":J(a,"xlink:title",c);break;case "xlinkType":J(a,"xlink:type",c);break;case "xmlBase":J(a,"xml:base",c);break;case "xmlLang":J(a,"xml:lang",c);break;case "xmlSpace":J(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ba.get(b)||b,za(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',y(c),'"')}}}function N(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
-function Hb(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
-function Gb(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});',"\x3c/script>"))}
-function Ib(a,b,c,d,e,f,g){var h=b.rel,k=b.href,l=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return O(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof l||null!=b.disabled||b.onLoad||b.onError)return O(a,b);f=d.styles.get(l);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:y(l),rules:[],hrefs:[],sheets:new Map},d.styles.set(l,f)),b={state:0,props:u({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&Jb(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push("\x3c!-- --\x3e");return null}if(b.onLoad||b.onError)return O(a,b);e&&a.push("\x3c!-- --\x3e");switch(b.rel){case "preconnect":case "dns-prefetch":return O(d.preconnectChunks,b);case "preload":return O(d.preloadChunks,
-b);default:return O(d.hoistableChunks,b)}}function O(a,b){a.push(P("link"));for(var c in b)if(x.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:K(a,c,d)}}a.push("/>");return null}
-function Kb(a,b,c){a.push(P(c));for(var d in b)if(x.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:K(a,d,e)}}a.push("/>");return null}
-function Lb(a,b){a.push(P("title"));var c=null,d=null,e;for(e in b)if(x.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(y(""+b));N(a,d,c);a.push(Mb("title"));return null}
-function Nb(a,b){a.push(P("script"));var c=null,d=null,e;for(e in b)if(x.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");N(a,d,c);"string"===typeof c&&a.push(y(c));a.push(Mb("script"));return null}
-function Ob(a,b,c){a.push(P(c));var d=c=null,e;for(e in b)if(x.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");N(a,d,c);return"string"===typeof c?(a.push(y(c)),null):c}var Pb=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Qb=new Map;function P(a){var b=Qb.get(a);if(void 0===b){if(!Pb.test(a))throw Error("Invalid tag: "+a);b="<"+a;Qb.set(a,b)}return b}
-function Rb(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(P("select"));var h=null,k=null,l;for(l in c)if(x.call(c,l)){var n=c[l];if(null!=n)switch(l){case "children":h=n;break;case "dangerouslySetInnerHTML":k=n;break;case "defaultValue":case "value":break;default:K(a,l,n)}}a.push(">");N(a,k,h);return h;case "option":var m=f.selectedValue;a.push(P("option"));var p=null,q=null,C=null,z=null,A;for(A in c)if(x.call(c,
-A)){var t=c[A];if(null!=t)switch(A){case "children":p=t;break;case "selected":C=t;break;case "dangerouslySetInnerHTML":z=t;break;case "value":q=t;default:K(a,A,t)}}if(null!=m){var r=null!==q?""+q:Hb(p);if(Ka(m))for(var D=0;D<m.length;D++){if(""+m[D]===r){a.push(' selected=""');break}}else""+m===r&&a.push(' selected=""')}else C&&a.push(' selected=""');a.push(">");N(a,z,p);return p;case "textarea":a.push(P("textarea"));var w=null,v=null,E=null,Q;for(Q in c)if(x.call(c,Q)){var F=c[Q];if(null!=F)switch(Q){case "children":E=
-F;break;case "value":w=F;break;case "defaultValue":v=F;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:K(a,Q,F)}}null===w&&null!==v&&(w=v);a.push(">");if(null!=E){if(null!=w)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Ka(E)){if(1<E.length)throw Error("<textarea> can only have at most one child.");w=""+E[0]}w=""+E}"string"===typeof w&&"\n"===w[0]&&a.push("\n");null!==w&&a.push(y(""+w));
-return null;case "input":a.push(P("input"));var V=null,ma=null,fa=null,L=null,H=null,Y=null,Ra=null,Sa=null,Ta=null,na;for(na in c)if(x.call(c,na)){var S=c[na];if(null!=S)switch(na){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":V=S;break;case "formAction":ma=S;break;case "formEncType":fa=S;break;case "formMethod":L=S;break;case "formTarget":H=S;break;case "defaultChecked":Ta=
-S;break;case "defaultValue":Ra=S;break;case "checked":Sa=S;break;case "value":Y=S;break;default:K(a,na,S)}}var sb=Fb(a,d,e,ma,fa,L,H,V);null!==Sa?Bb(a,"checked",Sa):null!==Ta&&Bb(a,"checked",Ta);null!==Y?K(a,"value",Y):null!==Ra&&K(a,"value",Ra);a.push("/>");null!==sb&&sb.forEach(Eb,a);return null;case "button":a.push(P("button"));var oa=null,pa=null,ca=null,qa=null,ra=null,Ua=null,sa=null,Va;for(Va in c)if(x.call(c,Va)){var da=c[Va];if(null!=da)switch(Va){case "children":oa=da;break;case "dangerouslySetInnerHTML":pa=
-da;break;case "name":ca=da;break;case "formAction":qa=da;break;case "formEncType":ra=da;break;case "formMethod":Ua=da;break;case "formTarget":sa=da;break;default:K(a,Va,da)}}var Tc=Fb(a,d,e,qa,ra,Ua,sa,ca);a.push(">");null!==Tc&&Tc.forEach(Eb,a);N(a,pa,oa);if("string"===typeof oa){a.push(y(oa));var Uc=null}else Uc=oa;return Uc;case "form":a.push(P("form"));var Wa=null,Vc=null,ha=null,Xa=null,Ya=null,Za=null,$a;for($a in c)if(x.call(c,$a)){var ia=c[$a];if(null!=ia)switch($a){case "children":Wa=ia;
-break;case "dangerouslySetInnerHTML":Vc=ia;break;case "action":ha=ia;break;case "encType":Xa=ia;break;case "method":Ya=ia;break;case "target":Za=ia;break;default:K(a,$a,ia)}}var Yb=null,Zb=null;if("function"===typeof ha)if("function"===typeof ha.$$FORM_ACTION){var Ge=Cb(d),Ea=ha.$$FORM_ACTION(Ge);ha=Ea.action||"";Xa=Ea.encType;Ya=Ea.method;Za=Ea.target;Yb=Ea.data;Zb=Ea.name}else a.push(" ","action",'="',Db,'"'),Za=Ya=Xa=ha=null,Gb(d,e);null!=ha&&K(a,"action",ha);null!=Xa&&K(a,"encType",Xa);null!=
-Ya&&K(a,"method",Ya);null!=Za&&K(a,"target",Za);a.push(">");null!==Zb&&(a.push('<input type="hidden"'),J(a,"name",Zb),a.push("/>"),null!==Yb&&Yb.forEach(Eb,a));N(a,Vc,Wa);if("string"===typeof Wa){a.push(y(Wa));var Wc=null}else Wc=Wa;return Wc;case "menuitem":a.push(P("menuitem"));for(var tb in c)if(x.call(c,tb)){var Xc=c[tb];if(null!=Xc)switch(tb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:K(a,tb,Xc)}}a.push(">");
-return null;case "title":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Yc=Lb(a,c);else Lb(e.hoistableChunks,c),Yc=null;return Yc;case "link":return Ib(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var $b=c.async;if("string"!==typeof c.src||!c.src||!$b||"function"===typeof $b||"symbol"===typeof $b||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Zc=Nb(a,c);else{var ub=c.src;if("module"===c.type){var vb=d.moduleScriptResources;var $c=e.preloads.moduleScripts}else vb=
-d.scriptResources,$c=e.preloads.scripts;var wb=vb.hasOwnProperty(ub)?vb[ub]:void 0;if(null!==wb){vb[ub]=null;var ac=c;if(wb){2===wb.length&&(ac=u({},c),Jb(ac,wb));var ad=$c.get(ub);ad&&(ad.length=0)}var bd=[];e.scripts.add(bd);Nb(bd,ac)}g&&a.push("\x3c!-- --\x3e");Zc=null}return Zc;case "style":var xb=c.precedence,ta=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof xb||"string"!==typeof ta||""===ta){a.push(P("style"));var Fa=null,cd=null,ab;for(ab in c)if(x.call(c,
-ab)){var yb=c[ab];if(null!=yb)switch(ab){case "children":Fa=yb;break;case "dangerouslySetInnerHTML":cd=yb;break;default:K(a,ab,yb)}}a.push(">");var bb=Array.isArray(Fa)?2>Fa.length?Fa[0]:null:Fa;"function"!==typeof bb&&"symbol"!==typeof bb&&null!==bb&&void 0!==bb&&a.push(y(""+bb));N(a,cd,Fa);a.push(Mb("style"));var dd=null}else{var ua=e.styles.get(xb);if(null!==(d.styleResources.hasOwnProperty(ta)?d.styleResources[ta]:void 0)){d.styleResources[ta]=null;ua?ua.hrefs.push(y(ta)):(ua={precedence:y(xb),
-rules:[],hrefs:[y(ta)],sheets:new Map},e.styles.set(xb,ua));var ed=ua.rules,Ga=null,fd=null,zb;for(zb in c)if(x.call(c,zb)){var bc=c[zb];if(null!=bc)switch(zb){case "children":Ga=bc;break;case "dangerouslySetInnerHTML":fd=bc}}var cb=Array.isArray(Ga)?2>Ga.length?Ga[0]:null:Ga;"function"!==typeof cb&&"symbol"!==typeof cb&&null!==cb&&void 0!==cb&&ed.push(y(""+cb));N(ed,fd,Ga)}ua&&e.boundaryResources&&e.boundaryResources.styles.add(ua);g&&a.push("\x3c!-- --\x3e");dd=void 0}return dd;case "meta":if(3===
-f.insertionMode||f.tagScope&1||null!=c.itemProp)var gd=Kb(a,c,"meta");else g&&a.push("\x3c!-- --\x3e"),gd="string"===typeof c.charSet?Kb(e.charsetChunks,c,"meta"):"viewport"===c.name?Kb(e.preconnectChunks,c,"meta"):Kb(e.hoistableChunks,c,"meta");return gd;case "listing":case "pre":a.push(P(b));var db=null,eb=null,fb;for(fb in c)if(x.call(c,fb)){var Ab=c[fb];if(null!=Ab)switch(fb){case "children":db=Ab;break;case "dangerouslySetInnerHTML":eb=Ab;break;default:K(a,fb,Ab)}}a.push(">");if(null!=eb){if(null!=
-db)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof eb||!("__html"in eb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var va=eb.__html;null!==va&&void 0!==va&&("string"===typeof va&&0<va.length&&"\n"===va[0]?a.push("\n",va):a.push(""+va))}"string"===typeof db&&"\n"===db[0]&&a.push("\n");return db;case "img":var M=c.src,
-I=c.srcSet;if(!("lazy"===c.loading||!M&&!I||"string"!==typeof M&&null!=M||"string"!==typeof I&&null!=I)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof M||":"!==M[4]||"d"!==M[0]&&"D"!==M[0]||"a"!==M[1]&&"A"!==M[1]||"t"!==M[2]&&"T"!==M[2]||"a"!==M[3]&&"A"!==M[3])&&("string"!==typeof I||":"!==I[4]||"d"!==I[0]&&"D"!==I[0]||"a"!==I[1]&&"A"!==I[1]||"t"!==I[2]&&"T"!==I[2]||"a"!==I[3]&&"A"!==I[3])){var hd="string"===typeof c.sizes?c.sizes:void 0,Ha=I?I+"\n"+(hd||""):M,cc=e.preloads.images,
-wa=cc.get(Ha);if(wa){if("high"===c.fetchPriority||10>e.highImagePreloads.size)cc.delete(Ha),e.highImagePreloads.add(wa)}else if(!d.imageResources.hasOwnProperty(Ha)){d.imageResources[Ha]=B;var dc=c.crossOrigin;var id="string"===typeof dc?"use-credentials"===dc?dc:"":void 0;var Z=e.headers,ec;Z&&0<Z.remainingCapacity&&("high"===c.fetchPriority||500>Z.highImagePreloads.length)&&(ec=Sb(M,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:id,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,
-referrerPolicy:c.refererPolicy}),2<=(Z.remainingCapacity-=ec.length))?(e.resets.image[Ha]=B,Z.highImagePreloads&&(Z.highImagePreloads+=", "),Z.highImagePreloads+=ec):(wa=[],O(wa,{rel:"preload",as:"image",href:I?void 0:M,imageSrcSet:I,imageSizes:hd,crossOrigin:id,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(wa):(e.bulkPreloads.add(wa),cc.set(Ha,wa)))}}return Kb(a,c,"img");
-case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Kb(a,c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var jd=Ob(e.headChunks,c,"head")}else jd=Ob(a,c,"head");return jd;case "html":if(0===f.insertionMode&&null===
-e.htmlChunks){e.htmlChunks=[""];var kd=Ob(e.htmlChunks,c,"html")}else kd=Ob(a,c,"html");return kd;default:if(-1!==b.indexOf("-")){a.push(P(b));var fc=null,ld=null,Ia;for(Ia in c)if(x.call(c,Ia)){var xa=c[Ia];if(null!=xa){var He=Ia;switch(Ia){case "children":fc=xa;break;case "dangerouslySetInnerHTML":ld=xa;break;case "style":rb(a,xa);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;default:za(Ia)&&"function"!==typeof xa&&"symbol"!==typeof xa&&a.push(" ",He,'="',y(xa),
-'"')}}}a.push(">");N(a,ld,fc);return fc}}return Ob(a,c,b)}var Tb=new Map;function Mb(a){var b=Tb.get(a);void 0===b&&(b="</"+a+">",Tb.set(a,b));return b}function Ub(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}
-function Vb(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
-function Wb(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),sb=/["'&<>]/;
+function B(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=sb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var Gb=/([A-Z])/g,Hb=/^ms-/,Ib=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Jb={pending:!1,data:null,method:null,action:null},Kb=ea.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Sb={prefetchDNS:Lb,preconnect:Mb,preload:Nb,preloadModule:Ob,preinitStyle:Pb,preinitScript:Qb,preinitModuleScript:Rb},C=[],Tb=/(<\/|<)(s)(cript)/gi;function Ub(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}
+function Vb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function I(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function Wb(a){return I("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
+function Xb(a,b,c){switch(b){case "noscript":return I(2,null,a.tagScope|1);case "select":return I(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return I(3,null,a.tagScope);case "picture":return I(2,null,a.tagScope|2);case "math":return I(4,null,a.tagScope);case "foreignObject":return I(2,null,a.tagScope);case "table":return I(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return I(6,null,a.tagScope);case "colgroup":return I(8,null,a.tagScope);case "tr":return I(7,null,a.tagScope)}return 5<=
+a.insertionMode?I(2,null,a.tagScope):0===a.insertionMode?"html"===b?I(1,null,a.tagScope):I(2,null,a.tagScope):1===a.insertionMode?I(2,null,a.tagScope):a}var Yb=new Map;
+function Zb(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(A.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=B(d);e=B((""+e).trim())}else f=Yb.get(d),void 0===f&&(f=B(d.replace(Gb,"-$1").toLowerCase().replace(Hb,"-ms-")),Yb.set(d,f)),e="number"===typeof e?0===e||qb.has(d)?""+e:e+"px":
+B((""+e).trim());c?(c=!1,a.push(' style="',f,":",e)):a.push(";",f,":",e)}}c||a.push('"')}function $b(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""')}function J(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(" ",b,'="',B(c),'"')}function ac(a){var b=a.nextFormID++;return a.idPrefix+b}var mc=B("javascript:throw new Error('React form unexpectedly submitted.')");
+function nc(a,b){this.push('<input type="hidden"');if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");J(this,"name",b);J(this,"value",a);this.push("/>")}
+function oc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=ac(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(" ","formAction",'="',mc,'"'),g=f=e=d=h=null,pc(b,c)));null!=h&&K(a,"name",h);null!=d&&K(a,"formAction",d);null!=e&&K(a,"formEncType",e);null!=f&&K(a,"formMethod",f);null!=g&&K(a,"formTarget",g);return k}
+function K(a,b,c){switch(b){case "className":J(a,"class",c);break;case "tabIndex":J(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":J(a,b,c);break;case "style":Zb(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ",b,'="',B(""+c),'"');break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":$b(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(" ","xlink:href",'="',B(""+c),'"');break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',B(c),'"');break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'=""');break;case "capture":case "download":!0===c?a.push(" ",b,'=""'):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(" ",b,'="',B(c),'"');break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(" ",b,'="',B(c),'"');break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(" ",b,'="',B(c),'"');break;case "xlinkActuate":J(a,"xlink:actuate",
+c);break;case "xlinkArcrole":J(a,"xlink:arcrole",c);break;case "xlinkRole":J(a,"xlink:role",c);break;case "xlinkShow":J(a,"xlink:show",c);break;case "xlinkTitle":J(a,"xlink:title",c);break;case "xlinkType":J(a,"xlink:type",c);break;case "xmlBase":J(a,"xml:base",c);break;case "xmlLang":J(a,"xml:lang",c);break;case "xmlSpace":J(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=rb.get(b)||b,pb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(" ",b,'="',B(c),'"')}}}function O(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
+function qc(a){var b="";da.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}
+function pc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});',"\x3c/script>"))}
+function P(a,b){a.push(Q("link"));for(var c in b)if(A.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:K(a,c,d)}}a.push("/>");return null}
+function rc(a,b,c){a.push(Q(c));for(var d in b)if(A.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:K(a,d,e)}}a.push("/>");return null}
+function sc(a,b){a.push(Q("title"));var c=null,d=null,e;for(e in b)if(A.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(B(""+b));O(a,d,c);a.push(tc("title"));return null}
+function uc(a,b){a.push(Q("script"));var c=null,d=null,e;for(e in b)if(A.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");O(a,d,c);"string"===typeof c&&a.push(B(c));a.push(tc("script"));return null}
+function vc(a,b,c){a.push(Q(c));var d=c=null,e;for(e in b)if(A.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:K(a,e,f)}}a.push(">");O(a,d,c);return"string"===typeof c?(a.push(B(c)),null):c}var wc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,xc=new Map;function Q(a){var b=xc.get(a);if(void 0===b){if(!wc.test(a))throw Error("Invalid tag: "+a);b="<"+a;xc.set(a,b)}return b}
+function yc(a,b,c,d,e,f,g,h,k){switch(b){case "div":case "span":case "svg":case "path":break;case "a":break;case "g":case "p":case "li":break;case "select":a.push(Q("select"));var m=null,n=null,l;for(l in c)if(A.call(c,l)){var u=c[l];if(null!=u)switch(l){case "children":m=u;break;case "dangerouslySetInnerHTML":n=u;break;case "defaultValue":case "value":break;default:K(a,l,u)}}a.push(">");O(a,n,m);return m;case "option":var q=g.selectedValue;a.push(Q("option"));var z=null,v=null,y=null,x=null,p;for(p in c)if(A.call(c,
+p)){var D=c[p];if(null!=D)switch(p){case "children":z=D;break;case "selected":y=D;break;case "dangerouslySetInnerHTML":x=D;break;case "value":v=D;default:K(a,p,D)}}if(null!=q){var E=null!==v?""+v:qc(z);if(kb(q))for(var r=0;r<q.length;r++){if(""+q[r]===E){a.push(' selected=""');break}}else""+q===E&&a.push(' selected=""')}else y&&a.push(' selected=""');a.push(">");O(a,x,z);return z;case "textarea":a.push(Q("textarea"));var w=null,F=null,U=null,L;for(L in c)if(A.call(c,L)){var G=c[L];if(null!=G)switch(L){case "children":U=
+G;break;case "value":w=G;break;case "defaultValue":F=G;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:K(a,L,G)}}null===w&&null!==F&&(w=F);a.push(">");if(null!=U){if(null!=w)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(kb(U)){if(1<U.length)throw Error("<textarea> can only have at most one child.");w=""+U[0]}w=""+U}"string"===typeof w&&"\n"===w[0]&&a.push("\n");null!==w&&a.push(B(""+w));
+return null;case "input":a.push(Q("input"));var na=null,fa=null,Z=null,tb=null,ub=null,Ma=null,Na=null,Oa=null,Pa=null,oa;for(oa in c)if(A.call(c,oa)){var M=c[oa];if(null!=M)switch(oa){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":na=M;break;case "formAction":fa=M;break;case "formEncType":Z=M;break;case "formMethod":tb=M;break;case "formTarget":ub=M;break;case "defaultChecked":Pa=
+M;break;case "defaultValue":Na=M;break;case "checked":Oa=M;break;case "value":Ma=M;break;default:K(a,oa,M)}}var aa=oc(a,d,e,fa,Z,tb,ub,na);null!==Oa?$b(a,"checked",Oa):null!==Pa&&$b(a,"checked",Pa);null!==Ma?K(a,"value",Ma):null!==Na&&K(a,"value",Na);a.push("/>");null!==aa&&aa.forEach(nc,a);return null;case "button":a.push(Q("button"));var ba=null,pa=null,Qa=null,qa=null,id=null,jd=null,kd=null,Ra;for(Ra in c)if(A.call(c,Ra)){var ca=c[Ra];if(null!=ca)switch(Ra){case "children":ba=ca;break;case "dangerouslySetInnerHTML":pa=
+ca;break;case "name":Qa=ca;break;case "formAction":qa=ca;break;case "formEncType":id=ca;break;case "formMethod":jd=ca;break;case "formTarget":kd=ca;break;default:K(a,Ra,ca)}}var ld=oc(a,d,e,qa,id,jd,kd,Qa);a.push(">");null!==ld&&ld.forEach(nc,a);O(a,pa,ba);if("string"===typeof ba){a.push(B(ba));var md=null}else md=ba;return md;case "form":a.push(Q("form"));var Sa=null,nd=null,ha=null,Ta=null,Ua=null,Va=null,Wa;for(Wa in c)if(A.call(c,Wa)){var ia=c[Wa];if(null!=ia)switch(Wa){case "children":Sa=ia;
+break;case "dangerouslySetInnerHTML":nd=ia;break;case "action":ha=ia;break;case "encType":Ta=ia;break;case "method":Ua=ia;break;case "target":Va=ia;break;default:K(a,Wa,ia)}}var bc=null,cc=null;if("function"===typeof ha)if("function"===typeof ha.$$FORM_ACTION){var Ye=ac(d),Ba=ha.$$FORM_ACTION(Ye);ha=Ba.action||"";Ta=Ba.encType;Ua=Ba.method;Va=Ba.target;bc=Ba.data;cc=Ba.name}else a.push(" ","action",'="',mc,'"'),Va=Ua=Ta=ha=null,pc(d,e);null!=ha&&K(a,"action",ha);null!=Ta&&K(a,"encType",Ta);null!=
+Ua&&K(a,"method",Ua);null!=Va&&K(a,"target",Va);a.push(">");null!==cc&&(a.push('<input type="hidden"'),J(a,"name",cc),a.push("/>"),null!==bc&&bc.forEach(nc,a));O(a,nd,Sa);if("string"===typeof Sa){a.push(B(Sa));var od=null}else od=Sa;return od;case "menuitem":a.push(Q("menuitem"));for(var vb in c)if(A.call(c,vb)){var pd=c[vb];if(null!=pd)switch(vb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:K(a,vb,pd)}}a.push(">");
+return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var dc=sc(a,c);else k?dc=null:(sc(e.hoistableChunks,c),dc=void 0);return dc;case "link":var Ze=c.rel,ja=c.href,wb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Ze||"string"!==typeof ja||""===ja){P(a,c);var Xa=null}else if("stylesheet"===c.rel)if("string"!==typeof wb||null!=c.disabled||c.onLoad||c.onError)Xa=P(a,c);else{var Ca=e.styles.get(wb),xb=d.styleResources.hasOwnProperty(ja)?
+d.styleResources[ja]:void 0;if(null!==xb){d.styleResources[ja]=null;Ca||(Ca={precedence:B(wb),rules:[],hrefs:[],sheets:new Map},e.styles.set(wb,Ca));var yb={state:0,props:t({},c,{"data-precedence":c.precedence,precedence:null})};if(xb){2===xb.length&&zc(yb.props,xb);var ec=e.preloads.stylesheets.get(ja);ec&&0<ec.length?ec.length=0:yb.state=1}Ca.sheets.set(ja,yb);f&&f.stylesheets.add(yb)}else if(Ca){var qd=Ca.sheets.get(ja);qd&&f&&f.stylesheets.add(qd)}h&&a.push("\x3c!-- --\x3e");Xa=null}else c.onLoad||
+c.onError?Xa=P(a,c):(h&&a.push("\x3c!-- --\x3e"),Xa=k?null:P(e.hoistableChunks,c));return Xa;case "script":var fc=c.async;if("string"!==typeof c.src||!c.src||!fc||"function"===typeof fc||"symbol"===typeof fc||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var rd=uc(a,c);else{var zb=c.src;if("module"===c.type){var Ab=d.moduleScriptResources;var sd=e.preloads.moduleScripts}else Ab=d.scriptResources,sd=e.preloads.scripts;var Bb=Ab.hasOwnProperty(zb)?Ab[zb]:void 0;if(null!==
+Bb){Ab[zb]=null;var gc=c;if(Bb){2===Bb.length&&(gc=t({},c),zc(gc,Bb));var td=sd.get(zb);td&&(td.length=0)}var ud=[];e.scripts.add(ud);uc(ud,gc)}h&&a.push("\x3c!-- --\x3e");rd=null}return rd;case "style":var Cb=c.precedence,ra=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Cb||"string"!==typeof ra||""===ra){a.push(Q("style"));var Da=null,vd=null,Za;for(Za in c)if(A.call(c,Za)){var Db=c[Za];if(null!=Db)switch(Za){case "children":Da=Db;break;case "dangerouslySetInnerHTML":vd=
+Db;break;default:K(a,Za,Db)}}a.push(">");var $a=Array.isArray(Da)?2>Da.length?Da[0]:null:Da;"function"!==typeof $a&&"symbol"!==typeof $a&&null!==$a&&void 0!==$a&&a.push(B(""+$a));O(a,vd,Da);a.push(tc("style"));var wd=null}else{var sa=e.styles.get(Cb);if(null!==(d.styleResources.hasOwnProperty(ra)?d.styleResources[ra]:void 0)){d.styleResources[ra]=null;sa?sa.hrefs.push(B(ra)):(sa={precedence:B(Cb),rules:[],hrefs:[B(ra)],sheets:new Map},e.styles.set(Cb,sa));var xd=sa.rules,Ea=null,yd=null,Eb;for(Eb in c)if(A.call(c,
+Eb)){var hc=c[Eb];if(null!=hc)switch(Eb){case "children":Ea=hc;break;case "dangerouslySetInnerHTML":yd=hc}}var ab=Array.isArray(Ea)?2>Ea.length?Ea[0]:null:Ea;"function"!==typeof ab&&"symbol"!==typeof ab&&null!==ab&&void 0!==ab&&xd.push(B(""+ab));O(xd,yd,Ea)}sa&&f&&f.styles.add(sa);h&&a.push("\x3c!-- --\x3e");wd=void 0}return wd;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var zd=rc(a,c,"meta");else h&&a.push("\x3c!-- --\x3e"),zd=k?null:"string"===typeof c.charSet?rc(e.charsetChunks,
+c,"meta"):"viewport"===c.name?rc(e.viewportChunks,c,"meta"):rc(e.hoistableChunks,c,"meta");return zd;case "listing":case "pre":a.push(Q(b));var bb=null,cb=null,db;for(db in c)if(A.call(c,db)){var Fb=c[db];if(null!=Fb)switch(db){case "children":bb=Fb;break;case "dangerouslySetInnerHTML":cb=Fb;break;default:K(a,db,Fb)}}a.push(">");if(null!=cb){if(null!=bb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof cb||!("__html"in cb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");
+var ta=cb.__html;null!==ta&&void 0!==ta&&("string"===typeof ta&&0<ta.length&&"\n"===ta[0]?a.push("\n",ta):a.push(""+ta))}"string"===typeof bb&&"\n"===bb[0]&&a.push("\n");return bb;case "img":var N=c.src,H=c.srcSet;if(!("lazy"===c.loading||!N&&!H||"string"!==typeof N&&null!=N||"string"!==typeof H&&null!=H)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof N||":"!==N[4]||"d"!==N[0]&&"D"!==N[0]||"a"!==N[1]&&"A"!==N[1]||"t"!==N[2]&&"T"!==N[2]||"a"!==N[3]&&"A"!==N[3])&&("string"!==typeof H||
+":"!==H[4]||"d"!==H[0]&&"D"!==H[0]||"a"!==H[1]&&"A"!==H[1]||"t"!==H[2]&&"T"!==H[2]||"a"!==H[3]&&"A"!==H[3])){var Ad="string"===typeof c.sizes?c.sizes:void 0,Fa=H?H+"\n"+(Ad||""):N,ic=e.preloads.images,ua=ic.get(Fa);if(ua){if("high"===c.fetchPriority||10>e.highImagePreloads.size)ic.delete(Fa),e.highImagePreloads.add(ua)}else if(!d.imageResources.hasOwnProperty(Fa)){d.imageResources[Fa]=C;var jc=c.crossOrigin;var Bd="string"===typeof jc?"use-credentials"===jc?jc:"":void 0;var X=e.headers,kc;X&&0<X.remainingCapacity&&
+("high"===c.fetchPriority||500>X.highImagePreloads.length)&&(kc=Ac(N,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Bd,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(X.remainingCapacity-=kc.length))?(e.resets.image[Fa]=C,X.highImagePreloads&&(X.highImagePreloads+=", "),X.highImagePreloads+=kc):(ua=[],P(ua,{rel:"preload",as:"image",href:H?void 0:N,imageSrcSet:H,imageSizes:Ad,crossOrigin:Bd,integrity:c.integrity,type:c.type,
+fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(ua):(e.bulkPreloads.add(ua),ic.set(Fa,ua)))}}return rc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return rc(a,c,b);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":break;
+case "head":if(2>g.insertionMode&&null===e.headChunks){e.headChunks=[];var Cd=vc(e.headChunks,c,"head")}else Cd=vc(a,c,"head");return Cd;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[""];var Dd=vc(e.htmlChunks,c,"html")}else Dd=vc(a,c,"html");return Dd;default:if(-1!==b.indexOf("-")){a.push(Q(b));var lc=null,Ed=null,Ga;for(Ga in c)if(A.call(c,Ga)){var va=c[Ga];if(null!=va){var $e=Ga;switch(Ga){case "children":lc=va;break;case "dangerouslySetInnerHTML":Ed=va;break;case "style":Zb(a,
+va);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;default:pb(Ga)&&"function"!==typeof va&&"symbol"!==typeof va&&a.push(" ",$e,'="',B(va),'"')}}}a.push(">");O(a,Ed,lc);return lc}}return vc(a,c,b)}var Bc=new Map;function tc(a){var b=Bc.get(a);void 0===b&&(b="</"+a+">",Bc.set(a,b));return b}function Cc(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)a.push(b[c]);return c<b.length?(c=b[c],b.length=0,a.push(c)):!0}
+function Dc(a,b,c){a.push('\x3c!--$?--\x3e<template id="');if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");a.push(b.boundaryPrefix);b=c.toString(16);a.push(b);return a.push('"></template>')}
+function Ec(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return a.push('<div hidden id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 3:return a.push('<svg aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 4:return a.push('<math aria-hidden="true" style="display:none" id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 5:return a.push('<table hidden id="'),a.push(b.segmentPrefix),
 b=d.toString(16),a.push(b),a.push('">');case 6:return a.push('<table hidden><tbody id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 7:return a.push('<table hidden><tr id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');case 8:return a.push('<table hidden><colgroup id="'),a.push(b.segmentPrefix),b=d.toString(16),a.push(b),a.push('">');default:throw Error("Unknown insertion mode. This is a bug in React.");}}
-function Xb(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error("Unknown insertion mode. This is a bug in React.");}}var gc=/[<\u2028\u2029]/g;
-function hc(a){return JSON.stringify(a).replace(gc,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var ic=/[&><\u2028\u2029]/g;
-function jc(a){return JSON.stringify(a).replace(ic,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var kc=!1,lc=!0;
-function mc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);lc=this.push("</style>");kc=!0;b.length=0;c.length=0}}function nc(a){return 2!==a.state?kc=!0:!1}function oc(a,b,c){kc=!1;lc=!0;b.styles.forEach(mc,a);b.stylesheets.forEach(nc);kc&&(c.stylesToHoist=!0);return lc}
-function R(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var pc=[];function qc(a){O(pc,a.props);for(var b=0;b<pc.length;b++)this.push(pc[b]);pc.length=0;a.state=2}
-function rc(a){var b=0<a.sheets.size;a.sheets.forEach(qc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
-function sc(a){if(0===a.state){a.state=1;var b=a.props;O(pc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<pc.length;a++)this.push(pc[a]);pc.length=0}}function tc(a){a.sheets.forEach(sc,this);a.sheets.clear()}
-function uc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=jc(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=jc(""+d.props.href);a.push(g);e=""+e;a.push(",");e=jc(e);a.push(e);for(var h in f)if(x.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!za(h))break a;g=""+g}e.push(",");k=jc(k);e.push(k);e.push(",");g=
-jc(g);e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
-function vc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=y(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=y(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=y(JSON.stringify(e));a.push(e);for(var h in f)if(x.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!za(h))break a;g=""+g}e.push(",");k=y(JSON.stringify(k));e.push(k);
-e.push(",");g=y(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
-function Oa(a){var b=T?T:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(wc,xc)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],O(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}yc(b)}}}
-function Pa(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(wc,xc)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(zc,Ac);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],O(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}yc(c)}}}
-function Qa(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var l=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(l))return;e.imageResources[l]=B;e=f.headers;var n;e&&0<e.remainingCapacity&&"high"===k&&(n=Sb(a,b,c),2<=(e.remainingCapacity-=n.length))?(f.resets.image[l]=B,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=n):(e=[],O(e,u({rel:"preload",href:g?
-void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(l,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];O(g,u({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?B:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-O(g,u({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?B:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=B;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(l=Sb(a,b,c),2<=(e.remainingCapacity-=l.length)))f.resets.font[a]=B,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=l;else switch(e=[],
-a=u({rel:"preload",href:a,as:b},c),O(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}yc(d)}}}
-function gb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?B:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=B}O(f,u({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);yc(c)}}}
-function hb(a,b,c){var d=T?T:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:y(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:u({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&Jb(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),yc(d))}}}
-function ib(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=u({src:a,async:!0},b),f&&(2===f.length&&Jb(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Nb(a,b),yc(c))}}}
-function jb(a,b){var c=T?T:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=u({src:a,type:"module",async:!0},b),f&&(2===f.length&&Jb(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Nb(a,b),yc(c))}}}function Jb(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Sb(a,b,c){a=(""+a).replace(wc,xc);b=(""+b).replace(zc,Ac);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)x.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(zc,Ac)+'"'));return b}var wc=/[<>\r\n]/g;
-function xc(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var zc=/["';,\r\n]/g;
-function Ac(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Bc(a){this.styles.add(a)}function Cc(a){this.stylesheets.add(a)}
-function Dc(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(lb,mb),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,l=new Set,n=new Set,m=new Map,p=new Set,q=new Set,C=new Set,z={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var A=0;A<f.length;A++){var t=f[A],r,D=void 0,w=void 0,v={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
-typeof t?v.href=r=t:(v.href=r=t.src,v.integrity=w="string"===typeof t.integrity?t.integrity:void 0,v.crossOrigin=D="string"===typeof t||null==t.crossOrigin?void 0:"use-credentials"===t.crossOrigin?"use-credentials":"");t=a;var E=r;t.scriptResources[E]=null;t.moduleScriptResources[E]=null;t=[];O(t,v);p.add(t);d.push('<script src="',y(r));"string"===typeof w&&d.push('" integrity="',y(w));"string"===typeof D&&d.push('" crossorigin="',y(D));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)v=
-g[f],D=r=void 0,w={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof v?w.href=A=v:(w.href=A=v.src,w.integrity=D="string"===typeof v.integrity?v.integrity:void 0,w.crossOrigin=r="string"===typeof v||null==v.crossOrigin?void 0:"use-credentials"===v.crossOrigin?"use-credentials":""),v=a,t=A,v.scriptResources[t]=null,v.moduleScriptResources[t]=null,v=[],O(v,w),p.add(v),d.push('<script type="module" src="',y(A)),"string"===typeof D&&d.push('" integrity="',y(D)),"string"===typeof r&&
-d.push('" crossorigin="',y(r)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:[],preloadChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:l,highImagePreloads:n,styles:m,
-bootstrapScripts:p,scripts:q,bulkPreloads:C,preloads:z,boundaryResources:null,stylesToHoist:!1,generateStaticMarkup:b}}function Ec(a,b,c,d){if(c.generateStaticMarkup)return a.push(y(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(y(b)),a=!0);return a}
-var Fc=Symbol.for("react.element"),Gc=Symbol.for("react.portal"),Hc=Symbol.for("react.fragment"),Ic=Symbol.for("react.strict_mode"),Jc=Symbol.for("react.profiler"),Kc=Symbol.for("react.provider"),Lc=Symbol.for("react.context"),Mc=Symbol.for("react.server_context"),Nc=Symbol.for("react.forward_ref"),Oc=Symbol.for("react.suspense"),Pc=Symbol.for("react.suspense_list"),Qc=Symbol.for("react.memo"),Rc=Symbol.for("react.lazy"),Sc=Symbol.for("react.scope"),md=Symbol.for("react.debug_trace_mode"),nd=Symbol.for("react.offscreen"),
-od=Symbol.for("react.legacy_hidden"),pd=Symbol.for("react.cache"),qd=Symbol.for("react.default_value"),rd=Symbol.iterator,sd=Symbol.for("react.client.reference");
-function td(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===sd?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case Hc:return"Fragment";case Gc:return"Portal";case Jc:return"Profiler";case Ic:return"StrictMode";case Oc:return"Suspense";case Pc:return"SuspenseList";case pd:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case Lc:return(a.displayName||"Context")+".Consumer";case Kc:return(a._context.displayName||"Context")+".Provider";case Nc:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Qc:return b=a.displayName||null,null!==b?b:td(a.type)||"Memo";case Rc:b=a._payload;a=a._init;try{return td(a(b))}catch(c){}}return null}var ud;function vd(a){if(void 0===ud)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);ud=b&&b[1]||""}return"\n"+ud+a}var wd=!1;
-function xd(a,b){if(!a||wd)return"";wd=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var m=function(){throw Error();};Object.defineProperty(m.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(m,[])}catch(q){var p=q}Reflect.construct(a,[],m)}else{try{m.call()}catch(q){p=q}a.call(m.prototype)}}else{try{throw Error();}catch(q){p=q}(m=a())&&"function"===typeof m.catch&&
-m.catch(function(){})}}catch(q){if(q&&p&&"string"===typeof q.stack)return[q.stack,p.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),l=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<l.length&&!l[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===l.length)for(d=k.length-1,e=l.length-1;1<=d&&0<=e&&k[d]!==l[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==l[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==l[e]){var n="\n"+k[d].replace(" at new "," at ");a.displayName&&n.includes("<anonymous>")&&(n=n.replace("<anonymous>",a.displayName));return n}while(1<=d&&0<=e)}break}}}finally{wd=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?vd(c):""}
-var yd={};function zd(a,b){a=a.contextTypes;if(!a)return yd;var c={},d;for(d in a)c[d]=b[d];return c}var Ad=null;function Bd(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Bd(a,c)}b.context._currentValue2=b.value}}
-function Cd(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Cd(a)}function Dd(a){var b=a.parent;null!==b&&Dd(b);a.context._currentValue2=a.value}function Ed(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Bd(a,b):Ed(a,b)}
-function Fd(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Bd(a,c):Fd(a,c);b.context._currentValue2=b.value}function Gd(a){var b=Ad;b!==a&&(null===b?Dd(a):null===a?Cd(b):b.depth===a.depth?Bd(b,a):b.depth>a.depth?Ed(b,a):Fd(b,a),Ad=a)}
-var Hd={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Id(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Hd;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:u({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Hd.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=u({},f,h)):u(f,h))}a.state=f}else f.queue=null}
-var Jd={id:1,overflow:""};function Kd(a,b,c){var d=a.id;a=a.overflow;var e=32-Ld(d)-1;d&=~(1<<e);c+=1;var f=32-Ld(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Ld(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Ld=Math.clz32?Math.clz32:Md,Nd=Math.log,Od=Math.LN2;function Md(a){a>>>=0;return 0===a?32:31-(Nd(a)/Od|0)|0}var Pd=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Qd(){}function Rd(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Qd,Qd),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sd=b;throw Pd;}}var Sd=null;
-function Td(){if(null===Sd)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sd;Sd=null;return a}function Ud(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var Vd="function"===typeof Object.is?Object.is:Ud,Wd=null,Xd=null,Yd=null,Zd=null,$d=null,U=null,ae=!1,be=!1,ce=0,de=0,ee=-1,fe=0,ge=null,he=null,ie=0;
-function je(){if(null===Wd)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return Wd}
-function ke(){if(0<ie)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function le(){null===U?null===$d?(ae=!1,$d=U=ke()):(ae=!0,U=$d):null===U.next?(ae=!1,U=U.next=ke()):(ae=!0,U=U.next);return U}function me(a,b,c,d){for(;be;)be=!1,de=ce=0,ee=-1,fe=0,ie+=1,U=null,c=a(b,d);ne();return c}function oe(){var a=ge;ge=null;return a}function ne(){Zd=Yd=Xd=Wd=null;be=!1;$d=null;ie=0;U=he=null}
-function pe(a,b){return"function"===typeof b?b(a):b}function qe(a,b,c){Wd=je();U=le();if(ae){var d=U.queue;b=d.dispatch;if(null!==he&&(c=he.get(d),void 0!==c)){he.delete(d);d=U.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);U.memoizedState=d;return[d,b]}return[U.memoizedState,b]}a=a===pe?"function"===typeof b?b():b:void 0!==c?c(b):b;U.memoizedState=a;a=U.queue={last:null,dispatch:null};a=a.dispatch=re.bind(null,Wd,a);return[U.memoizedState,a]}
-function se(a,b){Wd=je();U=le();b=void 0===b?null:b;if(null!==U){var c=U.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!Vd(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();U.memoizedState=[a,b];return a}
-function re(a,b,c){if(25<=ie)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===Wd)if(be=!0,a={action:c,next:null},null===he&&(he=new Map),c=he.get(b),void 0===c)he.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function te(){throw Error("startTransition cannot be called during server rendering.");}function ue(){throw Error("Cannot update optimistic state while rendering.");}
-function ve(a){var b=fe;fe+=1;null===ge&&(ge=[]);return Rd(ge,a,b)}function we(){throw Error("Cache cannot be refreshed during server rendering.");}function xe(){}
-var ze={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return ve(a);if(a.$$typeof===Lc||a.$$typeof===Mc)return a._currentValue2}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){je();return a._currentValue2},useMemo:se,useReducer:qe,useRef:function(a){Wd=je();U=le();var b=U.memoizedState;return null===b?(a={current:a},U.memoizedState=a):b},useState:function(a){return qe(pe,a)},
-useInsertionEffect:xe,useLayoutEffect:xe,useCallback:function(a,b){return se(function(){return a},b)},useImperativeHandle:xe,useEffect:xe,useDebugValue:xe,useDeferredValue:function(a){je();return a},useTransition:function(){je();return[!1,te]},useId:function(){var a=Xd.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Ld(a)-1)).toString(32)+b;var c=ye;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=ce++;a=":"+c.idPrefix+"R"+a;0<b&&
-(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return we},useHostTransitionStatus:function(){je();return Ma},useOptimistic:function(a){je();return[a,ue]},useFormState:function(a,b,c){je();var d=de++,e=Yd;if("function"===typeof a.$$FORM_ACTION){var f=null,g=Zd;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;
-if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+ja(JSON.stringify([g,null,d]),0),k===f&&(ee=d,b=e[0]))}var l=a.bind(null,b);a=function(m){l(m)};"function"===typeof l.$$FORM_ACTION&&(a.$$FORM_ACTION=function(m){m=l.$$FORM_ACTION(m);void 0!==c&&(c+="",m.action=c);var p=m.data;p&&(null===f&&(f=void 0!==c?"p"+c:"k"+ja(JSON.stringify([g,null,d]),0)),p.append("$ACTION_KEY",f));return m});return[b,a]}var n=a.bind(null,b);return[b,function(m){n(m)}]}},ye=null,Ae=
-{getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},Be=La.ReactCurrentDispatcher,Ce=La.ReactCurrentCache;function De(a){console.error(a);return null}function Ee(){}
-function Fe(a,b,c,d,e,f,g,h,k,l,n,m){Na.current=kb;var p=[],q=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:p,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?De:f,onPostpone:void 0===n?Ee:n,onAllReady:void 0===g?
-Ee:g,onShellReady:void 0===h?Ee:h,onShellError:void 0===k?Ee:k,onFatalError:void 0===l?Ee:l,formState:void 0===m?null:m};c=Ie(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Je(b,null,a,-1,null,c,q,null,d,yd,null,Jd,null);p.push(a);return b}var T=null;function Ke(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Le(a))}
-function Me(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Je(a,b,c,d,e,f,g,h,k,l,n,m,p){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var q={replay:null,node:c,childIndex:d,ping:function(){return Ke(a,q)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:n,treeContext:m,componentStack:p,thenableState:b};g.add(q);return q}
-function Ne(a,b,c,d,e,f,g,h,k,l,n,m,p){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var q={replay:c,node:d,childIndex:e,ping:function(){return Ke(a,q)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:l,context:n,treeContext:m,componentStack:p,thenableState:b};g.add(q);return q}
-function Ie(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Oe(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Pe(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=vd(b.type,null,null);break;case 1:a+=xd(b.type,!1);break;case 2:a+=xd(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function W(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function Qe(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Re(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((td(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=u({},c,d)}b.legacyContext=e;X(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,X(a,b,null,f,-1),b.keyPath=e}
-function Se(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var l=0;l<f;l++)l===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Kd(c,1,0),Te(a,b,d,-1),b.treeContext=c):h?Te(a,b,d,-1):X(a,b,null,d,-1);b.keyPath=f}function Ue(a,b){if(a&&a.defaultProps){b=u({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function Ve(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=zd(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue2:g);Id(h,e,f,g);Re(a,b,c,h,e);b.componentStack=d}else{g=zd(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};Wd={};Xd=b;Yd=a;Zd=c;de=ce=0;ee=-1;fe=0;ge=d;d=e(f,g);d=me(e,f,d,g);var k=0!==
-ce,l=de,n=ee;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Id(d,e,f,g),Re(a,b,c,d,e)):Se(a,b,c,d,k,l,n);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Oe(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=pb(h,e,f),b.keyPath=c,Te(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Rb(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-l=b.keyPath;b.formatContext=pb(h,e,f);b.keyPath=c;Te(a,b,k,-1);b.formatContext=h;b.keyPath=l;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(Mb(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case od:case md:case Ic:case Jc:case Hc:e=b.keyPath;b.keyPath=c;X(a,b,null,f.children,-1);b.keyPath=e;return;case nd:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,X(a,b,null,f.children,-1),b.keyPath=e);return;case Pc:e=b.componentStack;b.componentStack=Oe(b,"SuspenseList");d=b.keyPath;b.keyPath=c;X(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case Sc:throw Error("ReactDOMServer does not yet support scope components.");case Oc:a:if(null!==b.replay){e=
-b.keyPath;b.keyPath=c;c=f.children;try{Te(a,b,c,-1)}finally{b.keyPath=e}}else{var m=b.componentStack;e=b.componentStack=Oe(b,"Suspense");var p=b.keyPath;d=b.blockedBoundary;var q=b.blockedSegment;g=f.fallback;var C=f.children;f=new Set;l=Me(a,f);null!==a.trackedPostpones&&(l.trackedContentKeyPath=c);n=Ie(a,q.chunks.length,l,b.formatContext,!1,!1);q.children.push(n);q.lastPushedText=!1;var z=Ie(a,0,null,b.formatContext,!1,!1);z.parentFlushed=!0;b.blockedBoundary=l;b.blockedSegment=z;a.renderState.boundaryResources=
-l.resources;b.keyPath=c;try{if(Te(a,b,C,-1),a.renderState.generateStaticMarkup||z.lastPushedText&&z.textEmbedded&&z.chunks.push("\x3c!-- --\x3e"),z.status=1,We(l,z),0===l.pendingTasks&&0===l.status){l.status=1;b.componentStack=m;break a}}catch(A){z.status=4,l.status=4,h=Pe(a,b.componentStack),k=W(a,A,h),l.errorDigest=k,Xe(a,l)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=q,b.keyPath=p,b.componentStack=m}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;
-null!==k&&(m=[h[1],h[2],[],null],k.workingMap.set(h,m),5===l.status?k.workingMap.get(c)[4]=m:l.trackedFallbackNode=m);b=Je(a,null,g,-1,d,n,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case Nc:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;Wd={};Xd=b;Yd=a;Zd=c;de=ce=0;ee=-1;fe=0;ge=d;d=e(f,g);f=me(e,f,d,g);Se(a,b,c,f,0!==ce,de,ee);b.componentStack=h;return;
-case Qc:e=e.type;f=Ue(e,f);Ve(a,b,c,d,e,f,g);return;case Kc:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue2;e._currentValue2=f;k=Ad;Ad=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;X(a,b,null,g,-1);a=Ad;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue2=c===qd?a.context._defaultValue:c;a=Ad=a.parent;b.context=a;b.keyPath=d;return;case Lc:f=f.children;
-f=f(e._currentValue2);e=b.keyPath;b.keyPath=c;X(a,b,null,f,-1);b.keyPath=e;return;case Rc:g=b.componentStack;b.componentStack=Oe(b,"Lazy");h=e._init;e=h(e._payload);f=Ue(e,f);Ve(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==e?e:typeof e)+"."));}}
-function Ye(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Ie(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,Te(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(We(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function X(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)Ye(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case Fc:var f=d.type,g=d.key,h=d.props,k=d.ref,l=td(f),n=null==g?-1===e?0:e:g;g=[b.keyPath,l,n];if(null!==b.replay)a:{var m=b.replay;e=m.nodes;for(d=0;d<e.length;d++){var p=e[d];if(n===p[1]){if(4===p.length){if(null!==l&&l!==p[0])throw Error("Expected the resume to render <"+p[0]+"> in this slot but instead it rendered <"+
-l+">. The tree doesn't match so React will fallback to client rendering.");var q=p[2];l=p[3];p=b.node;b.replay={nodes:q,slots:l,pendingTasks:1};try{Ve(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(v){if("object"===typeof v&&null!==v&&(v===Pd||"function"===typeof v.then))throw b.node===p&&(b.replay=m),
-v;b.replay.pendingTasks--;h=Pe(a,b.componentStack);g=a;a=b.blockedBoundary;c=v;h=W(g,c,h);Ze(g,a,q,l,c,h)}b.replay=m}else{if(f!==Oc)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(td(f)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{m=void 0;c=p[5];f=p[2];k=p[3];l=null===p[4]?[]:p[4][2];p=null===p[4]?null:p[4][3];n=b.componentStack;var C=b.componentStack=Oe(b,"Suspense"),z=b.keyPath,A=b.replay,t=b.blockedBoundary,
-r=h.children;h=h.fallback;var D=new Set,w=Me(a,D);w.parentFlushed=!0;w.rootSegmentID=c;b.blockedBoundary=w;b.replay={nodes:f,slots:k,pendingTasks:1};a.renderState.boundaryResources=w.resources;try{Te(a,b,r,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===w.pendingTasks&&0===w.status){w.status=1;a.completedBoundaries.push(w);
-break b}}catch(v){w.status=4,q=Pe(a,b.componentStack),m=W(a,v,q),w.errorDigest=m,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(w)}finally{a.renderState.boundaryResources=t?t.resources:null,b.blockedBoundary=t,b.replay=A,b.keyPath=z,b.componentStack=n}b=Ne(a,null,{nodes:l,slots:p,pendingTasks:0},h,-1,t,D,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,C);a.pingedTasks.push(b)}}e.splice(d,1);break a}}}else Ve(a,b,g,c,f,h,k);return;case Gc:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
-case Rc:h=b.componentStack;b.componentStack=Oe(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;X(a,b,null,d,e);return}if(Ka(d)){$e(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=rd&&d[rd]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];do g.push(d.value),d=h.next();while(!d.done);$e(a,b,g,e)}return}if("function"===typeof d.then)return X(a,b,null,ve(d),e);if(d.$$typeof===Lc||d.$$typeof===Mc)return X(a,b,null,d._currentValue2,e);e=Object.prototype.toString.call(d);
-throw Error("Objects are not valid as a React child (found: "+("[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ec(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ec(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function $e(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{$e(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(m){if("object"===typeof m&&
-null!==m&&(m===Pd||"function"===typeof m.then))throw m;b.replay.pendingTasks--;c=Pe(a,b.componentStack);var l=b.blockedBoundary,n=m;c=W(a,n,c);Ze(a,l,d,k,n,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)k=c[d],b.treeContext=Kd(f,g,d),l=h[d],"number"===typeof l?(Ye(a,b,l,k,d),delete h[d]):Te(a,b,k,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Kd(f,g,h),
-Te(a,b,d,h);b.treeContext=f;b.keyPath=e}function Xe(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function Te(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,l=b.componentStack,n=b.blockedSegment;if(null===n)try{return X(a,b,null,c,d)}catch(q){if(ne(),c=q===Pd?Td():q,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=oe();a=Ne(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=
-f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Gd(g);return}}else{var m=n.children.length,p=n.chunks.length;try{return X(a,b,null,c,d)}catch(q){if(ne(),n.children.length=m,n.chunks.length=p,c=q===Pd?Td():q,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=oe();n=b.blockedSegment;m=Ie(a,n.chunks.length,null,b.formatContext,n.lastPushedText,!0);n.children.push(m);n.lastPushedText=!1;a=Je(a,d,b.node,b.childIndex,b.blockedBoundary,m,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,
-b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=l;Gd(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Gd(g);throw c;}function af(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,bf(this,b,a))}
-function Ze(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)Ze(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,l=f,n=Me(k,new Set);n.parentFlushed=!0;n.rootSegmentID=h;n.status=4;n.errorDigest=l;n.parentFlushed&&k.clientRenderedBoundaries.push(n)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var m in d)delete d[m]}}
-function cf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){W(b,c,d);Qe(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=W(b,c,d),Ze(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&df(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Pe(b,a.componentStack),a=W(b,c,a),d.errorDigest=a,Xe(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return cf(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&ef(b)}
-function ff(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),l=k.next();0<e.remainingCapacity&&!l.done;l=k.next()){var n=l.value,m=n.props,p=m.href,q=n.props,C=Sb(q.href,"style",{crossOrigin:q.crossOrigin,integrity:q.integrity,
-nonce:q.nonce,type:q.type,fetchPriority:q.fetchPriority,referrerPolicy:q.referrerPolicy,media:q.media});if(2<=(e.remainingCapacity-=C.length))c.resets.style[p]=B,f&&(f+=", "),f+=C,c.resets.style[p]="string"===typeof m.crossOrigin||"string"===typeof m.integrity?[m.crossOrigin,m.integrity]:B;else break b}}f?d({Link:f}):d({})}}}catch(z){W(a,z,{})}}function df(a){null===a.trackedPostpones&&ff(a,!0);a.onShellError=Ee;a=a.onShellReady;a()}
-function ef(a){ff(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function We(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&We(a,c)}else a.completedSegments.push(b)}
-function bf(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&df(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&We(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(af,a),b.fallbackAbortableTasks.clear())):
-null!==c&&c.parentFlushed&&1===c.status&&(We(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&ef(a)}
-function Le(a){if(2!==a.status){var b=Ad,c=Be.current;Be.current=ze;var d=Ce.current;Ce.current=Ae;var e=T;T=a;var f=ye;ye=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],l=a,n=k.blockedBoundary;l.renderState.boundaryResources=n?n.resources:null;var m=k.blockedSegment;if(null===m){var p=l;if(0!==k.replay.pendingTasks){Gd(k.context);try{var q=k.thenableState;k.thenableState=null;X(p,k,q,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
-k.replay.pendingTasks--;k.abortSet.delete(k);bf(p,k.blockedBoundary,null)}catch(H){ne();var C=H===Pd?Td():H;if("object"===typeof C&&null!==C&&"function"===typeof C.then){var z=k.ping;C.then(z,z);k.thenableState=oe()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var A=Pe(p,k.componentStack);l=void 0;var t=p,r=k.blockedBoundary,D=C,w=k.replay.nodes,v=k.replay.slots;l=W(t,D,A);Ze(t,r,w,v,D,l);p.pendingRootTasks--;0===p.pendingRootTasks&&df(p);p.allPendingTasks--;0===p.allPendingTasks&&ef(p)}}finally{p.renderState.boundaryResources=
-null}}}else if(p=void 0,t=m,0===t.status){Gd(k.context);var E=t.children.length,Q=t.chunks.length;try{var F=k.thenableState;k.thenableState=null;X(l,k,F,k.node,k.childIndex);l.renderState.generateStaticMarkup||t.lastPushedText&&t.textEmbedded&&t.chunks.push("\x3c!-- --\x3e");k.abortSet.delete(k);t.status=1;bf(l,k.blockedBoundary,t)}catch(H){ne();t.children.length=E;t.chunks.length=Q;var V=H===Pd?Td():H;if("object"===typeof V&&null!==V&&"function"===typeof V.then){var ma=k.ping;V.then(ma,ma);k.thenableState=
-oe()}else{var fa=Pe(l,k.componentStack);k.abortSet.delete(k);t.status=4;var L=k.blockedBoundary;p=W(l,V,fa);null===L?Qe(l,V):(L.pendingTasks--,4!==L.status&&(L.status=4,L.errorDigest=p,Xe(l,L),L.parentFlushed&&l.clientRenderedBoundaries.push(L)));l.allPendingTasks--;0===l.allPendingTasks&&ef(l)}}finally{l.renderState.boundaryResources=null}}}g.splice(0,h);null!==a.destination&&gf(a,a.destination)}catch(H){W(a,H,{}),Qe(a,H)}finally{ye=f,Be.current=c,Ce.current=d,c===ze&&Gd(b),T=e}}}
-function hf(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;b.push('<template id="');b.push(a.placeholderPrefix);a=d.toString(16);b.push(a);return b.push('"></template>');case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)b.push(d[f]);e=jf(a,b,e)}for(;f<d.length-1;f++)b.push(d[f]);f<d.length&&(e=b.push(d[f]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
+function Fc(a,b){switch(b.insertionMode){case 0:case 1:case 2:return a.push("</div>");case 3:return a.push("</svg>");case 4:return a.push("</math>");case 5:return a.push("</table>");case 6:return a.push("</tbody></table>");case 7:return a.push("</tr></table>");case 8:return a.push("</colgroup></table>");default:throw Error("Unknown insertion mode. This is a bug in React.");}}var Gc=/[<\u2028\u2029]/g;
+function Hc(a){return JSON.stringify(a).replace(Gc,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Ic=/[&><\u2028\u2029]/g;
+function Jc(a){return JSON.stringify(a).replace(Ic,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Kc=!1,Lc=!0;
+function Mc(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){this.push('<style media="not all" data-precedence="');this.push(a.precedence);for(this.push('" data-href="');d<c.length-1;d++)this.push(c[d]),this.push(" ");this.push(c[d]);this.push('">');for(d=0;d<b.length;d++)this.push(b[d]);Lc=this.push("</style>");Kc=!0;b.length=0;c.length=0}}function Nc(a){return 2!==a.state?Kc=!0:!1}function Oc(a,b,c){Kc=!1;Lc=!0;b.styles.forEach(Mc,a);b.stylesheets.forEach(Nc);Kc&&(c.stylesToHoist=!0);return Lc}
+function R(a){for(var b=0;b<a.length;b++)this.push(a[b]);a.length=0}var Pc=[];function Qc(a){P(Pc,a.props);for(var b=0;b<Pc.length;b++)this.push(Pc[b]);Pc.length=0;a.state=2}
+function Rc(a){var b=0<a.sheets.size;a.sheets.forEach(Qc,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){this.push('<style data-precedence="');this.push(a.precedence);a=0;if(d.length){for(this.push('" data-href="');a<d.length-1;a++)this.push(d[a]),this.push(" ");this.push(d[a])}this.push('">');for(a=0;a<c.length;a++)this.push(c[a]);this.push("</style>");c.length=0;d.length=0}}
+function Sc(a){if(0===a.state){a.state=1;var b=a.props;P(Pc,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Pc.length;a++)this.push(Pc[a]);Pc.length=0}}function Tc(a){a.sheets.forEach(Sc,this);a.sheets.clear()}
+function Uc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=Jc(""+d.props.href),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=Jc(""+d.props.href);a.push(g);e=""+e;a.push(",");e=Jc(e);a.push(e);for(var h in f)if(A.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!pb(h))break a;g=""+g}e.push(",");k=Jc(k);e.push(k);e.push(",");
+g=Jc(g);e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}
+function Vc(a,b){a.push("[");var c="[";b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)a.push(c),d=B(JSON.stringify(""+d.props.href)),a.push(d),a.push("]"),c=",[";else{a.push(c);var e=d.props["data-precedence"],f=d.props,g=B(JSON.stringify(""+d.props.href));a.push(g);e=""+e;a.push(",");e=B(JSON.stringify(e));a.push(e);for(var h in f)if(A.call(f,h)&&(g=f[h],null!=g))switch(h){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var k=h.toLowerCase();switch(typeof g){case "function":case "symbol":break a}switch(h){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":k="class";g=""+g;break;case "hidden":if(!1===g)break a;g="";break;case "src":case "href":g=""+g;break;default:if(2<h.length&&("o"===h[0]||"O"===h[0])&&("n"===h[1]||"N"===h[1])||!pb(h))break a;g=""+g}e.push(",");k=B(JSON.stringify(k));
+e.push(k);e.push(",");g=B(JSON.stringify(g));e.push(g)}}a.push("]");c=",[";d.state=3}});a.push("]")}function Wc(){return{styles:new Set,stylesheets:new Set}}
+function Lb(a){var b=S?S:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Xc,Yc)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],P(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Zc(b)}}}
+function Mb(a,b){var c=S?S:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Xc,Yc)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace($c,ad);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],P(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Zc(c)}}}
+function Nb(a,b,c){var d=S?S:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=C;e=f.headers;var n;e&&0<e.remainingCapacity&&"high"===k&&(n=Ac(a,b,c),2<=(e.remainingCapacity-=n.length))?(f.resets.image[m]=C,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=n):(e=[],P(e,t({rel:"preload",href:g?
+void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];P(g,t({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?C:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+P(g,t({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?C:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=C;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=Ac(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=C,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
+a=t({rel:"preload",href:a,as:b},c),P(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Zc(d)}}}
+function Ob(a,b){var c=S?S:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?C:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=C}P(f,t({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Zc(c)}}}
+function Pb(a,b,c){var d=S?S:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:B(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:t({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&zc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Zc(d))}}}
+function Qb(a,b){var c=S?S:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=t({src:a,async:!0},b),f&&(2===f.length&&zc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),uc(a,b),Zc(c))}}}
+function Rb(a,b){var c=S?S:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=t({src:a,type:"module",async:!0},b),f&&(2===f.length&&zc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),uc(a,b),Zc(c))}}}function zc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function Ac(a,b,c){a=(""+a).replace(Xc,Yc);b=(""+b).replace($c,ad);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)A.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace($c,ad)+'"'));return b}var Xc=/[<>\r\n]/g;
+function Yc(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var $c=/["';,\r\n]/g;
+function ad(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function bd(a){this.styles.add(a)}function cd(a){this.stylesheets.add(a)}
+function dd(a,b){var c=a.idPrefix,d=[],e=a.bootstrapScriptContent,f=a.bootstrapScripts,g=a.bootstrapModules;void 0!==e&&d.push("<script>",(""+e).replace(Tb,Ub),"\x3c/script>");e=c+"P:";var h=c+"S:";c+="B:";var k=new Set,m=new Set,n=new Set,l=new Map,u=new Set,q=new Set,z=new Set,v={images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map};if(void 0!==f)for(var y=0;y<f.length;y++){var x=f[y],p,D=void 0,E=void 0,r={rel:"preload",as:"script",fetchPriority:"low",nonce:void 0};"string"===
+typeof x?r.href=p=x:(r.href=p=x.src,r.integrity=E="string"===typeof x.integrity?x.integrity:void 0,r.crossOrigin=D="string"===typeof x||null==x.crossOrigin?void 0:"use-credentials"===x.crossOrigin?"use-credentials":"");x=a;var w=p;x.scriptResources[w]=null;x.moduleScriptResources[w]=null;x=[];P(x,r);u.add(x);d.push('<script src="',B(p));"string"===typeof E&&d.push('" integrity="',B(E));"string"===typeof D&&d.push('" crossorigin="',B(D));d.push('" async="">\x3c/script>')}if(void 0!==g)for(f=0;f<g.length;f++)r=
+g[f],D=p=void 0,E={rel:"modulepreload",fetchPriority:"low",nonce:void 0},"string"===typeof r?E.href=y=r:(E.href=y=r.src,E.integrity=D="string"===typeof r.integrity?r.integrity:void 0,E.crossOrigin=p="string"===typeof r||null==r.crossOrigin?void 0:"use-credentials"===r.crossOrigin?"use-credentials":""),r=a,x=y,r.scriptResources[x]=null,r.moduleScriptResources[x]=null,r=[],P(r,E),u.add(r),d.push('<script type="module" src="',B(y)),"string"===typeof D&&d.push('" integrity="',B(D)),"string"===typeof p&&
+d.push('" crossorigin="',B(p)),d.push('" async="">\x3c/script>');return{placeholderPrefix:e,segmentPrefix:h,boundaryPrefix:c,startInlineScript:"<script>",htmlChunks:null,headChunks:null,externalRuntimeScript:null,bootstrapChunks:d,importMapChunks:[],onHeaders:void 0,headers:null,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:k,fontPreloads:m,highImagePreloads:n,styles:l,bootstrapScripts:u,
+scripts:q,bulkPreloads:z,preloads:v,stylesToHoist:!1,generateStaticMarkup:b}}function ed(a,b,c,d){if(c.generateStaticMarkup)return a.push(B(b)),!1;""===b?a=d:(d&&a.push("\x3c!-- --\x3e"),a.push(B(b)),a=!0);return a}var fd=Symbol.for("react.client.reference");
+function gd(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===fd?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case wa:return"Fragment";case ma:return"Portal";case ya:return"Profiler";case xa:return"StrictMode";case Ja:return"Suspense";case Ka:return"SuspenseList";case ib:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case za:return(a._context.displayName||"Context")+".Provider";case Ha:return(a.displayName||"Context")+".Consumer";case Ia:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case La:return b=a.displayName||null,null!==b?b:gd(a.type)||"Memo";case Ya:b=a._payload;a=a._init;try{return gd(a(b))}catch(c){}}return null}var hd={};function Fd(a,b){a=a.contextTypes;if(!a)return hd;var c={},d;for(d in a)c[d]=b[d];return c}var Gd=null;
+function Hd(a,b){if(a!==b){a.context._currentValue2=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Hd(a,c)}b.context._currentValue2=b.value}}function Id(a){a.context._currentValue2=a.parentValue;a=a.parent;null!==a&&Id(a)}
+function Jd(a){var b=a.parent;null!==b&&Jd(b);a.context._currentValue2=a.value}function Kd(a,b){a.context._currentValue2=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Hd(a,b):Kd(a,b)}
+function Ld(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Hd(a,c):Ld(a,c);b.context._currentValue2=b.value}function Md(a){var b=Gd;b!==a&&(null===b?Jd(a):null===a?Id(b):b.depth===a.depth?Hd(b,a):b.depth>a.depth?Kd(b,a):Ld(b,a),Gd=a)}
+var Nd={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Od(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Nd;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue2:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:t({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Nd.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=t({},f,h)):t(f,h))}a.state=f}else f.queue=null}
+var Pd={id:1,overflow:""};function Qd(a,b,c){var d=a.id;a=a.overflow;var e=32-Rd(d)-1;d&=~(1<<e);c+=1;var f=32-Rd(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Rd(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Rd=Math.clz32?Math.clz32:Sd,Td=Math.log,Ud=Math.LN2;function Sd(a){a>>>=0;return 0===a?32:31-(Td(a)/Ud|0)|0}var Vd=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Wd(){}function Xd(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Wd,Wd),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Yd=b;throw Vd;}}var Yd=null;
+function Zd(){if(null===Yd)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Yd;Yd=null;return a}function $d(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var ae="function"===typeof Object.is?Object.is:$d,be=null,ce=null,de=null,ee=null,fe=null,T=null,ge=!1,he=!1,ie=0,je=0,ke=-1,le=0,me=null,ne=null,oe=0;
+function pe(){if(null===be)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return be}
+function qe(){if(0<oe)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function re(){null===T?null===fe?(ge=!1,fe=T=qe()):(ge=!0,T=fe):null===T.next?(ge=!1,T=T.next=qe()):(ge=!0,T=T.next);return T}function se(){var a=me;me=null;return a}function te(){ee=de=ce=be=null;he=!1;fe=null;oe=0;T=ne=null}function ue(a,b){return"function"===typeof b?b(a):b}
+function ve(a,b,c){be=pe();T=re();if(ge){var d=T.queue;b=d.dispatch;if(null!==ne&&(c=ne.get(d),void 0!==c)){ne.delete(d);d=T.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);T.memoizedState=d;return[d,b]}return[T.memoizedState,b]}a=a===ue?"function"===typeof b?b():b:void 0!==c?c(b):b;T.memoizedState=a;a=T.queue={last:null,dispatch:null};a=a.dispatch=we.bind(null,be,a);return[T.memoizedState,a]}
+function xe(a,b){be=pe();T=re();b=void 0===b?null:b;if(null!==T){var c=T.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!ae(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();T.memoizedState=[a,b];return a}
+function we(a,b,c){if(25<=oe)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===be)if(he=!0,a={action:c,next:null},null===ne&&(ne=new Map),c=ne.get(b),void 0===c)ne.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function ye(){throw Error("startTransition cannot be called during server rendering.");}function ze(){throw Error("Cannot update optimistic state while rendering.");}
+function Ae(a){var b=le;le+=1;null===me&&(me=[]);return Xd(me,a,b)}function Be(){throw Error("Cache cannot be refreshed during server rendering.");}function Ce(){}
+var Ee={readContext:function(a){return a._currentValue2},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Ae(a);if(a.$$typeof===Ha)return a._currentValue2}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){pe();return a._currentValue2},useMemo:xe,useReducer:ve,useRef:function(a){be=pe();T=re();var b=T.memoizedState;return null===b?(a={current:a},T.memoizedState=a):b},useState:function(a){return ve(ue,a)},useInsertionEffect:Ce,
+useLayoutEffect:Ce,useCallback:function(a,b){return xe(function(){return a},b)},useImperativeHandle:Ce,useEffect:Ce,useDebugValue:Ce,useDeferredValue:function(a){pe();return a},useTransition:function(){pe();return[!1,ye]},useId:function(){var a=ce.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Rd(a)-1)).toString(32)+b;var c=De;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=ie++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));
+return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Be},useHostTransitionStatus:function(){pe();return Jb},useOptimistic:function(a){pe();return[a,ze]},useFormState:function(a,b,c){pe();var d=je++,e=de;if("function"===typeof a.$$FORM_ACTION){var f=null,g=ee;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===
+typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+lb(JSON.stringify([g,null,d]),0),k===f&&(ke=d,b=e[0]))}var m=a.bind(null,b);a=function(l){m(l)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(l){l=m.$$FORM_ACTION(l);void 0!==c&&(c+="",l.action=c);var u=l.data;u&&(null===f&&(f=void 0!==c?"p"+c:"k"+lb(JSON.stringify([g,null,d]),0)),u.append("$ACTION_KEY",f));return l});return[b,a]}var n=a.bind(null,b);return[b,function(l){n(l)}]}},De=null,Fe={getCacheSignal:function(){throw Error("Not implemented.");
+},getCacheForType:function(){throw Error("Not implemented.");}},Ge;function He(a){if(void 0===Ge)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Ge=b&&b[1]||""}return"\n"+Ge+a}var Ie=!1;
+function Je(a,b){if(!a||Ie)return"";Ie=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var l=function(){throw Error();};Object.defineProperty(l.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(l,[])}catch(q){var u=q}Reflect.construct(a,[],l)}else{try{l.call()}catch(q){u=q}a.call(l.prototype)}}else{try{throw Error();}catch(q){u=q}(l=a())&&"function"===typeof l.catch&&
+l.catch(function(){})}}catch(q){if(q&&u&&"string"===typeof q.stack)return[q.stack,u.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var n="\n"+k[d].replace(" at new "," at ");a.displayName&&n.includes("<anonymous>")&&(n=n.replace("<anonymous>",a.displayName));return n}while(1<=d&&0<=e)}break}}}finally{Ie=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?He(c):""}
+var Ke=Ib.ReactCurrentDispatcher,Le=Ib.ReactCurrentCache;function Me(a){console.error(a);return null}function Ne(){}
+function Oe(a,b,c,d,e,f,g,h,k,m,n,l){Kb.current=Sb;var u=[],q=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:u,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Me:f,onPostpone:void 0===n?Ne:n,onAllReady:void 0===g?
+Ne:g,onShellReady:void 0===h?Ne:h,onShellError:void 0===k?Ne:k,onFatalError:void 0===m?Ne:m,formState:void 0===l?null:l};c=Pe(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Qe(b,null,a,-1,null,c,null,q,null,d,hd,null,Pd,null,!1);u.push(a);return b}var S=null;function Re(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Se(a))}
+function Te(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:Wc(),fallbackState:Wc(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function Qe(a,b,c,d,e,f,g,h,k,m,n,l,u,q,z){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var v={replay:null,node:c,childIndex:d,ping:function(){return Re(a,v)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:u,componentStack:q,thenableState:b,isFallback:z};h.add(v);return v}
+function Ue(a,b,c,d,e,f,g,h,k,m,n,l,u,q,z){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var v={replay:c,node:d,childIndex:e,ping:function(){return Re(a,v)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:k,formatContext:m,legacyContext:n,context:l,treeContext:u,componentStack:q,thenableState:b,isFallback:z};h.add(v);return v}
+function Pe(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Ve(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function We(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=He(b.type,null);break;case 1:a+=Je(b.type,!1);break;case 2:a+=Je(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function V(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function Xe(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function af(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;be={};ce=b;de=a;ee=c;je=ie=0;ke=-1;le=0;me=g;for(a=d(e,f);he;)he=!1,je=ie=0,ke=-1,le=0,oe+=1,T=null,a=d(e,f);te();return a}
+function bf(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((gd(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=t({},c,d)}b.legacyContext=e;W(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,W(a,b,f,-1),b.keyPath=e}
+function cf(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push("\x3c!--F!--\x3e"):k.push("\x3c!--F--\x3e")}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Qd(c,1,0),Y(a,b,d,-1),b.treeContext=c):h?Y(a,b,d,-1):W(a,b,d,-1);b.keyPath=f}function df(a,b){if(a&&a.defaultProps){b=t({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function ef(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Fd(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue2:g);Od(h,d,e,g);bf(a,b,c,h,d);b.componentStack=f}else{f=Fd(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=af(a,b,c,d,e,f);var k=0!==ie,m=je,n=ke;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Od(h,d,e,f),bf(a,b,c,h,d)):cf(a,b,c,h,k,m,n);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=Ve(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,k=b.keyPath,b.formatContext=Xb(h,d,e),b.keyPath=c,Y(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=yc(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;m=b.keyPath;b.formatContext=
+Xb(h,d,e);b.keyPath=c;Y(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(tc(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case hb:case fb:case xa:case ya:case wa:d=b.keyPath;b.keyPath=c;W(a,b,e.children,-1);b.keyPath=d;return;case gb:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,W(a,b,e.children,-1),b.keyPath=d);return;case Ka:d=b.componentStack;b.componentStack=Ve(b,"SuspenseList");f=b.keyPath;b.keyPath=c;W(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case eb:throw Error("ReactDOMServer does not yet support scope components.");case Ja:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;
+try{Y(a,b,c,-1)}finally{b.keyPath=d}}else{var l=b.componentStack;d=b.componentStack=Ve(b,"Suspense");var u=b.keyPath;f=b.blockedBoundary;var q=b.hoistableState,z=b.blockedSegment;g=e.fallback;var v=e.children;e=new Set;h=Te(a,e);null!==a.trackedPostpones&&(h.trackedContentKeyPath=c);k=Pe(a,z.chunks.length,h,b.formatContext,!1,!1);z.children.push(k);z.lastPushedText=!1;var y=Pe(a,0,null,b.formatContext,!1,!1);y.parentFlushed=!0;b.blockedBoundary=h;b.hoistableState=h.contentState;b.blockedSegment=y;
+b.keyPath=c;try{if(Y(a,b,v,-1),a.renderState.generateStaticMarkup||y.lastPushedText&&y.textEmbedded&&y.chunks.push("\x3c!-- --\x3e"),y.status=1,ff(h,y),0===h.pendingTasks&&0===h.status){h.status=1;b.componentStack=l;break a}}catch(x){y.status=4,h.status=4,m=We(a,b.componentStack),n=V(a,x,m),h.errorDigest=n,gf(a,h)}finally{b.blockedBoundary=f,b.hoistableState=q,b.blockedSegment=z,b.keyPath=u,b.componentStack=l}m=[c[0],"Suspense Fallback",c[2]];n=a.trackedPostpones;null!==n&&(l=[m[1],m[2],[],null],
+n.workingMap.set(m,l),5===h.status?n.workingMap.get(c)[4]=l:h.trackedFallbackNode=l);b=Qe(a,null,g,-1,f,k,h.fallbackState,e,m,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case Ia:g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};e=af(a,b,c,d.render,e,f);cf(a,b,c,e,0!==ie,je,ke);b.componentStack=g;return;case La:d=d.type;e=df(d,e);ef(a,b,c,d,e,f);return;case za:g=e.children;
+f=b.keyPath;d=d._context;e=e.value;h=d._currentValue2;d._currentValue2=e;k=Gd;Gd=e={parent:k,depth:null===k?0:k.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;W(a,b,g,-1);a=Gd;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");a.context._currentValue2=a.parentValue;a=Gd=a.parent;b.context=a;b.keyPath=f;return;case Ha:e=e.children;e=e(d._currentValue2);d=b.keyPath;b.keyPath=c;W(a,b,e,-1);b.keyPath=d;return;case Aa:case Ya:f=b.componentStack;
+b.componentStack=Ve(b,"Lazy");g=d._init;d=g(d._payload);e=df(d,e);ef(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==d?d:typeof d)+"."));}}
+function hf(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Pe(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,Y(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(ff(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function W(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)hf(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case la:var e=c.type,f=c.key,g=c.props;var h=c.ref;var k=gd(e),m=null==f?-1===d?0:d:f;f=[b.keyPath,k,m];if(null!==b.replay)a:{var n=b.replay;d=n.nodes;for(c=0;c<d.length;c++){var l=d[c];if(m===l[1]){if(4===l.length){if(null!==k&&k!==l[0])throw Error("Expected the resume to render <"+l[0]+"> in this slot but instead it rendered <"+
+k+">. The tree doesn't match so React will fallback to client rendering.");var u=l[2];k=l[3];m=b.node;b.replay={nodes:u,slots:k,pendingTasks:1};try{ef(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(w){if("object"===typeof w&&null!==w&&(w===Vd||"function"===typeof w.then))throw b.node===m&&(b.replay=n),w;
+b.replay.pendingTasks--;g=We(a,b.componentStack);f=a;a=b.blockedBoundary;e=w;g=V(f,e,g);jf(f,a,u,k,e,g)}b.replay=n}else{if(e!==Ja)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(gd(e)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{n=void 0;e=l[5];h=l[2];k=l[3];m=null===l[4]?[]:l[4][2];l=null===l[4]?null:l[4][3];var q=b.componentStack,z=b.componentStack=Ve(b,"Suspense"),v=b.keyPath,y=b.replay,x=b.blockedBoundary,
+p=b.hoistableState,D=g.children;g=g.fallback;var E=new Set,r=Te(a,E);r.parentFlushed=!0;r.rootSegmentID=e;b.blockedBoundary=r;b.hoistableState=r.contentState;b.replay={nodes:h,slots:k,pendingTasks:1};try{Y(a,b,D,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===r.pendingTasks&&0===r.status){r.status=1;a.completedBoundaries.push(r);
+break b}}catch(w){r.status=4,u=We(a,b.componentStack),n=V(a,w,u),r.errorDigest=n,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(r)}finally{b.blockedBoundary=x,b.hoistableState=p,b.replay=y,b.keyPath=v,b.componentStack=q}b=Ue(a,null,{nodes:m,slots:l,pendingTasks:0},g,-1,x,r.fallbackState,E,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,z,!0);a.pingedTasks.push(b)}}d.splice(c,1);break a}}}else ef(a,b,f,e,g,h);return;case ma:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
+case Ya:g=b.componentStack;b.componentStack=Ve(b,"Lazy");f=c._init;c=f(c._payload);b.componentStack=g;W(a,b,c,d);return}if(kb(c)){kf(a,b,c,d);return}null===c||"object"!==typeof c?g=null:(g=jb&&c[jb]||c["@@iterator"],g="function"===typeof g?g:null);if(g&&(g=g.call(c))){c=g.next();if(!c.done){f=[];do f.push(c.value),c=g.next();while(!c.done);kf(a,b,f,d)}return}if("function"===typeof c.then)return b.thenableState=null,W(a,b,Ae(c),d);if(c.$$typeof===Ha)return W(a,b,c._currentValue2,d);d=Object.prototype.toString.call(c);
+throw Error("Objects are not valid as a React child (found: "+("[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=ed(d.chunks,c,a.renderState,d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=ed(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function kf(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{kf(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(l){if("object"===typeof l&&
+null!==l&&(l===Vd||"function"===typeof l.then))throw l;b.replay.pendingTasks--;c=We(a,b.componentStack);var m=b.blockedBoundary,n=l;c=V(a,n,c);jf(a,m,d,k,n,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)k=c[d],b.treeContext=Qd(f,g,d),m=h[d],"number"===typeof m?(hf(a,b,m,k,d),delete h[d]):Y(a,b,k,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Qd(f,g,h),
+Y(a,b,d,h);b.treeContext=f;b.keyPath=e}function gf(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function Y(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,n=b.blockedSegment;if(null===n)try{return W(a,b,c,d)}catch(q){if(te(),c=q===Vd?Zd():q,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=se();a=Ue(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Md(g);return}}else{var l=n.children.length,u=n.chunks.length;try{return W(a,b,c,d)}catch(q){if(te(),n.children.length=l,n.chunks.length=u,c=q===Vd?Zd():q,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=se();n=b.blockedSegment;l=Pe(a,n.chunks.length,null,b.formatContext,n.lastPushedText,!0);n.children.push(l);n.lastPushedText=!1;a=Qe(a,d,b.node,b.childIndex,b.blockedBoundary,l,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Md(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Md(g);throw c;}function lf(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,mf(this,b,a))}
+function jf(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)jf(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,n=Te(k,new Set);n.parentFlushed=!0;n.rootSegmentID=h;n.status=4;n.errorDigest=m;n.parentFlushed&&k.clientRenderedBoundaries.push(n)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var l in d)delete d[l]}}
+function nf(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){V(b,c,d);Xe(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=V(b,c,d),jf(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&of(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=We(b,a.componentStack),a=V(b,c,a),d.errorDigest=a,gf(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return nf(f,
+b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&pf(b)}
+function qf(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var n=m.value,l=n.props,u=l.href,q=n.props,z=Ac(q.href,"style",{crossOrigin:q.crossOrigin,integrity:q.integrity,
+nonce:q.nonce,type:q.type,fetchPriority:q.fetchPriority,referrerPolicy:q.referrerPolicy,media:q.media});if(2<=(e.remainingCapacity-=z.length))c.resets.style[u]=C,f&&(f+=", "),f+=z,c.resets.style[u]="string"===typeof l.crossOrigin||"string"===typeof l.integrity?[l.crossOrigin,l.integrity]:C;else break b}}f?d({Link:f}):d({})}}}catch(v){V(a,v,{})}}function of(a){null===a.trackedPostpones&&qf(a,!0);a.onShellError=Ne;a=a.onShellReady;a()}
+function pf(a){qf(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function ff(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&ff(a,c)}else a.completedSegments.push(b)}
+function mf(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&of(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&ff(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(lf,a),b.fallbackAbortableTasks.clear())):
+null!==c&&c.parentFlushed&&1===c.status&&(ff(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&pf(a)}
+function Se(a){if(2!==a.status){var b=Gd,c=Ke.current;Ke.current=Ee;var d=Le.current;Le.current=Fe;var e=S;S=a;var f=De;De=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,n=k.blockedSegment;if(null===n){var l=m;if(0!==k.replay.pendingTasks){Md(k.context);try{W(l,k,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
+k.replay.pendingTasks--;k.abortSet.delete(k);mf(l,k.blockedBoundary,null)}catch(G){te();var u=G===Vd?Zd():G;if("object"===typeof u&&null!==u&&"function"===typeof u.then){var q=k.ping;u.then(q,q);k.thenableState=se()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var z=We(l,k.componentStack);m=void 0;var v=l,y=k.blockedBoundary,x=u,p=k.replay.nodes,D=k.replay.slots;m=V(v,x,z);jf(v,y,p,D,x,m);l.pendingRootTasks--;0===l.pendingRootTasks&&of(l);l.allPendingTasks--;0===l.allPendingTasks&&pf(l)}}finally{}}}else if(l=
+void 0,v=n,0===v.status){Md(k.context);var E=v.children.length,r=v.chunks.length;try{W(m,k,k.node,k.childIndex),m.renderState.generateStaticMarkup||v.lastPushedText&&v.textEmbedded&&v.chunks.push("\x3c!-- --\x3e"),k.abortSet.delete(k),v.status=1,mf(m,k.blockedBoundary,v)}catch(G){te();v.children.length=E;v.chunks.length=r;var w=G===Vd?Zd():G;if("object"===typeof w&&null!==w&&"function"===typeof w.then){var F=k.ping;w.then(F,F);k.thenableState=se()}else{var U=We(m,k.componentStack);k.abortSet.delete(k);
+v.status=4;var L=k.blockedBoundary;l=V(m,w,U);null===L?Xe(m,w):(L.pendingTasks--,4!==L.status&&(L.status=4,L.errorDigest=l,gf(m,L),L.parentFlushed&&m.clientRenderedBoundaries.push(L)));m.allPendingTasks--;0===m.allPendingTasks&&pf(m)}}finally{}}}g.splice(0,h);null!==a.destination&&rf(a,a.destination)}catch(G){V(a,G,{}),Xe(a,G)}finally{De=f,Ke.current=c,Le.current=d,c===Ee&&Md(b),S=e}}}
+function sf(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,b.push('<template id="'),b.push(a.placeholderPrefix),a=d.toString(16),b.push(a),b.push('"></template>');case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)b.push(f[g]);e=tf(a,b,e,d)}for(;g<f.length-1;g++)b.push(f[g]);g<f.length&&(e=b.push(f[g]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
 }}
-function jf(a,b,c){var d=c.boundary;if(null===d)return hf(a,b,c);d.parentFlushed=!0;if(4===d.status)return a.renderState.generateStaticMarkup||(d=d.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),d&&(b.push(' data-dgst="'),d=y(d),b.push(d),b.push('"')),b.push("></template>")),hf(a,b,c),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==d.status)return 0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Vb(b,a.renderState,
-d.rootSegmentID),hf(a,b,c),b.push("\x3c!--/$--\x3e");if(d.byteSize>a.progressiveChunkSize)return d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Vb(b,a.renderState,d.rootSegmentID),hf(a,b,c),b.push("\x3c!--/$--\x3e");c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach(Bc,e),c.stylesheets.forEach(Cc,e));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=d.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");
-jf(a,b,c[0]);a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e");return a}function kf(a,b,c){Wb(b,a.renderState,c.parentFormatContext,c.id);jf(a,b,c);return Xb(b,c.parentFormatContext)}
-function lf(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)mf(a,b,c,d[e]);d.length=0;oc(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
+function tf(a,b,c,d){var e=c.boundary;if(null===e)return sf(a,b,c,d);e.parentFlushed=!0;if(4===e.status)return a.renderState.generateStaticMarkup||(e=e.errorDigest,b.push("\x3c!--$!--\x3e"),b.push("<template"),e&&(b.push(' data-dgst="'),e=B(e),b.push(e),b.push('"')),b.push("></template>")),sf(a,b,c,d),a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e"),a;if(1!==e.status)return 0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),Dc(b,
+a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(bd,d),e.stylesheets.forEach(cd,d)),sf(a,b,c,d),b.push("\x3c!--/$--\x3e");if(e.byteSize>a.progressiveChunkSize)return e.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(e),Dc(b,a.renderState,e.rootSegmentID),sf(a,b,c,d),b.push("\x3c!--/$--\x3e");d&&(c=e.contentState,c.styles.forEach(bd,d),c.stylesheets.forEach(cd,d));a.renderState.generateStaticMarkup||b.push("\x3c!--$--\x3e");c=e.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");
+tf(a,b,c[0],d);a=a.renderState.generateStaticMarkup?!0:b.push("\x3c!--/$--\x3e");return a}function uf(a,b,c,d){Ec(b,a.renderState,c.parentFormatContext,c.id);tf(a,b,c,d);return Fc(b,c.parentFormatContext)}
+function vf(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)wf(a,b,c,d[e]);d.length=0;Oc(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(b.push(a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 0===(d.instructions&8)?(d.instructions|=8,b.push('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("')):
 b.push('$RR("'):0===(d.instructions&2)?(d.instructions|=2,b.push('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("')):
-b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),uc(b,c)):(b.push('" data-sty="'),vc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Ub(b,a)&&d}
-function mf(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return kf(a,b,d)}if(e===c.rootSegmentID)return kf(a,b,d);kf(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
-b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);e=e.toString(16);b.push(e);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(e);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
-function gf(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var l=e.htmlChunks,n=e.headChunks;f=0;if(l){for(f=0;f<l.length;f++)b.push(l[f]);if(n)for(f=0;f<n.length;f++)b.push(n[f]);else{var m=P("head");b.push(m);
-b.push(">")}}else if(n)for(f=0;f<n.length;f++)b.push(n[f]);var p=e.charsetChunks;for(f=0;f<p.length;f++)b.push(p[f]);p.length=0;e.preconnects.forEach(R,b);e.preconnects.clear();var q=e.preconnectChunks;for(f=0;f<q.length;f++)b.push(q[f]);q.length=0;e.fontPreloads.forEach(R,b);e.fontPreloads.clear();e.highImagePreloads.forEach(R,b);e.highImagePreloads.clear();e.styles.forEach(rc,b);var C=e.importMapChunks;for(f=0;f<C.length;f++)b.push(C[f]);C.length=0;e.bootstrapScripts.forEach(R,b);e.scripts.forEach(R,
-b);e.scripts.clear();e.bulkPreloads.forEach(R,b);e.bulkPreloads.clear();var z=e.preloadChunks;for(f=0;f<z.length;f++)b.push(z[f]);z.length=0;var A=e.hoistableChunks;for(f=0;f<A.length;f++)b.push(A[f]);A.length=0;if(l&&null===n){var t=Mb("head");b.push(t)}jf(a,b,d);a.completedRootSegment=null;Ub(b,a.renderState)}else return;var r=a.renderState;d=0;r.preconnects.forEach(R,b);r.preconnects.clear();var D=r.preconnectChunks;for(d=0;d<D.length;d++)b.push(D[d]);D.length=0;r.fontPreloads.forEach(R,b);r.fontPreloads.clear();
-r.highImagePreloads.forEach(R,b);r.highImagePreloads.clear();r.styles.forEach(tc,b);r.scripts.forEach(R,b);r.scripts.clear();r.bulkPreloads.forEach(R,b);r.bulkPreloads.clear();var w=r.preloadChunks;for(d=0;d<w.length;d++)b.push(w[d]);w.length=0;var v=r.hoistableChunks;for(d=0;d<v.length;d++)b.push(v[d]);v.length=0;var E=a.clientRenderedBoundaries;for(c=0;c<E.length;c++){var Q=E[c];r=b;var F=a.resumableState,V=a.renderState,ma=Q.rootSegmentID,fa=Q.errorDigest,L=Q.errorMessage,H=Q.errorComponentStack,
-Y=0===F.streamingFormat;Y?(r.push(V.startInlineScript),0===(F.instructions&4)?(F.instructions|=4,r.push('$RX=function(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("')):r.push('$RX("')):r.push('<template data-rxi="" data-bid="');r.push(V.boundaryPrefix);var Ra=ma.toString(16);r.push(Ra);Y&&r.push('"');if(fa||L||H)if(Y){r.push(",");var Sa=hc(fa||"");r.push(Sa)}else{r.push('" data-dgst="');
-var Ta=y(fa||"");r.push(Ta)}if(L||H)if(Y){r.push(",");var na=hc(L||"");r.push(na)}else{r.push('" data-msg="');var S=y(L||"");r.push(S)}if(H)if(Y){r.push(",");var sb=hc(H);r.push(sb)}else{r.push('" data-stck="');var oa=y(H);r.push(oa)}if(Y?!r.push(")\x3c/script>"):!r.push('"></template>')){a.destination=null;c++;E.splice(0,c);return}}E.splice(0,c);var pa=a.completedBoundaries;for(c=0;c<pa.length;c++)if(!lf(a,b,pa[c])){a.destination=null;c++;pa.splice(0,c);return}pa.splice(0,c);var ca=a.partialBoundaries;
-for(c=0;c<ca.length;c++){var qa=ca[c];a:{E=a;Q=b;E.renderState.boundaryResources=qa.resources;var ra=qa.completedSegments;for(F=0;F<ra.length;F++)if(!mf(E,Q,qa,ra[F])){F++;ra.splice(0,F);var Ua=!1;break a}ra.splice(0,F);Ua=oc(Q,qa.resources,E.renderState)}if(!Ua){a.destination=null;c++;ca.splice(0,c);return}}ca.splice(0,c);var sa=a.completedBoundaries;for(c=0;c<sa.length;c++)if(!lf(a,b,sa[c])){a.destination=null;c++;sa.splice(0,c);return}sa.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&
-0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&(ca=Mb("body"),b.push(ca)),c.hasHtml&&(c=Mb("html"),b.push(c)),b.push(null),a.destination=null)}}function nf(a){a.flushScheduled=null!==a.destination;Le(a);null===a.trackedPostpones&&ff(a,0===a.pendingRootTasks)}function yc(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?gf(a,b):a.flushScheduled=!1}}
-function of(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{gf(a,b)}catch(c){W(a,c,{}),Qe(a,c)}}}function pf(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return cf(e,a,d)});c.clear()}null!==a.destination&&gf(a,a.destination)}catch(e){W(a,e,{}),Qe(a,e)}}function qf(){}
-function rf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=nb(b?b.identifierPrefix:void 0,void 0);a=Fe(a,b,Dc(b,c),ob(),Infinity,qf,void 0,function(){h=!0},void 0,void 0,void 0);nf(a);pf(a,d);of(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error("A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition.");return g}
-function sf(a,b){a.prototype=Object.create(b.prototype);a.prototype.constructor=a;a.__proto__=b}var tf=function(a){function b(){var d=a.call(this,{})||this;d.request=null;d.startedFlowing=!1;return d}sf(b,a);var c=b.prototype;c._destroy=function(d,e){pf(this.request);e(d)};c._read=function(){this.startedFlowing&&of(this.request,this)};return b}(ea.Readable);function uf(){}
-function vf(a,b){var c=new tf;b=nb(b?b.identifierPrefix:void 0,void 0);var d=Fe(a,b,Dc(b,!1),ob(),Infinity,uf,function(){c.startedFlowing=!0;of(d,c)},void 0,void 0,void 0);c.request=d;nf(d);return c}exports.renderToNodeStream=function(a,b){return vf(a,b)};exports.renderToStaticMarkup=function(a,b){return rf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server')};
-exports.renderToStaticNodeStream=function(a,b){return vf(a,b)};exports.renderToString=function(a,b){return rf(a,b,!1,'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="18.3.0-canary-60a927d04-20240113";
+b.push('$RC("')):f?b.push('<template data-rri="" data-bid="'):b.push('<template data-rci="" data-bid="');d=e.toString(16);b.push(a.boundaryPrefix);b.push(d);g?b.push('","'):b.push('" data-sid="');b.push(a.segmentPrefix);b.push(d);f?g?(b.push('",'),Uc(b,c)):(b.push('" data-sty="'),Vc(b,c)):g&&b.push('"');d=g?b.push(")\x3c/script>"):b.push('"></template>');return Cc(b,a)&&d}
+function wf(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return uf(a,b,d,e)}if(f===c.rootSegmentID)return uf(a,b,d,e);uf(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(b.push(a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,b.push('$RS=function(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("')):
+b.push('$RS("')):b.push('<template data-rsi="" data-sid="');b.push(a.segmentPrefix);f=f.toString(16);b.push(f);d?b.push('","'):b.push('" data-pid="');b.push(a.placeholderPrefix);b.push(f);b=d?b.push('")\x3c/script>'):b.push('"></template>');return b}
+function rf(a,b){try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,n=e.headChunks,l;if(m){for(l=0;l<m.length;l++)b.push(m[l]);if(n)for(l=0;l<n.length;l++)b.push(n[l]);else{var u=Q("head");b.push(u);
+b.push(">")}}else if(n)for(l=0;l<n.length;l++)b.push(n[l]);var q=e.charsetChunks;for(l=0;l<q.length;l++)b.push(q[l]);q.length=0;e.preconnects.forEach(R,b);e.preconnects.clear();var z=e.viewportChunks;for(l=0;l<z.length;l++)b.push(z[l]);z.length=0;e.fontPreloads.forEach(R,b);e.fontPreloads.clear();e.highImagePreloads.forEach(R,b);e.highImagePreloads.clear();e.styles.forEach(Rc,b);var v=e.importMapChunks;for(l=0;l<v.length;l++)b.push(v[l]);v.length=0;e.bootstrapScripts.forEach(R,b);e.scripts.forEach(R,
+b);e.scripts.clear();e.bulkPreloads.forEach(R,b);e.bulkPreloads.clear();var y=e.hoistableChunks;for(l=0;l<y.length;l++)b.push(y[l]);y.length=0;if(m&&null===n){var x=tc("head");b.push(x)}tf(a,b,d,null);a.completedRootSegment=null;Cc(b,a.renderState)}else return;var p=a.renderState;d=0;var D=p.viewportChunks;for(d=0;d<D.length;d++)b.push(D[d]);D.length=0;p.preconnects.forEach(R,b);p.preconnects.clear();p.fontPreloads.forEach(R,b);p.fontPreloads.clear();p.highImagePreloads.forEach(R,b);p.highImagePreloads.clear();
+p.styles.forEach(Tc,b);p.scripts.forEach(R,b);p.scripts.clear();p.bulkPreloads.forEach(R,b);p.bulkPreloads.clear();var E=p.hoistableChunks;for(d=0;d<E.length;d++)b.push(E[d]);E.length=0;var r=a.clientRenderedBoundaries;for(c=0;c<r.length;c++){var w=r[c];p=b;var F=a.resumableState,U=a.renderState,L=w.rootSegmentID,G=w.errorDigest,na=w.errorMessage,fa=w.errorComponentStack,Z=0===F.streamingFormat;Z?(p.push(U.startInlineScript),0===(F.instructions&4)?(F.instructions|=4,p.push('$RX=function(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("')):
+p.push('$RX("')):p.push('<template data-rxi="" data-bid="');p.push(U.boundaryPrefix);var tb=L.toString(16);p.push(tb);Z&&p.push('"');if(G||na||fa)if(Z){p.push(",");var ub=Hc(G||"");p.push(ub)}else{p.push('" data-dgst="');var Ma=B(G||"");p.push(Ma)}if(na||fa)if(Z){p.push(",");var Na=Hc(na||"");p.push(Na)}else{p.push('" data-msg="');var Oa=B(na||"");p.push(Oa)}if(fa)if(Z){p.push(",");var Pa=Hc(fa);p.push(Pa)}else{p.push('" data-stck="');var oa=B(fa);p.push(oa)}if(Z?!p.push(")\x3c/script>"):!p.push('"></template>')){a.destination=
+null;c++;r.splice(0,c);return}}r.splice(0,c);var M=a.completedBoundaries;for(c=0;c<M.length;c++)if(!vf(a,b,M[c])){a.destination=null;c++;M.splice(0,c);return}M.splice(0,c);var aa=a.partialBoundaries;for(c=0;c<aa.length;c++){var ba=aa[c];a:{r=a;w=b;var pa=ba.completedSegments;for(F=0;F<pa.length;F++)if(!wf(r,w,ba,pa[F])){F++;pa.splice(0,F);var Qa=!1;break a}pa.splice(0,F);Qa=Oc(w,ba.contentState,r.renderState)}if(!Qa){a.destination=null;c++;aa.splice(0,c);return}}aa.splice(0,c);var qa=a.completedBoundaries;
+for(c=0;c<qa.length;c++)if(!vf(a,b,qa[c])){a.destination=null;c++;qa.splice(0,c);return}qa.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length&&(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&(aa=tc("body"),b.push(aa)),c.hasHtml&&(c=tc("html"),b.push(c)),b.push(null),a.destination=null)}}function xf(a){a.flushScheduled=null!==a.destination;Se(a);null===a.trackedPostpones&&qf(a,0===a.pendingRootTasks)}
+function Zc(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?rf(a,b):a.flushScheduled=!1}}function yf(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{rf(a,b)}catch(c){V(a,c,{}),Xe(a,c)}}}
+function zf(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return nf(e,a,d)});c.clear()}null!==a.destination&&rf(a,a.destination)}catch(e){V(a,e,{}),Xe(a,e)}}function Af(){}
+function Bf(a,b,c,d){var e=!1,f=null,g="",h=!1;b=Vb(b?b.identifierPrefix:void 0,void 0);a=Oe(a,b,dd(b,c),Wb(),Infinity,Af,void 0,function(){h=!0},void 0,void 0,void 0);xf(a);zf(a,d);yf(a,{push:function(k){null!==k&&(g+=k);return!0},destroy:function(k){e=!0;f=k}});if(e&&f!==d)throw f;if(!h)throw Error("A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition.");return g}
+function Cf(a,b){a.prototype=Object.create(b.prototype);a.prototype.constructor=a;a.__proto__=b}var Df=function(a){function b(){var d=a.call(this,{})||this;d.request=null;d.startedFlowing=!1;return d}Cf(b,a);var c=b.prototype;c._destroy=function(d,e){zf(this.request);e(d)};c._read=function(){this.startedFlowing&&yf(this.request,this)};return b}(ka.Readable);function Ef(){}
+function Ff(a,b){var c=new Df;b=Vb(b?b.identifierPrefix:void 0,void 0);var d=Oe(a,b,dd(b,!1),Wb(),Infinity,Ef,function(){c.startedFlowing=!0;yf(d,c)},void 0,void 0,void 0);c.request=d;xf(d);return c}exports.renderToNodeStream=function(a,b){return Ff(a,b)};exports.renderToStaticMarkup=function(a,b){return Bf(a,b,!0,'The server used "renderToStaticMarkup" which does not support Suspense. If you intended to have the server wait for the suspended component please switch to "renderToPipeableStream" which supports Suspense on the server')};
+exports.renderToStaticNodeStream=function(a,b){return Ff(a,b)};exports.renderToString=function(a,b){return Bf(a,b,!1,'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="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server-legacy.node.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.development.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.development.js
index 6d03536d380003..3e924264c9c952 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.development.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.development.js
@@ -55,7 +55,7 @@ function printWarning(level, format, args) {
   }
 }
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 var Internals = {
   usingClientEntryPoint: false,
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.js
index 526e1426dd3a82..32e2d07dd25a82 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.js
@@ -12,7 +12,7 @@
 
 var React = require("next/dist/compiled/react");
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 const Internals = {
   usingClientEntryPoint: false,
@@ -26,10 +26,14 @@ const Internals = {
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.min.js
index 5d87c6d3347f56..1cce0e8bf00298 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server-rendering-stub.production.min.js
@@ -7,13 +7,13 @@
  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("next/dist/compiled/react"),f={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function h(b){for(var a="https://reactjs.org/docs/error-decoder.html?invariant="+b,c=1;c<arguments.length;c++)a+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+b+"; visit "+a+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+'use strict';var e=require("next/dist/compiled/react"),f={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function h(b){var a="https://react.dev/errors/"+b;if(1<arguments.length){a+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)a+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+b+"; visit "+a+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
 function k(b,a){if("font"===b)return"";if("string"===typeof a)return"use-credentials"===a?a:""}var l=f.Dispatcher,m=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentDispatcher;function n(){return m.current.useHostTransitionStatus()}function r(b,a,c){return m.current.useFormState(b,a,c)}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=f;exports.createPortal=function(){throw Error(h(448));};exports.experimental_useFormState=function(b,a,c){return r(b,a,c)};
 exports.experimental_useFormStatus=function(){return n()};exports.flushSync=function(){throw Error(h(449));};exports.preconnect=function(b,a){var c=l.current;c&&"string"===typeof b&&(a?(a=a.crossOrigin,a="string"===typeof a?"use-credentials"===a?a:"":void 0):a=null,c.preconnect(b,a))};exports.prefetchDNS=function(b){var a=l.current;a&&"string"===typeof b&&a.prefetchDNS(b)};
 exports.preinit=function(b,a){var c=l.current;if(c&&"string"===typeof b&&a&&"string"===typeof a.as){var d=a.as,g=k(d,a.crossOrigin),p="string"===typeof a.integrity?a.integrity:void 0,q="string"===typeof a.fetchPriority?a.fetchPriority:void 0;"style"===d?c.preinitStyle(b,"string"===typeof a.precedence?a.precedence:void 0,{crossOrigin:g,integrity:p,fetchPriority:q}):"script"===d&&c.preinitScript(b,{crossOrigin:g,integrity:p,fetchPriority:q,nonce:"string"===typeof a.nonce?a.nonce:void 0})}};
 exports.preinitModule=function(b,a){var c=l.current;if(c&&"string"===typeof b)if("object"===typeof a&&null!==a){if(null==a.as||"script"===a.as){var d=k(a.as,a.crossOrigin);c.preinitModuleScript(b,{crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0})}}else null==a&&c.preinitModuleScript(b)};
 exports.preload=function(b,a){var c=l.current;if(c&&"string"===typeof b&&"object"===typeof a&&null!==a&&"string"===typeof a.as){var d=a.as,g=k(d,a.crossOrigin);c.preload(b,d,{crossOrigin:g,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0,type:"string"===typeof a.type?a.type:void 0,fetchPriority:"string"===typeof a.fetchPriority?a.fetchPriority:void 0,referrerPolicy:"string"===typeof a.referrerPolicy?a.referrerPolicy:void 0,imageSrcSet:"string"===
 typeof a.imageSrcSet?a.imageSrcSet:void 0,imageSizes:"string"===typeof a.imageSizes?a.imageSizes:void 0})}};exports.preloadModule=function(b,a){var c=l.current;if(c&&"string"===typeof b)if(a){var d=k(a.as,a.crossOrigin);c.preloadModule(b,{as:"string"===typeof a.as&&"script"!==a.as?a.as:void 0,crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0})}else c.preloadModule(b)};exports.unstable_batchedUpdates=function(b,a){return b(a)};exports.useFormState=r;exports.useFormStatus=n;
-exports.version="18.3.0-canary-60a927d04-20240113";
+exports.version="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server-rendering-stub.production.min.js.map
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 a12993dea857bd..ed7c64aef34022 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
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -74,6 +74,324 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -169,7 +487,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   callback();
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -182,15 +500,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -245,19 +557,17 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function stringToPrecomputedChunk(content) {
   var precomputedChunk = textEncoder.encode(content);
 
   {
-    precomputedChunkSet.add(precomputedChunk);
+    if (precomputedChunk.byteLength > VIEW_SIZE) {
+      error('precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.');
+    }
   }
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -1270,6 +1580,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1680,19 +1991,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1887,6 +2192,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1901,9 +2207,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1922,7 +2226,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2300,7 +2604,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2462,6 +2766,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -3341,7 +3646,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3352,11 +3657,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3364,7 +3682,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3456,8 +3774,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3469,8 +3787,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3497,16 +3815,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3539,7 +3855,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3607,8 +3923,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3854,7 +4170,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3878,8 +4194,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4143,6 +4466,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4264,7 +4588,7 @@ function startChunkForTag(tag) {
 }
 
 var doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4286,7 +4610,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4316,19 +4647,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4756,7 +5087,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4776,7 +5107,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4819,12 +5150,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -5042,14 +5373,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5203,13 +5537,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5227,15 +5561,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5243,14 +5569,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5263,15 +5586,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5288,15 +5611,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5322,10 +5637,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5421,6 +5736,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5492,10 +5808,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5591,6 +5907,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5666,15 +5983,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6476,13 +6790,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6578,50 +6888,11 @@ function emitEarlyPreloads(renderState, resumableState, shellComplete) {
 }
 var NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
 
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
-function getWrappedName(outerType, innerType, wrapperName) {
-  var displayName = outerType.displayName;
-
-  if (displayName) {
-    return displayName;
+  if (displayName) {
+    return displayName;
   }
 
   var functionName = innerType.displayName || innerType.name || '';
@@ -6688,13 +6959,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6720,647 +7001,145 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
+
+      return parentContext;
     }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    var childContext = instance.getChildContext();
+
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
     }
+
+    return assign({}, parentContext, childContext);
   }
 }
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+var rendererSigil;
+
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-    return '\n' + prefix + name;
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
   }
 }
-var reentry = false;
-var componentFrameCache;
 
-{
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
 }
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
 
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
+
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+      popToNearestCommonAncestor(parentPrev, parentNext);
+    } // On the way back, we push the new ones that weren't common.
 
-  {
-    var frame = componentFrameCache.get(fn);
 
-    if (frame !== undefined) {
-      return frame;
-    }
+    pushNode(next);
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
 
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
+function pushAllNext(next) {
+  var parentNext = next.parent;
 
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
   }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
 
+  pushNode(next);
+}
 
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
-
-
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
-    }
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
-var warnedAboutMissingGetChildContext;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-var emptyContextObject = {};
-
-{
-  Object.freeze(emptyContextObject);
-}
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    var context = {};
-
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
-        }
-      }
-
-      return parentContext;
-    }
-
-    var childContext = instance.getChildContext();
-
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext);
-    } // On the way back, we push the new ones that weren't common.
-
-
-    pushNode(next);
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
   if (parentPrev === null) {
     throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
@@ -7468,12 +7247,7 @@ function popProvider(context) {
 
   {
     var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
 
     {
       if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
@@ -7532,18 +7306,19 @@ var didWarnOnInvalidCallback;
   didWarnOnInvalidCallback = new Set();
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
 
-    var key = callerName + '_' + callback;
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -7572,7 +7347,7 @@ function warnNoop(publicInstance, callerName) {
       return;
     }
 
-    error('%s(...): 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, callerName, componentName);
+    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, componentName);
 
     didWarnAboutNoopUpdateForComponent[warningKey] = true;
   }
@@ -7593,7 +7368,7 @@ var classComponentUpdater = {
 
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7605,7 +7380,7 @@ var classComponentUpdater = {
 
     {
       if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
+        warnOnInvalidCallback(callback);
       }
     }
   },
@@ -7618,7 +7393,7 @@ var classComponentUpdater = {
     } else {
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7644,7 +7419,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -7654,10 +7429,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -7737,9 +7509,9 @@ function checkClassInstance(instance, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -7798,7 +7570,7 @@ function checkClassInstance(instance, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -8027,879 +7799,1251 @@ function pushTreeContext(baseContext, totalChildren, index) {
   var length = getBitLength(totalChildren) + baseLength; // 30 is the max length we can store without overflowing, taking into
   // consideration the leading 1 we use to mark the end of the sequence.
 
-  if (length > 30) {
-    // We overflowed the bitwise-safe range. Fall back to slower algorithm.
-    // This branch assumes the length of the base id is greater than 5; it won't
-    // work for smaller ids, because you need 5 bits per character.
-    //
-    // We encode the id in multiple steps: first the base id, then the
-    // remaining digits.
-    //
-    // Each 5 bit sequence corresponds to a single base 32 character. So for
-    // example, if the current id is 23 bits long, we can convert 20 of those
-    // bits into a string of 4 characters, with 3 bits left over.
-    //
-    // First calculate how many bits in the base id represent a complete
-    // sequence of characters.
-    var numberOfOverflowBits = baseLength - baseLength % 5; // Then create a bitmask that selects only those bits.
+  if (length > 30) {
+    // We overflowed the bitwise-safe range. Fall back to slower algorithm.
+    // This branch assumes the length of the base id is greater than 5; it won't
+    // work for smaller ids, because you need 5 bits per character.
+    //
+    // We encode the id in multiple steps: first the base id, then the
+    // remaining digits.
+    //
+    // Each 5 bit sequence corresponds to a single base 32 character. So for
+    // example, if the current id is 23 bits long, we can convert 20 of those
+    // bits into a string of 4 characters, with 3 bits left over.
+    //
+    // First calculate how many bits in the base id represent a complete
+    // sequence of characters.
+    var numberOfOverflowBits = baseLength - baseLength % 5; // Then create a bitmask that selects only those bits.
+
+    var newOverflowBits = (1 << numberOfOverflowBits) - 1; // Select the bits, and convert them to a base 32 string.
+
+    var newOverflow = (baseId & newOverflowBits).toString(32); // Now we can remove those bits from the base id.
+
+    var restOfBaseId = baseId >> numberOfOverflowBits;
+    var restOfBaseLength = baseLength - numberOfOverflowBits; // Finally, encode the rest of the bits using the normal algorithm. Because
+    // we made more room, this time it won't overflow.
+
+    var restOfLength = getBitLength(totalChildren) + restOfBaseLength;
+    var restOfNewBits = slot << restOfBaseLength;
+    var id = restOfNewBits | restOfBaseId;
+    var overflow = newOverflow + baseOverflow;
+    return {
+      id: 1 << restOfLength | id,
+      overflow: overflow
+    };
+  } else {
+    // Normal path
+    var newBits = slot << baseLength;
+
+    var _id = newBits | baseId;
+
+    var _overflow = baseOverflow;
+    return {
+      id: 1 << length | _id,
+      overflow: _overflow
+    };
+  }
+}
+
+function getBitLength(number) {
+  return 32 - clz32(number);
+}
+
+function getLeadingBit(id) {
+  return 1 << getBitLength(id) - 1;
+} // TODO: Math.clz32 is supported in Node 12+. Maybe we can drop the fallback.
+
+
+var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
+// Based on:
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
+
+var log = Math.log;
+var LN2 = Math.LN2;
+
+function clz32Fallback(x) {
+  var asUint = x >>> 0;
+
+  if (asUint === 0) {
+    return 32;
+  }
+
+  return 31 - (log(asUint) / LN2 | 0) | 0;
+}
+
+// Corresponds to ReactFiberWakeable and ReactFlightWakeable modules. Generally,
+// changes to one module should be reflected in the others.
+// TODO: Rename this module and the corresponding Fiber one to "Thenable"
+// instead of "Wakeable". Or some other more appropriate name.
+// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
+var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  return [];
+}
+
+function noop$2() {}
+
+function trackUsedThenable(thenableState, thenable, index) {
+  var previous = thenableState[index];
+
+  if (previous === undefined) {
+    thenableState.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // Reuse the previous thenable, and drop the new one. We can assume
+      // they represent the same value, because components are idempotent.
+      // Avoid an unhandled rejection errors for the Promises that we'll
+      // intentionally ignore.
+      thenable.then(noop$2, noop$2);
+      thenable = previous;
+    }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+/**
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ */
+function is(x, y) {
+  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+  ;
+}
+
+var objectIs = // $FlowFixMe[method-unbinding]
+typeof Object.is === 'function' ? Object.is : is;
+
+var currentlyRenderingComponent = null;
+var currentlyRenderingTask = null;
+var currentlyRenderingRequest = null;
+var currentlyRenderingKeyPath = null;
+var firstWorkInProgressHook = null;
+var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
+
+var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+
+var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+
+var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
+// finishes rendering.
+// Counts the number of useFormState calls in this component
+
+var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
+// root during an MPA navigation, if any.
+
+var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
+
+var thenableIndexCounter = 0;
+var thenableState = null; // Lazily created map of render-phase updates
+
+var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+
+var numberOfReRenders = 0;
+var RE_RENDER_LIMIT = 25;
+var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+
+var currentHookNameInDev;
+
+function resolveCurrentlyRenderingComponent() {
+  if (currentlyRenderingComponent === null) {
+    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+  }
+
+  {
+    if (isInHookUserCodeInDev) {
+      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://reactjs.org/link/rules-of-hooks');
+    }
+  }
+
+  return currentlyRenderingComponent;
+}
+
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (prevDeps === null) {
+    {
+      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);
+    }
+
+    return false;
+  }
 
-    var newOverflowBits = (1 << numberOfOverflowBits) - 1; // Select the bits, and convert them to a base 32 string.
+  {
+    // Don't bother comparing lengths in prod because these arrays should be
+    // passed inline.
+    if (nextDeps.length !== prevDeps.length) {
+      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
+    }
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    var newOverflow = (baseId & newOverflowBits).toString(32); // Now we can remove those bits from the base id.
 
-    var restOfBaseId = baseId >> numberOfOverflowBits;
-    var restOfBaseLength = baseLength - numberOfOverflowBits; // Finally, encode the rest of the bits using the normal algorithm. Because
-    // we made more room, this time it won't overflow.
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+    // $FlowFixMe[incompatible-use] found when upgrading Flow
+    if (objectIs(nextDeps[i], prevDeps[i])) {
+      continue;
+    }
 
-    var restOfLength = getBitLength(totalChildren) + restOfBaseLength;
-    var restOfNewBits = slot << restOfBaseLength;
-    var id = restOfNewBits | restOfBaseId;
-    var overflow = newOverflow + baseOverflow;
-    return {
-      id: 1 << restOfLength | id,
-      overflow: overflow
-    };
-  } else {
-    // Normal path
-    var newBits = slot << baseLength;
+    return false;
+  }
 
-    var _id = newBits | baseId;
+  return true;
+}
 
-    var _overflow = baseOverflow;
-    return {
-      id: 1 << length | _id,
-      overflow: _overflow
-    };
+function createHook() {
+  if (numberOfReRenders > 0) {
+    throw new Error('Rendered more hooks than during the previous render');
   }
+
+  return {
+    memoizedState: null,
+    queue: null,
+    next: null
+  };
 }
 
-function getBitLength(number) {
-  return 32 - clz32(number);
+function createWorkInProgressHook() {
+  if (workInProgressHook === null) {
+    // This is the first hook in the list
+    if (firstWorkInProgressHook === null) {
+      isReRender = false;
+      firstWorkInProgressHook = workInProgressHook = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = firstWorkInProgressHook;
+    }
+  } else {
+    if (workInProgressHook.next === null) {
+      isReRender = false; // Append to the end of the list
+
+      workInProgressHook = workInProgressHook.next = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = workInProgressHook.next;
+    }
+  }
+
+  return workInProgressHook;
 }
 
-function getLeadingBit(id) {
-  return 1 << getBitLength(id) - 1;
-} // TODO: Math.clz32 is supported in Node 12+. Maybe we can drop the fallback.
+function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
+  currentlyRenderingComponent = componentIdentity;
+  currentlyRenderingTask = task;
+  currentlyRenderingRequest = request;
+  currentlyRenderingKeyPath = keyPath;
 
+  {
+    isInHookUserCodeInDev = false;
+  } // The following should have already been reset
+  // didScheduleRenderPhaseUpdate = false;
+  // firstWorkInProgressHook = null;
+  // numberOfReRenders = 0;
+  // renderPhaseUpdates = null;
+  // workInProgressHook = null;
 
-var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
-// Based on:
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
 
-var log = Math.log;
-var LN2 = Math.LN2;
+  localIdCounter = 0;
+  formStateCounter = 0;
+  formStateMatchingIndex = -1;
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function finishHooks(Component, props, children, refOrContext) {
+  // This must be called after every function component to prevent hooks from
+  // being used in classes.
+  while (didScheduleRenderPhaseUpdate) {
+    // Updates were scheduled during the render phase. They are stored in
+    // the `renderPhaseUpdates` map. Call the component again, reusing the
+    // work-in-progress hooks and applying the additional updates on top. Keep
+    // restarting until no more updates are scheduled.
+    didScheduleRenderPhaseUpdate = false;
+    localIdCounter = 0;
+    formStateCounter = 0;
+    formStateMatchingIndex = -1;
+    thenableIndexCounter = 0;
+    numberOfReRenders += 1; // Start over from the beginning of the list
 
-function clz32Fallback(x) {
-  var asUint = x >>> 0;
+    workInProgressHook = null;
+    children = Component(props, refOrContext);
+  }
 
-  if (asUint === 0) {
-    return 32;
+  resetHooksState();
+  return children;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+function checkDidRenderIdHook() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  var didRenderIdHook = localIdCounter !== 0;
+  return didRenderIdHook;
+}
+function getFormStateCount() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateCounter;
+}
+function getFormStateMatchingIndex() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateMatchingIndex;
+} // Reset the internal hooks state if an error occurs while rendering a component
+
+function resetHooksState() {
+  {
+    isInHookUserCodeInDev = false;
   }
 
-  return 31 - (log(asUint) / LN2 | 0) | 0;
+  currentlyRenderingComponent = null;
+  currentlyRenderingTask = null;
+  currentlyRenderingRequest = null;
+  currentlyRenderingKeyPath = null;
+  didScheduleRenderPhaseUpdate = false;
+  firstWorkInProgressHook = null;
+  numberOfReRenders = 0;
+  renderPhaseUpdates = null;
+  workInProgressHook = null;
 }
 
-// Corresponds to ReactFiberWakeable and ReactFlightWakeable modules. Generally,
-// changes to one module should be reflected in the others.
-// TODO: Rename this module and the corresponding Fiber one to "Thenable"
-// instead of "Wakeable". Or some other more appropriate name.
-// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
-// detect this is caught by userspace, we'll log a warning in development.
-var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
-function createThenableState() {
-  // The ThenableState is created the first time a component suspends. If it
-  // suspends again, we'll reuse the same state.
-  return [];
+function readContext(context) {
+  {
+    if (isInHookUserCodeInDev) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
 }
 
-function noop$2() {}
+function useContext(context) {
+  {
+    currentHookNameInDev = 'useContext';
+  }
 
-function trackUsedThenable(thenableState, thenable, index) {
-  var previous = thenableState[index];
+  resolveCurrentlyRenderingComponent();
+  return readContext$1(context);
+}
 
-  if (previous === undefined) {
-    thenableState.push(thenable);
-  } else {
-    if (previous !== thenable) {
-      // Reuse the previous thenable, and drop the new one. We can assume
-      // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
-      // intentionally ignore.
-      thenable.then(noop$2, noop$2);
-      thenable = previous;
+function basicStateReducer(state, action) {
+  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+  return typeof action === 'function' ? action(state) : action;
+}
+
+function useState(initialState) {
+  {
+    currentHookNameInDev = 'useState';
+  }
+
+  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
+  initialState);
+}
+function useReducer(reducer, initialArg, init) {
+  {
+    if (reducer !== basicStateReducer) {
+      currentHookNameInDev = 'useReducer';
     }
-  } // 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.
+  }
 
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
 
-  switch (thenable.status) {
-    case 'fulfilled':
-      {
-        var fulfilledValue = thenable.value;
-        return fulfilledValue;
-      }
+  if (isReRender) {
+    // This is a re-render. Apply the new render phase updates to the previous
+    // current hook.
+    var queue = workInProgressHook.queue;
+    var dispatch = queue.dispatch;
 
-    case 'rejected':
-      {
-        var rejectedError = thenable.reason;
-        throw rejectedError;
-      }
+    if (renderPhaseUpdates !== null) {
+      // Render phase updates are stored in a map of queue -> linked list
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-    default:
-      {
-        if (typeof thenable.status === 'string') ; else {
-          var pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(function (fulfilledValue) {
-            if (thenable.status === 'pending') {
-              var fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, function (error) {
-            if (thenable.status === 'pending') {
-              var rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously
+      if (firstRenderPhaseUpdate !== undefined) {
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+        var newState = workInProgressHook.memoizedState;
+        var update = firstRenderPhaseUpdate;
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                throw rejectedThenable.reason;
-              }
+        do {
+          // Process this render phase update. We don't have to check the
+          // priority because it will always be the same as the current
+          // render's.
+          var action = update.action;
+
+          {
+            isInHookUserCodeInDev = true;
           }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
 
+          newState = reducer(newState, action);
 
-        suspendedThenable = thenable;
-        throw SuspenseException;
-      }
-  }
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
+          {
+            isInHookUserCodeInDev = false;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-var suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
-  }
 
-  var thenable = suspendedThenable;
-  suspendedThenable = null;
-  return thenable;
-}
+          update = update.next;
+        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x, y) {
-  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
-  ;
-}
 
-var objectIs = // $FlowFixMe[method-unbinding]
-typeof Object.is === 'function' ? Object.is : is;
+        workInProgressHook.memoizedState = newState;
+        return [newState, dispatch];
+      }
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentlyRenderingComponent = null;
-var currentlyRenderingTask = null;
-var currentlyRenderingRequest = null;
-var currentlyRenderingKeyPath = null;
-var firstWorkInProgressHook = null;
-var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
 
-var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+    return [workInProgressHook.memoizedState, dispatch];
+  } else {
+    {
+      isInHookUserCodeInDev = true;
+    }
 
-var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+    var initialState;
 
-var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
-// finishes rendering.
-// Counts the number of useFormState calls in this component
+    if (reducer === basicStateReducer) {
+      // Special case for `useState`.
+      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
+    } else {
+      initialState = init !== undefined ? init(initialArg) : initialArg;
+    }
 
-var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
-// root during an MPA navigation, if any.
+    {
+      isInHookUserCodeInDev = false;
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
 
-var thenableIndexCounter = 0;
-var thenableState = null; // Lazily created map of render-phase updates
+    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+    var _queue = workInProgressHook.queue = {
+      last: null,
+      dispatch: null
+    };
 
-var numberOfReRenders = 0;
-var RE_RENDER_LIMIT = 25;
-var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentHookNameInDev;
 
-function resolveCurrentlyRenderingComponent() {
-  if (currentlyRenderingComponent === null) {
-    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    return [workInProgressHook.memoizedState, _dispatch];
   }
+}
 
-  {
-    if (isInHookUserCodeInDev) {
-      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://reactjs.org/link/rules-of-hooks');
-    }
-  }
+function useMemo(nextCreate, deps) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
 
-  return currentlyRenderingComponent;
-}
+  if (workInProgressHook !== null) {
+    var prevState = workInProgressHook.memoizedState;
 
-function areHookInputsEqual(nextDeps, prevDeps) {
-  if (prevDeps === null) {
-    {
-      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);
+    if (prevState !== null) {
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
+
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
     }
+  }
 
-    return false;
+  {
+    isInHookUserCodeInDev = true;
   }
 
+  var nextValue = nextCreate();
+
   {
-    // Don't bother comparing lengths in prod because these arrays should be
-    // passed inline.
-    if (nextDeps.length !== prevDeps.length) {
-      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
-    }
+    isInHookUserCodeInDev = false;
   } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
 
-  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    // $FlowFixMe[incompatible-use] found when upgrading Flow
-    if (objectIs(nextDeps[i], prevDeps[i])) {
-      continue;
-    }
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
 
-    return false;
-  }
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
 
-  return true;
-}
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
 
-function createHook() {
-  if (numberOfReRenders > 0) {
-    throw new Error('Rendered more hooks than during the previous render');
-  }
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  return {
-    memoizedState: null,
-    queue: null,
-    next: null
-  };
-}
 
-function createWorkInProgressHook() {
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    if (firstWorkInProgressHook === null) {
-      isReRender = false;
-      firstWorkInProgressHook = workInProgressHook = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = firstWorkInProgressHook;
-    }
+    workInProgressHook.memoizedState = ref;
+    return ref;
   } else {
-    if (workInProgressHook.next === null) {
-      isReRender = false; // Append to the end of the list
+    return previousRef;
+  }
+}
 
-      workInProgressHook = workInProgressHook.next = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = workInProgressHook.next;
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
     }
-  }
 
-  return workInProgressHook;
-}
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
-  currentlyRenderingComponent = componentIdentity;
-  currentlyRenderingTask = task;
-  currentlyRenderingRequest = request;
-  currentlyRenderingKeyPath = keyPath;
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
 
-  {
-    isInHookUserCodeInDev = false;
-  } // The following should have already been reset
-  // didScheduleRenderPhaseUpdate = false;
-  // firstWorkInProgressHook = null;
-  // numberOfReRenders = 0;
-  // renderPhaseUpdates = null;
-  // workInProgressHook = null;
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
 
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
 
-  localIdCounter = 0;
-  formStateCounter = 0;
-  formStateMatchingIndex = -1;
-  thenableIndexCounter = 0;
-  thenableState = prevThenableState;
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
 }
-function finishHooks(Component, props, children, refOrContext) {
-  // This must be called after every function component to prevent hooks from
-  // being used in classes.
-  while (didScheduleRenderPhaseUpdate) {
-    // Updates were scheduled during the render phase. They are stored in
-    // the `renderPhaseUpdates` map. Call the component again, reusing the
-    // work-in-progress hooks and applying the additional updates on top. Keep
-    // restarting until no more updates are scheduled.
-    didScheduleRenderPhaseUpdate = false;
-    localIdCounter = 0;
-    formStateCounter = 0;
-    formStateMatchingIndex = -1;
-    thenableIndexCounter = 0;
-    numberOfReRenders += 1; // Start over from the beginning of the list
 
-    workInProgressHook = null;
-    children = Component(props, refOrContext);
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
   }
 
-  resetHooksState();
-  return children;
-}
-function getThenableStateAfterSuspending() {
-  var state = thenableState;
-  thenableState = null;
-  return state;
-}
-function checkDidRenderIdHook() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  var didRenderIdHook = localIdCounter !== 0;
-  return didRenderIdHook;
-}
-function getFormStateCount() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateCounter;
+  return getServerSnapshot();
 }
-function getFormStateMatchingIndex() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateMatchingIndex;
-} // Reset the internal hooks state if an error occurs while rendering a component
 
-function resetHooksState() {
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
   {
-    isInHookUserCodeInDev = false;
+    return value;
   }
+}
 
-  currentlyRenderingComponent = null;
-  currentlyRenderingTask = null;
-  currentlyRenderingRequest = null;
-  currentlyRenderingKeyPath = null;
-  didScheduleRenderPhaseUpdate = false;
-  firstWorkInProgressHook = null;
-  numberOfReRenders = 0;
-  renderPhaseUpdates = null;
-  workInProgressHook = null;
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
 }
 
-function readContext(context) {
-  {
-    if (isInHookUserCodeInDev) {
-      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().');
-    }
-  }
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
 
-  return readContext$1(context);
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
 }
 
-function useContext(context) {
-  {
-    currentHookNameInDev = 'useContext';
-  }
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
 
+function useOptimistic(passthrough, reducer) {
   resolveCurrentlyRenderingComponent();
-  return readContext$1(context);
+  return [passthrough, unsupportedSetOptimisticState];
 }
 
-function basicStateReducer(state, action) {
-  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-  return typeof action === 'function' ? action(state) : action;
-}
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
 
-function useState(initialState) {
-  {
-    currentHookNameInDev = 'useState';
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
   }
-
-  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
-  initialState);
 }
-function useReducer(reducer, initialArg, init) {
-  {
-    if (reducer !== basicStateReducer) {
-      currentHookNameInDev = 'useReducer';
-    }
-  }
 
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
 
-  if (isReRender) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // current hook.
-    var queue = workInProgressHook.queue;
-    var dispatch = queue.dispatch;
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
 
-    if (renderPhaseUpdates !== null) {
-      // Render phase updates are stored in a map of queue -> linked list
-      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+  var formAction = action.$$FORM_ACTION;
 
-      if (firstRenderPhaseUpdate !== undefined) {
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
 
-        var newState = workInProgressHook.memoizedState;
-        var update = firstRenderPhaseUpdate;
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
 
-        do {
-          // Process this render phase update. We don't have to check the
-          // priority because it will always be the same as the current
-          // render's.
-          var action = update.action;
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
 
-          {
-            isInHookUserCodeInDev = true;
-          }
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
 
-          newState = reducer(newState, action);
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-          {
-            isInHookUserCodeInDev = false;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
 
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
 
-          update = update.next;
-        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
 
-        workInProgressHook.memoizedState = newState;
-        return [newState, dispatch];
-      }
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
 
 
-    return [workInProgressHook.memoizedState, dispatch];
-  } else {
-    {
-      isInHookUserCodeInDev = true;
-    }
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-    var initialState;
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
 
-    if (reducer === basicStateReducer) {
-      // Special case for `useState`.
-      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
-    } else {
-      initialState = init !== undefined ? init(initialArg) : initialArg;
+        return metadata;
+      };
     }
 
-    {
-      isInHookUserCodeInDev = false;
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
 
-    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    var _queue = workInProgressHook.queue = {
-      last: null,
-      dispatch: null
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
     };
 
-    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+    return [initialState, _dispatch2];
+  }
+}
 
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
 
-    return [workInProgressHook.memoizedState, _dispatch];
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
+
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
 }
 
-function useMemo(nextCreate, deps) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
-  if (workInProgressHook !== null) {
-    var prevState = workInProgressHook.memoizedState;
 
-    if (prevState !== null) {
-      if (nextDeps !== null) {
-        var prevDeps = prevState[1];
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
-  }
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  {
-    isInHookUserCodeInDev = true;
+  if (thenableState === null) {
+    thenableState = createThenableState();
   }
 
-  var nextValue = nextCreate();
-
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function noop$1() {}
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
-  }
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+function disabledLog() {}
 
-      lastRenderPhaseUpdate.next = update;
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
-}
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
   }
-
-  return getServerSnapshot();
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
-
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
-    return value;
-  }
-}
-
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
-}
-
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-    return [initialState, _dispatch2];
-  }
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-function noop$1() {}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
+  return syntheticFrame;
 }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
 }
-
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
 
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
-
 function getStackByComponentStackNode(componentStack) {
   try {
     var info = '';
@@ -8908,15 +9052,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9009,7 +9153,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9042,13 +9186,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9066,6 +9211,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9073,13 +9219,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9098,6 +9245,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9105,7 +9253,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9187,19 +9336,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9266,6 +9415,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9301,12 +9451,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9340,11 +9486,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9371,9 +9514,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9387,6 +9530,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9398,16 +9542,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9445,11 +9586,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9463,9 +9601,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9493,7 +9631,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9518,7 +9656,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9545,7 +9688,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9553,7 +9696,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9574,11 +9717,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9600,7 +9742,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9694,7 +9836,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9704,7 +9846,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9758,10 +9900,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9769,37 +9917,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9812,12 +9936,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9829,7 +9952,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -9840,14 +9963,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -9859,18 +9982,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -9898,7 +10021,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -9916,7 +10039,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -9942,31 +10065,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10014,7 +10153,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10043,7 +10182,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10115,13 +10254,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10132,9 +10286,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10142,17 +10301,22 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            ref = element.ref;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10173,7 +10337,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10228,13 +10392,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10264,7 +10430,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10415,9 +10585,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10432,9 +10602,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10458,7 +10628,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10496,7 +10666,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -10700,8 +10870,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -10710,7 +10883,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -10730,7 +10908,11 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -10908,11 +11090,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -10947,12 +11124,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -10986,10 +11158,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11016,12 +11184,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11068,10 +11231,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11150,7 +11309,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11185,7 +11349,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11207,12 +11371,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11223,7 +11387,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11239,9 +11403,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11253,13 +11425,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11271,7 +11449,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -11280,17 +11458,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11302,17 +11476,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11331,11 +11501,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11345,6 +11511,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11356,13 +11523,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11384,10 +11551,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 ce8e4c470d446a..9cc485f76b1208 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
@@ -13,21 +13,70 @@
 var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 // Do not require this module directly! Use normal `invariant` calls with
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -123,7 +172,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   callback();
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -136,10 +185,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -199,9 +247,6 @@ function stringToPrecomputedChunk(content) {
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -392,19 +437,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -580,6 +619,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -594,9 +634,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -615,7 +653,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -977,7 +1015,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1115,6 +1153,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1838,7 +1877,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1849,11 +1888,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1861,7 +1913,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1932,8 +1984,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1945,8 +1997,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1973,16 +2025,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -2015,7 +2065,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -2059,8 +2109,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2306,12 +2356,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2567,6 +2624,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2685,14 +2743,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2722,19 +2787,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3148,7 +3213,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3168,7 +3233,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3211,12 +3276,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3428,14 +3493,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3589,13 +3657,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3613,15 +3681,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3629,14 +3689,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3649,15 +3706,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3674,15 +3731,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3708,10 +3757,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3798,6 +3847,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3857,10 +3907,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3947,6 +3997,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -4010,15 +4061,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4803,13 +4851,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4905,45 +4949,6 @@ function emitEarlyPreloads(renderState, resumableState, shellComplete) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5010,13 +5015,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5042,309 +5057,68 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+      return parentContext;
+    }
 
+    const childContext = instance.getChildContext();
 
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
+      }
+    }
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+    return assign({}, parentContext, childContext);
+  }
+}
 
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
 
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
+const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
+let currentActiveSnapshot = null;
 
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw Error(formatProdErrorMessage(108, getComponentNameFromType(type) || 'Unknown', contextKey));
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
 
 function pushNode(next) {
   {
@@ -5490,12 +5264,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6442,7 +6211,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -6528,6 +6297,246 @@ const DefaultCacheDispatcher = {
   getCacheForType
 };
 
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (false) ; // Return the line we found.
+
+
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  return syntheticFrame;
+}
+
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
 function getStackByComponentStackNode(componentStack) {
   try {
     let info = '';
@@ -6536,15 +6545,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6636,7 +6645,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6667,13 +6676,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6689,6 +6699,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6696,13 +6707,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6719,6 +6731,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6726,7 +6739,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6853,6 +6867,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6888,12 +6903,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6927,11 +6938,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6958,9 +6966,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6974,6 +6982,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -6985,16 +6994,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7032,11 +7038,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7050,9 +7053,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7080,7 +7083,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7104,7 +7107,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7121,7 +7129,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7129,7 +7137,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7144,7 +7152,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7154,7 +7162,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7221,7 +7229,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7245,10 +7253,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7256,45 +7270,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7306,18 +7318,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7345,7 +7357,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7363,7 +7375,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7389,31 +7401,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7455,7 +7477,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7484,7 +7506,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7536,9 +7558,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7549,9 +7569,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
 
-  if (typeof node === 'object' && node !== null) {
+
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7559,17 +7584,22 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            ref = element.ref;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7590,7 +7620,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7642,13 +7672,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -7823,9 +7855,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -7840,9 +7872,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -7866,7 +7898,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -7904,7 +7936,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8094,8 +8126,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8104,7 +8139,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8123,7 +8163,11 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8286,11 +8330,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8319,12 +8358,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8358,9 +8392,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8378,12 +8409,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw Error(formatProdErrorMessage(488));
@@ -8430,9 +8456,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8498,7 +8521,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8533,7 +8561,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8555,12 +8583,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8571,7 +8599,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8587,9 +8615,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
+
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8601,13 +8637,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8619,7 +8661,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8628,17 +8670,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8650,17 +8688,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8679,11 +8713,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8693,6 +8723,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8704,13 +8735,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw Error(formatProdErrorMessage(392));
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8732,10 +8763,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.min.js
index 6e2283f44d87a2..a3fe6347c61ea0 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.browser.production.min.js
@@ -29,182 +29,183 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var aa=require("next/dist/compiled/react"),ba=require("react-dom");function l(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
-function ca(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+'use strict';var aa=require("next/dist/compiled/react"),ba=require("react-dom");function k(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var da=Symbol.for("react.element"),fa=Symbol.for("react.portal"),ha=Symbol.for("react.fragment"),ja=Symbol.for("react.strict_mode"),ma=Symbol.for("react.profiler"),na=Symbol.for("react.provider"),oa=Symbol.for("react.consumer"),ua=Symbol.for("react.context"),va=Symbol.for("react.forward_ref"),wa=Symbol.for("react.suspense"),Fa=Symbol.for("react.suspense_list"),Ga=Symbol.for("react.memo"),Ha=Symbol.for("react.lazy"),Ia=Symbol.for("react.scope"),Ja=Symbol.for("react.debug_trace_mode"),Ka=Symbol.for("react.offscreen"),
+Ta=Symbol.for("react.legacy_hidden"),Ua=Symbol.for("react.cache"),Va=Symbol.iterator,Wa=Array.isArray;
+function Xa(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
 16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}var n=null,r=0;
-function v(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<r&&(a.enqueue(new Uint8Array(n.buffer,0,r)),n=new Uint8Array(512),r=0),a.enqueue(b);else{var c=n.length-r;c<b.byteLength&&(0===c?a.enqueue(n):(n.set(b.subarray(0,c),r),a.enqueue(n),b=b.subarray(c)),n=new Uint8Array(512),r=0);n.set(b,r);r+=b.byteLength}}function x(a,b){v(a,b);return!0}function ea(a){n&&0<r&&(a.enqueue(new Uint8Array(n.buffer,0,r)),n=null,r=0)}var fa=new TextEncoder;function A(a){return fa.encode(a)}
-function C(a){return fa.encode(a)}function na(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var D=Object.assign,F=Object.prototype.hasOwnProperty,oa=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),ra={},sa={};
-function ya(a){if(F.call(sa,a))return!0;if(F.call(ra,a))return!1;if(oa.test(a))return sa[a]=!0;ra[a]=!0;return!1}
-var za=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Aa=
+function u(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<r&&(a.enqueue(new Uint8Array(n.buffer,0,r)),n=new Uint8Array(2048),r=0),a.enqueue(b);else{var c=n.length-r;c<b.byteLength&&(0===c?a.enqueue(n):(n.set(b.subarray(0,c),r),a.enqueue(n),b=b.subarray(c)),n=new Uint8Array(2048),r=0);n.set(b,r);r+=b.byteLength}}function x(a,b){u(a,b);return!0}function Ya(a){n&&0<r&&(a.enqueue(new Uint8Array(n.buffer,0,r)),n=null,r=0)}var Za=new TextEncoder;function B(a){return Za.encode(a)}
+function D(a){return Za.encode(a)}function $a(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var E=Object.assign,F=Object.prototype.hasOwnProperty,jb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),qb={},rb={};
+function sb(a){if(F.call(rb,a))return!0;if(F.call(qb,a))return!1;if(jb.test(a))return rb[a]=!0;qb[a]=!0;return!1}
+var tb=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),ub=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ga=/["'&<>]/;
-function I(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ga.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Ha=/([A-Z])/g,Ia=/^ms-/,Ja=Array.isArray,Ka=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,La={pending:!1,data:null,method:null,action:null},Ma=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,$a={prefetchDNS:Ta,preconnect:Ua,preload:Va,preloadModule:Wa,preinitStyle:Xa,preinitScript:Ya,preinitModuleScript:Za},ab=[],bb=C('"></template>'),cb=C("<script>"),qb=C("\x3c/script>"),rb=C('<script src="'),sb=C('<script type="module" src="'),tb=C('" nonce="'),ub=C('" integrity="'),
-vb=C('" crossorigin="'),wb=C('" async="">\x3c/script>'),xb=/(<\/|<)(s)(cript)/gi;function yb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var zb=C('<script type="importmap">'),Ab=C("\x3c/script>");
-function Jb(a,b,c,d,e,f){var g=void 0===b?cb:C('<script nonce="'+I(b)+'">'),h=a.idPrefix,k=[],m=null,p=a.bootstrapScriptContent,q=a.bootstrapScripts,t=a.bootstrapModules;void 0!==p&&k.push(g,A((""+p).replace(xb,yb)),qb);void 0!==c&&("string"===typeof c?(m={src:c,chunks:[]},Kb(m.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(m={src:c.src,chunks:[]},Kb(m.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(zb),c.push(A((""+JSON.stringify(d)).replace(xb,yb))),c.push(Ab));
-d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:C(h+"P:"),segmentPrefix:C(h+"S:"),boundaryPrefix:C(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:m,bootstrapChunks:k,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:c,preloadChunks:[],hoistableChunks:[],preconnects:new Set,
-fontPreloads:new Set,highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,boundaryResources:null,stylesToHoist:!1};if(void 0!==q)for(g=0;g<q.length;g++)c=q[g],d=m=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=m="string"===
-typeof c||null==c.crossOrigin?void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,p=h,c.scriptResources[p]=null,c.moduleScriptResources[p]=null,c=[],L(c,f),e.bootstrapScripts.add(c),k.push(rb,A(I(h))),b&&k.push(tb,A(I(b))),"string"===typeof d&&k.push(ub,A(I(d))),"string"===typeof m&&k.push(vb,A(I(m))),k.push(wb);if(void 0!==t)for(q=0;q<t.length;q++)f=t[q],m=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=m="string"===
-typeof f.integrity?f.integrity:void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],L(f,d),e.bootstrapScripts.add(f),k.push(sb,A(I(g))),b&&k.push(tb,A(I(b))),"string"===typeof m&&k.push(ub,A(I(m))),"string"===typeof h&&k.push(vb,A(I(h))),k.push(wb);return e}
-function Lb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function M(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function Mb(a){return M("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
-function Nb(a,b,c){switch(b){case "noscript":return M(2,null,a.tagScope|1);case "select":return M(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return M(3,null,a.tagScope);case "picture":return M(2,null,a.tagScope|2);case "math":return M(4,null,a.tagScope);case "foreignObject":return M(2,null,a.tagScope);case "table":return M(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return M(6,null,a.tagScope);case "colgroup":return M(8,null,a.tagScope);case "tr":return M(7,null,a.tagScope)}return 5<=
-a.insertionMode?M(2,null,a.tagScope):0===a.insertionMode?"html"===b?M(1,null,a.tagScope):M(2,null,a.tagScope):1===a.insertionMode?M(2,null,a.tagScope):a}var Ob=C("\x3c!-- --\x3e");function Pb(a,b,c,d){if(""===b)return d;d&&a.push(Ob);a.push(A(I(b)));return!0}var Qb=new Map,Rb=C(' style="'),Sb=C(":"),Tb=C(";");
-function Ub(a,b){if("object"!==typeof b)throw Error(l(62));var c=!0,d;for(d in b)if(F.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=A(I(d));e=A(I((""+e).trim()))}else f=Qb.get(d),void 0===f&&(f=C(I(d.replace(Ha,"-$1").toLowerCase().replace(Ia,"-ms-"))),Qb.set(d,f)),e="number"===typeof e?0===e||za.has(d)?A(""+e):A(e+"px"):A(I((""+e).trim()));c?(c=!1,a.push(Rb,f,Sb,e)):a.push(Tb,f,Sb,e)}}c||a.push(Vb)}var P=C(" "),Wb=C('="'),Vb=C('"'),Xb=C('=""');
-function Yb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,A(b),Xb)}function Q(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(P,A(b),Wb,A(I(c)),Vb)}function Zb(a){var b=a.nextFormID++;return a.idPrefix+b}var $b=C(I("javascript:throw new Error('A React form was unexpectedly submitted.')")),ac=C('<input type="hidden"');function bc(a,b){this.push(ac);if("string"!==typeof a)throw Error(l(480));Q(this,"name",b);Q(this,"value",a);this.push(cc)}
-function dc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Zb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(P,A("formAction"),Wb,$b,Vb),g=f=e=d=h=null,ec(b,c)));null!=h&&R(a,"name",h);null!=d&&R(a,"formAction",d);null!=e&&R(a,"formEncType",e);null!=f&&R(a,"formMethod",f);null!=g&&R(a,"formTarget",g);return k}
-function R(a,b,c){switch(b){case "className":Q(a,"class",c);break;case "tabIndex":Q(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":Q(a,b,c);break;case "style":Ub(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(P,A(b),Wb,A(I(c)),Vb);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":Yb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(P,A("xlink:href"),Wb,A(I(c)),Vb);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,A(b),Wb,A(I(c)),Vb);break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,A(b),Xb);break;case "capture":case "download":!0===c?a.push(P,A(b),Xb):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(P,A(b),Wb,A(I(c)),Vb);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(P,A(b),Wb,A(I(c)),Vb);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(P,A(b),Wb,A(I(c)),Vb);break;case "xlinkActuate":Q(a,"xlink:actuate",
-c);break;case "xlinkArcrole":Q(a,"xlink:arcrole",c);break;case "xlinkRole":Q(a,"xlink:role",c);break;case "xlinkShow":Q(a,"xlink:show",c);break;case "xlinkTitle":Q(a,"xlink:title",c);break;case "xlinkType":Q(a,"xlink:type",c);break;case "xmlBase":Q(a,"xml:base",c);break;case "xmlLang":Q(a,"xml:lang",c);break;case "xmlSpace":Q(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Aa.get(b)||b,ya(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(P,A(b),Wb,A(I(c)),Vb)}}}var S=C(">"),cc=C("/>");function fc(a,b,c){if(null!=b){if(null!=c)throw Error(l(60));if("object"!==typeof b||!("__html"in b))throw Error(l(61));b=b.__html;null!==b&&void 0!==b&&a.push(A(""+b))}}function gc(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var hc=C(' selected=""'),ic=C('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});');
-function ec(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,ic,qb))}var jc=C("\x3c!--F!--\x3e"),kc=C("\x3c!--F--\x3e");
-function lc(a,b,c,d,e,f,g){var h=b.rel,k=b.href,m=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return L(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof m||null!=b.disabled||b.onLoad||b.onError)return L(a,b);f=d.styles.get(m);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:A(I(m)),rules:[],hrefs:[],sheets:new Map},d.styles.set(m,f)),b={state:0,props:D({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&vc(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push(Ob);return null}if(b.onLoad||b.onError)return L(a,b);e&&a.push(Ob);switch(b.rel){case "preconnect":case "dns-prefetch":return L(d.preconnectChunks,b);case "preload":return L(d.preloadChunks,b);default:return L(d.hoistableChunks,
-b)}}function L(a,b){a.push(T("link"));for(var c in b)if(F.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"link"));default:R(a,c,d)}}a.push(cc);return null}function wc(a,b,c){a.push(T(c));for(var d in b)if(F.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,c));default:R(a,d,e)}}a.push(cc);return null}
-function xc(a,b){a.push(T("title"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:R(a,e,f)}}a.push(S);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(A(I(""+b)));fc(a,d,c);a.push(yc("title"));return null}
-function Kb(a,b){a.push(T("script"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:R(a,e,f)}}a.push(S);fc(a,d,c);"string"===typeof c&&a.push(A(I(c)));a.push(yc("script"));return null}
-function zc(a,b,c){a.push(T(c));var d=c=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:R(a,e,f)}}a.push(S);fc(a,d,c);return"string"===typeof c?(a.push(A(I(c))),null):c}var Ac=C("\n"),Bc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Cc=new Map;function T(a){var b=Cc.get(a);if(void 0===b){if(!Bc.test(a))throw Error(l(65,a));b=C("<"+a);Cc.set(a,b)}return b}var Dc=C("<!DOCTYPE html>");
-function Ec(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(T("select"));var h=null,k=null,m;for(m in c)if(F.call(c,m)){var p=c[m];if(null!=p)switch(m){case "children":h=p;break;case "dangerouslySetInnerHTML":k=p;break;case "defaultValue":case "value":break;default:R(a,m,p)}}a.push(S);fc(a,k,h);return h;case "option":var q=f.selectedValue;a.push(T("option"));var t=null,u=null,B=null,E=null,w;for(w in c)if(F.call(c,
-w)){var z=c[w];if(null!=z)switch(w){case "children":t=z;break;case "selected":B=z;break;case "dangerouslySetInnerHTML":E=z;break;case "value":u=z;default:R(a,w,z)}}if(null!=q){var ha=null!==u?""+u:gc(t);if(Ja(q))for(var X=0;X<q.length;X++){if(""+q[X]===ha){a.push(hc);break}}else""+q===ha&&a.push(hc)}else B&&a.push(hc);a.push(S);fc(a,E,t);return t;case "textarea":a.push(T("textarea"));var y=null,G=null,H=null,ia;for(ia in c)if(F.call(c,ia)){var pa=c[ia];if(null!=pa)switch(ia){case "children":H=pa;
-break;case "value":y=pa;break;case "defaultValue":G=pa;break;case "dangerouslySetInnerHTML":throw Error(l(91));default:R(a,ia,pa)}}null===y&&null!==G&&(y=G);a.push(S);if(null!=H){if(null!=y)throw Error(l(92));if(Ja(H)){if(1<H.length)throw Error(l(93));y=""+H[0]}y=""+H}"string"===typeof y&&"\n"===y[0]&&a.push(Ac);null!==y&&a.push(A(I(""+y)));return null;case "input":a.push(T("input"));var Y=null,ja=null,ka=null,J=null,N=null,ta=null,ua=null,va=null,Na=null,la;for(la in c)if(F.call(c,la)){var da=c[la];
-if(null!=da)switch(la){case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"input"));case "name":Y=da;break;case "formAction":ja=da;break;case "formEncType":ka=da;break;case "formMethod":J=da;break;case "formTarget":N=da;break;case "defaultChecked":Na=da;break;case "defaultValue":ua=da;break;case "checked":va=da;break;case "value":ta=da;break;default:R(a,la,da)}}var td=dc(a,d,e,ja,ka,J,N,Y);null!==va?Yb(a,"checked",va):null!==Na&&Yb(a,"checked",Na);null!==ta?R(a,"value",ta):null!==ua&&
-R(a,"value",ua);a.push(cc);null!==td&&td.forEach(bc,a);return null;case "button":a.push(T("button"));var db=null,ud=null,vd=null,wd=null,xd=null,yd=null,zd=null,eb;for(eb in c)if(F.call(c,eb)){var qa=c[eb];if(null!=qa)switch(eb){case "children":db=qa;break;case "dangerouslySetInnerHTML":ud=qa;break;case "name":vd=qa;break;case "formAction":wd=qa;break;case "formEncType":xd=qa;break;case "formMethod":yd=qa;break;case "formTarget":zd=qa;break;default:R(a,eb,qa)}}var Ad=dc(a,d,e,wd,xd,yd,zd,vd);a.push(S);
-null!==Ad&&Ad.forEach(bc,a);fc(a,ud,db);if("string"===typeof db){a.push(A(I(db)));var Bd=null}else Bd=db;return Bd;case "form":a.push(T("form"));var fb=null,Cd=null,wa=null,gb=null,hb=null,ib=null,jb;for(jb in c)if(F.call(c,jb)){var xa=c[jb];if(null!=xa)switch(jb){case "children":fb=xa;break;case "dangerouslySetInnerHTML":Cd=xa;break;case "action":wa=xa;break;case "encType":gb=xa;break;case "method":hb=xa;break;case "target":ib=xa;break;default:R(a,jb,xa)}}var mc=null,nc=null;if("function"===typeof wa)if("function"===
-typeof wa.$$FORM_ACTION){var tf=Zb(d),Oa=wa.$$FORM_ACTION(tf);wa=Oa.action||"";gb=Oa.encType;hb=Oa.method;ib=Oa.target;mc=Oa.data;nc=Oa.name}else a.push(P,A("action"),Wb,$b,Vb),ib=hb=gb=wa=null,ec(d,e);null!=wa&&R(a,"action",wa);null!=gb&&R(a,"encType",gb);null!=hb&&R(a,"method",hb);null!=ib&&R(a,"target",ib);a.push(S);null!==nc&&(a.push(ac),Q(a,"name",nc),a.push(cc),null!==mc&&mc.forEach(bc,a));fc(a,Cd,fb);if("string"===typeof fb){a.push(A(I(fb)));var Dd=null}else Dd=fb;return Dd;case "menuitem":a.push(T("menuitem"));
-for(var Bb in c)if(F.call(c,Bb)){var Ed=c[Bb];if(null!=Ed)switch(Bb){case "children":case "dangerouslySetInnerHTML":throw Error(l(400));default:R(a,Bb,Ed)}}a.push(S);return null;case "title":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Fd=xc(a,c);else xc(e.hoistableChunks,c),Fd=null;return Fd;case "link":return lc(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var oc=c.async;if("string"!==typeof c.src||!c.src||!oc||"function"===typeof oc||"symbol"===typeof oc||c.onLoad||c.onError||
-3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Gd=Kb(a,c);else{var Cb=c.src;if("module"===c.type){var Db=d.moduleScriptResources;var Hd=e.preloads.moduleScripts}else Db=d.scriptResources,Hd=e.preloads.scripts;var Eb=Db.hasOwnProperty(Cb)?Db[Cb]:void 0;if(null!==Eb){Db[Cb]=null;var pc=c;if(Eb){2===Eb.length&&(pc=D({},c),vc(pc,Eb));var Id=Hd.get(Cb);Id&&(Id.length=0)}var Jd=[];e.scripts.add(Jd);Kb(Jd,pc)}g&&a.push(Ob);Gd=null}return Gd;case "style":var Fb=c.precedence,Ba=c.href;if(3===f.insertionMode||
-f.tagScope&1||null!=c.itemProp||"string"!==typeof Fb||"string"!==typeof Ba||""===Ba){a.push(T("style"));var Pa=null,Kd=null,kb;for(kb in c)if(F.call(c,kb)){var Gb=c[kb];if(null!=Gb)switch(kb){case "children":Pa=Gb;break;case "dangerouslySetInnerHTML":Kd=Gb;break;default:R(a,kb,Gb)}}a.push(S);var lb=Array.isArray(Pa)?2>Pa.length?Pa[0]:null:Pa;"function"!==typeof lb&&"symbol"!==typeof lb&&null!==lb&&void 0!==lb&&a.push(A(I(""+lb)));fc(a,Kd,Pa);a.push(yc("style"));var Ld=null}else{var Ca=e.styles.get(Fb);
-if(null!==(d.styleResources.hasOwnProperty(Ba)?d.styleResources[Ba]:void 0)){d.styleResources[Ba]=null;Ca?Ca.hrefs.push(A(I(Ba))):(Ca={precedence:A(I(Fb)),rules:[],hrefs:[A(I(Ba))],sheets:new Map},e.styles.set(Fb,Ca));var Md=Ca.rules,Qa=null,Nd=null,Hb;for(Hb in c)if(F.call(c,Hb)){var qc=c[Hb];if(null!=qc)switch(Hb){case "children":Qa=qc;break;case "dangerouslySetInnerHTML":Nd=qc}}var mb=Array.isArray(Qa)?2>Qa.length?Qa[0]:null:Qa;"function"!==typeof mb&&"symbol"!==typeof mb&&null!==mb&&void 0!==
-mb&&Md.push(A(I(""+mb)));fc(Md,Nd,Qa)}Ca&&e.boundaryResources&&e.boundaryResources.styles.add(Ca);g&&a.push(Ob);Ld=void 0}return Ld;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Od=wc(a,c,"meta");else g&&a.push(Ob),Od="string"===typeof c.charSet?wc(e.charsetChunks,c,"meta"):"viewport"===c.name?wc(e.preconnectChunks,c,"meta"):wc(e.hoistableChunks,c,"meta");return Od;case "listing":case "pre":a.push(T(b));var nb=null,ob=null,pb;for(pb in c)if(F.call(c,pb)){var Ib=c[pb];if(null!=
-Ib)switch(pb){case "children":nb=Ib;break;case "dangerouslySetInnerHTML":ob=Ib;break;default:R(a,pb,Ib)}}a.push(S);if(null!=ob){if(null!=nb)throw Error(l(60));if("object"!==typeof ob||!("__html"in ob))throw Error(l(61));var Da=ob.__html;null!==Da&&void 0!==Da&&("string"===typeof Da&&0<Da.length&&"\n"===Da[0]?a.push(Ac,A(Da)):a.push(A(""+Da)))}"string"===typeof nb&&"\n"===nb[0]&&a.push(Ac);return nb;case "img":var O=c.src,K=c.srcSet;if(!("lazy"===c.loading||!O&&!K||"string"!==typeof O&&null!=O||"string"!==
-typeof K&&null!=K)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof O||":"!==O[4]||"d"!==O[0]&&"D"!==O[0]||"a"!==O[1]&&"A"!==O[1]||"t"!==O[2]&&"T"!==O[2]||"a"!==O[3]&&"A"!==O[3])&&("string"!==typeof K||":"!==K[4]||"d"!==K[0]&&"D"!==K[0]||"a"!==K[1]&&"A"!==K[1]||"t"!==K[2]&&"T"!==K[2]||"a"!==K[3]&&"A"!==K[3])){var Pd="string"===typeof c.sizes?c.sizes:void 0,Ra=K?K+"\n"+(Pd||""):O,rc=e.preloads.images,Ea=rc.get(Ra);if(Ea){if("high"===c.fetchPriority||10>e.highImagePreloads.size)rc.delete(Ra),
-e.highImagePreloads.add(Ea)}else if(!d.imageResources.hasOwnProperty(Ra)){d.imageResources[Ra]=ab;var sc=c.crossOrigin;var Qd="string"===typeof sc?"use-credentials"===sc?sc:"":void 0;var ma=e.headers,tc;ma&&0<ma.remainingCapacity&&("high"===c.fetchPriority||500>ma.highImagePreloads.length)&&(tc=Fc(O,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Qd,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ma.remainingCapacity-=
-tc.length))?(e.resets.image[Ra]=ab,ma.highImagePreloads&&(ma.highImagePreloads+=", "),ma.highImagePreloads+=tc):(Ea=[],L(Ea,{rel:"preload",as:"image",href:K?void 0:O,imageSrcSet:K,imageSizes:Pd,crossOrigin:Qd,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ea):(e.bulkPreloads.add(Ea),rc.set(Ra,Ea)))}}return wc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return wc(a,
-c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var Rd=zc(e.headChunks,c,"head")}else Rd=zc(a,c,"head");return Rd;case "html":if(0===f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[Dc];var Sd=zc(e.htmlChunks,c,"html")}else Sd=zc(a,c,"html");return Sd;default:if(-1!==b.indexOf("-")){a.push(T(b));
-var uc=null,Td=null,Sa;for(Sa in c)if(F.call(c,Sa)){var Fa=c[Sa];if(null!=Fa){var uf=Sa;switch(Sa){case "children":uc=Fa;break;case "dangerouslySetInnerHTML":Td=Fa;break;case "style":Ub(a,Fa);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;default:ya(Sa)&&"function"!==typeof Fa&&"symbol"!==typeof Fa&&a.push(P,A(uf),Wb,A(I(Fa)),Vb)}}}a.push(S);fc(a,Td,uc);return uc}}return zc(a,c,b)}var Gc=new Map;
-function yc(a){var b=Gc.get(a);void 0===b&&(b=C("</"+a+">"),Gc.set(a,b));return b}function Hc(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)v(a,b[c]);return c<b.length?(c=b[c],b.length=0,x(a,c)):!0}var Ic=C('<template id="'),Jc=C('"></template>'),Kc=C("\x3c!--$--\x3e"),Lc=C('\x3c!--$?--\x3e<template id="'),Mc=C('"></template>'),Nc=C("\x3c!--$!--\x3e"),Oc=C("\x3c!--/$--\x3e"),Pc=C("<template"),Qc=C('"'),Rc=C(' data-dgst="');C(' data-msg="');C(' data-stck="');var Sc=C("></template>");
-function Tc(a,b,c){v(a,Lc);if(null===c)throw Error(l(395));v(a,b.boundaryPrefix);v(a,A(c.toString(16)));return x(a,Mc)}
-var Uc=C('<div hidden id="'),Vc=C('">'),Wc=C("</div>"),Xc=C('<svg aria-hidden="true" style="display:none" id="'),Yc=C('">'),Zc=C("</svg>"),$c=C('<math aria-hidden="true" style="display:none" id="'),ad=C('">'),bd=C("</math>"),cd=C('<table hidden id="'),dd=C('">'),ed=C("</table>"),fd=C('<table hidden><tbody id="'),gd=C('">'),hd=C("</tbody></table>"),id=C('<table hidden><tr id="'),jd=C('">'),kd=C("</tr></table>"),ld=C('<table hidden><colgroup id="'),md=C('">'),nd=C("</colgroup></table>");
-function od(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return v(a,Uc),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,Vc);case 3:return v(a,Xc),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,Yc);case 4:return v(a,$c),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,ad);case 5:return v(a,cd),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,dd);case 6:return v(a,fd),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,gd);case 7:return v(a,id),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,jd);
-case 8:return v(a,ld),v(a,b.segmentPrefix),v(a,A(d.toString(16))),x(a,md);default:throw Error(l(397));}}function pd(a,b){switch(b.insertionMode){case 0:case 1:case 2:return x(a,Wc);case 3:return x(a,Zc);case 4:return x(a,bd);case 5:return x(a,ed);case 6:return x(a,hd);case 7:return x(a,kd);case 8:return x(a,nd);default:throw Error(l(397));}}
-var qd=C('$RS=function(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("'),rd=C('$RS("'),sd=C('","'),Ud=C('")\x3c/script>'),Vd=C('<template data-rsi="" data-sid="'),Wd=C('" data-pid="'),Xd=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
-Yd=C('$RC("'),Zd=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-$d=C('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-ae=C('$RR("'),be=C('","'),ce=C('",'),de=C('"'),ee=C(")\x3c/script>"),fe=C('<template data-rci="" data-bid="'),ge=C('<template data-rri="" data-bid="'),he=C('" data-sid="'),ie=C('" data-sty="'),je=C('$RX=function(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("'),ke=C('$RX("'),le=C('"'),me=C(","),ne=C(")\x3c/script>"),oe=C('<template data-rxi="" data-bid="'),pe=C('" data-dgst="'),
-qe=C('" data-msg="'),re=C('" data-stck="'),se=/[<\u2028\u2029]/g;function te(a){return JSON.stringify(a).replace(se,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var ue=/[&><\u2028\u2029]/g;
-function ve(a){return JSON.stringify(a).replace(ue,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
-var we=C('<style media="not all" data-precedence="'),xe=C('" data-href="'),ye=C('">'),ze=C("</style>"),Ae=!1,Be=!0;function Ce(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){v(this,we);v(this,a.precedence);for(v(this,xe);d<c.length-1;d++)v(this,c[d]),v(this,De);v(this,c[d]);v(this,ye);for(d=0;d<b.length;d++)v(this,b[d]);Be=x(this,ze);Ae=!0;b.length=0;c.length=0}}function Ee(a){return 2!==a.state?Ae=!0:!1}
-function Fe(a,b,c){Ae=!1;Be=!0;b.styles.forEach(Ce,a);b.stylesheets.forEach(Ee);Ae&&(c.stylesToHoist=!0);return Be}function Ge(a){for(var b=0;b<a.length;b++)v(this,a[b]);a.length=0}var He=[];function Ie(a){L(He,a.props);for(var b=0;b<He.length;b++)v(this,He[b]);He.length=0;a.state=2}var Je=C('<style data-precedence="'),Ke=C('" data-href="'),De=C(" "),Le=C('">'),Me=C("</style>");
-function Ne(a){var b=0<a.sheets.size;a.sheets.forEach(Ie,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){v(this,Je);v(this,a.precedence);a=0;if(d.length){for(v(this,Ke);a<d.length-1;a++)v(this,d[a]),v(this,De);v(this,d[a])}v(this,Le);for(a=0;a<c.length;a++)v(this,c[a]);v(this,Me);c.length=0;d.length=0}}
-function Oe(a){if(0===a.state){a.state=1;var b=a.props;L(He,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<He.length;a++)v(this,He[a]);He.length=0}}function Pe(a){a.sheets.forEach(Oe,this);a.sheets.clear()}var Qe=C("["),Re=C(",["),Se=C(","),Te=C("]");
-function Ue(a,b){v(a,Qe);var c=Qe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,A(ve(""+d.props.href))),v(a,Te),c=Re;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,A(ve(""+d.props.href)));e=""+e;v(a,Se);v(a,A(ve(e)));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(l(399,"link"));default:a:{e=a;var k=g.toLowerCase();
-switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ya(g))break a;h=""+h}v(e,Se);v(e,A(ve(k)));v(e,Se);v(e,A(ve(h)))}}}v(a,Te);c=Re;d.state=3}});v(a,Te)}
-function Ve(a,b){v(a,Qe);var c=Qe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,A(I(JSON.stringify(""+d.props.href)))),v(a,Te),c=Re;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,A(I(JSON.stringify(""+d.props.href))));e=""+e;v(a,Se);v(a,A(I(JSON.stringify(e))));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(l(399,
-"link"));default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ya(g))break a;h=""+h}v(e,Se);v(e,A(I(JSON.stringify(k))));
-v(e,Se);v(e,A(I(JSON.stringify(h))))}}}v(a,Te);c=Re;d.state=3}});v(a,Te)}
-function Ta(a){var b=U?U:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(We,Xe)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],L(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Ye(b)}}}
-function Ua(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(We,Xe)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(Ze,$e);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],L(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Ye(c)}}}
-function Va(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=ab;e=f.headers;var p;e&&0<e.remainingCapacity&&"high"===k&&(p=Fc(a,b,c),2<=(e.remainingCapacity-=p.length))?(f.resets.image[m]=ab,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=p):(e=[],L(e,D({rel:"preload",href:g?
-void 0:a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];L(g,D({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?ab:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-L(g,D({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?ab:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=ab;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=Fc(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=ab,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=
-[],a=D({rel:"preload",href:a,as:b},c),L(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Ye(d)}}}
-function Wa(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?ab:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=ab}L(f,D({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Ye(c)}}}
-function Xa(a,b,c){var d=U?U:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:A(I(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:D({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&vc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Ye(d))}}}
-function Ya(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=D({src:a,async:!0},b),f&&(2===f.length&&vc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Kb(a,b),Ye(c))}}}
-function Za(a,b){var c=U?U:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=D({src:a,type:"module",async:!0},b),f&&(2===f.length&&vc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Kb(a,b),Ye(c))}}}function vc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Fc(a,b,c){a=(""+a).replace(We,Xe);b=(""+b).replace(Ze,$e);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)F.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Ze,$e)+'"'));return b}var We=/[<>\r\n]/g;
-function Xe(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Ze=/["';,\r\n]/g;
-function $e(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function af(a){this.styles.add(a)}function bf(a){this.stylesheets.add(a)}
-var cf=Symbol.for("react.element"),df=Symbol.for("react.portal"),ef=Symbol.for("react.fragment"),ff=Symbol.for("react.strict_mode"),gf=Symbol.for("react.profiler"),hf=Symbol.for("react.provider"),jf=Symbol.for("react.context"),kf=Symbol.for("react.server_context"),lf=Symbol.for("react.forward_ref"),mf=Symbol.for("react.suspense"),nf=Symbol.for("react.suspense_list"),of=Symbol.for("react.memo"),pf=Symbol.for("react.lazy"),qf=Symbol.for("react.scope"),rf=Symbol.for("react.debug_trace_mode"),sf=Symbol.for("react.offscreen"),
-vf=Symbol.for("react.legacy_hidden"),wf=Symbol.for("react.cache"),xf=Symbol.for("react.default_value"),yf=Symbol.iterator,zf=Symbol.for("react.client.reference");
-function Af(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===zf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ef:return"Fragment";case df:return"Portal";case gf:return"Profiler";case ff:return"StrictMode";case mf:return"Suspense";case nf:return"SuspenseList";case wf:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case jf:return(a.displayName||"Context")+".Consumer";case hf:return(a._context.displayName||"Context")+".Provider";case lf:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case of:return b=a.displayName||null,null!==b?b:Af(a.type)||"Memo";case pf:b=a._payload;a=a._init;try{return Af(a(b))}catch(c){}}return null}var Bf;function Cf(a){if(void 0===Bf)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Bf=b&&b[1]||""}return"\n"+Bf+a}var Df=!1;
-function Ef(a,b){if(!a||Df)return"";Df=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var q=function(){throw Error();};Object.defineProperty(q.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(q,[])}catch(u){var t=u}Reflect.construct(a,[],q)}else{try{q.call()}catch(u){t=u}a.call(q.prototype)}}else{try{throw Error();}catch(u){t=u}(q=a())&&"function"===typeof q.catch&&
-q.catch(function(){})}}catch(u){if(u&&t&&"string"===typeof u.stack)return[u.stack,t.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var p="\n"+k[d].replace(" at new "," at ");a.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",a.displayName));return p}while(1<=d&&0<=e)}break}}}finally{Df=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Cf(c):""}
-var Ff={};function Gf(a,b){a=a.contextTypes;if(!a)return Ff;var c={},d;for(d in a)c[d]=b[d];return c}var Hf=null;function If(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(l(401));}else{if(null===c)throw Error(l(401));If(a,c)}b.context._currentValue=b.value}}function Jf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Jf(a)}function Kf(a){var b=a.parent;null!==b&&Kf(b);a.context._currentValue=a.value}
-function Lf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error(l(402));a.depth===b.depth?If(a,b):Lf(a,b)}function Mf(a,b){var c=b.parent;if(null===c)throw Error(l(402));a.depth===c.depth?If(a,c):Mf(a,c);b.context._currentValue=b.value}function Nf(a){var b=Hf;b!==a&&(null===b?Kf(a):null===a?Jf(b):b.depth===a.depth?If(b,a):b.depth>a.depth?Lf(b,a):Mf(b,a),Hf=a)}
-var Of={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Pf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Of;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:D({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Of.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=D({},f,h)):D(f,h))}a.state=f}else f.queue=null}
-var Qf={id:1,overflow:""};function Rf(a,b,c){var d=a.id;a=a.overflow;var e=32-Sf(d)-1;d&=~(1<<e);c+=1;var f=32-Sf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Sf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Sf=Math.clz32?Math.clz32:Tf,Uf=Math.log,Vf=Math.LN2;function Tf(a){a>>>=0;return 0===a?32:31-(Uf(a)/Vf|0)|0}var Wf=Error(l(460));function Xf(){}
-function Yf(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Xf,Xf),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Zf=b;throw Wf;}}var Zf=null;
-function $f(){if(null===Zf)throw Error(l(459));var a=Zf;Zf=null;return a}function ag(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var bg="function"===typeof Object.is?Object.is:ag,cg=null,dg=null,eg=null,fg=null,gg=null,V=null,hg=!1,ig=!1,jg=0,kg=0,lg=-1,mg=0,ng=null,og=null,pg=0;function qg(){if(null===cg)throw Error(l(321));return cg}function rg(){if(0<pg)throw Error(l(312));return{memoizedState:null,queue:null,next:null}}
-function sg(){null===V?null===gg?(hg=!1,gg=V=rg()):(hg=!0,V=gg):null===V.next?(hg=!1,V=V.next=rg()):(hg=!0,V=V.next);return V}function tg(a,b,c,d){for(;ig;)ig=!1,kg=jg=0,lg=-1,mg=0,pg+=1,V=null,c=a(b,d);ug();return c}function vg(){var a=ng;ng=null;return a}function ug(){fg=eg=dg=cg=null;ig=!1;gg=null;pg=0;V=og=null}function wg(a,b){return"function"===typeof b?b(a):b}
-function xg(a,b,c){cg=qg();V=sg();if(hg){var d=V.queue;b=d.dispatch;if(null!==og&&(c=og.get(d),void 0!==c)){og.delete(d);d=V.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);V.memoizedState=d;return[d,b]}return[V.memoizedState,b]}a=a===wg?"function"===typeof b?b():b:void 0!==c?c(b):b;V.memoizedState=a;a=V.queue={last:null,dispatch:null};a=a.dispatch=yg.bind(null,cg,a);return[V.memoizedState,a]}
-function zg(a,b){cg=qg();V=sg();b=void 0===b?null:b;if(null!==V){var c=V.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!bg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();V.memoizedState=[a,b];return a}function yg(a,b,c){if(25<=pg)throw Error(l(301));if(a===cg)if(ig=!0,a={action:c,next:null},null===og&&(og=new Map),c=og.get(b),void 0===c)og.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
-function Ag(){throw Error(l(394));}function Bg(){throw Error(l(479));}function Cg(a){var b=mg;mg+=1;null===ng&&(ng=[]);return Yf(ng,a,b)}function Dg(){throw Error(l(393));}function Eg(){}
-var Gg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Cg(a);if(a.$$typeof===jf||a.$$typeof===kf)return a._currentValue}throw Error(l(438,String(a)));},useContext:function(a){qg();return a._currentValue},useMemo:zg,useReducer:xg,useRef:function(a){cg=qg();V=sg();var b=V.memoizedState;return null===b?(a={current:a},V.memoizedState=a):b},useState:function(a){return xg(wg,a)},useInsertionEffect:Eg,useLayoutEffect:Eg,
-useCallback:function(a,b){return zg(function(){return a},b)},useImperativeHandle:Eg,useEffect:Eg,useDebugValue:Eg,useDeferredValue:function(a){qg();return a},useTransition:function(){qg();return[!1,Ag]},useId:function(){var a=dg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Sf(a)-1)).toString(32)+b;var c=Fg;if(null===c)throw Error(l(404));b=jg++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(l(407));return c()},useCacheRefresh:function(){return Dg},
-useHostTransitionStatus:function(){qg();return La},useOptimistic:function(a){qg();return[a,Bg]},useFormState:function(a,b,c){qg();var d=kg++,e=eg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=fg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+ca(JSON.stringify([g,null,d]),0),k===f&&(lg=d,b=e[0]))}var m=a.bind(null,b);a=function(q){m(q)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(q){q=
-m.$$FORM_ACTION(q);void 0!==c&&(c+="",q.action=c);var t=q.data;t&&(null===f&&(f=void 0!==c?"p"+c:"k"+ca(JSON.stringify([g,null,d]),0)),t.append("$ACTION_KEY",f));return q});return[b,a]}var p=a.bind(null,b);return[b,function(q){p(q)}]}},Fg=null,Hg={getCacheSignal:function(){throw Error(l(248));},getCacheForType:function(){throw Error(l(248));}},Ig=Ka.ReactCurrentDispatcher,Jg=Ka.ReactCurrentCache;function Kg(a){console.error(a);return null}function Lg(){}
-function Mg(a,b,c,d,e,f,g,h,k,m,p,q){Ma.current=$a;var t=[],u=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:u,pingedTasks:t,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Kg:f,onPostpone:void 0===p?Lg:p,onAllReady:void 0===g?
-Lg:g,onShellReady:void 0===h?Lg:h,onShellError:void 0===k?Lg:k,onFatalError:void 0===m?Lg:m,formState:void 0===q?null:q};c=Ng(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Og(b,null,a,-1,null,c,u,null,d,Ff,null,Qf,null);t.push(a);return b}var U=null;function Pg(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Qg(a))}
-function Rg(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Og(a,b,c,d,e,f,g,h,k,m,p,q,t){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var u={replay:null,node:c,childIndex:d,ping:function(){return Pg(a,u)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:m,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Sg(a,b,c,d,e,f,g,h,k,m,p,q,t){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var u={replay:c,node:d,childIndex:e,ping:function(){return Pg(a,u)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:m,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Ng(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Tg(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Ug(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Cf(b.type,null,null);break;case 1:a+=Ef(b.type,!1);break;case 2:a+=Ef(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function W(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function Vg(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,na(a.destination,b)):(a.status=1,a.fatalError=b)}
-function Wg(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(l(108,Af(e)||"Unknown",h));e=D({},c,d)}b.legacyContext=e;Z(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,null,f,-1),b.keyPath=e}
-function Xg(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push(jc):k.push(kc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Rf(c,1,0),Yg(a,b,d,-1),b.treeContext=c):h?Yg(a,b,d,-1):Z(a,b,null,d,-1);b.keyPath=f}function Zg(a,b){if(a&&a.defaultProps){b=D({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function $g(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=Gf(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue:g);Pf(h,e,f,g);Wg(a,b,c,h,e);b.componentStack=d}else{g=Gf(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};cg={};dg=b;eg=a;fg=c;kg=jg=0;lg=-1;mg=0;ng=d;d=e(f,g);d=tg(e,f,d,g);var k=0!==
-jg,m=kg,p=lg;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Pf(d,e,f,g),Wg(a,b,c,d,e)):Xg(a,b,c,d,k,m,p);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Tg(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=Nb(h,e,f),b.keyPath=c,Yg(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Ec(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-m=b.keyPath;b.formatContext=Nb(h,e,f);b.keyPath=c;Yg(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(yc(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case vf:case rf:case ff:case gf:case ef:e=b.keyPath;b.keyPath=c;Z(a,b,null,f.children,-1);b.keyPath=e;return;case sf:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,Z(a,b,null,f.children,-1),b.keyPath=e);return;case nf:e=b.componentStack;b.componentStack=Tg(b,"SuspenseList");d=b.keyPath;b.keyPath=c;Z(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case qf:throw Error(l(343));case mf:a:if(null!==b.replay){e=b.keyPath;b.keyPath=c;c=f.children;try{Yg(a,
-b,c,-1)}finally{b.keyPath=e}}else{var q=b.componentStack;e=b.componentStack=Tg(b,"Suspense");var t=b.keyPath;d=b.blockedBoundary;var u=b.blockedSegment;g=f.fallback;var B=f.children;f=new Set;m=Rg(a,f);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);p=Ng(a,u.chunks.length,m,b.formatContext,!1,!1);u.children.push(p);u.lastPushedText=!1;var E=Ng(a,0,null,b.formatContext,!1,!1);E.parentFlushed=!0;b.blockedBoundary=m;b.blockedSegment=E;a.renderState.boundaryResources=m.resources;b.keyPath=c;try{if(Yg(a,
-b,B,-1),E.lastPushedText&&E.textEmbedded&&E.chunks.push(Ob),E.status=1,ah(m,E),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=q;break a}}catch(w){E.status=4,m.status=4,h=Ug(a,b.componentStack),k=W(a,w,h),m.errorDigest=k,bh(a,m)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=u,b.keyPath=t,b.componentStack=q}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(q=[h[1],h[2],[],null],k.workingMap.set(h,q),5===m.status?k.workingMap.get(c)[4]=
-q:m.trackedFallbackNode=q);b=Og(a,null,g,-1,d,p,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case lf:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;cg={};dg=b;eg=a;fg=c;kg=jg=0;lg=-1;mg=0;ng=d;d=e(f,g);f=tg(e,f,d,g);Xg(a,b,c,f,0!==jg,kg,lg);b.componentStack=h;return;case of:e=e.type;f=Zg(e,f);$g(a,b,c,d,e,f,g);return;case hf:g=f.children;d=b.keyPath;e=e._context;
-f=f.value;h=e._currentValue;e._currentValue=f;k=Hf;Hf=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;Z(a,b,null,g,-1);a=Hf;if(null===a)throw Error(l(403));c=a.parentValue;a.context._currentValue=c===xf?a.context._defaultValue:c;a=Hf=a.parent;b.context=a;b.keyPath=d;return;case jf:f=f.children;f=f(e._currentValue);e=b.keyPath;b.keyPath=c;Z(a,b,null,f,-1);b.keyPath=e;return;case pf:g=b.componentStack;b.componentStack=Tg(b,"Lazy");h=e._init;e=h(e._payload);
-f=Zg(e,f);$g(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error(l(130,null==e?e:typeof e,""));}}function ch(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Ng(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,Yg(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(ah(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function Z(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)ch(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case cf:var f=d.type,g=d.key,h=d.props,k=d.ref,m=Af(f),p=null==g?-1===e?0:e:g;g=[b.keyPath,m,p];if(null!==b.replay)a:{var q=b.replay;e=q.nodes;for(d=0;d<e.length;d++){var t=e[d];if(p===t[1]){if(4===t.length){if(null!==m&&m!==t[0])throw Error(l(490,t[0],m));var u=t[2];m=t[3];t=b.node;b.replay={nodes:u,slots:m,pendingTasks:1};
-try{$g(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(l(488));b.replay.pendingTasks--}catch(G){if("object"===typeof G&&null!==G&&(G===Wf||"function"===typeof G.then))throw b.node===t&&(b.replay=q),G;b.replay.pendingTasks--;h=Ug(a,b.componentStack);g=a;a=b.blockedBoundary;c=G;h=W(g,c,h);dh(g,a,u,m,c,h)}b.replay=q}else{if(f!==mf)throw Error(l(490,"Suspense",Af(f)||"Unknown"));b:{q=void 0;c=t[5];f=t[2];k=t[3];m=null===t[4]?[]:t[4][2];t=null===t[4]?null:t[4][3];p=b.componentStack;
-var B=b.componentStack=Tg(b,"Suspense"),E=b.keyPath,w=b.replay,z=b.blockedBoundary,ha=h.children;h=h.fallback;var X=new Set,y=Rg(a,X);y.parentFlushed=!0;y.rootSegmentID=c;b.blockedBoundary=y;b.replay={nodes:f,slots:k,pendingTasks:1};a.renderState.boundaryResources=y.resources;try{Yg(a,b,ha,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(l(488));b.replay.pendingTasks--;if(0===y.pendingTasks&&0===y.status){y.status=1;a.completedBoundaries.push(y);break b}}catch(G){y.status=4,u=
-Ug(a,b.componentStack),q=W(a,G,u),y.errorDigest=q,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(y)}finally{a.renderState.boundaryResources=z?z.resources:null,b.blockedBoundary=z,b.replay=w,b.keyPath=E,b.componentStack=p}b=Sg(a,null,{nodes:m,slots:t,pendingTasks:0},h,-1,z,X,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,B);a.pingedTasks.push(b)}}e.splice(d,1);break a}}}else $g(a,b,g,c,f,h,k);return;case df:throw Error(l(257));case pf:h=b.componentStack;
-b.componentStack=Tg(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;Z(a,b,null,d,e);return}if(Ja(d)){eh(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=yf&&d[yf]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];do g.push(d.value),d=h.next();while(!d.done);eh(a,b,g,e)}return}if("function"===typeof d.then)return Z(a,b,null,Cg(d),e);if(d.$$typeof===jf||d.$$typeof===kf)return Z(a,b,null,d._currentValue,e);e=Object.prototype.toString.call(d);
-throw Error(l(31,"[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e));}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=Pb(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Pb(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function eh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{eh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(l(488));b.replay.pendingTasks--}catch(q){if("object"===typeof q&&null!==q&&(q===Wf||"function"===typeof q.then))throw q;b.replay.pendingTasks--;c=Ug(a,b.componentStack);var m=b.blockedBoundary,
-p=q;c=W(a,p,c);dh(a,m,d,k,p,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)k=c[d],b.treeContext=Rf(f,g,d),m=h[d],"number"===typeof m?(ch(a,b,m,k,d),delete h[d]):Yg(a,b,k,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Rf(f,g,h),Yg(a,b,d,h);b.treeContext=f;b.keyPath=e}
-function bh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function Yg(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,p=b.blockedSegment;if(null===p)try{return Z(a,b,null,c,d)}catch(u){if(ug(),c=u===Wf?$f():u,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=vg();a=Sg(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=
-f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Nf(g);return}}else{var q=p.children.length,t=p.chunks.length;try{return Z(a,b,null,c,d)}catch(u){if(ug(),p.children.length=q,p.chunks.length=t,c=u===Wf?$f():u,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=vg();p=b.blockedSegment;q=Ng(a,p.chunks.length,null,b.formatContext,p.lastPushedText,!0);p.children.push(q);p.lastPushedText=!1;a=Og(a,d,b.node,b.childIndex,b.blockedBoundary,q,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,
-b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Nf(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Nf(g);throw c;}function fh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,gh(this,b,a))}
-function dh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)dh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,p=Rg(k,new Set);p.parentFlushed=!0;p.rootSegmentID=h;p.status=4;p.errorDigest=m;p.parentFlushed&&k.clientRenderedBoundaries.push(p)}}c.length=0;if(null!==d){if(null===b)throw Error(l(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var q in d)delete d[q]}}
-function hh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){W(b,c,d);Vg(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=W(b,c,d),dh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&ih(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Ug(b,a.componentStack),a=W(b,c,a),d.errorDigest=a,bh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return hh(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&jh(b)}
-function kh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var p=m.value,q=p.props,t=q.href,u=p.props,B=Fc(u.href,"style",{crossOrigin:u.crossOrigin,integrity:u.integrity,
-nonce:u.nonce,type:u.type,fetchPriority:u.fetchPriority,referrerPolicy:u.referrerPolicy,media:u.media});if(2<=(e.remainingCapacity-=B.length))c.resets.style[t]=ab,f&&(f+=", "),f+=B,c.resets.style[t]="string"===typeof q.crossOrigin||"string"===typeof q.integrity?[q.crossOrigin,q.integrity]:ab;else break b}}f?d({Link:f}):d({})}}}catch(E){W(a,E,{})}}function ih(a){null===a.trackedPostpones&&kh(a,!0);a.onShellError=Lg;a=a.onShellReady;a()}
-function jh(a){kh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function ah(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&ah(a,c)}else a.completedSegments.push(b)}
-function gh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(l(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&ih(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&ah(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(fh,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
-(ah(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&jh(a)}
-function Qg(a){if(2!==a.status){var b=Hf,c=Ig.current;Ig.current=Gg;var d=Jg.current;Jg.current=Hg;var e=U;U=a;var f=Fg;Fg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,p=k.blockedBoundary;m.renderState.boundaryResources=p?p.resources:null;var q=k.blockedSegment;if(null===q){var t=m;if(0!==k.replay.pendingTasks){Nf(k.context);try{var u=k.thenableState;k.thenableState=null;Z(t,k,u,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.replay.nodes.length)throw Error(l(488));
-k.replay.pendingTasks--;k.abortSet.delete(k);gh(t,k.blockedBoundary,null)}catch(N){ug();var B=N===Wf?$f():N;if("object"===typeof B&&null!==B&&"function"===typeof B.then){var E=k.ping;B.then(E,E);k.thenableState=vg()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var w=Ug(t,k.componentStack);m=void 0;var z=t,ha=k.blockedBoundary,X=B,y=k.replay.nodes,G=k.replay.slots;m=W(z,X,w);dh(z,ha,y,G,X,m);t.pendingRootTasks--;0===t.pendingRootTasks&&ih(t);t.allPendingTasks--;0===t.allPendingTasks&&jh(t)}}finally{t.renderState.boundaryResources=
-null}}}else if(t=void 0,z=q,0===z.status){Nf(k.context);var H=z.children.length,ia=z.chunks.length;try{var pa=k.thenableState;k.thenableState=null;Z(m,k,pa,k.node,k.childIndex);z.lastPushedText&&z.textEmbedded&&z.chunks.push(Ob);k.abortSet.delete(k);z.status=1;gh(m,k.blockedBoundary,z)}catch(N){ug();z.children.length=H;z.chunks.length=ia;var Y=N===Wf?$f():N;if("object"===typeof Y&&null!==Y&&"function"===typeof Y.then){var ja=k.ping;Y.then(ja,ja);k.thenableState=vg()}else{var ka=Ug(m,k.componentStack);
-k.abortSet.delete(k);z.status=4;var J=k.blockedBoundary;t=W(m,Y,ka);null===J?Vg(m,Y):(J.pendingTasks--,4!==J.status&&(J.status=4,J.errorDigest=t,bh(m,J),J.parentFlushed&&m.clientRenderedBoundaries.push(J)));m.allPendingTasks--;0===m.allPendingTasks&&jh(m)}}finally{m.renderState.boundaryResources=null}}}g.splice(0,h);null!==a.destination&&lh(a,a.destination)}catch(N){W(a,N,{}),Vg(a,N)}finally{Fg=f,Ig.current=c,Jg.current=d,c===Gg&&Nf(b),U=e}}}
-function mh(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;v(b,Ic);v(b,a.placeholderPrefix);a=A(d.toString(16));v(b,a);return x(b,Jc);case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)v(b,d[f]);e=nh(a,b,e)}for(;f<d.length-1;f++)v(b,d[f]);f<d.length&&(e=x(b,d[f]));return e;default:throw Error(l(390));}}
-function nh(a,b,c){var d=c.boundary;if(null===d)return mh(a,b,c);d.parentFlushed=!0;if(4===d.status)d=d.errorDigest,x(b,Nc),v(b,Pc),d&&(v(b,Rc),v(b,A(I(d))),v(b,Qc)),x(b,Sc),mh(a,b,c);else if(1!==d.status)0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Tc(b,a.renderState,d.rootSegmentID),mh(a,b,c);else if(d.byteSize>a.progressiveChunkSize)d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Tc(b,a.renderState,d.rootSegmentID),
-mh(a,b,c);else{c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach(af,e),c.stylesheets.forEach(bf,e));x(b,Kc);d=d.completedSegments;if(1!==d.length)throw Error(l(391));nh(a,b,d[0])}return x(b,Oc)}function oh(a,b,c){od(b,a.renderState,c.parentFormatContext,c.id);nh(a,b,c);return pd(b,c.parentFormatContext)}
-function ph(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)qh(a,b,c,d[e]);d.length=0;Fe(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(v(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,v(b,512<Zd.byteLength?Zd.slice():Zd)):0===(d.instructions&8)?(d.instructions|=8,v(b,$d)):v(b,ae):0===(d.instructions&2)?(d.instructions|=
-2,v(b,Xd)):v(b,Yd)):f?v(b,ge):v(b,fe);d=A(e.toString(16));v(b,a.boundaryPrefix);v(b,d);g?v(b,be):v(b,he);v(b,a.segmentPrefix);v(b,d);f?g?(v(b,ce),Ue(b,c)):(v(b,ie),Ve(b,c)):g&&v(b,de);d=g?x(b,ee):x(b,bb);return Hc(b,a)&&d}
-function qh(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error(l(392));return oh(a,b,d)}if(e===c.rootSegmentID)return oh(a,b,d);oh(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(v(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,v(b,qd)):v(b,rd)):v(b,Vd);v(b,a.segmentPrefix);e=A(e.toString(16));v(b,e);d?v(b,sd):v(b,Wd);v(b,a.placeholderPrefix);v(b,e);b=d?x(b,Ud):x(b,bb);return b}
-function lh(a,b){n=new Uint8Array(512);r=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,p=e.headChunks;f=0;if(m){for(f=0;f<m.length;f++)v(b,m[f]);if(p)for(f=0;f<p.length;f++)v(b,p[f]);else v(b,
-T("head")),v(b,S)}else if(p)for(f=0;f<p.length;f++)v(b,p[f]);var q=e.charsetChunks;for(f=0;f<q.length;f++)v(b,q[f]);q.length=0;e.preconnects.forEach(Ge,b);e.preconnects.clear();var t=e.preconnectChunks;for(f=0;f<t.length;f++)v(b,t[f]);t.length=0;e.fontPreloads.forEach(Ge,b);e.fontPreloads.clear();e.highImagePreloads.forEach(Ge,b);e.highImagePreloads.clear();e.styles.forEach(Ne,b);var u=e.importMapChunks;for(f=0;f<u.length;f++)v(b,u[f]);u.length=0;e.bootstrapScripts.forEach(Ge,b);e.scripts.forEach(Ge,
-b);e.scripts.clear();e.bulkPreloads.forEach(Ge,b);e.bulkPreloads.clear();var B=e.preloadChunks;for(f=0;f<B.length;f++)v(b,B[f]);B.length=0;var E=e.hoistableChunks;for(f=0;f<E.length;f++)v(b,E[f]);E.length=0;m&&null===p&&v(b,yc("head"));nh(a,b,d);a.completedRootSegment=null;Hc(b,a.renderState)}else return;var w=a.renderState;d=0;w.preconnects.forEach(Ge,b);w.preconnects.clear();var z=w.preconnectChunks;for(d=0;d<z.length;d++)v(b,z[d]);z.length=0;w.fontPreloads.forEach(Ge,b);w.fontPreloads.clear();
-w.highImagePreloads.forEach(Ge,b);w.highImagePreloads.clear();w.styles.forEach(Pe,b);w.scripts.forEach(Ge,b);w.scripts.clear();w.bulkPreloads.forEach(Ge,b);w.bulkPreloads.clear();var ha=w.preloadChunks;for(d=0;d<ha.length;d++)v(b,ha[d]);ha.length=0;var X=w.hoistableChunks;for(d=0;d<X.length;d++)v(b,X[d]);X.length=0;var y=a.clientRenderedBoundaries;for(c=0;c<y.length;c++){var G=y[c];w=b;var H=a.resumableState,ia=a.renderState,pa=G.rootSegmentID,Y=G.errorDigest,ja=G.errorMessage,ka=G.errorComponentStack,
-J=0===H.streamingFormat;J?(v(w,ia.startInlineScript),0===(H.instructions&4)?(H.instructions|=4,v(w,je)):v(w,ke)):v(w,oe);v(w,ia.boundaryPrefix);v(w,A(pa.toString(16)));J&&v(w,le);if(Y||ja||ka)J?(v(w,me),v(w,A(te(Y||"")))):(v(w,pe),v(w,A(I(Y||""))));if(ja||ka)J?(v(w,me),v(w,A(te(ja||"")))):(v(w,qe),v(w,A(I(ja||""))));ka&&(J?(v(w,me),v(w,A(te(ka)))):(v(w,re),v(w,A(I(ka)))));if(J?!x(w,ne):!x(w,bb)){a.destination=null;c++;y.splice(0,c);return}}y.splice(0,c);var N=a.completedBoundaries;for(c=0;c<N.length;c++)if(!ph(a,
-b,N[c])){a.destination=null;c++;N.splice(0,c);return}N.splice(0,c);ea(b);n=new Uint8Array(512);r=0;var ta=a.partialBoundaries;for(c=0;c<ta.length;c++){var ua=ta[c];a:{y=a;G=b;y.renderState.boundaryResources=ua.resources;var va=ua.completedSegments;for(H=0;H<va.length;H++)if(!qh(y,G,ua,va[H])){H++;va.splice(0,H);var Na=!1;break a}va.splice(0,H);Na=Fe(G,ua.resources,y.renderState)}if(!Na){a.destination=null;c++;ta.splice(0,c);return}}ta.splice(0,c);var la=a.completedBoundaries;for(c=0;c<la.length;c++)if(!ph(a,
-b,la[c])){a.destination=null;c++;la.splice(0,c);return}la.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&v(b,yc("body")),c.hasHtml&&v(b,yc("html")),ea(b),b.close(),a.destination=null):ea(b)}}function Ye(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?lh(a,b):a.flushScheduled=!1}}
-function rh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(l(432)):b;c.forEach(function(e){return hh(e,a,d)});c.clear()}null!==a.destination&&lh(a,a.destination)}catch(e){W(a,e,{}),Vg(a,e)}}
-exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(u,B){f=u;e=B}),h=b?b.onHeaders:void 0,k;h&&(k=function(u){h(new Headers(u))});var m=Lb(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),p=Mg(a,m,Jb(m,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,k,b?b.maxHeadersLength:void 0),Mb(b?b.namespaceURI:void 0),
-b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var u=new ReadableStream({type:"bytes",pull:function(B){if(1===p.status)p.status=2,na(B,p.fatalError);else if(2!==p.status&&null===p.destination){p.destination=B;try{lh(p,B)}catch(E){W(p,E,{}),Vg(p,E)}}},cancel:function(B){p.destination=null;rh(p,B)}},{highWaterMark:0});u.allReady=g;c(u)},function(u){g.catch(function(){});d(u)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var q=b.signal;if(q.aborted)rh(p,q.reason);else{var t=
-function(){rh(p,q.reason);q.removeEventListener("abort",t)};q.addEventListener("abort",t)}}p.flushScheduled=null!==p.destination;Qg(p);null===p.trackedPostpones&&kh(p,0===p.pendingRootTasks)})};exports.version="18.3.0-canary-60a927d04-20240113";
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),vb=/["'&<>]/;
+function K(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=vb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var wb=/([A-Z])/g,xb=/^ms-/,yb=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,zb={pending:!1,data:null,method:null,action:null},Ab=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Tb={prefetchDNS:Bb,preconnect:Cb,preload:Db,preloadModule:Pb,preinitStyle:Qb,preinitScript:Rb,preinitModuleScript:Sb},Ub=[],Vb=D('"></template>'),Wb=D("<script>"),Xb=D("\x3c/script>"),Yb=D('<script src="'),Zb=D('<script type="module" src="'),$b=D('" nonce="'),ac=D('" integrity="'),bc=D('" crossorigin="'),
+cc=D('" async="">\x3c/script>'),dc=/(<\/|<)(s)(cript)/gi;function ec(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var fc=D('<script type="importmap">'),gc=D("\x3c/script>");
+function hc(a,b,c,d,e,f){var g=void 0===b?Wb:D('<script nonce="'+K(b)+'">'),h=a.idPrefix,l=[],p=null,q=a.bootstrapScriptContent,m=a.bootstrapScripts,w=a.bootstrapModules;void 0!==q&&l.push(g,B((""+q).replace(dc,ec)),Xb);void 0!==c&&("string"===typeof c?(p={src:c,chunks:[]},ic(p.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(p={src:c.src,chunks:[]},ic(p.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(fc),c.push(B((""+JSON.stringify(d)).replace(dc,ec))),c.push(gc));
+d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:D(h+"P:"),segmentPrefix:D(h+"S:"),boundaryPrefix:D(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:p,bootstrapChunks:l,importMapChunks:c,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:new Set,fontPreloads:new Set,
+highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,hoistableState:null,stylesToHoist:!1};if(void 0!==m)for(g=0;g<m.length;g++)c=m[g],d=p=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=p="string"===typeof c||null==c.crossOrigin?
+void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,q=h,c.scriptResources[q]=null,c.moduleScriptResources[q]=null,c=[],L(c,f),e.bootstrapScripts.add(c),l.push(Yb,B(K(h))),b&&l.push($b,B(K(b))),"string"===typeof d&&l.push(ac,B(K(d))),"string"===typeof p&&l.push(bc,B(K(p))),l.push(cc);if(void 0!==w)for(m=0;m<w.length;m++)f=w[m],p=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=p="string"===typeof f.integrity?f.integrity:
+void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],L(f,d),e.bootstrapScripts.add(f),l.push(Zb,B(K(g))),b&&l.push($b,B(K(b))),"string"===typeof p&&l.push(ac,B(K(p))),"string"===typeof h&&l.push(bc,B(K(h))),l.push(cc);return e}
+function jc(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function M(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function kc(a){return M("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
+function lc(a,b,c){switch(b){case "noscript":return M(2,null,a.tagScope|1);case "select":return M(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return M(3,null,a.tagScope);case "picture":return M(2,null,a.tagScope|2);case "math":return M(4,null,a.tagScope);case "foreignObject":return M(2,null,a.tagScope);case "table":return M(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return M(6,null,a.tagScope);case "colgroup":return M(8,null,a.tagScope);case "tr":return M(7,null,a.tagScope)}return 5<=
+a.insertionMode?M(2,null,a.tagScope):0===a.insertionMode?"html"===b?M(1,null,a.tagScope):M(2,null,a.tagScope):1===a.insertionMode?M(2,null,a.tagScope):a}var mc=D("\x3c!-- --\x3e");function nc(a,b,c,d){if(""===b)return d;d&&a.push(mc);a.push(B(K(b)));return!0}var oc=new Map,pc=D(' style="'),qc=D(":"),Ec=D(";");
+function Fc(a,b){if("object"!==typeof b)throw Error(k(62));var c=!0,d;for(d in b)if(F.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=B(K(d));e=B(K((""+e).trim()))}else f=oc.get(d),void 0===f&&(f=D(K(d.replace(wb,"-$1").toLowerCase().replace(xb,"-ms-"))),oc.set(d,f)),e="number"===typeof e?0===e||tb.has(d)?B(""+e):B(e+"px"):B(K((""+e).trim()));c?(c=!1,a.push(pc,f,qc,e)):a.push(Ec,f,qc,e)}}c||a.push(Gc)}var O=D(" "),Hc=D('="'),Gc=D('"'),Ic=D('=""');
+function Jc(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,B(b),Ic)}function P(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(O,B(b),Hc,B(K(c)),Gc)}function Kc(a){var b=a.nextFormID++;return a.idPrefix+b}var Lc=D(K("javascript:throw new Error('React form unexpectedly submitted.')")),Mc=D('<input type="hidden"');function Nc(a,b){this.push(Mc);if("string"!==typeof a)throw Error(k(480));P(this,"name",b);P(this,"value",a);this.push(Oc)}
+function Pc(a,b,c,d,e,f,g,h){var l=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Kc(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,l=b.data):(a.push(O,B("formAction"),Hc,Lc,Gc),g=f=e=d=h=null,Qc(b,c)));null!=h&&Q(a,"name",h);null!=d&&Q(a,"formAction",d);null!=e&&Q(a,"formEncType",e);null!=f&&Q(a,"formMethod",f);null!=g&&Q(a,"formTarget",g);return l}
+function Q(a,b,c){switch(b){case "className":P(a,"class",c);break;case "tabIndex":P(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":P(a,b,c);break;case "style":Fc(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(O,B(b),Hc,B(K(c)),Gc);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":Jc(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(O,B("xlink:href"),Hc,B(K(c)),Gc);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,B(b),Hc,B(K(c)),Gc);break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,B(b),Ic);break;case "capture":case "download":!0===c?a.push(O,B(b),Ic):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,B(b),Hc,B(K(c)),Gc);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(O,B(b),Hc,B(K(c)),Gc);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(O,B(b),Hc,B(K(c)),Gc);break;case "xlinkActuate":P(a,"xlink:actuate",
+c);break;case "xlinkArcrole":P(a,"xlink:arcrole",c);break;case "xlinkRole":P(a,"xlink:role",c);break;case "xlinkShow":P(a,"xlink:show",c);break;case "xlinkTitle":P(a,"xlink:title",c);break;case "xlinkType":P(a,"xlink:type",c);break;case "xmlBase":P(a,"xml:base",c);break;case "xmlLang":P(a,"xml:lang",c);break;case "xmlSpace":P(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=ub.get(b)||b,sb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(O,B(b),Hc,B(K(c)),Gc)}}}var S=D(">"),Oc=D("/>");function Rc(a,b,c){if(null!=b){if(null!=c)throw Error(k(60));if("object"!==typeof b||!("__html"in b))throw Error(k(61));b=b.__html;null!==b&&void 0!==b&&a.push(B(""+b))}}function Sc(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var Tc=D(' selected=""'),Uc=D('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});');
+function Qc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,Uc,Xb))}var Vc=D("\x3c!--F!--\x3e"),Wc=D("\x3c!--F--\x3e");function L(a,b){a.push(T("link"));for(var c in b)if(F.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error(k(399,"link"));default:Q(a,c,d)}}a.push(Oc);return null}
+function Xc(a,b,c){a.push(T(c));for(var d in b)if(F.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(k(399,c));default:Q(a,d,e)}}a.push(Oc);return null}
+function Yc(a,b){a.push(T("title"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:Q(a,e,f)}}a.push(S);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(B(K(""+b)));Rc(a,d,c);a.push(Zc("title"));return null}
+function ic(a,b){a.push(T("script"));var c=null,d=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:Q(a,e,f)}}a.push(S);Rc(a,d,c);"string"===typeof c&&a.push(B(K(c)));a.push(Zc("script"));return null}
+function $c(a,b,c){a.push(T(c));var d=c=null,e;for(e in b)if(F.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:Q(a,e,f)}}a.push(S);Rc(a,d,c);return"string"===typeof c?(a.push(B(K(c))),null):c}var ad=D("\n"),bd=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,cd=new Map;function T(a){var b=cd.get(a);if(void 0===b){if(!bd.test(a))throw Error(k(65,a));b=D("<"+a);cd.set(a,b)}return b}var dd=D("<!DOCTYPE html>");
+function ed(a,b,c,d,e,f,g,h,l){switch(b){case "div":case "span":case "svg":case "path":break;case "a":break;case "g":case "p":case "li":break;case "select":a.push(T("select"));var p=null,q=null,m;for(m in c)if(F.call(c,m)){var w=c[m];if(null!=w)switch(m){case "children":p=w;break;case "dangerouslySetInnerHTML":q=w;break;case "defaultValue":case "value":break;default:Q(a,m,w)}}a.push(S);Rc(a,q,p);return p;case "option":var t=g.selectedValue;a.push(T("option"));var z=null,y=null,v=null,U=null,Y;for(Y in c)if(F.call(c,
+Y)){var I=c[Y];if(null!=I)switch(Y){case "children":z=I;break;case "selected":v=I;break;case "dangerouslySetInnerHTML":U=I;break;case "value":y=I;default:Q(a,Y,I)}}if(null!=t){var R=null!==y?""+y:Sc(z);if(Wa(t))for(var A=0;A<t.length;A++){if(""+t[A]===R){a.push(Tc);break}}else""+t===R&&a.push(Tc)}else v&&a.push(Tc);a.push(S);Rc(a,U,z);return z;case "textarea":a.push(T("textarea"));var C=null,pa=null,ca=null,H;for(H in c)if(F.call(c,H)){var G=c[H];if(null!=G)switch(H){case "children":ca=G;break;case "value":C=
+G;break;case "defaultValue":pa=G;break;case "dangerouslySetInnerHTML":throw Error(k(91));default:Q(a,H,G)}}null===C&&null!==pa&&(C=pa);a.push(S);if(null!=ca){if(null!=C)throw Error(k(92));if(Wa(ca)){if(1<ca.length)throw Error(k(93));C=""+ca[0]}C=""+ca}"string"===typeof C&&"\n"===C[0]&&a.push(ad);null!==C&&a.push(B(K(""+C)));return null;case "input":a.push(T("input"));var ka=null,xa=null,ya=null,La=null,za=null,Ma=null,qa=null,rc=null,sc=null,ab;for(ab in c)if(F.call(c,ab)){var ea=c[ab];if(null!=ea)switch(ab){case "children":case "dangerouslySetInnerHTML":throw Error(k(399,
+"input"));case "name":ka=ea;break;case "formAction":xa=ea;break;case "formEncType":ya=ea;break;case "formMethod":La=ea;break;case "formTarget":za=ea;break;case "defaultChecked":sc=ea;break;case "defaultValue":qa=ea;break;case "checked":rc=ea;break;case "value":Ma=ea;break;default:Q(a,ab,ea)}}var Ld=Pc(a,d,e,xa,ya,La,za,ka);null!==rc?Jc(a,"checked",rc):null!==sc&&Jc(a,"checked",sc);null!==Ma?Q(a,"value",Ma):null!==qa&&Q(a,"value",qa);a.push(Oc);null!==Ld&&Ld.forEach(Nc,a);return null;case "button":a.push(T("button"));
+var bb=null,Md=null,Nd=null,Od=null,Pd=null,Qd=null,Rd=null,cb;for(cb in c)if(F.call(c,cb)){var la=c[cb];if(null!=la)switch(cb){case "children":bb=la;break;case "dangerouslySetInnerHTML":Md=la;break;case "name":Nd=la;break;case "formAction":Od=la;break;case "formEncType":Pd=la;break;case "formMethod":Qd=la;break;case "formTarget":Rd=la;break;default:Q(a,cb,la)}}var Sd=Pc(a,d,e,Od,Pd,Qd,Rd,Nd);a.push(S);null!==Sd&&Sd.forEach(Nc,a);Rc(a,Md,bb);if("string"===typeof bb){a.push(B(K(bb)));var Td=null}else Td=
+bb;return Td;case "form":a.push(T("form"));var db=null,Ud=null,ra=null,eb=null,fb=null,gb=null,hb;for(hb in c)if(F.call(c,hb)){var sa=c[hb];if(null!=sa)switch(hb){case "children":db=sa;break;case "dangerouslySetInnerHTML":Ud=sa;break;case "action":ra=sa;break;case "encType":eb=sa;break;case "method":fb=sa;break;case "target":gb=sa;break;default:Q(a,hb,sa)}}var tc=null,uc=null;if("function"===typeof ra)if("function"===typeof ra.$$FORM_ACTION){var Kf=Kc(d),Na=ra.$$FORM_ACTION(Kf);ra=Na.action||"";eb=
+Na.encType;fb=Na.method;gb=Na.target;tc=Na.data;uc=Na.name}else a.push(O,B("action"),Hc,Lc,Gc),gb=fb=eb=ra=null,Qc(d,e);null!=ra&&Q(a,"action",ra);null!=eb&&Q(a,"encType",eb);null!=fb&&Q(a,"method",fb);null!=gb&&Q(a,"target",gb);a.push(S);null!==uc&&(a.push(Mc),P(a,"name",uc),a.push(Oc),null!==tc&&tc.forEach(Nc,a));Rc(a,Ud,db);if("string"===typeof db){a.push(B(K(db)));var Vd=null}else Vd=db;return Vd;case "menuitem":a.push(T("menuitem"));for(var Eb in c)if(F.call(c,Eb)){var Wd=c[Eb];if(null!=Wd)switch(Eb){case "children":case "dangerouslySetInnerHTML":throw Error(k(400));
+default:Q(a,Eb,Wd)}}a.push(S);return null;case "title":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var vc=Yc(a,c);else l?vc=null:(Yc(e.hoistableChunks,c),vc=void 0);return vc;case "link":var Lf=c.rel,ta=c.href,Fb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Lf||"string"!==typeof ta||""===ta){L(a,c);var ib=null}else if("stylesheet"===c.rel)if("string"!==typeof Fb||null!=c.disabled||c.onLoad||c.onError)ib=L(a,c);else{var Oa=e.styles.get(Fb),Gb=d.styleResources.hasOwnProperty(ta)?
+d.styleResources[ta]:void 0;if(null!==Gb){d.styleResources[ta]=null;Oa||(Oa={precedence:B(K(Fb)),rules:[],hrefs:[],sheets:new Map},e.styles.set(Fb,Oa));var Hb={state:0,props:E({},c,{"data-precedence":c.precedence,precedence:null})};if(Gb){2===Gb.length&&fd(Hb.props,Gb);var wc=e.preloads.stylesheets.get(ta);wc&&0<wc.length?wc.length=0:Hb.state=1}Oa.sheets.set(ta,Hb);f&&f.stylesheets.add(Hb)}else if(Oa){var Xd=Oa.sheets.get(ta);Xd&&f&&f.stylesheets.add(Xd)}h&&a.push(mc);ib=null}else c.onLoad||c.onError?
+ib=L(a,c):(h&&a.push(mc),ib=l?null:L(e.hoistableChunks,c));return ib;case "script":var xc=c.async;if("string"!==typeof c.src||!c.src||!xc||"function"===typeof xc||"symbol"===typeof xc||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Yd=ic(a,c);else{var Ib=c.src;if("module"===c.type){var Jb=d.moduleScriptResources;var Zd=e.preloads.moduleScripts}else Jb=d.scriptResources,Zd=e.preloads.scripts;var Kb=Jb.hasOwnProperty(Ib)?Jb[Ib]:void 0;if(null!==Kb){Jb[Ib]=null;var yc=c;
+if(Kb){2===Kb.length&&(yc=E({},c),fd(yc,Kb));var $d=Zd.get(Ib);$d&&($d.length=0)}var ae=[];e.scripts.add(ae);ic(ae,yc)}h&&a.push(mc);Yd=null}return Yd;case "style":var Lb=c.precedence,Aa=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Lb||"string"!==typeof Aa||""===Aa){a.push(T("style"));var Pa=null,be=null,kb;for(kb in c)if(F.call(c,kb)){var Mb=c[kb];if(null!=Mb)switch(kb){case "children":Pa=Mb;break;case "dangerouslySetInnerHTML":be=Mb;break;default:Q(a,kb,Mb)}}a.push(S);
+var lb=Array.isArray(Pa)?2>Pa.length?Pa[0]:null:Pa;"function"!==typeof lb&&"symbol"!==typeof lb&&null!==lb&&void 0!==lb&&a.push(B(K(""+lb)));Rc(a,be,Pa);a.push(Zc("style"));var ce=null}else{var Ba=e.styles.get(Lb);if(null!==(d.styleResources.hasOwnProperty(Aa)?d.styleResources[Aa]:void 0)){d.styleResources[Aa]=null;Ba?Ba.hrefs.push(B(K(Aa))):(Ba={precedence:B(K(Lb)),rules:[],hrefs:[B(K(Aa))],sheets:new Map},e.styles.set(Lb,Ba));var de=Ba.rules,Qa=null,ee=null,Nb;for(Nb in c)if(F.call(c,Nb)){var zc=
+c[Nb];if(null!=zc)switch(Nb){case "children":Qa=zc;break;case "dangerouslySetInnerHTML":ee=zc}}var mb=Array.isArray(Qa)?2>Qa.length?Qa[0]:null:Qa;"function"!==typeof mb&&"symbol"!==typeof mb&&null!==mb&&void 0!==mb&&de.push(B(K(""+mb)));Rc(de,ee,Qa)}Ba&&f&&f.styles.add(Ba);h&&a.push(mc);ce=void 0}return ce;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var fe=Xc(a,c,"meta");else h&&a.push(mc),fe=l?null:"string"===typeof c.charSet?Xc(e.charsetChunks,c,"meta"):"viewport"===c.name?
+Xc(e.viewportChunks,c,"meta"):Xc(e.hoistableChunks,c,"meta");return fe;case "listing":case "pre":a.push(T(b));var nb=null,ob=null,pb;for(pb in c)if(F.call(c,pb)){var Ob=c[pb];if(null!=Ob)switch(pb){case "children":nb=Ob;break;case "dangerouslySetInnerHTML":ob=Ob;break;default:Q(a,pb,Ob)}}a.push(S);if(null!=ob){if(null!=nb)throw Error(k(60));if("object"!==typeof ob||!("__html"in ob))throw Error(k(61));var Ca=ob.__html;null!==Ca&&void 0!==Ca&&("string"===typeof Ca&&0<Ca.length&&"\n"===Ca[0]?a.push(ad,
+B(Ca)):a.push(B(""+Ca)))}"string"===typeof nb&&"\n"===nb[0]&&a.push(ad);return nb;case "img":var N=c.src,J=c.srcSet;if(!("lazy"===c.loading||!N&&!J||"string"!==typeof N&&null!=N||"string"!==typeof J&&null!=J)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof N||":"!==N[4]||"d"!==N[0]&&"D"!==N[0]||"a"!==N[1]&&"A"!==N[1]||"t"!==N[2]&&"T"!==N[2]||"a"!==N[3]&&"A"!==N[3])&&("string"!==typeof J||":"!==J[4]||"d"!==J[0]&&"D"!==J[0]||"a"!==J[1]&&"A"!==J[1]||"t"!==J[2]&&"T"!==J[2]||"a"!==
+J[3]&&"A"!==J[3])){var ge="string"===typeof c.sizes?c.sizes:void 0,Ra=J?J+"\n"+(ge||""):N,Ac=e.preloads.images,Da=Ac.get(Ra);if(Da){if("high"===c.fetchPriority||10>e.highImagePreloads.size)Ac.delete(Ra),e.highImagePreloads.add(Da)}else if(!d.imageResources.hasOwnProperty(Ra)){d.imageResources[Ra]=Ub;var Bc=c.crossOrigin;var he="string"===typeof Bc?"use-credentials"===Bc?Bc:"":void 0;var ia=e.headers,Cc;ia&&0<ia.remainingCapacity&&("high"===c.fetchPriority||500>ia.highImagePreloads.length)&&(Cc=gd(N,
+"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:he,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ia.remainingCapacity-=Cc.length))?(e.resets.image[Ra]=Ub,ia.highImagePreloads&&(ia.highImagePreloads+=", "),ia.highImagePreloads+=Cc):(Da=[],L(Da,{rel:"preload",as:"image",href:J?void 0:N,imageSrcSet:J,imageSizes:ge,crossOrigin:he,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),
+"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Da):(e.bulkPreloads.add(Da),Ac.set(Ra,Da)))}}return Xc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Xc(a,c,b);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":break;case "head":if(2>g.insertionMode&&
+null===e.headChunks){e.headChunks=[];var ie=$c(e.headChunks,c,"head")}else ie=$c(a,c,"head");return ie;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[dd];var je=$c(e.htmlChunks,c,"html")}else je=$c(a,c,"html");return je;default:if(-1!==b.indexOf("-")){a.push(T(b));var Dc=null,ke=null,Sa;for(Sa in c)if(F.call(c,Sa)){var Ea=c[Sa];if(null!=Ea){var Mf=Sa;switch(Sa){case "children":Dc=Ea;break;case "dangerouslySetInnerHTML":ke=Ea;break;case "style":Fc(a,Ea);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+default:sb(Sa)&&"function"!==typeof Ea&&"symbol"!==typeof Ea&&a.push(O,B(Mf),Hc,B(K(Ea)),Gc)}}}a.push(S);Rc(a,ke,Dc);return Dc}}return $c(a,c,b)}var hd=new Map;function Zc(a){var b=hd.get(a);void 0===b&&(b=D("</"+a+">"),hd.set(a,b));return b}function id(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)u(a,b[c]);return c<b.length?(c=b[c],b.length=0,x(a,c)):!0}
+var jd=D('<template id="'),kd=D('"></template>'),ld=D("\x3c!--$--\x3e"),md=D('\x3c!--$?--\x3e<template id="'),nd=D('"></template>'),od=D("\x3c!--$!--\x3e"),pd=D("\x3c!--/$--\x3e"),qd=D("<template"),rd=D('"'),sd=D(' data-dgst="');D(' data-msg="');D(' data-stck="');var td=D("></template>");function ud(a,b,c){u(a,md);if(null===c)throw Error(k(395));u(a,b.boundaryPrefix);u(a,B(c.toString(16)));return x(a,nd)}
+var vd=D('<div hidden id="'),wd=D('">'),xd=D("</div>"),yd=D('<svg aria-hidden="true" style="display:none" id="'),zd=D('">'),Ad=D("</svg>"),Bd=D('<math aria-hidden="true" style="display:none" id="'),Cd=D('">'),Dd=D("</math>"),Ed=D('<table hidden id="'),Fd=D('">'),Gd=D("</table>"),Hd=D('<table hidden><tbody id="'),Id=D('">'),Jd=D("</tbody></table>"),Kd=D('<table hidden><tr id="'),le=D('">'),me=D("</tr></table>"),ne=D('<table hidden><colgroup id="'),oe=D('">'),pe=D("</colgroup></table>");
+function qe(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return u(a,vd),u(a,b.segmentPrefix),u(a,B(d.toString(16))),x(a,wd);case 3:return u(a,yd),u(a,b.segmentPrefix),u(a,B(d.toString(16))),x(a,zd);case 4:return u(a,Bd),u(a,b.segmentPrefix),u(a,B(d.toString(16))),x(a,Cd);case 5:return u(a,Ed),u(a,b.segmentPrefix),u(a,B(d.toString(16))),x(a,Fd);case 6:return u(a,Hd),u(a,b.segmentPrefix),u(a,B(d.toString(16))),x(a,Id);case 7:return u(a,Kd),u(a,b.segmentPrefix),u(a,B(d.toString(16))),x(a,le);
+case 8:return u(a,ne),u(a,b.segmentPrefix),u(a,B(d.toString(16))),x(a,oe);default:throw Error(k(397));}}function re(a,b){switch(b.insertionMode){case 0:case 1:case 2:return x(a,xd);case 3:return x(a,Ad);case 4:return x(a,Dd);case 5:return x(a,Gd);case 6:return x(a,Jd);case 7:return x(a,me);case 8:return x(a,pe);default:throw Error(k(397));}}
+var se=D('$RS=function(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("'),te=D('$RS("'),ue=D('","'),ve=D('")\x3c/script>'),we=D('<template data-rsi="" data-sid="'),xe=D('" data-pid="'),ye=D('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
+ze=D('$RC("'),Ae=D('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Be=D('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Ce=D('$RR("'),De=D('","'),Ee=D('",'),Fe=D('"'),Ge=D(")\x3c/script>"),He=D('<template data-rci="" data-bid="'),Ie=D('<template data-rri="" data-bid="'),Je=D('" data-sid="'),Ke=D('" data-sty="'),Le=D('$RX=function(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("'),Me=D('$RX("'),Ne=D('"'),Oe=D(","),Pe=D(")\x3c/script>"),Qe=D('<template data-rxi="" data-bid="'),Re=D('" data-dgst="'),
+Se=D('" data-msg="'),Te=D('" data-stck="'),Ue=/[<\u2028\u2029]/g;function Ve(a){return JSON.stringify(a).replace(Ue,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var We=/[&><\u2028\u2029]/g;
+function Xe(a){return JSON.stringify(a).replace(We,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
+var Ye=D('<style media="not all" data-precedence="'),Ze=D('" data-href="'),$e=D('">'),af=D("</style>"),bf=!1,cf=!0;function df(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){u(this,Ye);u(this,a.precedence);for(u(this,Ze);d<c.length-1;d++)u(this,c[d]),u(this,ef);u(this,c[d]);u(this,$e);for(d=0;d<b.length;d++)u(this,b[d]);cf=x(this,af);bf=!0;b.length=0;c.length=0}}function ff(a){return 2!==a.state?bf=!0:!1}
+function gf(a,b,c){bf=!1;cf=!0;b.styles.forEach(df,a);b.stylesheets.forEach(ff);bf&&(c.stylesToHoist=!0);return cf}function hf(a){for(var b=0;b<a.length;b++)u(this,a[b]);a.length=0}var jf=[];function kf(a){L(jf,a.props);for(var b=0;b<jf.length;b++)u(this,jf[b]);jf.length=0;a.state=2}var lf=D('<style data-precedence="'),mf=D('" data-href="'),ef=D(" "),nf=D('">'),of=D("</style>");
+function pf(a){var b=0<a.sheets.size;a.sheets.forEach(kf,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){u(this,lf);u(this,a.precedence);a=0;if(d.length){for(u(this,mf);a<d.length-1;a++)u(this,d[a]),u(this,ef);u(this,d[a])}u(this,nf);for(a=0;a<c.length;a++)u(this,c[a]);u(this,of);c.length=0;d.length=0}}
+function qf(a){if(0===a.state){a.state=1;var b=a.props;L(jf,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<jf.length;a++)u(this,jf[a]);jf.length=0}}function rf(a){a.sheets.forEach(qf,this);a.sheets.clear()}var sf=D("["),tf=D(",["),uf=D(","),vf=D("]");
+function wf(a,b){u(a,sf);var c=sf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,B(Xe(""+d.props.href))),u(a,vf),c=tf;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,B(Xe(""+d.props.href)));e=""+e;u(a,uf);u(a,B(Xe(e)));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(k(399,"link"));default:a:{e=a;var l=g.toLowerCase();
+switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!sb(g))break a;h=""+h}u(e,uf);u(e,B(Xe(l)));u(e,uf);u(e,B(Xe(h)))}}}u(a,vf);c=tf;d.state=3}});
+u(a,vf)}
+function xf(a,b){u(a,sf);var c=sf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,B(K(JSON.stringify(""+d.props.href)))),u(a,vf),c=tf;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,B(K(JSON.stringify(""+d.props.href))));e=""+e;u(a,uf);u(a,B(K(JSON.stringify(e))));for(var g in f)if(F.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error(k(399,"link"));
+default:a:{e=a;var l=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!sb(g))break a;h=""+h}u(e,uf);u(e,B(K(JSON.stringify(l))));
+u(e,uf);u(e,B(K(JSON.stringify(h))))}}}u(a,vf);c=tf;d.state=3}});u(a,vf)}function yf(){return{styles:new Set,stylesheets:new Set}}
+function Bb(a){var b=V?V:null;if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(zf,Af)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],L(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Bf(b)}}}
+function Cb(a,b){var c=V?V:null;if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(zf,Af)+">; rel=preconnect";if("string"===typeof b){var l=(""+b).replace(Cf,Df);h+='; crossorigin="'+l+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],L(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Bf(c)}}}
+function Db(a,b,c){var d=V?V:null;if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var l=c.fetchPriority}var p=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(p))return;e.imageResources[p]=Ub;e=f.headers;var q;e&&0<e.remainingCapacity&&"high"===l&&(q=gd(a,b,c),2<=(e.remainingCapacity-=q.length))?(f.resets.image[p]=Ub,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=q):(e=[],L(e,E({rel:"preload",href:g?
+void 0:a,as:b},c)),"high"===l?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(p,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];L(g,E({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?Ub:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+L(g,E({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?Ub:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=Ub;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(p=gd(a,b,c),2<=(e.remainingCapacity-=p.length)))f.resets.font[a]=Ub,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=p;else switch(e=
+[],a=E({rel:"preload",href:a,as:b},c),L(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Bf(d)}}}
+function Pb(a,b){var c=V?V:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?Ub:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=Ub}L(f,E({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Bf(c)}}}
+function Qb(a,b,c){var d=V?V:null;if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:B(K(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:E({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&fd(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Bf(d))}}}
+function Rb(a,b){var c=V?V:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=E({src:a,async:!0},b),f&&(2===f.length&&fd(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),ic(a,b),Bf(c))}}}
+function Sb(a,b){var c=V?V:null;if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=E({src:a,type:"module",async:!0},b),f&&(2===f.length&&fd(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),ic(a,b),Bf(c))}}}function fd(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function gd(a,b,c){a=(""+a).replace(zf,Af);b=(""+b).replace(Cf,Df);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)F.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Cf,Df)+'"'));return b}var zf=/[<>\r\n]/g;
+function Af(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Cf=/["';,\r\n]/g;
+function Df(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Ef(a){this.styles.add(a)}function Ff(a){this.stylesheets.add(a)}var Gf=Symbol.for("react.client.reference");
+function Hf(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Gf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ha:return"Fragment";case fa:return"Portal";case ma:return"Profiler";case ja:return"StrictMode";case wa:return"Suspense";case Fa:return"SuspenseList";case Ua:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case na:return(a._context.displayName||"Context")+".Provider";case ua:return(a.displayName||"Context")+".Consumer";case va:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Ga:return b=a.displayName||null,null!==b?b:Hf(a.type)||"Memo";case Ha:b=a._payload;a=a._init;try{return Hf(a(b))}catch(c){}}return null}var If={};function Jf(a,b){a=a.contextTypes;if(!a)return If;var c={},d;for(d in a)c[d]=b[d];return c}var Nf=null;
+function Of(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error(k(401));}else{if(null===c)throw Error(k(401));Of(a,c)}b.context._currentValue=b.value}}function Pf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Pf(a)}function Qf(a){var b=a.parent;null!==b&&Qf(b);a.context._currentValue=a.value}
+function Rf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error(k(402));a.depth===b.depth?Of(a,b):Rf(a,b)}function Sf(a,b){var c=b.parent;if(null===c)throw Error(k(402));a.depth===c.depth?Of(a,c):Sf(a,c);b.context._currentValue=b.value}function Tf(a){var b=Nf;b!==a&&(null===b?Qf(a):null===a?Pf(b):b.depth===a.depth?Of(b,a):b.depth>a.depth?Rf(b,a):Sf(b,a),Nf=a)}
+var Uf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Vf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Uf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:E({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Uf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=E({},f,h)):E(f,h))}a.state=f}else f.queue=null}
+var Wf={id:1,overflow:""};function Xf(a,b,c){var d=a.id;a=a.overflow;var e=32-Yf(d)-1;d&=~(1<<e);c+=1;var f=32-Yf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Yf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Yf=Math.clz32?Math.clz32:Zf,$f=Math.log,ag=Math.LN2;function Zf(a){a>>>=0;return 0===a?32:31-($f(a)/ag|0)|0}var bg=Error(k(460));function cg(){}
+function dg(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(cg,cg),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}eg=b;throw bg;}}var eg=null;
+function fg(){if(null===eg)throw Error(k(459));var a=eg;eg=null;return a}function gg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var hg="function"===typeof Object.is?Object.is:gg,ig=null,jg=null,kg=null,lg=null,mg=null,W=null,ng=!1,og=!1,pg=0,qg=0,rg=-1,sg=0,tg=null,ug=null,vg=0;function wg(){if(null===ig)throw Error(k(321));return ig}function xg(){if(0<vg)throw Error(k(312));return{memoizedState:null,queue:null,next:null}}
+function yg(){null===W?null===mg?(ng=!1,mg=W=xg()):(ng=!0,W=mg):null===W.next?(ng=!1,W=W.next=xg()):(ng=!0,W=W.next);return W}function zg(){var a=tg;tg=null;return a}function Ag(){lg=kg=jg=ig=null;og=!1;mg=null;vg=0;W=ug=null}function Bg(a,b){return"function"===typeof b?b(a):b}
+function Cg(a,b,c){ig=wg();W=yg();if(ng){var d=W.queue;b=d.dispatch;if(null!==ug&&(c=ug.get(d),void 0!==c)){ug.delete(d);d=W.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);W.memoizedState=d;return[d,b]}return[W.memoizedState,b]}a=a===Bg?"function"===typeof b?b():b:void 0!==c?c(b):b;W.memoizedState=a;a=W.queue={last:null,dispatch:null};a=a.dispatch=Dg.bind(null,ig,a);return[W.memoizedState,a]}
+function Eg(a,b){ig=wg();W=yg();b=void 0===b?null:b;if(null!==W){var c=W.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!hg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();W.memoizedState=[a,b];return a}function Dg(a,b,c){if(25<=vg)throw Error(k(301));if(a===ig)if(og=!0,a={action:c,next:null},null===ug&&(ug=new Map),c=ug.get(b),void 0===c)ug.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}
+function Fg(){throw Error(k(394));}function Gg(){throw Error(k(479));}function Hg(a){var b=sg;sg+=1;null===tg&&(tg=[]);return dg(tg,a,b)}function Ig(){throw Error(k(393));}function Jg(){}
+var Lg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Hg(a);if(a.$$typeof===ua)return a._currentValue}throw Error(k(438,String(a)));},useContext:function(a){wg();return a._currentValue},useMemo:Eg,useReducer:Cg,useRef:function(a){ig=wg();W=yg();var b=W.memoizedState;return null===b?(a={current:a},W.memoizedState=a):b},useState:function(a){return Cg(Bg,a)},useInsertionEffect:Jg,useLayoutEffect:Jg,useCallback:function(a,
+b){return Eg(function(){return a},b)},useImperativeHandle:Jg,useEffect:Jg,useDebugValue:Jg,useDeferredValue:function(a){wg();return a},useTransition:function(){wg();return[!1,Fg]},useId:function(){var a=jg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Yf(a)-1)).toString(32)+b;var c=Kg;if(null===c)throw Error(k(404));b=pg++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error(k(407));return c()},useCacheRefresh:function(){return Ig},
+useHostTransitionStatus:function(){wg();return zb},useOptimistic:function(a){wg();return[a,Gg]},useFormState:function(a,b,c){wg();var d=qg++,e=kg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=lg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===typeof h){var l=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0),l===f&&(rg=d,b=e[0]))}var p=a.bind(null,b);a=function(m){p(m)};"function"===typeof p.$$FORM_ACTION&&(a.$$FORM_ACTION=function(m){m=
+p.$$FORM_ACTION(m);void 0!==c&&(c+="",m.action=c);var w=m.data;w&&(null===f&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0)),w.append("$ACTION_KEY",f));return m});return[b,a]}var q=a.bind(null,b);return[b,function(m){q(m)}]}},Kg=null,Mg={getCacheSignal:function(){throw Error(k(248));},getCacheForType:function(){throw Error(k(248));}},Ng;function Og(a){if(void 0===Ng)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Ng=b&&b[1]||""}return"\n"+Ng+a}var Pg=!1;
+function Qg(a,b){if(!a||Pg)return"";Pg=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var m=function(){throw Error();};Object.defineProperty(m.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(m,[])}catch(t){var w=t}Reflect.construct(a,[],m)}else{try{m.call()}catch(t){w=t}a.call(m.prototype)}}else{try{throw Error();}catch(t){w=t}(m=a())&&"function"===typeof m.catch&&
+m.catch(function(){})}}catch(t){if(t&&w&&"string"===typeof t.stack)return[t.stack,w.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var l=g.split("\n"),p=h.split("\n");for(e=d=0;d<l.length&&!l[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<p.length&&!p[e].includes("DetermineComponentFrameRoot");)e++;if(d===l.length||e===p.length)for(d=l.length-1,e=p.length-1;1<=d&&0<=e&&l[d]!==p[e];)e--;for(;1<=d&&0<=e;d--,e--)if(l[d]!==p[e]){if(1!==d||1!==e){do if(d--,e--,0>e||l[d]!==p[e]){var q="\n"+l[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{Pg=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Og(c):""}
+var Rg=yb.ReactCurrentDispatcher,Sg=yb.ReactCurrentCache;function Tg(a){console.error(a);return null}function Ug(){}
+function Vg(a,b,c,d,e,f,g,h,l,p,q,m){Ab.current=Tb;var w=[],t=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:t,pingedTasks:w,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Tg:f,onPostpone:void 0===q?Ug:q,onAllReady:void 0===g?
+Ug:g,onShellReady:void 0===h?Ug:h,onShellError:void 0===l?Ug:l,onFatalError:void 0===p?Ug:p,formState:void 0===m?null:m};c=Wg(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Xg(b,null,a,-1,null,c,null,t,null,d,If,null,Wf,null,!1);w.push(a);return b}var V=null;function Yg(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,Zg(a))}
+function $g(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:yf(),fallbackState:yf(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function Xg(a,b,c,d,e,f,g,h,l,p,q,m,w,t,z){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var y={replay:null,node:c,childIndex:d,ping:function(){return Yg(a,y)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:l,formatContext:p,legacyContext:q,context:m,treeContext:w,componentStack:t,thenableState:b,isFallback:z};h.add(y);return y}
+function ah(a,b,c,d,e,f,g,h,l,p,q,m,w,t,z){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var y={replay:c,node:d,childIndex:e,ping:function(){return Yg(a,y)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:l,formatContext:p,legacyContext:q,context:m,treeContext:w,componentStack:t,thenableState:b,isFallback:z};h.add(y);return y}
+function Wg(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function bh(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function ch(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Og(b.type,null);break;case 1:a+=Qg(b.type,!1);break;case 2:a+=Qg(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function X(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function dh(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,$a(a.destination,b)):(a.status=1,a.fatalError=b)}function eh(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;ig={};jg=b;kg=a;lg=c;qg=pg=0;rg=-1;sg=0;tg=g;for(a=d(e,f);og;)og=!1,qg=pg=0,rg=-1,sg=0,vg+=1,W=null,a=d(e,f);Ag();return a}
+function fh(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error(k(108,Hf(e)||"Unknown",h));e=E({},c,d)}b.legacyContext=e;Z(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,f,-1),b.keyPath=e}
+function gh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var l=b.blockedSegment;if(null!==l){h=!0;l=l.chunks;for(var p=0;p<f;p++)p===g?l.push(Vc):l.push(Wc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Xf(c,1,0),hh(a,b,d,-1),b.treeContext=c):h?hh(a,b,d,-1):Z(a,b,d,-1);b.keyPath=f}function ih(a,b){if(a&&a.defaultProps){b=E({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function jh(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Jf(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue:g);Vf(h,d,e,g);fh(a,b,c,h,d);b.componentStack=f}else{f=Jf(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=eh(a,b,c,d,e,f);var l=0!==pg,p=qg,q=rg;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Vf(h,d,e,f),fh(a,b,c,h,d)):gh(a,b,c,h,l,p,q);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=bh(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,l=b.keyPath,b.formatContext=lc(h,d,e),b.keyPath=c,hh(a,b,g,-1),b.formatContext=h,b.keyPath=l;else{l=ed(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;p=b.keyPath;b.formatContext=
+lc(h,d,e);b.keyPath=c;hh(a,b,l,-1);b.formatContext=h;b.keyPath=p;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(Zc(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case Ta:case Ja:case ja:case ma:case ha:d=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=d;return;case Ka:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,Z(a,b,e.children,-1),b.keyPath=d);return;case Fa:d=b.componentStack;b.componentStack=bh(b,"SuspenseList");f=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Ia:throw Error(k(343));case wa:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;try{hh(a,b,c,-1)}finally{b.keyPath=d}}else{var m=
+b.componentStack;d=b.componentStack=bh(b,"Suspense");var w=b.keyPath;f=b.blockedBoundary;var t=b.hoistableState,z=b.blockedSegment;g=e.fallback;var y=e.children;e=new Set;h=$g(a,e);null!==a.trackedPostpones&&(h.trackedContentKeyPath=c);l=Wg(a,z.chunks.length,h,b.formatContext,!1,!1);z.children.push(l);z.lastPushedText=!1;var v=Wg(a,0,null,b.formatContext,!1,!1);v.parentFlushed=!0;b.blockedBoundary=h;b.hoistableState=h.contentState;b.blockedSegment=v;b.keyPath=c;try{if(hh(a,b,y,-1),v.lastPushedText&&
+v.textEmbedded&&v.chunks.push(mc),v.status=1,kh(h,v),0===h.pendingTasks&&0===h.status){h.status=1;b.componentStack=m;break a}}catch(U){v.status=4,h.status=4,p=ch(a,b.componentStack),q=X(a,U,p),h.errorDigest=q,lh(a,h)}finally{b.blockedBoundary=f,b.hoistableState=t,b.blockedSegment=z,b.keyPath=w,b.componentStack=m}p=[c[0],"Suspense Fallback",c[2]];q=a.trackedPostpones;null!==q&&(m=[p[1],p[2],[],null],q.workingMap.set(p,m),5===h.status?q.workingMap.get(c)[4]=m:h.trackedFallbackNode=m);b=Xg(a,null,g,
+-1,f,l,h.fallbackState,e,p,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case va:g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};e=eh(a,b,c,d.render,e,f);gh(a,b,c,e,0!==pg,qg,rg);b.componentStack=g;return;case Ga:d=d.type;e=ih(d,e);jh(a,b,c,d,e,f);return;case na:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue;d._currentValue=e;l=Nf;Nf=e={parent:l,depth:null===
+l?0:l.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;Z(a,b,g,-1);a=Nf;if(null===a)throw Error(k(403));a.context._currentValue=a.parentValue;a=Nf=a.parent;b.context=a;b.keyPath=f;return;case ua:e=e.children;e=e(d._currentValue);d=b.keyPath;b.keyPath=c;Z(a,b,e,-1);b.keyPath=d;return;case oa:case Ha:f=b.componentStack;b.componentStack=bh(b,"Lazy");g=d._init;d=g(d._payload);e=ih(d,e);jh(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error(k(130,null==d?d:typeof d,""));}}
+function mh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Wg(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,hh(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(kh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function Z(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)mh(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case da:var e=c.type,f=c.key,g=c.props;var h=c.ref;var l=Hf(e),p=null==f?-1===d?0:d:f;f=[b.keyPath,l,p];if(null!==b.replay)a:{var q=b.replay;d=q.nodes;for(c=0;c<d.length;c++){var m=d[c];if(p===m[1]){if(4===m.length){if(null!==l&&l!==m[0])throw Error(k(490,m[0],l));var w=m[2];l=m[3];p=b.node;b.replay={nodes:w,slots:l,
+pendingTasks:1};try{jh(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(k(488));b.replay.pendingTasks--}catch(C){if("object"===typeof C&&null!==C&&(C===bg||"function"===typeof C.then))throw b.node===p&&(b.replay=q),C;b.replay.pendingTasks--;g=ch(a,b.componentStack);f=a;a=b.blockedBoundary;e=C;g=X(f,e,g);nh(f,a,w,l,e,g)}b.replay=q}else{if(e!==wa)throw Error(k(490,"Suspense",Hf(e)||"Unknown"));b:{q=void 0;e=m[5];h=m[2];l=m[3];p=null===m[4]?[]:m[4][2];m=null===m[4]?null:
+m[4][3];var t=b.componentStack,z=b.componentStack=bh(b,"Suspense"),y=b.keyPath,v=b.replay,U=b.blockedBoundary,Y=b.hoistableState,I=g.children;g=g.fallback;var R=new Set,A=$g(a,R);A.parentFlushed=!0;A.rootSegmentID=e;b.blockedBoundary=A;b.hoistableState=A.contentState;b.replay={nodes:h,slots:l,pendingTasks:1};try{hh(a,b,I,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(k(488));b.replay.pendingTasks--;if(0===A.pendingTasks&&0===A.status){A.status=1;a.completedBoundaries.push(A);
+break b}}catch(C){A.status=4,w=ch(a,b.componentStack),q=X(a,C,w),A.errorDigest=q,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(A)}finally{b.blockedBoundary=U,b.hoistableState=Y,b.replay=v,b.keyPath=y,b.componentStack=t}b=ah(a,null,{nodes:p,slots:m,pendingTasks:0},g,-1,U,A.fallbackState,R,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,z,!0);a.pingedTasks.push(b)}}d.splice(c,1);break a}}}else jh(a,b,f,e,g,h);return;case fa:throw Error(k(257));case Ha:g=
+b.componentStack;b.componentStack=bh(b,"Lazy");f=c._init;c=f(c._payload);b.componentStack=g;Z(a,b,c,d);return}if(Wa(c)){oh(a,b,c,d);return}null===c||"object"!==typeof c?g=null:(g=Va&&c[Va]||c["@@iterator"],g="function"===typeof g?g:null);if(g&&(g=g.call(c))){c=g.next();if(!c.done){f=[];do f.push(c.value),c=g.next();while(!c.done);oh(a,b,f,d)}return}if("function"===typeof c.then)return b.thenableState=null,Z(a,b,Hg(c),d);if(c.$$typeof===ua)return Z(a,b,c._currentValue,d);d=Object.prototype.toString.call(c);
+throw Error(k(31,"[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d));}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=nc(d.chunks,c,a.renderState,d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=nc(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function oh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var l=g[h];if(l[1]===d){d=l[2];l=l[3];b.replay={nodes:d,slots:l,pendingTasks:1};try{oh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.replay.nodes.length)throw Error(k(488));b.replay.pendingTasks--}catch(m){if("object"===typeof m&&null!==m&&(m===bg||"function"===typeof m.then))throw m;b.replay.pendingTasks--;c=ch(a,b.componentStack);var p=b.blockedBoundary,
+q=m;c=X(a,q,c);nh(a,p,d,l,q,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)l=c[d],b.treeContext=Xf(f,g,d),p=h[d],"number"===typeof p?(mh(a,b,p,l,d),delete h[d]):hh(a,b,l,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Xf(f,g,h),hh(a,b,d,h);b.treeContext=f;b.keyPath=e}
+function lh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function hh(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,l=b.treeContext,p=b.componentStack,q=b.blockedSegment;if(null===q)try{return Z(a,b,c,d)}catch(t){if(Ag(),c=t===bg?fg():t,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=zg();a=ah(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=p;Tf(g);return}}else{var m=q.children.length,w=q.chunks.length;try{return Z(a,b,c,d)}catch(t){if(Ag(),q.children.length=m,q.chunks.length=w,c=t===bg?fg():t,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=zg();q=b.blockedSegment;m=Wg(a,q.chunks.length,null,b.formatContext,q.lastPushedText,!0);q.children.push(m);q.lastPushedText=!1;a=Xg(a,d,b.node,b.childIndex,b.blockedBoundary,m,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=p;Tf(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;Tf(g);throw c;}function ph(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,qh(this,b,a))}
+function nh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)nh(a,b,h[2],h[3],e,f);else{h=h[5];var l=a,p=f,q=$g(l,new Set);q.parentFlushed=!0;q.rootSegmentID=h;q.status=4;q.errorDigest=p;q.parentFlushed&&l.clientRenderedBoundaries.push(q)}}c.length=0;if(null!==d){if(null===b)throw Error(k(487));4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var m in d)delete d[m]}}
+function rh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){X(b,c,d);dh(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=X(b,c,d),nh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&sh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=ch(b,a.componentStack),a=X(b,c,a),d.errorDigest=a,lh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return rh(f,
+b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&th(b)}
+function uh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var l=h.value.sheets.values(),p=l.next();0<e.remainingCapacity&&!p.done;p=l.next()){var q=p.value,m=q.props,w=m.href,t=q.props,z=gd(t.href,"style",{crossOrigin:t.crossOrigin,integrity:t.integrity,
+nonce:t.nonce,type:t.type,fetchPriority:t.fetchPriority,referrerPolicy:t.referrerPolicy,media:t.media});if(2<=(e.remainingCapacity-=z.length))c.resets.style[w]=Ub,f&&(f+=", "),f+=z,c.resets.style[w]="string"===typeof m.crossOrigin||"string"===typeof m.integrity?[m.crossOrigin,m.integrity]:Ub;else break b}}f?d({Link:f}):d({})}}}catch(y){X(a,y,{})}}function sh(a){null===a.trackedPostpones&&uh(a,!0);a.onShellError=Ug;a=a.onShellReady;a()}
+function th(a){uh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function kh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&kh(a,c)}else a.completedSegments.push(b)}
+function qh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error(k(389));a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&sh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&kh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(ph,a),b.fallbackAbortableTasks.clear())):null!==c&&c.parentFlushed&&1===c.status&&
+(kh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&th(a)}
+function Zg(a){if(2!==a.status){var b=Nf,c=Rg.current;Rg.current=Lg;var d=Sg.current;Sg.current=Mg;var e=V;V=a;var f=Kg;Kg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var l=g[h],p=a,q=l.blockedSegment;if(null===q){var m=p;if(0!==l.replay.pendingTasks){Tf(l.context);try{Z(m,l,l.node,l.childIndex);if(1===l.replay.pendingTasks&&0<l.replay.nodes.length)throw Error(k(488));l.replay.pendingTasks--;l.abortSet.delete(l);qh(m,l.blockedBoundary,null)}catch(G){Ag();var w=G===bg?fg():G;
+if("object"===typeof w&&null!==w&&"function"===typeof w.then){var t=l.ping;w.then(t,t);l.thenableState=zg()}else{l.replay.pendingTasks--;l.abortSet.delete(l);var z=ch(m,l.componentStack);p=void 0;var y=m,v=l.blockedBoundary,U=w,Y=l.replay.nodes,I=l.replay.slots;p=X(y,U,z);nh(y,v,Y,I,U,p);m.pendingRootTasks--;0===m.pendingRootTasks&&sh(m);m.allPendingTasks--;0===m.allPendingTasks&&th(m)}}finally{}}}else if(m=void 0,y=q,0===y.status){Tf(l.context);var R=y.children.length,A=y.chunks.length;try{Z(p,l,
+l.node,l.childIndex),y.lastPushedText&&y.textEmbedded&&y.chunks.push(mc),l.abortSet.delete(l),y.status=1,qh(p,l.blockedBoundary,y)}catch(G){Ag();y.children.length=R;y.chunks.length=A;var C=G===bg?fg():G;if("object"===typeof C&&null!==C&&"function"===typeof C.then){var pa=l.ping;C.then(pa,pa);l.thenableState=zg()}else{var ca=ch(p,l.componentStack);l.abortSet.delete(l);y.status=4;var H=l.blockedBoundary;m=X(p,C,ca);null===H?dh(p,C):(H.pendingTasks--,4!==H.status&&(H.status=4,H.errorDigest=m,lh(p,H),
+H.parentFlushed&&p.clientRenderedBoundaries.push(H)));p.allPendingTasks--;0===p.allPendingTasks&&th(p)}}finally{}}}g.splice(0,h);null!==a.destination&&vh(a,a.destination)}catch(G){X(a,G,{}),dh(a,G)}finally{Kg=f,Rg.current=c,Sg.current=d,c===Lg&&Tf(b),V=e}}}
+function wh(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,u(b,jd),u(b,a.placeholderPrefix),a=B(d.toString(16)),u(b,a),x(b,kd);case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)u(b,f[g]);e=xh(a,b,e,d)}for(;g<f.length-1;g++)u(b,f[g]);g<f.length&&(e=x(b,f[g]));return e;default:throw Error(k(390));}}
+function xh(a,b,c,d){var e=c.boundary;if(null===e)return wh(a,b,c,d);e.parentFlushed=!0;if(4===e.status)e=e.errorDigest,x(b,od),u(b,qd),e&&(u(b,sd),u(b,B(K(e))),u(b,rd)),x(b,td),wh(a,b,c,d);else if(1!==e.status)0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),ud(b,a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(Ef,d),e.stylesheets.forEach(Ff,d)),wh(a,b,c,d);else if(e.byteSize>a.progressiveChunkSize)e.rootSegmentID=a.nextSegmentId++,
+a.completedBoundaries.push(e),ud(b,a.renderState,e.rootSegmentID),wh(a,b,c,d);else{d&&(c=e.contentState,c.styles.forEach(Ef,d),c.stylesheets.forEach(Ff,d));x(b,ld);c=e.completedSegments;if(1!==c.length)throw Error(k(391));xh(a,b,c[0],d)}return x(b,pd)}function yh(a,b,c,d){qe(b,a.renderState,c.parentFormatContext,c.id);xh(a,b,c,d);return re(b,c.parentFormatContext)}
+function zh(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Ah(a,b,c,d[e]);d.length=0;gf(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(u(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,u(b,Ae)):0===(d.instructions&8)?(d.instructions|=8,u(b,Be)):u(b,Ce):0===(d.instructions&2)?(d.instructions|=2,u(b,ye)):u(b,ze)):f?u(b,Ie):u(b,He);d=B(e.toString(16));
+u(b,a.boundaryPrefix);u(b,d);g?u(b,De):u(b,Je);u(b,a.segmentPrefix);u(b,d);f?g?(u(b,Ee),wf(b,c)):(u(b,Ke),xf(b,c)):g&&u(b,Fe);d=g?x(b,Ge):x(b,Vb);return id(b,a)&&d}
+function Ah(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error(k(392));return yh(a,b,d,e)}if(f===c.rootSegmentID)return yh(a,b,d,e);yh(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(u(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,u(b,se)):u(b,te)):u(b,we);u(b,a.segmentPrefix);f=B(f.toString(16));u(b,f);d?u(b,ue):u(b,xe);u(b,a.placeholderPrefix);u(b,f);b=d?x(b,ve):x(b,Vb);return b}
+function vh(a,b){n=new Uint8Array(2048);r=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,l=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(l))}var p=e.htmlChunks,q=e.headChunks,m;if(p){for(m=0;m<p.length;m++)u(b,p[m]);if(q)for(m=0;m<q.length;m++)u(b,q[m]);else u(b,
+T("head")),u(b,S)}else if(q)for(m=0;m<q.length;m++)u(b,q[m]);var w=e.charsetChunks;for(m=0;m<w.length;m++)u(b,w[m]);w.length=0;e.preconnects.forEach(hf,b);e.preconnects.clear();var t=e.viewportChunks;for(m=0;m<t.length;m++)u(b,t[m]);t.length=0;e.fontPreloads.forEach(hf,b);e.fontPreloads.clear();e.highImagePreloads.forEach(hf,b);e.highImagePreloads.clear();e.styles.forEach(pf,b);var z=e.importMapChunks;for(m=0;m<z.length;m++)u(b,z[m]);z.length=0;e.bootstrapScripts.forEach(hf,b);e.scripts.forEach(hf,
+b);e.scripts.clear();e.bulkPreloads.forEach(hf,b);e.bulkPreloads.clear();var y=e.hoistableChunks;for(m=0;m<y.length;m++)u(b,y[m]);y.length=0;p&&null===q&&u(b,Zc("head"));xh(a,b,d,null);a.completedRootSegment=null;id(b,a.renderState)}else return;var v=a.renderState;d=0;var U=v.viewportChunks;for(d=0;d<U.length;d++)u(b,U[d]);U.length=0;v.preconnects.forEach(hf,b);v.preconnects.clear();v.fontPreloads.forEach(hf,b);v.fontPreloads.clear();v.highImagePreloads.forEach(hf,b);v.highImagePreloads.clear();v.styles.forEach(rf,
+b);v.scripts.forEach(hf,b);v.scripts.clear();v.bulkPreloads.forEach(hf,b);v.bulkPreloads.clear();var Y=v.hoistableChunks;for(d=0;d<Y.length;d++)u(b,Y[d]);Y.length=0;var I=a.clientRenderedBoundaries;for(c=0;c<I.length;c++){var R=I[c];v=b;var A=a.resumableState,C=a.renderState,pa=R.rootSegmentID,ca=R.errorDigest,H=R.errorMessage,G=R.errorComponentStack,ka=0===A.streamingFormat;ka?(u(v,C.startInlineScript),0===(A.instructions&4)?(A.instructions|=4,u(v,Le)):u(v,Me)):u(v,Qe);u(v,C.boundaryPrefix);u(v,
+B(pa.toString(16)));ka&&u(v,Ne);if(ca||H||G)ka?(u(v,Oe),u(v,B(Ve(ca||"")))):(u(v,Re),u(v,B(K(ca||""))));if(H||G)ka?(u(v,Oe),u(v,B(Ve(H||"")))):(u(v,Se),u(v,B(K(H||""))));G&&(ka?(u(v,Oe),u(v,B(Ve(G)))):(u(v,Te),u(v,B(K(G)))));if(ka?!x(v,Pe):!x(v,Vb)){a.destination=null;c++;I.splice(0,c);return}}I.splice(0,c);var xa=a.completedBoundaries;for(c=0;c<xa.length;c++)if(!zh(a,b,xa[c])){a.destination=null;c++;xa.splice(0,c);return}xa.splice(0,c);Ya(b);n=new Uint8Array(2048);r=0;var ya=a.partialBoundaries;
+for(c=0;c<ya.length;c++){var La=ya[c];a:{I=a;R=b;var za=La.completedSegments;for(A=0;A<za.length;A++)if(!Ah(I,R,La,za[A])){A++;za.splice(0,A);var Ma=!1;break a}za.splice(0,A);Ma=gf(R,La.contentState,I.renderState)}if(!Ma){a.destination=null;c++;ya.splice(0,c);return}}ya.splice(0,c);var qa=a.completedBoundaries;for(c=0;c<qa.length;c++)if(!zh(a,b,qa[c])){a.destination=null;c++;qa.splice(0,c);return}qa.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&
+0===a.completedBoundaries.length?(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&u(b,Zc("body")),c.hasHtml&&u(b,Zc("html")),Ya(b),b.close(),a.destination=null):Ya(b)}}function Bf(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){a.flushScheduled=!0;var b=a.destination;b?vh(a,b):a.flushScheduled=!1}}
+function Bh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error(k(432)):b;c.forEach(function(e){return rh(e,a,d)});c.clear()}null!==a.destination&&vh(a,a.destination)}catch(e){X(a,e,{}),dh(a,e)}}
+exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(t,z){f=t;e=z}),h=b?b.onHeaders:void 0,l;h&&(l=function(t){h(new Headers(t))});var p=jc(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),q=Vg(a,p,hc(p,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,l,b?b.maxHeadersLength:void 0),kc(b?b.namespaceURI:void 0),
+b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var t=new ReadableStream({type:"bytes",pull:function(z){if(1===q.status)q.status=2,$a(z,q.fatalError);else if(2!==q.status&&null===q.destination){q.destination=z;try{vh(q,z)}catch(y){X(q,y,{}),dh(q,y)}}},cancel:function(z){q.destination=null;Bh(q,z)}},{highWaterMark:0});t.allReady=g;c(t)},function(t){g.catch(function(){});d(t)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var m=b.signal;if(m.aborted)Bh(q,m.reason);else{var w=
+function(){Bh(q,m.reason);m.removeEventListener("abort",w)};m.addEventListener("abort",w)}}q.flushScheduled=null!==q.destination;Zg(q);null===q.trackedPostpones&&uh(q,0===q.pendingRootTasks)})};exports.version="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server.browser.production.min.js.map
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 c05c7c57c6e83d..2194b10d02ecd5 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
@@ -13,7 +13,52 @@
 var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 /* global Bun */
 function scheduleWork(callback) {
@@ -40,9 +85,6 @@ function stringToChunk(content) {
 function stringToPrecomputedChunk(content) {
   return content;
 }
-function clonePrecomputedChunk(chunk) {
-  return chunk;
-}
 function closeWithError(destination, error) {
   if (typeof destination.error === 'function') {
     // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
@@ -235,19 +277,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -423,6 +459,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -437,9 +474,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -458,7 +493,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -820,7 +855,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -958,6 +993,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1681,7 +1717,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1692,11 +1728,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1704,7 +1753,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1775,8 +1824,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1788,8 +1837,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1816,16 +1865,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -1858,7 +1905,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -1902,8 +1949,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2149,12 +2196,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2410,6 +2464,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2528,14 +2583,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2565,19 +2627,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -2989,7 +3051,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3009,7 +3071,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3052,12 +3114,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3269,14 +3331,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3430,13 +3495,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3454,15 +3519,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3470,14 +3527,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3490,15 +3544,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3515,15 +3569,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3549,10 +3595,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3639,6 +3685,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3698,10 +3745,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3788,6 +3835,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3851,15 +3899,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4644,13 +4689,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4746,45 +4787,6 @@ function emitEarlyPreloads(renderState, resumableState, shellComplete) {
 }
 const NotPendingTransition = NotPending;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -4851,13 +4853,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -4883,315 +4895,74 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+      return parentContext;
+    }
 
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+    const childContext = instance.getChildContext();
 
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
+    return assign({}, parentContext, childContext);
+  }
+}
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
+const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
+let currentActiveSnapshot = null;
 
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
 
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
+}
 
 function popToNearestCommonAncestor(prev, next) {
   if (prev === next) ; else {
@@ -5331,12 +5102,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6283,7 +6049,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -6369,6 +6135,246 @@ const DefaultCacheDispatcher = {
   getCacheForType
 };
 
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (false) ; // Return the line we found.
+
+
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  return syntheticFrame;
+}
+
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
 function getStackByComponentStackNode(componentStack) {
   try {
     let info = '';
@@ -6377,15 +6383,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6477,7 +6483,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6508,13 +6514,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6530,6 +6537,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6537,13 +6545,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6560,6 +6569,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6567,7 +6577,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6694,6 +6705,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6729,12 +6741,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6768,11 +6776,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6799,9 +6804,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6815,6 +6820,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -6826,16 +6832,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -6873,11 +6876,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6891,9 +6891,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6921,7 +6921,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -6945,7 +6945,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -6962,7 +6967,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -6970,7 +6975,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -6985,7 +6990,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -6995,7 +7000,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7062,7 +7067,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7086,10 +7091,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7097,45 +7108,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7147,18 +7156,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7186,7 +7195,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7204,7 +7213,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7230,31 +7239,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7296,7 +7315,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7325,7 +7344,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7377,9 +7396,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7390,9 +7407,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
 
-  if (typeof node === 'object' && node !== null) {
+
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7400,17 +7422,22 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            ref = element.ref;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7431,7 +7458,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7483,13 +7510,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -7664,9 +7693,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -7681,9 +7710,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -7707,7 +7736,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -7745,7 +7774,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -7935,8 +7964,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -7945,7 +7977,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -7964,7 +8001,11 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8127,11 +8168,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8160,12 +8196,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8199,9 +8230,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8219,12 +8247,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8271,9 +8294,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8339,7 +8359,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8374,7 +8399,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8396,12 +8421,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8412,7 +8437,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8428,9 +8453,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
+
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8442,13 +8475,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8460,7 +8499,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8469,17 +8508,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8491,17 +8526,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8520,11 +8551,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8534,6 +8561,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8545,13 +8573,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8572,10 +8600,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 226040079f0ccb..4449779d5ea21d 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
@@ -17,7 +17,7 @@ if (process.env.NODE_ENV !== "production") {
 var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -74,6 +74,324 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
 // prioritize speed over collision avoidance. For example, we use this to hash
@@ -169,7 +487,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -182,15 +500,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -245,19 +557,17 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function stringToPrecomputedChunk(content) {
   var precomputedChunk = textEncoder.encode(content);
 
   {
-    precomputedChunkSet.add(precomputedChunk);
+    if (precomputedChunk.byteLength > VIEW_SIZE) {
+      error('precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.');
+    }
   }
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -1270,6 +1580,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1680,19 +1991,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1887,6 +2192,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1901,9 +2207,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1922,7 +2226,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2300,7 +2604,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2462,6 +2766,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -3341,7 +3646,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3352,11 +3657,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3364,7 +3682,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3456,8 +3774,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3469,8 +3787,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3497,16 +3815,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3539,7 +3855,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3607,8 +3923,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3854,7 +4170,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3878,8 +4194,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4143,6 +4466,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4264,7 +4588,7 @@ function startChunkForTag(tag) {
 }
 
 var doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4286,7 +4610,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4316,19 +4647,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4756,7 +5087,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4776,7 +5107,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4819,12 +5150,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -5042,14 +5373,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5203,13 +5537,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5227,15 +5561,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5243,14 +5569,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5263,15 +5586,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5288,15 +5611,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5322,10 +5637,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5421,6 +5736,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5492,10 +5808,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5591,6 +5907,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5666,15 +5983,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6476,13 +6790,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6581,50 +6891,11 @@ var NotPendingTransition = NotPending;
 var supportsRequestStorage = typeof AsyncLocalStorage === 'function';
 var requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
 
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
-function getWrappedName(outerType, innerType, wrapperName) {
-  var displayName = outerType.displayName;
-
-  if (displayName) {
-    return displayName;
+  if (displayName) {
+    return displayName;
   }
 
   var functionName = innerType.displayName || innerType.name || '';
@@ -6691,13 +6962,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6723,647 +7004,145 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
+
+      return parentContext;
     }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    var childContext = instance.getChildContext();
+
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
     }
+
+    return assign({}, parentContext, childContext);
   }
 }
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+var rendererSigil;
+
+{
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-    return '\n' + prefix + name;
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
+
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
   }
 }
-var reentry = false;
-var componentFrameCache;
 
-{
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
 }
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
 
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
+
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+      popToNearestCommonAncestor(parentPrev, parentNext);
+    } // On the way back, we push the new ones that weren't common.
 
-  {
-    var frame = componentFrameCache.get(fn);
 
-    if (frame !== undefined) {
-      return frame;
-    }
+    pushNode(next);
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
 
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
+function pushAllNext(next) {
+  var parentNext = next.parent;
 
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
   }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
 
+  pushNode(next);
+}
 
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
-
-
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
-    }
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
-  }
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
-var warnedAboutMissingGetChildContext;
-
-{
-  warnedAboutMissingGetChildContext = {};
-}
-
-var emptyContextObject = {};
-
-{
-  Object.freeze(emptyContextObject);
-}
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    var context = {};
-
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-      {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
-        }
-      }
-
-      return parentContext;
-    }
-
-    var childContext = instance.getChildContext();
-
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext);
-    } // On the way back, we push the new ones that weren't common.
-
-
-    pushNode(next);
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
   if (parentPrev === null) {
     throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
@@ -7471,12 +7250,7 @@ function popProvider(context) {
 
   {
     var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
 
     {
       if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
@@ -7535,18 +7309,19 @@ var didWarnOnInvalidCallback;
   didWarnOnInvalidCallback = new Set();
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
 
-    var key = callerName + '_' + callback;
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -7575,7 +7350,7 @@ function warnNoop(publicInstance, callerName) {
       return;
     }
 
-    error('%s(...): 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, callerName, componentName);
+    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, componentName);
 
     didWarnAboutNoopUpdateForComponent[warningKey] = true;
   }
@@ -7596,7 +7371,7 @@ var classComponentUpdater = {
 
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7608,7 +7383,7 @@ var classComponentUpdater = {
 
     {
       if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
+        warnOnInvalidCallback(callback);
       }
     }
   },
@@ -7621,7 +7396,7 @@ var classComponentUpdater = {
     } else {
       {
         if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+          warnOnInvalidCallback(callback);
         }
       }
     }
@@ -7647,7 +7422,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -7657,10 +7432,7 @@ function constructClassInstance(ctor, props, maskedLegacyContext) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -7740,9 +7512,9 @@ function checkClassInstance(instance, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -7801,7 +7573,7 @@ function checkClassInstance(instance, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -8030,879 +7802,1251 @@ function pushTreeContext(baseContext, totalChildren, index) {
   var length = getBitLength(totalChildren) + baseLength; // 30 is the max length we can store without overflowing, taking into
   // consideration the leading 1 we use to mark the end of the sequence.
 
-  if (length > 30) {
-    // We overflowed the bitwise-safe range. Fall back to slower algorithm.
-    // This branch assumes the length of the base id is greater than 5; it won't
-    // work for smaller ids, because you need 5 bits per character.
-    //
-    // We encode the id in multiple steps: first the base id, then the
-    // remaining digits.
-    //
-    // Each 5 bit sequence corresponds to a single base 32 character. So for
-    // example, if the current id is 23 bits long, we can convert 20 of those
-    // bits into a string of 4 characters, with 3 bits left over.
-    //
-    // First calculate how many bits in the base id represent a complete
-    // sequence of characters.
-    var numberOfOverflowBits = baseLength - baseLength % 5; // Then create a bitmask that selects only those bits.
+  if (length > 30) {
+    // We overflowed the bitwise-safe range. Fall back to slower algorithm.
+    // This branch assumes the length of the base id is greater than 5; it won't
+    // work for smaller ids, because you need 5 bits per character.
+    //
+    // We encode the id in multiple steps: first the base id, then the
+    // remaining digits.
+    //
+    // Each 5 bit sequence corresponds to a single base 32 character. So for
+    // example, if the current id is 23 bits long, we can convert 20 of those
+    // bits into a string of 4 characters, with 3 bits left over.
+    //
+    // First calculate how many bits in the base id represent a complete
+    // sequence of characters.
+    var numberOfOverflowBits = baseLength - baseLength % 5; // Then create a bitmask that selects only those bits.
+
+    var newOverflowBits = (1 << numberOfOverflowBits) - 1; // Select the bits, and convert them to a base 32 string.
+
+    var newOverflow = (baseId & newOverflowBits).toString(32); // Now we can remove those bits from the base id.
+
+    var restOfBaseId = baseId >> numberOfOverflowBits;
+    var restOfBaseLength = baseLength - numberOfOverflowBits; // Finally, encode the rest of the bits using the normal algorithm. Because
+    // we made more room, this time it won't overflow.
+
+    var restOfLength = getBitLength(totalChildren) + restOfBaseLength;
+    var restOfNewBits = slot << restOfBaseLength;
+    var id = restOfNewBits | restOfBaseId;
+    var overflow = newOverflow + baseOverflow;
+    return {
+      id: 1 << restOfLength | id,
+      overflow: overflow
+    };
+  } else {
+    // Normal path
+    var newBits = slot << baseLength;
+
+    var _id = newBits | baseId;
+
+    var _overflow = baseOverflow;
+    return {
+      id: 1 << length | _id,
+      overflow: _overflow
+    };
+  }
+}
+
+function getBitLength(number) {
+  return 32 - clz32(number);
+}
+
+function getLeadingBit(id) {
+  return 1 << getBitLength(id) - 1;
+} // TODO: Math.clz32 is supported in Node 12+. Maybe we can drop the fallback.
+
+
+var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
+// Based on:
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
+
+var log = Math.log;
+var LN2 = Math.LN2;
+
+function clz32Fallback(x) {
+  var asUint = x >>> 0;
+
+  if (asUint === 0) {
+    return 32;
+  }
+
+  return 31 - (log(asUint) / LN2 | 0) | 0;
+}
+
+// Corresponds to ReactFiberWakeable and ReactFlightWakeable modules. Generally,
+// changes to one module should be reflected in the others.
+// TODO: Rename this module and the corresponding Fiber one to "Thenable"
+// instead of "Wakeable". Or some other more appropriate name.
+// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
+var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  return [];
+}
+
+function noop$2() {}
+
+function trackUsedThenable(thenableState, thenable, index) {
+  var previous = thenableState[index];
+
+  if (previous === undefined) {
+    thenableState.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // Reuse the previous thenable, and drop the new one. We can assume
+      // they represent the same value, because components are idempotent.
+      // Avoid an unhandled rejection errors for the Promises that we'll
+      // intentionally ignore.
+      thenable.then(noop$2, noop$2);
+      thenable = previous;
+    }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
+
+
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+/**
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ */
+function is(x, y) {
+  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+  ;
+}
+
+var objectIs = // $FlowFixMe[method-unbinding]
+typeof Object.is === 'function' ? Object.is : is;
+
+var currentlyRenderingComponent = null;
+var currentlyRenderingTask = null;
+var currentlyRenderingRequest = null;
+var currentlyRenderingKeyPath = null;
+var firstWorkInProgressHook = null;
+var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
+
+var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+
+var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+
+var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
+// finishes rendering.
+// Counts the number of useFormState calls in this component
+
+var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
+// root during an MPA navigation, if any.
+
+var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
+
+var thenableIndexCounter = 0;
+var thenableState = null; // Lazily created map of render-phase updates
+
+var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+
+var numberOfReRenders = 0;
+var RE_RENDER_LIMIT = 25;
+var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+
+var currentHookNameInDev;
+
+function resolveCurrentlyRenderingComponent() {
+  if (currentlyRenderingComponent === null) {
+    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+  }
+
+  {
+    if (isInHookUserCodeInDev) {
+      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://reactjs.org/link/rules-of-hooks');
+    }
+  }
+
+  return currentlyRenderingComponent;
+}
+
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (prevDeps === null) {
+    {
+      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);
+    }
+
+    return false;
+  }
 
-    var newOverflowBits = (1 << numberOfOverflowBits) - 1; // Select the bits, and convert them to a base 32 string.
+  {
+    // Don't bother comparing lengths in prod because these arrays should be
+    // passed inline.
+    if (nextDeps.length !== prevDeps.length) {
+      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
+    }
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    var newOverflow = (baseId & newOverflowBits).toString(32); // Now we can remove those bits from the base id.
 
-    var restOfBaseId = baseId >> numberOfOverflowBits;
-    var restOfBaseLength = baseLength - numberOfOverflowBits; // Finally, encode the rest of the bits using the normal algorithm. Because
-    // we made more room, this time it won't overflow.
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+    // $FlowFixMe[incompatible-use] found when upgrading Flow
+    if (objectIs(nextDeps[i], prevDeps[i])) {
+      continue;
+    }
 
-    var restOfLength = getBitLength(totalChildren) + restOfBaseLength;
-    var restOfNewBits = slot << restOfBaseLength;
-    var id = restOfNewBits | restOfBaseId;
-    var overflow = newOverflow + baseOverflow;
-    return {
-      id: 1 << restOfLength | id,
-      overflow: overflow
-    };
-  } else {
-    // Normal path
-    var newBits = slot << baseLength;
+    return false;
+  }
 
-    var _id = newBits | baseId;
+  return true;
+}
 
-    var _overflow = baseOverflow;
-    return {
-      id: 1 << length | _id,
-      overflow: _overflow
-    };
+function createHook() {
+  if (numberOfReRenders > 0) {
+    throw new Error('Rendered more hooks than during the previous render');
   }
+
+  return {
+    memoizedState: null,
+    queue: null,
+    next: null
+  };
 }
 
-function getBitLength(number) {
-  return 32 - clz32(number);
+function createWorkInProgressHook() {
+  if (workInProgressHook === null) {
+    // This is the first hook in the list
+    if (firstWorkInProgressHook === null) {
+      isReRender = false;
+      firstWorkInProgressHook = workInProgressHook = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = firstWorkInProgressHook;
+    }
+  } else {
+    if (workInProgressHook.next === null) {
+      isReRender = false; // Append to the end of the list
+
+      workInProgressHook = workInProgressHook.next = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = workInProgressHook.next;
+    }
+  }
+
+  return workInProgressHook;
 }
 
-function getLeadingBit(id) {
-  return 1 << getBitLength(id) - 1;
-} // TODO: Math.clz32 is supported in Node 12+. Maybe we can drop the fallback.
+function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
+  currentlyRenderingComponent = componentIdentity;
+  currentlyRenderingTask = task;
+  currentlyRenderingRequest = request;
+  currentlyRenderingKeyPath = keyPath;
 
+  {
+    isInHookUserCodeInDev = false;
+  } // The following should have already been reset
+  // didScheduleRenderPhaseUpdate = false;
+  // firstWorkInProgressHook = null;
+  // numberOfReRenders = 0;
+  // renderPhaseUpdates = null;
+  // workInProgressHook = null;
 
-var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
-// Based on:
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
 
-var log = Math.log;
-var LN2 = Math.LN2;
+  localIdCounter = 0;
+  formStateCounter = 0;
+  formStateMatchingIndex = -1;
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function finishHooks(Component, props, children, refOrContext) {
+  // This must be called after every function component to prevent hooks from
+  // being used in classes.
+  while (didScheduleRenderPhaseUpdate) {
+    // Updates were scheduled during the render phase. They are stored in
+    // the `renderPhaseUpdates` map. Call the component again, reusing the
+    // work-in-progress hooks and applying the additional updates on top. Keep
+    // restarting until no more updates are scheduled.
+    didScheduleRenderPhaseUpdate = false;
+    localIdCounter = 0;
+    formStateCounter = 0;
+    formStateMatchingIndex = -1;
+    thenableIndexCounter = 0;
+    numberOfReRenders += 1; // Start over from the beginning of the list
 
-function clz32Fallback(x) {
-  var asUint = x >>> 0;
+    workInProgressHook = null;
+    children = Component(props, refOrContext);
+  }
 
-  if (asUint === 0) {
-    return 32;
+  resetHooksState();
+  return children;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+function checkDidRenderIdHook() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  var didRenderIdHook = localIdCounter !== 0;
+  return didRenderIdHook;
+}
+function getFormStateCount() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateCounter;
+}
+function getFormStateMatchingIndex() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateMatchingIndex;
+} // Reset the internal hooks state if an error occurs while rendering a component
+
+function resetHooksState() {
+  {
+    isInHookUserCodeInDev = false;
   }
 
-  return 31 - (log(asUint) / LN2 | 0) | 0;
+  currentlyRenderingComponent = null;
+  currentlyRenderingTask = null;
+  currentlyRenderingRequest = null;
+  currentlyRenderingKeyPath = null;
+  didScheduleRenderPhaseUpdate = false;
+  firstWorkInProgressHook = null;
+  numberOfReRenders = 0;
+  renderPhaseUpdates = null;
+  workInProgressHook = null;
 }
 
-// Corresponds to ReactFiberWakeable and ReactFlightWakeable modules. Generally,
-// changes to one module should be reflected in the others.
-// TODO: Rename this module and the corresponding Fiber one to "Thenable"
-// instead of "Wakeable". Or some other more appropriate name.
-// An error that is thrown (e.g. by `use`) to trigger Suspense. If we
-// detect this is caught by userspace, we'll log a warning in development.
-var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
-function createThenableState() {
-  // The ThenableState is created the first time a component suspends. If it
-  // suspends again, we'll reuse the same state.
-  return [];
+function readContext(context) {
+  {
+    if (isInHookUserCodeInDev) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
 }
 
-function noop$2() {}
+function useContext(context) {
+  {
+    currentHookNameInDev = 'useContext';
+  }
 
-function trackUsedThenable(thenableState, thenable, index) {
-  var previous = thenableState[index];
+  resolveCurrentlyRenderingComponent();
+  return readContext$1(context);
+}
 
-  if (previous === undefined) {
-    thenableState.push(thenable);
-  } else {
-    if (previous !== thenable) {
-      // Reuse the previous thenable, and drop the new one. We can assume
-      // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
-      // intentionally ignore.
-      thenable.then(noop$2, noop$2);
-      thenable = previous;
+function basicStateReducer(state, action) {
+  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+  return typeof action === 'function' ? action(state) : action;
+}
+
+function useState(initialState) {
+  {
+    currentHookNameInDev = 'useState';
+  }
+
+  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
+  initialState);
+}
+function useReducer(reducer, initialArg, init) {
+  {
+    if (reducer !== basicStateReducer) {
+      currentHookNameInDev = 'useReducer';
     }
-  } // 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.
+  }
 
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
 
-  switch (thenable.status) {
-    case 'fulfilled':
-      {
-        var fulfilledValue = thenable.value;
-        return fulfilledValue;
-      }
+  if (isReRender) {
+    // This is a re-render. Apply the new render phase updates to the previous
+    // current hook.
+    var queue = workInProgressHook.queue;
+    var dispatch = queue.dispatch;
 
-    case 'rejected':
-      {
-        var rejectedError = thenable.reason;
-        throw rejectedError;
-      }
+    if (renderPhaseUpdates !== null) {
+      // Render phase updates are stored in a map of queue -> linked list
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-    default:
-      {
-        if (typeof thenable.status === 'string') ; else {
-          var pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(function (fulfilledValue) {
-            if (thenable.status === 'pending') {
-              var fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, function (error) {
-            if (thenable.status === 'pending') {
-              var rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously
+      if (firstRenderPhaseUpdate !== undefined) {
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+        var newState = workInProgressHook.memoizedState;
+        var update = firstRenderPhaseUpdate;
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                throw rejectedThenable.reason;
-              }
+        do {
+          // Process this render phase update. We don't have to check the
+          // priority because it will always be the same as the current
+          // render's.
+          var action = update.action;
+
+          {
+            isInHookUserCodeInDev = true;
           }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
 
+          newState = reducer(newState, action);
 
-        suspendedThenable = thenable;
-        throw SuspenseException;
-      }
-  }
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
+          {
+            isInHookUserCodeInDev = false;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-var suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
-  }
 
-  var thenable = suspendedThenable;
-  suspendedThenable = null;
-  return thenable;
-}
+          update = update.next;
+        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x, y) {
-  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
-  ;
-}
 
-var objectIs = // $FlowFixMe[method-unbinding]
-typeof Object.is === 'function' ? Object.is : is;
+        workInProgressHook.memoizedState = newState;
+        return [newState, dispatch];
+      }
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentlyRenderingComponent = null;
-var currentlyRenderingTask = null;
-var currentlyRenderingRequest = null;
-var currentlyRenderingKeyPath = null;
-var firstWorkInProgressHook = null;
-var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
 
-var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+    return [workInProgressHook.memoizedState, dispatch];
+  } else {
+    {
+      isInHookUserCodeInDev = true;
+    }
 
-var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+    var initialState;
 
-var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
-// finishes rendering.
-// Counts the number of useFormState calls in this component
+    if (reducer === basicStateReducer) {
+      // Special case for `useState`.
+      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
+    } else {
+      initialState = init !== undefined ? init(initialArg) : initialArg;
+    }
 
-var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
-// root during an MPA navigation, if any.
+    {
+      isInHookUserCodeInDev = false;
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
 
-var thenableIndexCounter = 0;
-var thenableState = null; // Lazily created map of render-phase updates
+    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+    var _queue = workInProgressHook.queue = {
+      last: null,
+      dispatch: null
+    };
 
-var numberOfReRenders = 0;
-var RE_RENDER_LIMIT = 25;
-var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentHookNameInDev;
 
-function resolveCurrentlyRenderingComponent() {
-  if (currentlyRenderingComponent === null) {
-    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    return [workInProgressHook.memoizedState, _dispatch];
   }
+}
 
-  {
-    if (isInHookUserCodeInDev) {
-      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://reactjs.org/link/rules-of-hooks');
-    }
-  }
+function useMemo(nextCreate, deps) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
 
-  return currentlyRenderingComponent;
-}
+  if (workInProgressHook !== null) {
+    var prevState = workInProgressHook.memoizedState;
 
-function areHookInputsEqual(nextDeps, prevDeps) {
-  if (prevDeps === null) {
-    {
-      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);
+    if (prevState !== null) {
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
+
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
     }
+  }
 
-    return false;
+  {
+    isInHookUserCodeInDev = true;
   }
 
+  var nextValue = nextCreate();
+
   {
-    // Don't bother comparing lengths in prod because these arrays should be
-    // passed inline.
-    if (nextDeps.length !== prevDeps.length) {
-      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
-    }
+    isInHookUserCodeInDev = false;
   } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
 
-  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    // $FlowFixMe[incompatible-use] found when upgrading Flow
-    if (objectIs(nextDeps[i], prevDeps[i])) {
-      continue;
-    }
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
 
-    return false;
-  }
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
 
-  return true;
-}
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
 
-function createHook() {
-  if (numberOfReRenders > 0) {
-    throw new Error('Rendered more hooks than during the previous render');
-  }
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  return {
-    memoizedState: null,
-    queue: null,
-    next: null
-  };
-}
 
-function createWorkInProgressHook() {
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    if (firstWorkInProgressHook === null) {
-      isReRender = false;
-      firstWorkInProgressHook = workInProgressHook = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = firstWorkInProgressHook;
-    }
+    workInProgressHook.memoizedState = ref;
+    return ref;
   } else {
-    if (workInProgressHook.next === null) {
-      isReRender = false; // Append to the end of the list
+    return previousRef;
+  }
+}
 
-      workInProgressHook = workInProgressHook.next = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = workInProgressHook.next;
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
     }
-  }
 
-  return workInProgressHook;
-}
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
-  currentlyRenderingComponent = componentIdentity;
-  currentlyRenderingTask = task;
-  currentlyRenderingRequest = request;
-  currentlyRenderingKeyPath = keyPath;
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
 
-  {
-    isInHookUserCodeInDev = false;
-  } // The following should have already been reset
-  // didScheduleRenderPhaseUpdate = false;
-  // firstWorkInProgressHook = null;
-  // numberOfReRenders = 0;
-  // renderPhaseUpdates = null;
-  // workInProgressHook = null;
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
 
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
 
-  localIdCounter = 0;
-  formStateCounter = 0;
-  formStateMatchingIndex = -1;
-  thenableIndexCounter = 0;
-  thenableState = prevThenableState;
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
 }
-function finishHooks(Component, props, children, refOrContext) {
-  // This must be called after every function component to prevent hooks from
-  // being used in classes.
-  while (didScheduleRenderPhaseUpdate) {
-    // Updates were scheduled during the render phase. They are stored in
-    // the `renderPhaseUpdates` map. Call the component again, reusing the
-    // work-in-progress hooks and applying the additional updates on top. Keep
-    // restarting until no more updates are scheduled.
-    didScheduleRenderPhaseUpdate = false;
-    localIdCounter = 0;
-    formStateCounter = 0;
-    formStateMatchingIndex = -1;
-    thenableIndexCounter = 0;
-    numberOfReRenders += 1; // Start over from the beginning of the list
 
-    workInProgressHook = null;
-    children = Component(props, refOrContext);
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
   }
 
-  resetHooksState();
-  return children;
-}
-function getThenableStateAfterSuspending() {
-  var state = thenableState;
-  thenableState = null;
-  return state;
-}
-function checkDidRenderIdHook() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  var didRenderIdHook = localIdCounter !== 0;
-  return didRenderIdHook;
-}
-function getFormStateCount() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateCounter;
+  return getServerSnapshot();
 }
-function getFormStateMatchingIndex() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateMatchingIndex;
-} // Reset the internal hooks state if an error occurs while rendering a component
 
-function resetHooksState() {
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
   {
-    isInHookUserCodeInDev = false;
+    return value;
   }
+}
 
-  currentlyRenderingComponent = null;
-  currentlyRenderingTask = null;
-  currentlyRenderingRequest = null;
-  currentlyRenderingKeyPath = null;
-  didScheduleRenderPhaseUpdate = false;
-  firstWorkInProgressHook = null;
-  numberOfReRenders = 0;
-  renderPhaseUpdates = null;
-  workInProgressHook = null;
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
 }
 
-function readContext(context) {
-  {
-    if (isInHookUserCodeInDev) {
-      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().');
-    }
-  }
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
 
-  return readContext$1(context);
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
 }
 
-function useContext(context) {
-  {
-    currentHookNameInDev = 'useContext';
-  }
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
 
+function useOptimistic(passthrough, reducer) {
   resolveCurrentlyRenderingComponent();
-  return readContext$1(context);
+  return [passthrough, unsupportedSetOptimisticState];
 }
 
-function basicStateReducer(state, action) {
-  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-  return typeof action === 'function' ? action(state) : action;
-}
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
 
-function useState(initialState) {
-  {
-    currentHookNameInDev = 'useState';
+    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
   }
-
-  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
-  initialState);
 }
-function useReducer(reducer, initialArg, init) {
-  {
-    if (reducer !== basicStateReducer) {
-      currentHookNameInDev = 'useReducer';
-    }
-  }
 
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
 
-  if (isReRender) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // current hook.
-    var queue = workInProgressHook.queue;
-    var dispatch = queue.dispatch;
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
 
-    if (renderPhaseUpdates !== null) {
-      // Render phase updates are stored in a map of queue -> linked list
-      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+  var formAction = action.$$FORM_ACTION;
 
-      if (firstRenderPhaseUpdate !== undefined) {
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
 
-        var newState = workInProgressHook.memoizedState;
-        var update = firstRenderPhaseUpdate;
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
 
-        do {
-          // Process this render phase update. We don't have to check the
-          // priority because it will always be the same as the current
-          // render's.
-          var action = update.action;
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
 
-          {
-            isInHookUserCodeInDev = true;
-          }
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
 
-          newState = reducer(newState, action);
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-          {
-            isInHookUserCodeInDev = false;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
 
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
 
-          update = update.next;
-        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
 
-        workInProgressHook.memoizedState = newState;
-        return [newState, dispatch];
-      }
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
 
 
-    return [workInProgressHook.memoizedState, dispatch];
-  } else {
-    {
-      isInHookUserCodeInDev = true;
-    }
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-    var initialState;
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
 
-    if (reducer === basicStateReducer) {
-      // Special case for `useState`.
-      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
-    } else {
-      initialState = init !== undefined ? init(initialArg) : initialArg;
+        return metadata;
+      };
     }
 
-    {
-      isInHookUserCodeInDev = false;
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
 
-    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    var _queue = workInProgressHook.queue = {
-      last: null,
-      dispatch: null
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
     };
 
-    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+    return [initialState, _dispatch2];
+  }
+}
 
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
 
-    return [workInProgressHook.memoizedState, _dispatch];
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
+
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
 }
 
-function useMemo(nextCreate, deps) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
-  if (workInProgressHook !== null) {
-    var prevState = workInProgressHook.memoizedState;
 
-    if (prevState !== null) {
-      if (nextDeps !== null) {
-        var prevDeps = prevState[1];
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
-  }
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  {
-    isInHookUserCodeInDev = true;
+  if (thenableState === null) {
+    thenableState = createThenableState();
   }
 
-  var nextValue = nextCreate();
-
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function noop$1() {}
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
-  }
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+function disabledLog() {}
 
-      lastRenderPhaseUpdate.next = update;
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
-}
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
   }
-
-  return getServerSnapshot();
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
-
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
-    return value;
-  }
-}
-
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
-}
-
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHashJS(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-    return [initialState, _dispatch2];
-  }
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-function noop$1() {}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
+  return syntheticFrame;
 }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
 }
-
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
 
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
-
 function getStackByComponentStackNode(componentStack) {
   try {
     var info = '';
@@ -8911,15 +9055,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -9012,7 +9156,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9050,13 +9194,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9074,6 +9219,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9081,13 +9227,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9106,6 +9253,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9113,7 +9261,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9195,19 +9344,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9274,6 +9423,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9309,12 +9459,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9348,11 +9494,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9379,9 +9522,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9395,6 +9538,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9406,16 +9550,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9453,11 +9594,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9471,9 +9609,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9501,7 +9639,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9526,7 +9664,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9553,7 +9696,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9561,7 +9704,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9582,11 +9725,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9608,7 +9750,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9702,7 +9844,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9712,7 +9854,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9766,10 +9908,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9777,37 +9925,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9820,12 +9944,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9837,7 +9960,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -9848,14 +9971,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -9867,18 +9990,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -9906,7 +10029,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -9924,7 +10047,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -9950,31 +10073,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10022,7 +10161,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10051,7 +10190,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10123,13 +10262,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10140,9 +10294,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10150,17 +10309,22 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            ref = element.ref;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10181,7 +10345,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10236,13 +10400,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10272,7 +10438,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10423,9 +10593,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10440,9 +10610,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10466,7 +10636,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10504,7 +10674,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -10708,8 +10878,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -10718,7 +10891,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -10738,7 +10916,11 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -10916,11 +11098,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -10955,12 +11132,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -10994,10 +11166,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11024,12 +11192,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11076,10 +11239,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11158,7 +11317,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11193,7 +11357,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11215,12 +11379,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11231,7 +11395,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11247,9 +11411,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11261,13 +11433,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11279,7 +11457,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -11288,17 +11466,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11310,17 +11484,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11339,11 +11509,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11353,6 +11519,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11364,13 +11531,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11392,10 +11559,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 c6e88c3eb394f2..014e11bb97500e 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
@@ -13,7 +13,52 @@
 var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 // A pure JS implementation of a string hashing function. We do not use it for
 // security or obfuscation purposes, only to create compact hashes. So we
@@ -110,7 +155,7 @@ function murmurhash3_32_gc(key, seed) {
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -123,10 +168,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -186,9 +230,6 @@ function stringToPrecomputedChunk(content) {
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.byteLength > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[method-unbinding]
   if (typeof destination.error === 'function') {
@@ -379,19 +420,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -567,6 +602,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -581,9 +617,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -602,7 +636,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -964,7 +998,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1102,6 +1136,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1825,7 +1860,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1836,11 +1871,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1848,7 +1896,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1919,8 +1967,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1932,8 +1980,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1960,16 +2008,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -2002,7 +2048,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -2046,8 +2092,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2293,12 +2339,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2554,6 +2607,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2672,14 +2726,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2709,19 +2770,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3135,7 +3196,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3155,7 +3216,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3198,12 +3259,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3415,14 +3476,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3576,13 +3640,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3600,15 +3664,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3616,14 +3672,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3636,15 +3689,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3661,15 +3714,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3695,10 +3740,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3785,6 +3830,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3844,10 +3890,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3934,6 +3980,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3997,15 +4044,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4790,13 +4834,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4895,45 +4935,6 @@ const NotPendingTransition = NotPending;
 const supportsRequestStorage = typeof AsyncLocalStorage === 'function';
 const requestStorage = supportsRequestStorage ? new AsyncLocalStorage() : null;
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -5000,13 +5001,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5032,315 +5043,74 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+      return parentContext;
+    }
 
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+    const childContext = instance.getChildContext();
 
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
+    return assign({}, parentContext, childContext);
+  }
+}
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
+const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
+let currentActiveSnapshot = null;
 
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
 
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
+}
 
 function popToNearestCommonAncestor(prev, next) {
   if (prev === next) ; else {
@@ -5480,12 +5250,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6432,7 +6197,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -6518,6 +6283,246 @@ const DefaultCacheDispatcher = {
   getCacheForType
 };
 
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (false) ; // Return the line we found.
+
+
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  return syntheticFrame;
+}
+
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
 function getStackByComponentStackNode(componentStack) {
   try {
     let info = '';
@@ -6526,15 +6531,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6626,7 +6631,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6662,13 +6667,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6684,6 +6690,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6691,13 +6698,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6714,6 +6722,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6721,7 +6730,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6848,6 +6858,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6883,12 +6894,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6922,11 +6929,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6953,9 +6957,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6969,6 +6973,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -6980,16 +6985,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7027,11 +7029,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7045,9 +7044,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7075,7 +7074,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7099,7 +7098,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7116,7 +7120,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7124,7 +7128,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7139,7 +7143,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7149,7 +7153,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7216,7 +7220,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7240,10 +7244,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7251,45 +7261,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7301,18 +7309,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7340,7 +7348,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7358,7 +7366,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7384,31 +7392,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7450,7 +7468,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7479,7 +7497,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7531,9 +7549,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7544,9 +7560,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7554,17 +7575,22 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            ref = element.ref;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7585,7 +7611,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7637,13 +7663,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -7818,9 +7846,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -7835,9 +7863,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -7861,7 +7889,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -7899,7 +7927,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8089,8 +8117,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8099,7 +8130,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8118,7 +8154,11 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8281,11 +8321,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8314,12 +8349,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8353,9 +8383,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8373,12 +8400,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8425,9 +8447,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8493,7 +8512,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8528,7 +8552,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8550,12 +8574,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8566,7 +8590,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8582,9 +8606,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8596,13 +8628,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8614,7 +8652,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8623,17 +8661,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8645,17 +8679,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8674,11 +8704,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8688,6 +8714,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8699,13 +8726,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8727,10 +8754,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.min.js
index cd23c4452a515a..626d5a9ca784aa 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.edge.production.min.js
@@ -29,195 +29,194 @@
  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
  SOFTWARE.
 */
-'use strict';var aa=require("next/dist/compiled/react"),ca=require("react-dom");
-function da(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
-16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}var l=null,n=0;
-function r(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(512),n=0),a.enqueue(b);else{var c=l.length-n;c<b.byteLength&&(0===c?a.enqueue(l):(l.set(b.subarray(0,c),n),a.enqueue(l),b=b.subarray(c)),l=new Uint8Array(512),n=0);l.set(b,n);n+=b.byteLength}}function w(a,b){r(a,b);return!0}function la(a){l&&0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}var ma=new TextEncoder;function z(a){return ma.encode(a)}
-function B(a){return ma.encode(a)}function pa(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var C=Object.assign,E=Object.prototype.hasOwnProperty,qa=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),wa={},xa={};
-function ya(a){if(E.call(xa,a))return!0;if(E.call(wa,a))return!1;if(qa.test(a))return xa[a]=!0;wa[a]=!0;return!1}
-var Ea=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Fa=
+'use strict';var ba=require("next/dist/compiled/react"),da=require("react-dom"),ea=Symbol.for("react.element"),ha=Symbol.for("react.portal"),ka=Symbol.for("react.fragment"),la=Symbol.for("react.strict_mode"),ma=Symbol.for("react.profiler"),sa=Symbol.for("react.provider"),ta=Symbol.for("react.consumer"),ua=Symbol.for("react.context"),Da=Symbol.for("react.forward_ref"),Ea=Symbol.for("react.suspense"),Fa=Symbol.for("react.suspense_list"),Ga=Symbol.for("react.memo"),Ha=Symbol.for("react.lazy"),Ia=Symbol.for("react.scope"),
+Ja=Symbol.for("react.debug_trace_mode"),Sa=Symbol.for("react.offscreen"),Ta=Symbol.for("react.legacy_hidden"),Ua=Symbol.for("react.cache"),Va=Symbol.iterator,Wa=Array.isArray;
+function Xa(a,b){var c=a.length&3;var d=a.length-c;var e=b;for(b=0;b<d;){var f=a.charCodeAt(b)&255|(a.charCodeAt(++b)&255)<<8|(a.charCodeAt(++b)&255)<<16|(a.charCodeAt(++b)&255)<<24;++b;f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295;f=f<<15|f>>>17;f=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295;e^=f;e=e<<13|e>>>19;e=5*(e&65535)+((5*(e>>>16)&65535)<<16)&4294967295;e=(e&65535)+27492+(((e>>>16)+58964&65535)<<16)}f=0;switch(c){case 3:f^=(a.charCodeAt(b+2)&255)<<
+16;case 2:f^=(a.charCodeAt(b+1)&255)<<8;case 1:f^=a.charCodeAt(b)&255,f=3432918353*(f&65535)+((3432918353*(f>>>16)&65535)<<16)&4294967295,f=f<<15|f>>>17,e^=461845907*(f&65535)+((461845907*(f>>>16)&65535)<<16)&4294967295}e^=a.length;e^=e>>>16;e=2246822507*(e&65535)+((2246822507*(e>>>16)&65535)<<16)&4294967295;e^=e>>>13;e=3266489909*(e&65535)+((3266489909*(e>>>16)&65535)<<16)&4294967295;return(e^e>>>16)>>>0}var k=null,n=0;
+function r(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<n&&(a.enqueue(new Uint8Array(k.buffer,0,n)),k=new Uint8Array(2048),n=0),a.enqueue(b);else{var c=k.length-n;c<b.byteLength&&(0===c?a.enqueue(k):(k.set(b.subarray(0,c),n),a.enqueue(k),b=b.subarray(c)),k=new Uint8Array(2048),n=0);k.set(b,n);n+=b.byteLength}}function w(a,b){r(a,b);return!0}function Ya(a){k&&0<n&&(a.enqueue(new Uint8Array(k.buffer,0,n)),k=null,n=0)}var Za=new TextEncoder;function A(a){return Za.encode(a)}
+function C(a){return Za.encode(a)}function ib(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var D=Object.assign,E=Object.prototype.hasOwnProperty,pb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),qb={},rb={};
+function sb(a){if(E.call(rb,a))return!0;if(E.call(qb,a))return!1;if(pb.test(a))return rb[a]=!0;qb[a]=!0;return!1}
+var tb=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),ub=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ga=/["'&<>]/;
-function H(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ga.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var Ha=/([A-Z])/g,Ia=/^ms-/,Ja=Array.isArray,Ka=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,La={pending:!1,data:null,method:null,action:null},Sa=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,$a={prefetchDNS:Ta,preconnect:Ua,preload:Va,preloadModule:Wa,preinitStyle:Xa,preinitScript:Ya,preinitModuleScript:Za},K=[],ab=B('"></template>'),bb=B("<script>"),pb=B("\x3c/script>"),qb=B('<script src="'),rb=B('<script type="module" src="'),sb=B('" nonce="'),tb=B('" integrity="'),
-ub=B('" crossorigin="'),vb=B('" async="">\x3c/script>'),wb=/(<\/|<)(s)(cript)/gi;function xb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var yb=B('<script type="importmap">'),zb=B("\x3c/script>");
-function Ab(a,b,c,d,e,f){var g=void 0===b?bb:B('<script nonce="'+H(b)+'">'),h=a.idPrefix,k=[],m=null,p=a.bootstrapScriptContent,q=a.bootstrapScripts,t=a.bootstrapModules;void 0!==p&&k.push(g,z((""+p).replace(wb,xb)),pb);void 0!==c&&("string"===typeof c?(m={src:c,chunks:[]},Jb(m.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(m={src:c.src,chunks:[]},Jb(m.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(yb),c.push(z((""+JSON.stringify(d)).replace(wb,xb))),c.push(zb));
-d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:B(h+"P:"),segmentPrefix:B(h+"S:"),boundaryPrefix:B(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:m,bootstrapChunks:k,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:c,preloadChunks:[],hoistableChunks:[],preconnects:new Set,
-fontPreloads:new Set,highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,boundaryResources:null,stylesToHoist:!1};if(void 0!==q)for(g=0;g<q.length;g++)c=q[g],d=m=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=m="string"===
-typeof c||null==c.crossOrigin?void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,p=h,c.scriptResources[p]=null,c.moduleScriptResources[p]=null,c=[],N(c,f),e.bootstrapScripts.add(c),k.push(qb,z(H(h))),b&&k.push(sb,z(H(b))),"string"===typeof d&&k.push(tb,z(H(d))),"string"===typeof m&&k.push(ub,z(H(m))),k.push(vb);if(void 0!==t)for(q=0;q<t.length;q++)f=t[q],m=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=m="string"===
-typeof f.integrity?f.integrity:void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],N(f,d),e.bootstrapScripts.add(f),k.push(rb,z(H(g))),b&&k.push(sb,z(H(b))),"string"===typeof m&&k.push(tb,z(H(m))),"string"===typeof h&&k.push(ub,z(H(h))),k.push(vb);return e}
-function Kb(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function O(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function Lb(a){return O("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
-function Mb(a,b,c){switch(b){case "noscript":return O(2,null,a.tagScope|1);case "select":return O(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return O(3,null,a.tagScope);case "picture":return O(2,null,a.tagScope|2);case "math":return O(4,null,a.tagScope);case "foreignObject":return O(2,null,a.tagScope);case "table":return O(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return O(6,null,a.tagScope);case "colgroup":return O(8,null,a.tagScope);case "tr":return O(7,null,a.tagScope)}return 5<=
-a.insertionMode?O(2,null,a.tagScope):0===a.insertionMode?"html"===b?O(1,null,a.tagScope):O(2,null,a.tagScope):1===a.insertionMode?O(2,null,a.tagScope):a}var Nb=B("\x3c!-- --\x3e");function Ob(a,b,c,d){if(""===b)return d;d&&a.push(Nb);a.push(z(H(b)));return!0}var Pb=new Map,Qb=B(' style="'),Rb=B(":"),Sb=B(";");
-function Tb(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(E.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=z(H(d));e=z(H((""+e).trim()))}else f=Pb.get(d),void 0===f&&(f=B(H(d.replace(Ha,"-$1").toLowerCase().replace(Ia,"-ms-"))),Pb.set(d,f)),e="number"===typeof e?0===e||Ea.has(d)?z(""+
-e):z(e+"px"):z(H((""+e).trim()));c?(c=!1,a.push(Qb,f,Rb,e)):a.push(Sb,f,Rb,e)}}c||a.push(P)}var Q=B(" "),Ub=B('="'),P=B('"'),Vb=B('=""');function Wb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),Vb)}function R(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(Q,z(b),Ub,z(H(c)),P)}function Xb(a){var b=a.nextFormID++;return a.idPrefix+b}var Yb=B(H("javascript:throw new Error('A React form was unexpectedly submitted.')")),Zb=B('<input type="hidden"');
-function $b(a,b){this.push(Zb);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");R(this,"name",b);R(this,"value",a);this.push(ac)}
-function bc(a,b,c,d,e,f,g,h){var k=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Xb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,k=b.data):(a.push(Q,z("formAction"),Ub,Yb,P),g=f=e=d=h=null,cc(b,c)));null!=h&&S(a,"name",h);null!=d&&S(a,"formAction",d);null!=e&&S(a,"formEncType",e);null!=f&&S(a,"formMethod",f);null!=g&&S(a,"formTarget",g);return k}
-function S(a,b,c){switch(b){case "className":R(a,"class",c);break;case "tabIndex":R(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":R(a,b,c);break;case "style":Tb(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(Q,z(b),Ub,z(H(c)),P);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":Wb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(Q,z("xlink:href"),Ub,z(H(c)),P);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),Ub,z(H(c)),P);break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),Vb);break;case "capture":case "download":!0===c?a.push(Q,z(b),Vb):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,z(b),Ub,z(H(c)),P);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(Q,z(b),Ub,z(H(c)),P);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(Q,z(b),Ub,z(H(c)),P);break;case "xlinkActuate":R(a,"xlink:actuate",
-c);break;case "xlinkArcrole":R(a,"xlink:arcrole",c);break;case "xlinkRole":R(a,"xlink:role",c);break;case "xlinkShow":R(a,"xlink:show",c);break;case "xlinkTitle":R(a,"xlink:title",c);break;case "xlinkType":R(a,"xlink:type",c);break;case "xmlBase":R(a,"xml:base",c);break;case "xmlLang":R(a,"xml:lang",c);break;case "xmlSpace":R(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Fa.get(b)||b,ya(b)){switch(typeof c){case "function":case "symbol":return;
-case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(Q,z(b),Ub,z(H(c)),P)}}}var T=B(">"),ac=B("/>");
-function dc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(z(""+b))}}function ec(a){var b="";aa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var fc=B(' selected=""'),gc=B('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});');
-function cc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,gc,pb))}var hc=B("\x3c!--F!--\x3e"),ic=B("\x3c!--F--\x3e");
-function jc(a,b,c,d,e,f,g){var h=b.rel,k=b.href,m=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof k||""===k)return N(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof m||null!=b.disabled||b.onLoad||b.onError)return N(a,b);f=d.styles.get(m);g=c.styleResources.hasOwnProperty(k)?c.styleResources[k]:void 0;null!==g?(c.styleResources[k]=null,f||(f={precedence:z(H(m)),rules:[],hrefs:[],sheets:new Map},d.styles.set(m,f)),b={state:0,props:C({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&kc(b.props,g),(c=d.preloads.stylesheets.get(k))&&0<c.length?c.length=0:b.state=1),f.sheets.set(k,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(k=f.sheets.get(k))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(k);e&&a.push(Nb);return null}if(b.onLoad||b.onError)return N(a,b);e&&a.push(Nb);switch(b.rel){case "preconnect":case "dns-prefetch":return N(d.preconnectChunks,b);case "preload":return N(d.preloadChunks,b);default:return N(d.hoistableChunks,
-b)}}function N(a,b){a.push(U("link"));for(var c in b)if(E.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:S(a,c,d)}}a.push(ac);return null}
-function lc(a,b,c){a.push(U(c));for(var d in b)if(E.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:S(a,d,e)}}a.push(ac);return null}
-function mc(a,b){a.push(U("title"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:S(a,e,f)}}a.push(T);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(z(H(""+b)));dc(a,d,c);a.push(wc("title"));return null}
-function Jb(a,b){a.push(U("script"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:S(a,e,f)}}a.push(T);dc(a,d,c);"string"===typeof c&&a.push(z(H(c)));a.push(wc("script"));return null}
-function xc(a,b,c){a.push(U(c));var d=c=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:S(a,e,f)}}a.push(T);dc(a,d,c);return"string"===typeof c?(a.push(z(H(c))),null):c}var yc=B("\n"),zc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Ac=new Map;function U(a){var b=Ac.get(a);if(void 0===b){if(!zc.test(a))throw Error("Invalid tag: "+a);b=B("<"+a);Ac.set(a,b)}return b}var Bc=B("<!DOCTYPE html>");
-function Cc(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(U("select"));var h=null,k=null,m;for(m in c)if(E.call(c,m)){var p=c[m];if(null!=p)switch(m){case "children":h=p;break;case "dangerouslySetInnerHTML":k=p;break;case "defaultValue":case "value":break;default:S(a,m,p)}}a.push(T);dc(a,k,h);return h;case "option":var q=f.selectedValue;a.push(U("option"));var t=null,u=null,A=null,D=null,v;for(v in c)if(E.call(c,
-v)){var y=c[v];if(null!=y)switch(v){case "children":t=y;break;case "selected":A=y;break;case "dangerouslySetInnerHTML":D=y;break;case "value":u=y;default:S(a,v,y)}}if(null!=q){var ea=null!==u?""+u:ec(t);if(Ja(q))for(var V=0;V<q.length;V++){if(""+q[V]===ea){a.push(fc);break}}else""+q===ea&&a.push(fc)}else A&&a.push(fc);a.push(T);dc(a,D,t);return t;case "textarea":a.push(U("textarea"));var x=null,F=null,G=null,fa;for(fa in c)if(E.call(c,fa)){var na=c[fa];if(null!=na)switch(fa){case "children":G=na;
-break;case "value":x=na;break;case "defaultValue":F=na;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:S(a,fa,na)}}null===x&&null!==F&&(x=F);a.push(T);if(null!=G){if(null!=x)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Ja(G)){if(1<G.length)throw Error("<textarea> can only have at most one child.");x=""+G[0]}x=""+G}"string"===typeof x&&"\n"===x[0]&&a.push(yc);null!==x&&a.push(z(H(""+x)));
-return null;case "input":a.push(U("input"));var W=null,ha=null,ia=null,I=null,L=null,ra=null,sa=null,ta=null,Ma=null,ja;for(ja in c)if(E.call(c,ja)){var ba=c[ja];if(null!=ba)switch(ja){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":W=ba;break;case "formAction":ha=ba;break;case "formEncType":ia=ba;break;case "formMethod":I=ba;break;case "formTarget":L=ba;break;case "defaultChecked":Ma=
-ba;break;case "defaultValue":sa=ba;break;case "checked":ta=ba;break;case "value":ra=ba;break;default:S(a,ja,ba)}}var wd=bc(a,d,e,ha,ia,I,L,W);null!==ta?Wb(a,"checked",ta):null!==Ma&&Wb(a,"checked",Ma);null!==ra?S(a,"value",ra):null!==sa&&S(a,"value",sa);a.push(ac);null!==wd&&wd.forEach($b,a);return null;case "button":a.push(U("button"));var cb=null,xd=null,yd=null,zd=null,Ad=null,Bd=null,Cd=null,db;for(db in c)if(E.call(c,db)){var oa=c[db];if(null!=oa)switch(db){case "children":cb=oa;break;case "dangerouslySetInnerHTML":xd=
-oa;break;case "name":yd=oa;break;case "formAction":zd=oa;break;case "formEncType":Ad=oa;break;case "formMethod":Bd=oa;break;case "formTarget":Cd=oa;break;default:S(a,db,oa)}}var Dd=bc(a,d,e,zd,Ad,Bd,Cd,yd);a.push(T);null!==Dd&&Dd.forEach($b,a);dc(a,xd,cb);if("string"===typeof cb){a.push(z(H(cb)));var Ed=null}else Ed=cb;return Ed;case "form":a.push(U("form"));var eb=null,Fd=null,ua=null,fb=null,gb=null,hb=null,ib;for(ib in c)if(E.call(c,ib)){var va=c[ib];if(null!=va)switch(ib){case "children":eb=va;
-break;case "dangerouslySetInnerHTML":Fd=va;break;case "action":ua=va;break;case "encType":fb=va;break;case "method":gb=va;break;case "target":hb=va;break;default:S(a,ib,va)}}var nc=null,oc=null;if("function"===typeof ua)if("function"===typeof ua.$$FORM_ACTION){var wf=Xb(d),Na=ua.$$FORM_ACTION(wf);ua=Na.action||"";fb=Na.encType;gb=Na.method;hb=Na.target;nc=Na.data;oc=Na.name}else a.push(Q,z("action"),Ub,Yb,P),hb=gb=fb=ua=null,cc(d,e);null!=ua&&S(a,"action",ua);null!=fb&&S(a,"encType",fb);null!=gb&&
-S(a,"method",gb);null!=hb&&S(a,"target",hb);a.push(T);null!==oc&&(a.push(Zb),R(a,"name",oc),a.push(ac),null!==nc&&nc.forEach($b,a));dc(a,Fd,eb);if("string"===typeof eb){a.push(z(H(eb)));var Gd=null}else Gd=eb;return Gd;case "menuitem":a.push(U("menuitem"));for(var Bb in c)if(E.call(c,Bb)){var Hd=c[Bb];if(null!=Hd)switch(Bb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:S(a,Bb,Hd)}}a.push(T);return null;case "title":if(3===
-f.insertionMode||f.tagScope&1||null!=c.itemProp)var Id=mc(a,c);else mc(e.hoistableChunks,c),Id=null;return Id;case "link":return jc(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var pc=c.async;if("string"!==typeof c.src||!c.src||!pc||"function"===typeof pc||"symbol"===typeof pc||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Jd=Jb(a,c);else{var Cb=c.src;if("module"===c.type){var Db=d.moduleScriptResources;var Kd=e.preloads.moduleScripts}else Db=d.scriptResources,
-Kd=e.preloads.scripts;var Eb=Db.hasOwnProperty(Cb)?Db[Cb]:void 0;if(null!==Eb){Db[Cb]=null;var qc=c;if(Eb){2===Eb.length&&(qc=C({},c),kc(qc,Eb));var Ld=Kd.get(Cb);Ld&&(Ld.length=0)}var Md=[];e.scripts.add(Md);Jb(Md,qc)}g&&a.push(Nb);Jd=null}return Jd;case "style":var Fb=c.precedence,za=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof Fb||"string"!==typeof za||""===za){a.push(U("style"));var Oa=null,Nd=null,jb;for(jb in c)if(E.call(c,jb)){var Gb=c[jb];if(null!=Gb)switch(jb){case "children":Oa=
-Gb;break;case "dangerouslySetInnerHTML":Nd=Gb;break;default:S(a,jb,Gb)}}a.push(T);var kb=Array.isArray(Oa)?2>Oa.length?Oa[0]:null:Oa;"function"!==typeof kb&&"symbol"!==typeof kb&&null!==kb&&void 0!==kb&&a.push(z(H(""+kb)));dc(a,Nd,Oa);a.push(wc("style"));var Od=null}else{var Aa=e.styles.get(Fb);if(null!==(d.styleResources.hasOwnProperty(za)?d.styleResources[za]:void 0)){d.styleResources[za]=null;Aa?Aa.hrefs.push(z(H(za))):(Aa={precedence:z(H(Fb)),rules:[],hrefs:[z(H(za))],sheets:new Map},e.styles.set(Fb,
-Aa));var Pd=Aa.rules,Pa=null,Qd=null,Hb;for(Hb in c)if(E.call(c,Hb)){var rc=c[Hb];if(null!=rc)switch(Hb){case "children":Pa=rc;break;case "dangerouslySetInnerHTML":Qd=rc}}var lb=Array.isArray(Pa)?2>Pa.length?Pa[0]:null:Pa;"function"!==typeof lb&&"symbol"!==typeof lb&&null!==lb&&void 0!==lb&&Pd.push(z(H(""+lb)));dc(Pd,Qd,Pa)}Aa&&e.boundaryResources&&e.boundaryResources.styles.add(Aa);g&&a.push(Nb);Od=void 0}return Od;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Rd=lc(a,c,
-"meta");else g&&a.push(Nb),Rd="string"===typeof c.charSet?lc(e.charsetChunks,c,"meta"):"viewport"===c.name?lc(e.preconnectChunks,c,"meta"):lc(e.hoistableChunks,c,"meta");return Rd;case "listing":case "pre":a.push(U(b));var mb=null,nb=null,ob;for(ob in c)if(E.call(c,ob)){var Ib=c[ob];if(null!=Ib)switch(ob){case "children":mb=Ib;break;case "dangerouslySetInnerHTML":nb=Ib;break;default:S(a,ob,Ib)}}a.push(T);if(null!=nb){if(null!=mb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");
-if("object"!==typeof nb||!("__html"in nb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var Ba=nb.__html;null!==Ba&&void 0!==Ba&&("string"===typeof Ba&&0<Ba.length&&"\n"===Ba[0]?a.push(yc,z(Ba)):a.push(z(""+Ba)))}"string"===typeof mb&&"\n"===mb[0]&&a.push(yc);return mb;case "img":var M=c.src,J=c.srcSet;if(!("lazy"===c.loading||!M&&!J||"string"!==typeof M&&null!=M||"string"!==
-typeof J&&null!=J)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof M||":"!==M[4]||"d"!==M[0]&&"D"!==M[0]||"a"!==M[1]&&"A"!==M[1]||"t"!==M[2]&&"T"!==M[2]||"a"!==M[3]&&"A"!==M[3])&&("string"!==typeof J||":"!==J[4]||"d"!==J[0]&&"D"!==J[0]||"a"!==J[1]&&"A"!==J[1]||"t"!==J[2]&&"T"!==J[2]||"a"!==J[3]&&"A"!==J[3])){var Sd="string"===typeof c.sizes?c.sizes:void 0,Qa=J?J+"\n"+(Sd||""):M,sc=e.preloads.images,Ca=sc.get(Qa);if(Ca){if("high"===c.fetchPriority||10>e.highImagePreloads.size)sc.delete(Qa),
-e.highImagePreloads.add(Ca)}else if(!d.imageResources.hasOwnProperty(Qa)){d.imageResources[Qa]=K;var tc=c.crossOrigin;var Td="string"===typeof tc?"use-credentials"===tc?tc:"":void 0;var ka=e.headers,uc;ka&&0<ka.remainingCapacity&&("high"===c.fetchPriority||500>ka.highImagePreloads.length)&&(uc=Dc(M,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Td,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ka.remainingCapacity-=
-uc.length))?(e.resets.image[Qa]=K,ka.highImagePreloads&&(ka.highImagePreloads+=", "),ka.highImagePreloads+=uc):(Ca=[],N(Ca,{rel:"preload",as:"image",href:J?void 0:M,imageSrcSet:J,imageSizes:Sd,crossOrigin:Td,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ca):(e.bulkPreloads.add(Ca),sc.set(Qa,Ca)))}}return lc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return lc(a,
-c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var Ud=xc(e.headChunks,c,"head")}else Ud=xc(a,c,"head");return Ud;case "html":if(0===f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[Bc];var Vd=xc(e.htmlChunks,c,"html")}else Vd=xc(a,c,"html");return Vd;default:if(-1!==b.indexOf("-")){a.push(U(b));
-var vc=null,Wd=null,Ra;for(Ra in c)if(E.call(c,Ra)){var Da=c[Ra];if(null!=Da){var xf=Ra;switch(Ra){case "children":vc=Da;break;case "dangerouslySetInnerHTML":Wd=Da;break;case "style":Tb(a,Da);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;default:ya(Ra)&&"function"!==typeof Da&&"symbol"!==typeof Da&&a.push(Q,z(xf),Ub,z(H(Da)),P)}}}a.push(T);dc(a,Wd,vc);return vc}}return xc(a,c,b)}var Ec=new Map;
-function wc(a){var b=Ec.get(a);void 0===b&&(b=B("</"+a+">"),Ec.set(a,b));return b}function Fc(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)r(a,b[c]);return c<b.length?(c=b[c],b.length=0,w(a,c)):!0}var Gc=B('<template id="'),Hc=B('"></template>'),Ic=B("\x3c!--$--\x3e"),Jc=B('\x3c!--$?--\x3e<template id="'),Kc=B('"></template>'),Lc=B("\x3c!--$!--\x3e"),Mc=B("\x3c!--/$--\x3e"),Nc=B("<template"),Oc=B('"'),Pc=B(' data-dgst="');B(' data-msg="');B(' data-stck="');var Qc=B("></template>");
-function Rc(a,b,c){r(a,Jc);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");r(a,b.boundaryPrefix);r(a,z(c.toString(16)));return w(a,Kc)}
-var Sc=B('<div hidden id="'),Tc=B('">'),Uc=B("</div>"),Vc=B('<svg aria-hidden="true" style="display:none" id="'),Wc=B('">'),Xc=B("</svg>"),Yc=B('<math aria-hidden="true" style="display:none" id="'),Zc=B('">'),$c=B("</math>"),ad=B('<table hidden id="'),bd=B('">'),cd=B("</table>"),dd=B('<table hidden><tbody id="'),ed=B('">'),fd=B("</tbody></table>"),gd=B('<table hidden><tr id="'),hd=B('">'),id=B("</tr></table>"),jd=B('<table hidden><colgroup id="'),kd=B('">'),ld=B("</colgroup></table>");
-function md(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return r(a,Sc),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,Tc);case 3:return r(a,Vc),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,Wc);case 4:return r(a,Yc),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,Zc);case 5:return r(a,ad),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,bd);case 6:return r(a,dd),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,ed);case 7:return r(a,gd),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,hd);
-case 8:return r(a,jd),r(a,b.segmentPrefix),r(a,z(d.toString(16))),w(a,kd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function nd(a,b){switch(b.insertionMode){case 0:case 1:case 2:return w(a,Uc);case 3:return w(a,Xc);case 4:return w(a,$c);case 5:return w(a,cd);case 6:return w(a,fd);case 7:return w(a,id);case 8:return w(a,ld);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
-var od=B('$RS=function(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("'),pd=B('$RS("'),qd=B('","'),rd=B('")\x3c/script>'),sd=B('<template data-rsi="" data-sid="'),td=B('" data-pid="'),ud=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
-vd=B('$RC("'),Xd=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-Yd=B('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-Zd=B('$RR("'),$d=B('","'),ae=B('",'),be=B('"'),ce=B(")\x3c/script>"),de=B('<template data-rci="" data-bid="'),ee=B('<template data-rri="" data-bid="'),fe=B('" data-sid="'),ge=B('" data-sty="'),he=B('$RX=function(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("'),ie=B('$RX("'),je=B('"'),ke=B(","),le=B(")\x3c/script>"),me=B('<template data-rxi="" data-bid="'),ne=B('" data-dgst="'),
-oe=B('" data-msg="'),pe=B('" data-stck="'),qe=/[<\u2028\u2029]/g;function re(a){return JSON.stringify(a).replace(qe,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var se=/[&><\u2028\u2029]/g;
-function te(a){return JSON.stringify(a).replace(se,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
-var ue=B('<style media="not all" data-precedence="'),ve=B('" data-href="'),we=B('">'),xe=B("</style>"),ye=!1,ze=!0;function Ae(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){r(this,ue);r(this,a.precedence);for(r(this,ve);d<c.length-1;d++)r(this,c[d]),r(this,Be);r(this,c[d]);r(this,we);for(d=0;d<b.length;d++)r(this,b[d]);ze=w(this,xe);ye=!0;b.length=0;c.length=0}}function Ce(a){return 2!==a.state?ye=!0:!1}
-function De(a,b,c){ye=!1;ze=!0;b.styles.forEach(Ae,a);b.stylesheets.forEach(Ce);ye&&(c.stylesToHoist=!0);return ze}function Ee(a){for(var b=0;b<a.length;b++)r(this,a[b]);a.length=0}var Fe=[];function Ge(a){N(Fe,a.props);for(var b=0;b<Fe.length;b++)r(this,Fe[b]);Fe.length=0;a.state=2}var He=B('<style data-precedence="'),Ie=B('" data-href="'),Be=B(" "),Je=B('">'),Ke=B("</style>");
-function Le(a){var b=0<a.sheets.size;a.sheets.forEach(Ge,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){r(this,He);r(this,a.precedence);a=0;if(d.length){for(r(this,Ie);a<d.length-1;a++)r(this,d[a]),r(this,Be);r(this,d[a])}r(this,Je);for(a=0;a<c.length;a++)r(this,c[a]);r(this,Ke);c.length=0;d.length=0}}
-function Me(a){if(0===a.state){a.state=1;var b=a.props;N(Fe,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Fe.length;a++)r(this,Fe[a]);Fe.length=0}}function Ne(a){a.sheets.forEach(Me,this);a.sheets.clear()}var Oe=B("["),Pe=B(",["),Qe=B(","),Re=B("]");
-function Se(a,b){r(a,Oe);var c=Oe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,z(te(""+d.props.href))),r(a,Re),c=Pe;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,z(te(""+d.props.href)));e=""+e;r(a,Qe);r(a,z(te(e)));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ya(g))break a;h=""+h}r(e,Qe);r(e,z(te(k)));r(e,Qe);r(e,z(te(h)))}}}r(a,
-Re);c=Pe;d.state=3}});r(a,Re)}
-function Te(a,b){r(a,Oe);var c=Oe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,z(H(JSON.stringify(""+d.props.href)))),r(a,Re),c=Pe;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,z(H(JSON.stringify(""+d.props.href))));e=""+e;r(a,Qe);r(a,z(H(JSON.stringify(e))));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
-a;var k=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":k="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!ya(g))break a;h=""+h}r(e,Qe);r(e,z(H(JSON.stringify(k))));r(e,Qe);r(e,z(H(JSON.stringify(h))))}}}r(a,
-Re);c=Pe;d.state=3}});r(a,Re)}function Ta(a){var b=Ue();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Ve,We)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],N(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Xe(b)}}}
-function Ua(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Ve,We)+">; rel=preconnect";if("string"===typeof b){var k=(""+b).replace(Ye,Ze);h+='; crossorigin="'+k+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],N(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Xe(c)}}}
-function Va(a,b,c){var d=Ue();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var k=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=K;e=f.headers;var p;e&&0<e.remainingCapacity&&"high"===k&&(p=Dc(a,b,c),2<=(e.remainingCapacity-=p.length))?(f.resets.image[m]=K,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=p):(e=[],N(e,C({rel:"preload",href:g?void 0:
-a,as:b},c)),"high"===k?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];N(g,C({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?K:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-N(g,C({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?K:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=K;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=Dc(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=K,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
-a=C({rel:"preload",href:a,as:b},c),N(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Xe(d)}}}
-function Wa(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?K:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=K}N(f,C({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Xe(c)}}}
-function Xa(a,b,c){var d=Ue();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:z(H(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:C({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&kc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Xe(d))}}}
-function Ya(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=C({src:a,async:!0},b),f&&(2===f.length&&kc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Jb(a,b),Xe(c))}}}
-function Za(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=C({src:a,type:"module",async:!0},b),f&&(2===f.length&&kc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Jb(a,b),Xe(c))}}}function kc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Dc(a,b,c){a=(""+a).replace(Ve,We);b=(""+b).replace(Ye,Ze);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)E.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Ye,Ze)+'"'));return b}var Ve=/[<>\r\n]/g;
-function We(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Ye=/["';,\r\n]/g;
-function Ze(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function $e(a){this.styles.add(a)}function af(a){this.stylesheets.add(a)}
-var bf="function"===typeof AsyncLocalStorage,cf=bf?new AsyncLocalStorage:null,df=Symbol.for("react.element"),ef=Symbol.for("react.portal"),ff=Symbol.for("react.fragment"),gf=Symbol.for("react.strict_mode"),hf=Symbol.for("react.profiler"),jf=Symbol.for("react.provider"),kf=Symbol.for("react.context"),lf=Symbol.for("react.server_context"),mf=Symbol.for("react.forward_ref"),nf=Symbol.for("react.suspense"),of=Symbol.for("react.suspense_list"),pf=Symbol.for("react.memo"),qf=Symbol.for("react.lazy"),rf=
-Symbol.for("react.scope"),sf=Symbol.for("react.debug_trace_mode"),tf=Symbol.for("react.offscreen"),uf=Symbol.for("react.legacy_hidden"),vf=Symbol.for("react.cache"),yf=Symbol.for("react.default_value"),zf=Symbol.iterator,Af=Symbol.for("react.client.reference");
-function Bf(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Af?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ff:return"Fragment";case ef:return"Portal";case hf:return"Profiler";case gf:return"StrictMode";case nf:return"Suspense";case of:return"SuspenseList";case vf:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case kf:return(a.displayName||"Context")+".Consumer";case jf:return(a._context.displayName||"Context")+".Provider";case mf:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case pf:return b=a.displayName||null,null!==b?b:Bf(a.type)||"Memo";case qf:b=a._payload;a=a._init;try{return Bf(a(b))}catch(c){}}return null}var Cf;function Df(a){if(void 0===Cf)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Cf=b&&b[1]||""}return"\n"+Cf+a}var Ef=!1;
-function Ff(a,b){if(!a||Ef)return"";Ef=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var q=function(){throw Error();};Object.defineProperty(q.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(q,[])}catch(u){var t=u}Reflect.construct(a,[],q)}else{try{q.call()}catch(u){t=u}a.call(q.prototype)}}else{try{throw Error();}catch(u){t=u}(q=a())&&"function"===typeof q.catch&&
-q.catch(function(){})}}catch(u){if(u&&t&&"string"===typeof u.stack)return[u.stack,t.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),m=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===m.length)for(d=k.length-1,e=m.length-1;1<=d&&0<=e&&k[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==m[e]){var p="\n"+k[d].replace(" at new "," at ");a.displayName&&p.includes("<anonymous>")&&(p=p.replace("<anonymous>",a.displayName));return p}while(1<=d&&0<=e)}break}}}finally{Ef=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Df(c):""}
-var Gf={};function Hf(a,b){a=a.contextTypes;if(!a)return Gf;var c={},d;for(d in a)c[d]=b[d];return c}var If=null;function Jf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Jf(a,c)}b.context._currentValue=b.value}}
-function Kf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Kf(a)}function Lf(a){var b=a.parent;null!==b&&Lf(b);a.context._currentValue=a.value}function Mf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Jf(a,b):Mf(a,b)}
-function Nf(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Jf(a,c):Nf(a,c);b.context._currentValue=b.value}function Of(a){var b=If;b!==a&&(null===b?Lf(a):null===a?Kf(b):b.depth===a.depth?Jf(b,a):b.depth>a.depth?Mf(b,a):Nf(b,a),If=a)}
-var Pf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Qf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Pf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:C({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Pf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=C({},f,h)):C(f,h))}a.state=f}else f.queue=null}
-var Rf={id:1,overflow:""};function Sf(a,b,c){var d=a.id;a=a.overflow;var e=32-Tf(d)-1;d&=~(1<<e);c+=1;var f=32-Tf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Tf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Tf=Math.clz32?Math.clz32:Uf,Vf=Math.log,Wf=Math.LN2;function Uf(a){a>>>=0;return 0===a?32:31-(Vf(a)/Wf|0)|0}var Xf=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Yf(){}function Zf(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Yf,Yf),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}$f=b;throw Xf;}}var $f=null;
-function ag(){if(null===$f)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=$f;$f=null;return a}function bg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var cg="function"===typeof Object.is?Object.is:bg,dg=null,eg=null,fg=null,gg=null,hg=null,X=null,ig=!1,jg=!1,kg=0,lg=0,mg=-1,ng=0,og=null,pg=null,qg=0;
-function rg(){if(null===dg)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return dg}
-function sg(){if(0<qg)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function tg(){null===X?null===hg?(ig=!1,hg=X=sg()):(ig=!0,X=hg):null===X.next?(ig=!1,X=X.next=sg()):(ig=!0,X=X.next);return X}function ug(a,b,c,d){for(;jg;)jg=!1,lg=kg=0,mg=-1,ng=0,qg+=1,X=null,c=a(b,d);vg();return c}function wg(){var a=og;og=null;return a}function vg(){gg=fg=eg=dg=null;jg=!1;hg=null;qg=0;X=pg=null}
-function xg(a,b){return"function"===typeof b?b(a):b}function yg(a,b,c){dg=rg();X=tg();if(ig){var d=X.queue;b=d.dispatch;if(null!==pg&&(c=pg.get(d),void 0!==c)){pg.delete(d);d=X.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);X.memoizedState=d;return[d,b]}return[X.memoizedState,b]}a=a===xg?"function"===typeof b?b():b:void 0!==c?c(b):b;X.memoizedState=a;a=X.queue={last:null,dispatch:null};a=a.dispatch=zg.bind(null,dg,a);return[X.memoizedState,a]}
-function Ag(a,b){dg=rg();X=tg();b=void 0===b?null:b;if(null!==X){var c=X.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!cg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();X.memoizedState=[a,b];return a}
-function zg(a,b,c){if(25<=qg)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===dg)if(jg=!0,a={action:c,next:null},null===pg&&(pg=new Map),c=pg.get(b),void 0===c)pg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Bg(){throw Error("startTransition cannot be called during server rendering.");}function Cg(){throw Error("Cannot update optimistic state while rendering.");}
-function Dg(a){var b=ng;ng+=1;null===og&&(og=[]);return Zf(og,a,b)}function Eg(){throw Error("Cache cannot be refreshed during server rendering.");}function Fg(){}
-var Hg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Dg(a);if(a.$$typeof===kf||a.$$typeof===lf)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){rg();return a._currentValue},useMemo:Ag,useReducer:yg,useRef:function(a){dg=rg();X=tg();var b=X.memoizedState;return null===b?(a={current:a},X.memoizedState=a):b},useState:function(a){return yg(xg,a)},
-useInsertionEffect:Fg,useLayoutEffect:Fg,useCallback:function(a,b){return Ag(function(){return a},b)},useImperativeHandle:Fg,useEffect:Fg,useDebugValue:Fg,useDeferredValue:function(a){rg();return a},useTransition:function(){rg();return[!1,Bg]},useId:function(){var a=eg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Tf(a)-1)).toString(32)+b;var c=Gg;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=kg++;a=":"+c.idPrefix+"R"+a;0<b&&
-(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Eg},useHostTransitionStatus:function(){rg();return La},useOptimistic:function(a){rg();return[a,Cg]},useFormState:function(a,b,c){rg();var d=lg++,e=fg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=gg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;
-if(null!==e&&"function"===typeof h){var k=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+da(JSON.stringify([g,null,d]),0),k===f&&(mg=d,b=e[0]))}var m=a.bind(null,b);a=function(q){m(q)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(q){q=m.$$FORM_ACTION(q);void 0!==c&&(c+="",q.action=c);var t=q.data;t&&(null===f&&(f=void 0!==c?"p"+c:"k"+da(JSON.stringify([g,null,d]),0)),t.append("$ACTION_KEY",f));return q});return[b,a]}var p=a.bind(null,b);return[b,function(q){p(q)}]}},Gg=null,Ig=
-{getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");}},Jg=Ka.ReactCurrentDispatcher,Kg=Ka.ReactCurrentCache;function Lg(a){console.error(a);return null}function Mg(){}
-function Ng(a,b,c,d,e,f,g,h,k,m,p,q){Sa.current=$a;var t=[],u=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:u,pingedTasks:t,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Lg:f,onPostpone:void 0===p?Mg:p,onAllReady:void 0===g?
-Mg:g,onShellReady:void 0===h?Mg:h,onShellError:void 0===k?Mg:k,onFatalError:void 0===m?Mg:m,formState:void 0===q?null:q};c=Og(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Pg(b,null,a,-1,null,c,u,null,d,Gf,null,Rf,null);t.push(a);return b}var Qg=null;function Ue(){if(Qg)return Qg;if(bf){var a=cf.getStore();if(a)return a}return null}function Rg(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return Sg(a)},0))}
-function Tg(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Pg(a,b,c,d,e,f,g,h,k,m,p,q,t){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var u={replay:null,node:c,childIndex:d,ping:function(){return Rg(a,u)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:k,legacyContext:m,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Ug(a,b,c,d,e,f,g,h,k,m,p,q,t){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var u={replay:c,node:d,childIndex:e,ping:function(){return Rg(a,u)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:k,legacyContext:m,context:p,treeContext:q,componentStack:t,thenableState:b};g.add(u);return u}
-function Og(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Vg(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Wg(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Df(b.type,null,null);break;case 1:a+=Ff(b.type,!1);break;case 2:a+=Ff(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function Y(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function Xg(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,pa(a.destination,b)):(a.status=1,a.fatalError=b)}
-function Yg(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((Bf(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=C({},c,d)}b.legacyContext=e;Z(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,null,f,-1),b.keyPath=e}
-function Zg(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var k=b.blockedSegment;if(null!==k){h=!0;k=k.chunks;for(var m=0;m<f;m++)m===g?k.push(hc):k.push(ic)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Sf(c,1,0),$g(a,b,d,-1),b.treeContext=c):h?$g(a,b,d,-1):Z(a,b,null,d,-1);b.keyPath=f}function ah(a,b){if(a&&a.defaultProps){b=C({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function bh(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=Hf(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue:g);Qf(h,e,f,g);Yg(a,b,c,h,e);b.componentStack=d}else{g=Hf(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};dg={};eg=b;fg=a;gg=c;lg=kg=0;mg=-1;ng=0;og=d;d=e(f,g);d=ug(e,f,d,g);var k=0!==
-kg,m=lg,p=mg;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Qf(d,e,f,g),Yg(a,b,c,d,e)):Zg(a,b,c,d,k,m,p);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Vg(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,k=b.keyPath,b.formatContext=Mb(h,e,f),b.keyPath=c,$g(a,b,g,-1),b.formatContext=h,b.keyPath=k;else{k=Cc(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-m=b.keyPath;b.formatContext=Mb(h,e,f);b.keyPath=c;$g(a,b,k,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(wc(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case uf:case sf:case gf:case hf:case ff:e=b.keyPath;b.keyPath=c;Z(a,b,null,f.children,-1);b.keyPath=e;return;case tf:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,Z(a,b,null,f.children,-1),b.keyPath=e);return;case of:e=b.componentStack;b.componentStack=Vg(b,"SuspenseList");d=b.keyPath;b.keyPath=c;Z(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case rf:throw Error("ReactDOMServer does not yet support scope components.");case nf:a:if(null!==b.replay){e=
-b.keyPath;b.keyPath=c;c=f.children;try{$g(a,b,c,-1)}finally{b.keyPath=e}}else{var q=b.componentStack;e=b.componentStack=Vg(b,"Suspense");var t=b.keyPath;d=b.blockedBoundary;var u=b.blockedSegment;g=f.fallback;var A=f.children;f=new Set;m=Tg(a,f);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);p=Og(a,u.chunks.length,m,b.formatContext,!1,!1);u.children.push(p);u.lastPushedText=!1;var D=Og(a,0,null,b.formatContext,!1,!1);D.parentFlushed=!0;b.blockedBoundary=m;b.blockedSegment=D;a.renderState.boundaryResources=
-m.resources;b.keyPath=c;try{if($g(a,b,A,-1),D.lastPushedText&&D.textEmbedded&&D.chunks.push(Nb),D.status=1,ch(m,D),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=q;break a}}catch(v){D.status=4,m.status=4,h=Wg(a,b.componentStack),k=Y(a,v,h),m.errorDigest=k,dh(a,m)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=u,b.keyPath=t,b.componentStack=q}h=[c[0],"Suspense Fallback",c[2]];k=a.trackedPostpones;null!==k&&(q=[h[1],h[2],[],null],k.workingMap.set(h,
-q),5===m.status?k.workingMap.get(c)[4]=q:m.trackedFallbackNode=q);b=Pg(a,null,g,-1,d,p,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case mf:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;dg={};eg=b;fg=a;gg=c;lg=kg=0;mg=-1;ng=0;og=d;d=e(f,g);f=ug(e,f,d,g);Zg(a,b,c,f,0!==kg,lg,mg);b.componentStack=h;return;case pf:e=e.type;f=ah(e,f);bh(a,b,c,d,e,f,g);return;
-case jf:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue;e._currentValue=f;k=If;If=f={parent:k,depth:null===k?0:k.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;Z(a,b,null,g,-1);a=If;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===yf?a.context._defaultValue:c;a=If=a.parent;b.context=a;b.keyPath=d;return;case kf:f=f.children;f=f(e._currentValue);e=b.keyPath;b.keyPath=c;Z(a,
-b,null,f,-1);b.keyPath=e;return;case qf:g=b.componentStack;b.componentStack=Vg(b,"Lazy");h=e._init;e=h(e._payload);f=ah(e,f);bh(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==e?e:typeof e)+"."));}}
-function eh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Og(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,$g(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(ch(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function Z(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)eh(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case df:var f=d.type,g=d.key,h=d.props,k=d.ref,m=Bf(f),p=null==g?-1===e?0:e:g;g=[b.keyPath,m,p];if(null!==b.replay)a:{var q=b.replay;e=q.nodes;for(d=0;d<e.length;d++){var t=e[d];if(p===t[1]){if(4===t.length){if(null!==m&&m!==t[0])throw Error("Expected the resume to render <"+t[0]+"> in this slot but instead it rendered <"+
-m+">. The tree doesn't match so React will fallback to client rendering.");var u=t[2];m=t[3];t=b.node;b.replay={nodes:u,slots:m,pendingTasks:1};try{bh(a,b,g,c,f,h,k);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(F){if("object"===typeof F&&null!==F&&(F===Xf||"function"===typeof F.then))throw b.node===t&&(b.replay=q),
-F;b.replay.pendingTasks--;h=Wg(a,b.componentStack);g=a;a=b.blockedBoundary;c=F;h=Y(g,c,h);fh(g,a,u,m,c,h)}b.replay=q}else{if(f!==nf)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(Bf(f)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{q=void 0;c=t[5];f=t[2];k=t[3];m=null===t[4]?[]:t[4][2];t=null===t[4]?null:t[4][3];p=b.componentStack;var A=b.componentStack=Vg(b,"Suspense"),D=b.keyPath,v=b.replay,y=b.blockedBoundary,
-ea=h.children;h=h.fallback;var V=new Set,x=Tg(a,V);x.parentFlushed=!0;x.rootSegmentID=c;b.blockedBoundary=x;b.replay={nodes:f,slots:k,pendingTasks:1};a.renderState.boundaryResources=x.resources;try{$g(a,b,ea,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===x.pendingTasks&&0===x.status){x.status=1;a.completedBoundaries.push(x);
-break b}}catch(F){x.status=4,u=Wg(a,b.componentStack),q=Y(a,F,u),x.errorDigest=q,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(x)}finally{a.renderState.boundaryResources=y?y.resources:null,b.blockedBoundary=y,b.replay=v,b.keyPath=D,b.componentStack=p}b=Ug(a,null,{nodes:m,slots:t,pendingTasks:0},h,-1,y,V,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,A);a.pingedTasks.push(b)}}e.splice(d,1);break a}}}else bh(a,b,g,c,f,h,k);return;case ef:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
-case qf:h=b.componentStack;b.componentStack=Vg(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;Z(a,b,null,d,e);return}if(Ja(d)){gh(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=zf&&d[zf]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];do g.push(d.value),d=h.next();while(!d.done);gh(a,b,g,e)}return}if("function"===typeof d.then)return Z(a,b,null,Dg(d),e);if(d.$$typeof===kf||d.$$typeof===lf)return Z(a,b,null,d._currentValue,e);e=Object.prototype.toString.call(d);
-throw Error("Objects are not valid as a React child (found: "+("[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ob(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ob(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function gh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var k=g[h];if(k[1]===d){d=k[2];k=k[3];b.replay={nodes:d,slots:k,pendingTasks:1};try{gh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(q){if("object"===typeof q&&
-null!==q&&(q===Xf||"function"===typeof q.then))throw q;b.replay.pendingTasks--;c=Wg(a,b.componentStack);var m=b.blockedBoundary,p=q;c=Y(a,p,c);fh(a,m,d,k,p,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)k=c[d],b.treeContext=Sf(f,g,d),m=h[d],"number"===typeof m?(eh(a,b,m,k,d),delete h[d]):$g(a,b,k,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Sf(f,g,h),
-$g(a,b,d,h);b.treeContext=f;b.keyPath=e}function dh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function $g(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,k=b.treeContext,m=b.componentStack,p=b.blockedSegment;if(null===p)try{return Z(a,b,null,c,d)}catch(u){if(vg(),c=u===Xf?ag():u,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=wg();a=Ug(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=
-f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Of(g);return}}else{var q=p.children.length,t=p.chunks.length;try{return Z(a,b,null,c,d)}catch(u){if(vg(),p.children.length=q,p.chunks.length=t,c=u===Xf?ag():u,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=wg();p=b.blockedSegment;q=Og(a,p.chunks.length,null,b.formatContext,p.lastPushedText,!0);p.children.push(q);p.lastPushedText=!1;a=Pg(a,d,b.node,b.childIndex,b.blockedBoundary,q,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,
-b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;b.componentStack=m;Of(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=k;Of(g);throw c;}function hh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,ih(this,b,a))}
-function fh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)fh(a,b,h[2],h[3],e,f);else{h=h[5];var k=a,m=f,p=Tg(k,new Set);p.parentFlushed=!0;p.rootSegmentID=h;p.status=4;p.errorDigest=m;p.parentFlushed&&k.clientRenderedBoundaries.push(p)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var q in d)delete d[q]}}
-function jh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){Y(b,c,d);Xg(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=Y(b,c,d),fh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&kh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Wg(b,a.componentStack),a=Y(b,c,a),d.errorDigest=a,dh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return jh(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&lh(b)}
-function mh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var k=h.value.sheets.values(),m=k.next();0<e.remainingCapacity&&!m.done;m=k.next()){var p=m.value,q=p.props,t=q.href,u=p.props,A=Dc(u.href,"style",{crossOrigin:u.crossOrigin,integrity:u.integrity,
-nonce:u.nonce,type:u.type,fetchPriority:u.fetchPriority,referrerPolicy:u.referrerPolicy,media:u.media});if(2<=(e.remainingCapacity-=A.length))c.resets.style[t]=K,f&&(f+=", "),f+=A,c.resets.style[t]="string"===typeof q.crossOrigin||"string"===typeof q.integrity?[q.crossOrigin,q.integrity]:K;else break b}}f?d({Link:f}):d({})}}}catch(D){Y(a,D,{})}}function kh(a){null===a.trackedPostpones&&mh(a,!0);a.onShellError=Mg;a=a.onShellReady;a()}
-function lh(a){mh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function ch(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&ch(a,c)}else a.completedSegments.push(b)}
-function ih(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&kh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&ch(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(hh,a),b.fallbackAbortableTasks.clear())):
-null!==c&&c.parentFlushed&&1===c.status&&(ch(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&lh(a)}
-function Sg(a){if(2!==a.status){var b=If,c=Jg.current;Jg.current=Hg;var d=Kg.current;Kg.current=Ig;var e=Qg;Qg=a;var f=Gg;Gg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var k=g[h],m=a,p=k.blockedBoundary;m.renderState.boundaryResources=p?p.resources:null;var q=k.blockedSegment;if(null===q){var t=m;if(0!==k.replay.pendingTasks){Of(k.context);try{var u=k.thenableState;k.thenableState=null;Z(t,k,u,k.node,k.childIndex);if(1===k.replay.pendingTasks&&0<k.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.");
-k.replay.pendingTasks--;k.abortSet.delete(k);ih(t,k.blockedBoundary,null)}catch(L){vg();var A=L===Xf?ag():L;if("object"===typeof A&&null!==A&&"function"===typeof A.then){var D=k.ping;A.then(D,D);k.thenableState=wg()}else{k.replay.pendingTasks--;k.abortSet.delete(k);var v=Wg(t,k.componentStack);m=void 0;var y=t,ea=k.blockedBoundary,V=A,x=k.replay.nodes,F=k.replay.slots;m=Y(y,V,v);fh(y,ea,x,F,V,m);t.pendingRootTasks--;0===t.pendingRootTasks&&kh(t);t.allPendingTasks--;0===t.allPendingTasks&&lh(t)}}finally{t.renderState.boundaryResources=
-null}}}else if(t=void 0,y=q,0===y.status){Of(k.context);var G=y.children.length,fa=y.chunks.length;try{var na=k.thenableState;k.thenableState=null;Z(m,k,na,k.node,k.childIndex);y.lastPushedText&&y.textEmbedded&&y.chunks.push(Nb);k.abortSet.delete(k);y.status=1;ih(m,k.blockedBoundary,y)}catch(L){vg();y.children.length=G;y.chunks.length=fa;var W=L===Xf?ag():L;if("object"===typeof W&&null!==W&&"function"===typeof W.then){var ha=k.ping;W.then(ha,ha);k.thenableState=wg()}else{var ia=Wg(m,k.componentStack);
-k.abortSet.delete(k);y.status=4;var I=k.blockedBoundary;t=Y(m,W,ia);null===I?Xg(m,W):(I.pendingTasks--,4!==I.status&&(I.status=4,I.errorDigest=t,dh(m,I),I.parentFlushed&&m.clientRenderedBoundaries.push(I)));m.allPendingTasks--;0===m.allPendingTasks&&lh(m)}}finally{m.renderState.boundaryResources=null}}}g.splice(0,h);null!==a.destination&&nh(a,a.destination)}catch(L){Y(a,L,{}),Xg(a,L)}finally{Gg=f,Jg.current=c,Kg.current=d,c===Hg&&Of(b),Qg=e}}}
-function oh(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;r(b,Gc);r(b,a.placeholderPrefix);a=z(d.toString(16));r(b,a);return w(b,Hc);case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)r(b,d[f]);e=ph(a,b,e)}for(;f<d.length-1;f++)r(b,d[f]);f<d.length&&(e=w(b,d[f]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),vb=/["'&<>]/;
+function J(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=vb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var wb=/([A-Z])/g,xb=/^ms-/,yb=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,zb={pending:!1,data:null,method:null,action:null},Ab=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Tb={prefetchDNS:Bb,preconnect:Cb,preload:Db,preloadModule:Pb,preinitStyle:Qb,preinitScript:Rb,preinitModuleScript:Sb},K=[],Ub=C('"></template>'),Vb=C("<script>"),Wb=C("\x3c/script>"),Xb=C('<script src="'),Yb=C('<script type="module" src="'),Zb=C('" nonce="'),$b=C('" integrity="'),ac=C('" crossorigin="'),
+bc=C('" async="">\x3c/script>'),cc=/(<\/|<)(s)(cript)/gi;function dc(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var ec=C('<script type="importmap">'),fc=C("\x3c/script>");
+function gc(a,b,c,d,e,f){var g=void 0===b?Vb:C('<script nonce="'+J(b)+'">'),h=a.idPrefix,l=[],p=null,q=a.bootstrapScriptContent,m=a.bootstrapScripts,v=a.bootstrapModules;void 0!==q&&l.push(g,A((""+q).replace(cc,dc)),Wb);void 0!==c&&("string"===typeof c?(p={src:c,chunks:[]},hc(p.chunks,{src:c,async:!0,integrity:void 0,nonce:b})):(p={src:c.src,chunks:[]},hc(p.chunks,{src:c.src,async:!0,integrity:c.integrity,nonce:b})));c=[];void 0!==d&&(c.push(ec),c.push(A((""+JSON.stringify(d)).replace(cc,dc))),c.push(fc));
+d=e?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof f?f:2E3}:null;e={placeholderPrefix:C(h+"P:"),segmentPrefix:C(h+"S:"),boundaryPrefix:C(h+"B:"),startInlineScript:g,htmlChunks:null,headChunks:null,externalRuntimeScript:p,bootstrapChunks:l,importMapChunks:c,onHeaders:e,headers:d,resets:{font:{},dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:new Set,fontPreloads:new Set,
+highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:b,hoistableState:null,stylesToHoist:!1};if(void 0!==m)for(g=0;g<m.length;g++)c=m[g],d=p=void 0,f={rel:"preload",as:"script",fetchPriority:"low",nonce:b},"string"===typeof c?f.href=h=c:(f.href=h=c.src,f.integrity=d="string"===typeof c.integrity?c.integrity:void 0,f.crossOrigin=p="string"===typeof c||null==c.crossOrigin?
+void 0:"use-credentials"===c.crossOrigin?"use-credentials":""),c=a,q=h,c.scriptResources[q]=null,c.moduleScriptResources[q]=null,c=[],M(c,f),e.bootstrapScripts.add(c),l.push(Xb,A(J(h))),b&&l.push(Zb,A(J(b))),"string"===typeof d&&l.push($b,A(J(d))),"string"===typeof p&&l.push(ac,A(J(p))),l.push(bc);if(void 0!==v)for(m=0;m<v.length;m++)f=v[m],p=h=void 0,d={rel:"modulepreload",fetchPriority:"low",nonce:b},"string"===typeof f?d.href=g=f:(d.href=g=f.src,d.integrity=p="string"===typeof f.integrity?f.integrity:
+void 0,d.crossOrigin=h="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=a,c=g,f.scriptResources[c]=null,f.moduleScriptResources[c]=null,f=[],M(f,d),e.bootstrapScripts.add(f),l.push(Yb,A(J(g))),b&&l.push(Zb,A(J(b))),"string"===typeof p&&l.push($b,A(J(p))),"string"===typeof h&&l.push(ac,A(J(h))),l.push(bc);return e}
+function ic(a,b,c,d,e){var f=0;void 0!==b&&(f=1);return{idPrefix:void 0===a?"":a,nextFormID:0,streamingFormat:f,bootstrapScriptContent:c,bootstrapScripts:d,bootstrapModules:e,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},moduleUnknownResources:{},moduleScriptResources:{}}}function N(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function jc(a){return N("http://www.w3.org/2000/svg"===a?3:"http://www.w3.org/1998/Math/MathML"===a?4:0,null,0)}
+function kc(a,b,c){switch(b){case "noscript":return N(2,null,a.tagScope|1);case "select":return N(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return N(3,null,a.tagScope);case "picture":return N(2,null,a.tagScope|2);case "math":return N(4,null,a.tagScope);case "foreignObject":return N(2,null,a.tagScope);case "table":return N(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return N(6,null,a.tagScope);case "colgroup":return N(8,null,a.tagScope);case "tr":return N(7,null,a.tagScope)}return 5<=
+a.insertionMode?N(2,null,a.tagScope):0===a.insertionMode?"html"===b?N(1,null,a.tagScope):N(2,null,a.tagScope):1===a.insertionMode?N(2,null,a.tagScope):a}var lc=C("\x3c!-- --\x3e");function mc(a,b,c,d){if(""===b)return d;d&&a.push(lc);a.push(A(J(b)));return!0}var nc=new Map,oc=C(' style="'),pc=C(":"),qc=C(";");
+function rc(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(E.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=A(J(d));e=A(J((""+e).trim()))}else f=nc.get(d),void 0===f&&(f=C(J(d.replace(wb,"-$1").toLowerCase().replace(xb,"-ms-"))),nc.set(d,f)),e="number"===typeof e?0===e||tb.has(d)?A(""+
+e):A(e+"px"):A(J((""+e).trim()));c?(c=!1,a.push(oc,f,pc,e)):a.push(qc,f,pc,e)}}c||a.push(O)}var Q=C(" "),Fc=C('="'),O=C('"'),Gc=C('=""');function Hc(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,A(b),Gc)}function R(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(Q,A(b),Fc,A(J(c)),O)}function Ic(a){var b=a.nextFormID++;return a.idPrefix+b}var Jc=C(J("javascript:throw new Error('React form unexpectedly submitted.')")),Kc=C('<input type="hidden"');
+function Lc(a,b){this.push(Kc);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");R(this,"name",b);R(this,"value",a);this.push(Mc)}
+function Nc(a,b,c,d,e,f,g,h){var l=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Ic(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,l=b.data):(a.push(Q,A("formAction"),Fc,Jc,O),g=f=e=d=h=null,Oc(b,c)));null!=h&&T(a,"name",h);null!=d&&T(a,"formAction",d);null!=e&&T(a,"formEncType",e);null!=f&&T(a,"formMethod",f);null!=g&&T(a,"formTarget",g);return l}
+function T(a,b,c){switch(b){case "className":R(a,"class",c);break;case "tabIndex":R(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":R(a,b,c);break;case "style":rc(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(Q,A(b),Fc,A(J(c)),O);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":Hc(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;c=""+c;a.push(Q,A("xlink:href"),Fc,A(J(c)),O);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,A(b),Fc,A(J(c)),O);break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,A(b),Gc);break;case "capture":case "download":!0===c?a.push(Q,A(b),Gc):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(Q,A(b),Fc,A(J(c)),O);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(Q,A(b),Fc,A(J(c)),O);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(Q,A(b),Fc,A(J(c)),O);break;case "xlinkActuate":R(a,"xlink:actuate",
+c);break;case "xlinkArcrole":R(a,"xlink:arcrole",c);break;case "xlinkRole":R(a,"xlink:role",c);break;case "xlinkShow":R(a,"xlink:show",c);break;case "xlinkTitle":R(a,"xlink:title",c);break;case "xlinkType":R(a,"xlink:type",c);break;case "xmlBase":R(a,"xml:base",c);break;case "xmlLang":R(a,"xml:lang",c);break;case "xmlSpace":R(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=ub.get(b)||b,sb(b)){switch(typeof c){case "function":case "symbol":return;
+case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d)return}a.push(Q,A(b),Fc,A(J(c)),O)}}}var U=C(">"),Mc=C("/>");
+function Pc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(A(""+b))}}function Qc(a){var b="";ba.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var Rc=C(' selected=""'),Sc=C('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});');
+function Oc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,Sc,Wb))}var Tc=C("\x3c!--F!--\x3e"),Uc=C("\x3c!--F--\x3e");function M(a,b){a.push(V("link"));for(var c in b)if(E.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:T(a,c,d)}}a.push(Mc);return null}
+function Vc(a,b,c){a.push(V(c));for(var d in b)if(E.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:T(a,d,e)}}a.push(Mc);return null}
+function Wc(a,b){a.push(V("title"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(A(J(""+b)));Pc(a,d,c);a.push(Xc("title"));return null}
+function hc(a,b){a.push(V("script"));var c=null,d=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);Pc(a,d,c);"string"===typeof c&&a.push(A(J(c)));a.push(Xc("script"));return null}
+function Yc(a,b,c){a.push(V(c));var d=c=null,e;for(e in b)if(E.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:T(a,e,f)}}a.push(U);Pc(a,d,c);return"string"===typeof c?(a.push(A(J(c))),null):c}var Zc=C("\n"),$c=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,ad=new Map;function V(a){var b=ad.get(a);if(void 0===b){if(!$c.test(a))throw Error("Invalid tag: "+a);b=C("<"+a);ad.set(a,b)}return b}var bd=C("<!DOCTYPE html>");
+function cd(a,b,c,d,e,f,g,h,l){switch(b){case "div":case "span":case "svg":case "path":break;case "a":break;case "g":case "p":case "li":break;case "select":a.push(V("select"));var p=null,q=null,m;for(m in c)if(E.call(c,m)){var v=c[m];if(null!=v)switch(m){case "children":p=v;break;case "dangerouslySetInnerHTML":q=v;break;case "defaultValue":case "value":break;default:T(a,m,v)}}a.push(U);Pc(a,q,p);return p;case "option":var t=g.selectedValue;a.push(V("option"));var y=null,x=null,u=null,S=null,W;for(W in c)if(E.call(c,
+W)){var H=c[W];if(null!=H)switch(W){case "children":y=H;break;case "selected":u=H;break;case "dangerouslySetInnerHTML":S=H;break;case "value":x=H;default:T(a,W,H)}}if(null!=t){var P=null!==x?""+x:Qc(y);if(Wa(t))for(var z=0;z<t.length;z++){if(""+t[z]===P){a.push(Rc);break}}else""+t===P&&a.push(Rc)}else u&&a.push(Rc);a.push(U);Pc(a,S,y);return y;case "textarea":a.push(V("textarea"));var B=null,na=null,aa=null,G;for(G in c)if(E.call(c,G)){var F=c[G];if(null!=F)switch(G){case "children":aa=F;break;case "value":B=
+F;break;case "defaultValue":na=F;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:T(a,G,F)}}null===B&&null!==na&&(B=na);a.push(U);if(null!=aa){if(null!=B)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Wa(aa)){if(1<aa.length)throw Error("<textarea> can only have at most one child.");B=""+aa[0]}B=""+aa}"string"===typeof B&&"\n"===B[0]&&a.push(Zc);null!==B&&a.push(A(J(""+B)));return null;case "input":a.push(V("input"));
+var ia=null,va=null,wa=null,Ka=null,xa=null,La=null,oa=null,sc=null,tc=null,$a;for($a in c)if(E.call(c,$a)){var ca=c[$a];if(null!=ca)switch($a){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":ia=ca;break;case "formAction":va=ca;break;case "formEncType":wa=ca;break;case "formMethod":Ka=ca;break;case "formTarget":xa=ca;break;case "defaultChecked":tc=ca;break;case "defaultValue":oa=
+ca;break;case "checked":sc=ca;break;case "value":La=ca;break;default:T(a,$a,ca)}}var Od=Nc(a,d,e,va,wa,Ka,xa,ia);null!==sc?Hc(a,"checked",sc):null!==tc&&Hc(a,"checked",tc);null!==La?T(a,"value",La):null!==oa&&T(a,"value",oa);a.push(Mc);null!==Od&&Od.forEach(Lc,a);return null;case "button":a.push(V("button"));var ab=null,Pd=null,Qd=null,Rd=null,Sd=null,Td=null,Ud=null,bb;for(bb in c)if(E.call(c,bb)){var ja=c[bb];if(null!=ja)switch(bb){case "children":ab=ja;break;case "dangerouslySetInnerHTML":Pd=ja;
+break;case "name":Qd=ja;break;case "formAction":Rd=ja;break;case "formEncType":Sd=ja;break;case "formMethod":Td=ja;break;case "formTarget":Ud=ja;break;default:T(a,bb,ja)}}var Vd=Nc(a,d,e,Rd,Sd,Td,Ud,Qd);a.push(U);null!==Vd&&Vd.forEach(Lc,a);Pc(a,Pd,ab);if("string"===typeof ab){a.push(A(J(ab)));var Wd=null}else Wd=ab;return Wd;case "form":a.push(V("form"));var cb=null,Xd=null,pa=null,db=null,eb=null,fb=null,gb;for(gb in c)if(E.call(c,gb)){var qa=c[gb];if(null!=qa)switch(gb){case "children":cb=qa;break;
+case "dangerouslySetInnerHTML":Xd=qa;break;case "action":pa=qa;break;case "encType":db=qa;break;case "method":eb=qa;break;case "target":fb=qa;break;default:T(a,gb,qa)}}var uc=null,vc=null;if("function"===typeof pa)if("function"===typeof pa.$$FORM_ACTION){var Nf=Ic(d),Ma=pa.$$FORM_ACTION(Nf);pa=Ma.action||"";db=Ma.encType;eb=Ma.method;fb=Ma.target;uc=Ma.data;vc=Ma.name}else a.push(Q,A("action"),Fc,Jc,O),fb=eb=db=pa=null,Oc(d,e);null!=pa&&T(a,"action",pa);null!=db&&T(a,"encType",db);null!=eb&&T(a,"method",
+eb);null!=fb&&T(a,"target",fb);a.push(U);null!==vc&&(a.push(Kc),R(a,"name",vc),a.push(Mc),null!==uc&&uc.forEach(Lc,a));Pc(a,Xd,cb);if("string"===typeof cb){a.push(A(J(cb)));var Yd=null}else Yd=cb;return Yd;case "menuitem":a.push(V("menuitem"));for(var Eb in c)if(E.call(c,Eb)){var Zd=c[Eb];if(null!=Zd)switch(Eb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:T(a,Eb,Zd)}}a.push(U);return null;case "title":if(3===
+g.insertionMode||g.tagScope&1||null!=c.itemProp)var wc=Wc(a,c);else l?wc=null:(Wc(e.hoistableChunks,c),wc=void 0);return wc;case "link":var Of=c.rel,ra=c.href,Fb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Of||"string"!==typeof ra||""===ra){M(a,c);var hb=null}else if("stylesheet"===c.rel)if("string"!==typeof Fb||null!=c.disabled||c.onLoad||c.onError)hb=M(a,c);else{var Na=e.styles.get(Fb),Gb=d.styleResources.hasOwnProperty(ra)?d.styleResources[ra]:void 0;
+if(null!==Gb){d.styleResources[ra]=null;Na||(Na={precedence:A(J(Fb)),rules:[],hrefs:[],sheets:new Map},e.styles.set(Fb,Na));var Hb={state:0,props:D({},c,{"data-precedence":c.precedence,precedence:null})};if(Gb){2===Gb.length&&dd(Hb.props,Gb);var xc=e.preloads.stylesheets.get(ra);xc&&0<xc.length?xc.length=0:Hb.state=1}Na.sheets.set(ra,Hb);f&&f.stylesheets.add(Hb)}else if(Na){var $d=Na.sheets.get(ra);$d&&f&&f.stylesheets.add($d)}h&&a.push(lc);hb=null}else c.onLoad||c.onError?hb=M(a,c):(h&&a.push(lc),
+hb=l?null:M(e.hoistableChunks,c));return hb;case "script":var yc=c.async;if("string"!==typeof c.src||!c.src||!yc||"function"===typeof yc||"symbol"===typeof yc||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var ae=hc(a,c);else{var Ib=c.src;if("module"===c.type){var Jb=d.moduleScriptResources;var be=e.preloads.moduleScripts}else Jb=d.scriptResources,be=e.preloads.scripts;var Kb=Jb.hasOwnProperty(Ib)?Jb[Ib]:void 0;if(null!==Kb){Jb[Ib]=null;var zc=c;if(Kb){2===Kb.length&&(zc=
+D({},c),dd(zc,Kb));var ce=be.get(Ib);ce&&(ce.length=0)}var de=[];e.scripts.add(de);hc(de,zc)}h&&a.push(lc);ae=null}return ae;case "style":var Lb=c.precedence,ya=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Lb||"string"!==typeof ya||""===ya){a.push(V("style"));var Oa=null,ee=null,jb;for(jb in c)if(E.call(c,jb)){var Mb=c[jb];if(null!=Mb)switch(jb){case "children":Oa=Mb;break;case "dangerouslySetInnerHTML":ee=Mb;break;default:T(a,jb,Mb)}}a.push(U);var kb=Array.isArray(Oa)?
+2>Oa.length?Oa[0]:null:Oa;"function"!==typeof kb&&"symbol"!==typeof kb&&null!==kb&&void 0!==kb&&a.push(A(J(""+kb)));Pc(a,ee,Oa);a.push(Xc("style"));var fe=null}else{var za=e.styles.get(Lb);if(null!==(d.styleResources.hasOwnProperty(ya)?d.styleResources[ya]:void 0)){d.styleResources[ya]=null;za?za.hrefs.push(A(J(ya))):(za={precedence:A(J(Lb)),rules:[],hrefs:[A(J(ya))],sheets:new Map},e.styles.set(Lb,za));var ge=za.rules,Pa=null,he=null,Nb;for(Nb in c)if(E.call(c,Nb)){var Ac=c[Nb];if(null!=Ac)switch(Nb){case "children":Pa=
+Ac;break;case "dangerouslySetInnerHTML":he=Ac}}var lb=Array.isArray(Pa)?2>Pa.length?Pa[0]:null:Pa;"function"!==typeof lb&&"symbol"!==typeof lb&&null!==lb&&void 0!==lb&&ge.push(A(J(""+lb)));Pc(ge,he,Pa)}za&&f&&f.styles.add(za);h&&a.push(lc);fe=void 0}return fe;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var ie=Vc(a,c,"meta");else h&&a.push(lc),ie=l?null:"string"===typeof c.charSet?Vc(e.charsetChunks,c,"meta"):"viewport"===c.name?Vc(e.viewportChunks,c,"meta"):Vc(e.hoistableChunks,
+c,"meta");return ie;case "listing":case "pre":a.push(V(b));var mb=null,nb=null,ob;for(ob in c)if(E.call(c,ob)){var Ob=c[ob];if(null!=Ob)switch(ob){case "children":mb=Ob;break;case "dangerouslySetInnerHTML":nb=Ob;break;default:T(a,ob,Ob)}}a.push(U);if(null!=nb){if(null!=mb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof nb||!("__html"in nb))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");
+var Aa=nb.__html;null!==Aa&&void 0!==Aa&&("string"===typeof Aa&&0<Aa.length&&"\n"===Aa[0]?a.push(Zc,A(Aa)):a.push(A(""+Aa)))}"string"===typeof mb&&"\n"===mb[0]&&a.push(Zc);return mb;case "img":var L=c.src,I=c.srcSet;if(!("lazy"===c.loading||!L&&!I||"string"!==typeof L&&null!=L||"string"!==typeof I&&null!=I)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof L||":"!==L[4]||"d"!==L[0]&&"D"!==L[0]||"a"!==L[1]&&"A"!==L[1]||"t"!==L[2]&&"T"!==L[2]||"a"!==L[3]&&"A"!==L[3])&&("string"!==
+typeof I||":"!==I[4]||"d"!==I[0]&&"D"!==I[0]||"a"!==I[1]&&"A"!==I[1]||"t"!==I[2]&&"T"!==I[2]||"a"!==I[3]&&"A"!==I[3])){var je="string"===typeof c.sizes?c.sizes:void 0,Qa=I?I+"\n"+(je||""):L,Bc=e.preloads.images,Ba=Bc.get(Qa);if(Ba){if("high"===c.fetchPriority||10>e.highImagePreloads.size)Bc.delete(Qa),e.highImagePreloads.add(Ba)}else if(!d.imageResources.hasOwnProperty(Qa)){d.imageResources[Qa]=K;var Cc=c.crossOrigin;var ke="string"===typeof Cc?"use-credentials"===Cc?Cc:"":void 0;var fa=e.headers,
+Dc;fa&&0<fa.remainingCapacity&&("high"===c.fetchPriority||500>fa.highImagePreloads.length)&&(Dc=ed(L,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:ke,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(fa.remainingCapacity-=Dc.length))?(e.resets.image[Qa]=K,fa.highImagePreloads&&(fa.highImagePreloads+=", "),fa.highImagePreloads+=Dc):(Ba=[],M(Ba,{rel:"preload",as:"image",href:I?void 0:L,imageSrcSet:I,imageSizes:je,crossOrigin:ke,
+integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ba):(e.bulkPreloads.add(Ba),Bc.set(Qa,Ba)))}}return Vc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Vc(a,c,b);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":break;
+case "head":if(2>g.insertionMode&&null===e.headChunks){e.headChunks=[];var le=Yc(e.headChunks,c,"head")}else le=Yc(a,c,"head");return le;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[bd];var me=Yc(e.htmlChunks,c,"html")}else me=Yc(a,c,"html");return me;default:if(-1!==b.indexOf("-")){a.push(V(b));var Ec=null,ne=null,Ra;for(Ra in c)if(E.call(c,Ra)){var Ca=c[Ra];if(null!=Ca){var Pf=Ra;switch(Ra){case "children":Ec=Ca;break;case "dangerouslySetInnerHTML":ne=Ca;break;case "style":rc(a,
+Ca);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;default:sb(Ra)&&"function"!==typeof Ca&&"symbol"!==typeof Ca&&a.push(Q,A(Pf),Fc,A(J(Ca)),O)}}}a.push(U);Pc(a,ne,Ec);return Ec}}return Yc(a,c,b)}var fd=new Map;function Xc(a){var b=fd.get(a);void 0===b&&(b=C("</"+a+">"),fd.set(a,b));return b}function gd(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)r(a,b[c]);return c<b.length?(c=b[c],b.length=0,w(a,c)):!0}
+var hd=C('<template id="'),id=C('"></template>'),jd=C("\x3c!--$--\x3e"),kd=C('\x3c!--$?--\x3e<template id="'),ld=C('"></template>'),md=C("\x3c!--$!--\x3e"),nd=C("\x3c!--/$--\x3e"),od=C("<template"),pd=C('"'),qd=C(' data-dgst="');C(' data-msg="');C(' data-stck="');var rd=C("></template>");function sd(a,b,c){r(a,kd);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");r(a,b.boundaryPrefix);r(a,A(c.toString(16)));return w(a,ld)}
+var td=C('<div hidden id="'),ud=C('">'),vd=C("</div>"),wd=C('<svg aria-hidden="true" style="display:none" id="'),xd=C('">'),yd=C("</svg>"),zd=C('<math aria-hidden="true" style="display:none" id="'),Ad=C('">'),Bd=C("</math>"),Cd=C('<table hidden id="'),Dd=C('">'),Ed=C("</table>"),Fd=C('<table hidden><tbody id="'),Gd=C('">'),Hd=C("</tbody></table>"),Id=C('<table hidden><tr id="'),Jd=C('">'),Kd=C("</tr></table>"),Ld=C('<table hidden><colgroup id="'),Md=C('">'),Nd=C("</colgroup></table>");
+function oe(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return r(a,td),r(a,b.segmentPrefix),r(a,A(d.toString(16))),w(a,ud);case 3:return r(a,wd),r(a,b.segmentPrefix),r(a,A(d.toString(16))),w(a,xd);case 4:return r(a,zd),r(a,b.segmentPrefix),r(a,A(d.toString(16))),w(a,Ad);case 5:return r(a,Cd),r(a,b.segmentPrefix),r(a,A(d.toString(16))),w(a,Dd);case 6:return r(a,Fd),r(a,b.segmentPrefix),r(a,A(d.toString(16))),w(a,Gd);case 7:return r(a,Id),r(a,b.segmentPrefix),r(a,A(d.toString(16))),w(a,Jd);
+case 8:return r(a,Ld),r(a,b.segmentPrefix),r(a,A(d.toString(16))),w(a,Md);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function pe(a,b){switch(b.insertionMode){case 0:case 1:case 2:return w(a,vd);case 3:return w(a,yd);case 4:return w(a,Bd);case 5:return w(a,Ed);case 6:return w(a,Hd);case 7:return w(a,Kd);case 8:return w(a,Nd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
+var qe=C('$RS=function(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("'),re=C('$RS("'),se=C('","'),te=C('")\x3c/script>'),ue=C('<template data-rsi="" data-sid="'),ve=C('" data-pid="'),we=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
+xe=C('$RC("'),ye=C('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+ze=C('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Ae=C('$RR("'),Be=C('","'),Ce=C('",'),De=C('"'),Ee=C(")\x3c/script>"),Fe=C('<template data-rci="" data-bid="'),Ge=C('<template data-rri="" data-bid="'),He=C('" data-sid="'),Ie=C('" data-sty="'),Je=C('$RX=function(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("'),Ke=C('$RX("'),Le=C('"'),Me=C(","),Ne=C(")\x3c/script>"),Oe=C('<template data-rxi="" data-bid="'),Pe=C('" data-dgst="'),
+Qe=C('" data-msg="'),Re=C('" data-stck="'),Se=/[<\u2028\u2029]/g;function Te(a){return JSON.stringify(a).replace(Se,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Ue=/[&><\u2028\u2029]/g;
+function Ve(a){return JSON.stringify(a).replace(Ue,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
+var We=C('<style media="not all" data-precedence="'),Xe=C('" data-href="'),Ye=C('">'),Ze=C("</style>"),$e=!1,af=!0;function bf(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){r(this,We);r(this,a.precedence);for(r(this,Xe);d<c.length-1;d++)r(this,c[d]),r(this,cf);r(this,c[d]);r(this,Ye);for(d=0;d<b.length;d++)r(this,b[d]);af=w(this,Ze);$e=!0;b.length=0;c.length=0}}function df(a){return 2!==a.state?$e=!0:!1}
+function ef(a,b,c){$e=!1;af=!0;b.styles.forEach(bf,a);b.stylesheets.forEach(df);$e&&(c.stylesToHoist=!0);return af}function ff(a){for(var b=0;b<a.length;b++)r(this,a[b]);a.length=0}var gf=[];function hf(a){M(gf,a.props);for(var b=0;b<gf.length;b++)r(this,gf[b]);gf.length=0;a.state=2}var jf=C('<style data-precedence="'),kf=C('" data-href="'),cf=C(" "),lf=C('">'),mf=C("</style>");
+function nf(a){var b=0<a.sheets.size;a.sheets.forEach(hf,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){r(this,jf);r(this,a.precedence);a=0;if(d.length){for(r(this,kf);a<d.length-1;a++)r(this,d[a]),r(this,cf);r(this,d[a])}r(this,lf);for(a=0;a<c.length;a++)r(this,c[a]);r(this,mf);c.length=0;d.length=0}}
+function of(a){if(0===a.state){a.state=1;var b=a.props;M(gf,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<gf.length;a++)r(this,gf[a]);gf.length=0}}function pf(a){a.sheets.forEach(of,this);a.sheets.clear()}var qf=C("["),rf=C(",["),sf=C(","),tf=C("]");
+function uf(a,b){r(a,qf);var c=qf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,A(Ve(""+d.props.href))),r(a,tf),c=rf;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,A(Ve(""+d.props.href)));e=""+e;r(a,sf);r(a,A(Ve(e)));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var l=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!sb(g))break a;h=""+h}r(e,sf);r(e,A(Ve(l)));r(e,sf);r(e,
+A(Ve(h)))}}}r(a,tf);c=rf;d.state=3}});r(a,tf)}
+function vf(a,b){r(a,qf);var c=qf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)r(a,c),r(a,A(J(JSON.stringify(""+d.props.href)))),r(a,tf),c=rf;else{r(a,c);var e=d.props["data-precedence"],f=d.props;r(a,A(J(JSON.stringify(""+d.props.href))));e=""+e;r(a,sf);r(a,A(J(JSON.stringify(e))));for(var g in f)if(E.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
+a;var l=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!sb(g))break a;h=""+h}r(e,sf);r(e,A(J(JSON.stringify(l))));r(e,sf);r(e,
+A(J(JSON.stringify(h))))}}}r(a,tf);c=rf;d.state=3}});r(a,tf)}function wf(){return{styles:new Set,stylesheets:new Set}}
+function Bb(a){var b=xf();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(yf,zf)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],M(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Af(b)}}}
+function Cb(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(yf,zf)+">; rel=preconnect";if("string"===typeof b){var l=(""+b).replace(Bf,Cf);h+='; crossorigin="'+l+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],M(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Af(c)}}}
+function Db(a,b,c){var d=xf();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var l=c.fetchPriority}var p=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(p))return;e.imageResources[p]=K;e=f.headers;var q;e&&0<e.remainingCapacity&&"high"===l&&(q=ed(a,b,c),2<=(e.remainingCapacity-=q.length))?(f.resets.image[p]=K,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=q):(e=[],M(e,D({rel:"preload",href:g?void 0:
+a,as:b},c)),"high"===l?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(p,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];M(g,D({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?K:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+M(g,D({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?K:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=K;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(p=ed(a,b,c),2<=(e.remainingCapacity-=p.length)))f.resets.font[a]=K,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=p;else switch(e=[],
+a=D({rel:"preload",href:a,as:b},c),M(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Af(d)}}}
+function Pb(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?K:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=K}M(f,D({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Af(c)}}}
+function Qb(a,b,c){var d=xf();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:A(J(b)),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:D({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&dd(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Af(d))}}}
+function Rb(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=D({src:a,async:!0},b),f&&(2===f.length&&dd(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),hc(a,b),Af(c))}}}
+function Sb(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=D({src:a,type:"module",async:!0},b),f&&(2===f.length&&dd(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),hc(a,b),Af(c))}}}function dd(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function ed(a,b,c){a=(""+a).replace(yf,zf);b=(""+b).replace(Bf,Cf);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)E.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Bf,Cf)+'"'));return b}var yf=/[<>\r\n]/g;
+function zf(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Bf=/["';,\r\n]/g;
+function Cf(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Df(a){this.styles.add(a)}function Ef(a){this.stylesheets.add(a)}
+var Ff="function"===typeof AsyncLocalStorage,Gf=Ff?new AsyncLocalStorage:null,Hf=Symbol.for("react.client.reference");
+function If(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Hf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ka:return"Fragment";case ha:return"Portal";case ma:return"Profiler";case la:return"StrictMode";case Ea:return"Suspense";case Fa:return"SuspenseList";case Ua:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case sa:return(a._context.displayName||"Context")+".Provider";case ua:return(a.displayName||"Context")+".Consumer";case Da:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Ga:return b=a.displayName||null,null!==b?b:If(a.type)||"Memo";case Ha:b=a._payload;a=a._init;try{return If(a(b))}catch(c){}}return null}var Jf={};function Kf(a,b){a=a.contextTypes;if(!a)return Jf;var c={},d;for(d in a)c[d]=b[d];return c}var Lf=null;
+function Mf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Mf(a,c)}b.context._currentValue=b.value}}function Qf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Qf(a)}
+function Rf(a){var b=a.parent;null!==b&&Rf(b);a.context._currentValue=a.value}function Sf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Mf(a,b):Sf(a,b)}
+function Tf(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Mf(a,c):Tf(a,c);b.context._currentValue=b.value}function Uf(a){var b=Lf;b!==a&&(null===b?Rf(a):null===a?Qf(b):b.depth===a.depth?Mf(b,a):b.depth>a.depth?Sf(b,a):Tf(b,a),Lf=a)}
+var Vf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Wf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Vf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:D({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Vf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=D({},f,h)):D(f,h))}a.state=f}else f.queue=null}
+var Xf={id:1,overflow:""};function Yf(a,b,c){var d=a.id;a=a.overflow;var e=32-Zf(d)-1;d&=~(1<<e);c+=1;var f=32-Zf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Zf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Zf=Math.clz32?Math.clz32:$f,ag=Math.log,bg=Math.LN2;function $f(a){a>>>=0;return 0===a?32:31-(ag(a)/bg|0)|0}var cg=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function dg(){}function eg(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(dg,dg),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}fg=b;throw cg;}}var fg=null;
+function gg(){if(null===fg)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=fg;fg=null;return a}function hg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var ig="function"===typeof Object.is?Object.is:hg,jg=null,kg=null,lg=null,mg=null,ng=null,X=null,og=!1,pg=!1,qg=0,rg=0,sg=-1,tg=0,ug=null,vg=null,wg=0;
+function xg(){if(null===jg)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return jg}
+function yg(){if(0<wg)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function zg(){null===X?null===ng?(og=!1,ng=X=yg()):(og=!0,X=ng):null===X.next?(og=!1,X=X.next=yg()):(og=!0,X=X.next);return X}function Ag(){var a=ug;ug=null;return a}function Bg(){mg=lg=kg=jg=null;pg=!1;ng=null;wg=0;X=vg=null}function Cg(a,b){return"function"===typeof b?b(a):b}
+function Dg(a,b,c){jg=xg();X=zg();if(og){var d=X.queue;b=d.dispatch;if(null!==vg&&(c=vg.get(d),void 0!==c)){vg.delete(d);d=X.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);X.memoizedState=d;return[d,b]}return[X.memoizedState,b]}a=a===Cg?"function"===typeof b?b():b:void 0!==c?c(b):b;X.memoizedState=a;a=X.queue={last:null,dispatch:null};a=a.dispatch=Eg.bind(null,jg,a);return[X.memoizedState,a]}
+function Fg(a,b){jg=xg();X=zg();b=void 0===b?null:b;if(null!==X){var c=X.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!ig(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();X.memoizedState=[a,b];return a}
+function Eg(a,b,c){if(25<=wg)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===jg)if(pg=!0,a={action:c,next:null},null===vg&&(vg=new Map),c=vg.get(b),void 0===c)vg.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Gg(){throw Error("startTransition cannot be called during server rendering.");}function Hg(){throw Error("Cannot update optimistic state while rendering.");}
+function Ig(a){var b=tg;tg+=1;null===ug&&(ug=[]);return eg(ug,a,b)}function Jg(){throw Error("Cache cannot be refreshed during server rendering.");}function Kg(){}
+var Mg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Ig(a);if(a.$$typeof===ua)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){xg();return a._currentValue},useMemo:Fg,useReducer:Dg,useRef:function(a){jg=xg();X=zg();var b=X.memoizedState;return null===b?(a={current:a},X.memoizedState=a):b},useState:function(a){return Dg(Cg,a)},useInsertionEffect:Kg,
+useLayoutEffect:Kg,useCallback:function(a,b){return Fg(function(){return a},b)},useImperativeHandle:Kg,useEffect:Kg,useDebugValue:Kg,useDeferredValue:function(a){xg();return a},useTransition:function(){xg();return[!1,Gg]},useId:function(){var a=kg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Zf(a)-1)).toString(32)+b;var c=Lg;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=qg++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));
+return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Jg},useHostTransitionStatus:function(){xg();return zb},useOptimistic:function(a){xg();return[a,Hg]},useFormState:function(a,b,c){xg();var d=rg++,e=lg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=mg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===
+typeof h){var l=e[1];h.call(a,e[2],e[3])&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0),l===f&&(sg=d,b=e[0]))}var p=a.bind(null,b);a=function(m){p(m)};"function"===typeof p.$$FORM_ACTION&&(a.$$FORM_ACTION=function(m){m=p.$$FORM_ACTION(m);void 0!==c&&(c+="",m.action=c);var v=m.data;v&&(null===f&&(f=void 0!==c?"p"+c:"k"+Xa(JSON.stringify([g,null,d]),0)),v.append("$ACTION_KEY",f));return m});return[b,a]}var q=a.bind(null,b);return[b,function(m){q(m)}]}},Lg=null,Ng={getCacheSignal:function(){throw Error("Not implemented.");
+},getCacheForType:function(){throw Error("Not implemented.");}},Og;function Pg(a){if(void 0===Og)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Og=b&&b[1]||""}return"\n"+Og+a}var Qg=!1;
+function Rg(a,b){if(!a||Qg)return"";Qg=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var m=function(){throw Error();};Object.defineProperty(m.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(m,[])}catch(t){var v=t}Reflect.construct(a,[],m)}else{try{m.call()}catch(t){v=t}a.call(m.prototype)}}else{try{throw Error();}catch(t){v=t}(m=a())&&"function"===typeof m.catch&&
+m.catch(function(){})}}catch(t){if(t&&v&&"string"===typeof t.stack)return[t.stack,v.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var l=g.split("\n"),p=h.split("\n");for(e=d=0;d<l.length&&!l[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<p.length&&!p[e].includes("DetermineComponentFrameRoot");)e++;if(d===l.length||e===p.length)for(d=l.length-1,e=p.length-1;1<=d&&0<=e&&l[d]!==p[e];)e--;for(;1<=d&&0<=e;d--,e--)if(l[d]!==p[e]){if(1!==d||1!==e){do if(d--,e--,0>e||l[d]!==p[e]){var q="\n"+l[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{Qg=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Pg(c):""}
+var Sg=yb.ReactCurrentDispatcher,Tg=yb.ReactCurrentCache;function Ug(a){console.error(a);return null}function Vg(){}
+function Wg(a,b,c,d,e,f,g,h,l,p,q,m){Ab.current=Tb;var v=[],t=new Set;b={destination:null,flushScheduled:!1,resumableState:b,renderState:c,rootFormatContext:d,progressiveChunkSize:void 0===e?12800:e,status:0,fatalError:null,nextSegmentId:0,allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:t,pingedTasks:v,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===f?Ug:f,onPostpone:void 0===q?Vg:q,onAllReady:void 0===g?
+Vg:g,onShellReady:void 0===h?Vg:h,onShellError:void 0===l?Vg:l,onFatalError:void 0===p?Vg:p,formState:void 0===m?null:m};c=Xg(b,0,null,d,!1,!1);c.parentFlushed=!0;a=Yg(b,null,a,-1,null,c,null,t,null,d,Jf,null,Xf,null,!1);v.push(a);return b}var Zg=null;function xf(){if(Zg)return Zg;if(Ff){var a=Gf.getStore();if(a)return a}return null}function $g(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return ah(a)},0))}
+function bh(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:wf(),fallbackState:wf(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function Yg(a,b,c,d,e,f,g,h,l,p,q,m,v,t,y){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var x={replay:null,node:c,childIndex:d,ping:function(){return $g(a,x)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:l,formatContext:p,legacyContext:q,context:m,treeContext:v,componentStack:t,thenableState:b,isFallback:y};h.add(x);return x}
+function ch(a,b,c,d,e,f,g,h,l,p,q,m,v,t,y){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var x={replay:c,node:d,childIndex:e,ping:function(){return $g(a,x)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:l,formatContext:p,legacyContext:q,context:m,treeContext:v,componentStack:t,thenableState:b,isFallback:y};h.add(x);return x}
+function Xg(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function dh(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function eh(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Pg(b.type,null);break;case 1:a+=Rg(b.type,!1);break;case 2:a+=Rg(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function Y(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function fh(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,ib(a.destination,b)):(a.status=1,a.fatalError=b)}function gh(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;jg={};kg=b;lg=a;mg=c;rg=qg=0;sg=-1;tg=0;ug=g;for(a=d(e,f);pg;)pg=!1,rg=qg=0,sg=-1,tg=0,wg+=1,X=null,a=d(e,f);Bg();return a}
+function hh(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((If(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=D({},c,d)}b.legacyContext=e;Z(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,f,-1),b.keyPath=e}
+function ih(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var l=b.blockedSegment;if(null!==l){h=!0;l=l.chunks;for(var p=0;p<f;p++)p===g?l.push(Tc):l.push(Uc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Yf(c,1,0),jh(a,b,d,-1),b.treeContext=c):h?jh(a,b,d,-1):Z(a,b,d,-1);b.keyPath=f}function kh(a,b){if(a&&a.defaultProps){b=D({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function lh(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Kf(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue:g);Wf(h,d,e,g);hh(a,b,c,h,d);b.componentStack=f}else{f=Kf(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=gh(a,b,c,d,e,f);var l=0!==qg,p=rg,q=sg;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Wf(h,d,e,f),hh(a,b,c,h,d)):ih(a,b,c,h,l,p,q);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=dh(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,l=b.keyPath,b.formatContext=kc(h,d,e),b.keyPath=c,jh(a,b,g,-1),b.formatContext=h,b.keyPath=l;else{l=cd(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;p=b.keyPath;b.formatContext=
+kc(h,d,e);b.keyPath=c;jh(a,b,l,-1);b.formatContext=h;b.keyPath=p;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(Xc(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case Ta:case Ja:case la:case ma:case ka:d=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=d;return;case Sa:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,Z(a,b,e.children,-1),b.keyPath=d);return;case Fa:d=b.componentStack;b.componentStack=dh(b,"SuspenseList");f=b.keyPath;b.keyPath=c;Z(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Ia:throw Error("ReactDOMServer does not yet support scope components.");case Ea:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;
+try{jh(a,b,c,-1)}finally{b.keyPath=d}}else{var m=b.componentStack;d=b.componentStack=dh(b,"Suspense");var v=b.keyPath;f=b.blockedBoundary;var t=b.hoistableState,y=b.blockedSegment;g=e.fallback;var x=e.children;e=new Set;h=bh(a,e);null!==a.trackedPostpones&&(h.trackedContentKeyPath=c);l=Xg(a,y.chunks.length,h,b.formatContext,!1,!1);y.children.push(l);y.lastPushedText=!1;var u=Xg(a,0,null,b.formatContext,!1,!1);u.parentFlushed=!0;b.blockedBoundary=h;b.hoistableState=h.contentState;b.blockedSegment=
+u;b.keyPath=c;try{if(jh(a,b,x,-1),u.lastPushedText&&u.textEmbedded&&u.chunks.push(lc),u.status=1,mh(h,u),0===h.pendingTasks&&0===h.status){h.status=1;b.componentStack=m;break a}}catch(S){u.status=4,h.status=4,p=eh(a,b.componentStack),q=Y(a,S,p),h.errorDigest=q,nh(a,h)}finally{b.blockedBoundary=f,b.hoistableState=t,b.blockedSegment=y,b.keyPath=v,b.componentStack=m}p=[c[0],"Suspense Fallback",c[2]];q=a.trackedPostpones;null!==q&&(m=[p[1],p[2],[],null],q.workingMap.set(p,m),5===h.status?q.workingMap.get(c)[4]=
+m:h.trackedFallbackNode=m);b=Yg(a,null,g,-1,f,l,h.fallbackState,e,p,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case Da:g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};e=gh(a,b,c,d.render,e,f);ih(a,b,c,e,0!==qg,rg,sg);b.componentStack=g;return;case Ga:d=d.type;e=kh(d,e);lh(a,b,c,d,e,f);return;case sa:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue;
+d._currentValue=e;l=Lf;Lf=e={parent:l,depth:null===l?0:l.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;Z(a,b,g,-1);a=Lf;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");a.context._currentValue=a.parentValue;a=Lf=a.parent;b.context=a;b.keyPath=f;return;case ua:e=e.children;e=e(d._currentValue);d=b.keyPath;b.keyPath=c;Z(a,b,e,-1);b.keyPath=d;return;case ta:case Ha:f=b.componentStack;b.componentStack=dh(b,"Lazy");g=d._init;d=g(d._payload);
+e=kh(d,e);lh(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==d?d:typeof d)+"."));}}
+function oh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Xg(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,jh(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(mh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function Z(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)oh(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case ea:var e=c.type,f=c.key,g=c.props;var h=c.ref;var l=If(e),p=null==f?-1===d?0:d:f;f=[b.keyPath,l,p];if(null!==b.replay)a:{var q=b.replay;d=q.nodes;for(c=0;c<d.length;c++){var m=d[c];if(p===m[1]){if(4===m.length){if(null!==l&&l!==m[0])throw Error("Expected the resume to render <"+m[0]+"> in this slot but instead it rendered <"+
+l+">. The tree doesn't match so React will fallback to client rendering.");var v=m[2];l=m[3];p=b.node;b.replay={nodes:v,slots:l,pendingTasks:1};try{lh(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(B){if("object"===typeof B&&null!==B&&(B===cg||"function"===typeof B.then))throw b.node===p&&(b.replay=q),B;
+b.replay.pendingTasks--;g=eh(a,b.componentStack);f=a;a=b.blockedBoundary;e=B;g=Y(f,e,g);ph(f,a,v,l,e,g)}b.replay=q}else{if(e!==Ea)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(If(e)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{q=void 0;e=m[5];h=m[2];l=m[3];p=null===m[4]?[]:m[4][2];m=null===m[4]?null:m[4][3];var t=b.componentStack,y=b.componentStack=dh(b,"Suspense"),x=b.keyPath,u=b.replay,S=b.blockedBoundary,
+W=b.hoistableState,H=g.children;g=g.fallback;var P=new Set,z=bh(a,P);z.parentFlushed=!0;z.rootSegmentID=e;b.blockedBoundary=z;b.hoistableState=z.contentState;b.replay={nodes:h,slots:l,pendingTasks:1};try{jh(a,b,H,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===z.pendingTasks&&0===z.status){z.status=1;a.completedBoundaries.push(z);
+break b}}catch(B){z.status=4,v=eh(a,b.componentStack),q=Y(a,B,v),z.errorDigest=q,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(z)}finally{b.blockedBoundary=S,b.hoistableState=W,b.replay=u,b.keyPath=x,b.componentStack=t}b=ch(a,null,{nodes:p,slots:m,pendingTasks:0},g,-1,S,z.fallbackState,P,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,y,!0);a.pingedTasks.push(b)}}d.splice(c,1);break a}}}else lh(a,b,f,e,g,h);return;case ha:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
+case Ha:g=b.componentStack;b.componentStack=dh(b,"Lazy");f=c._init;c=f(c._payload);b.componentStack=g;Z(a,b,c,d);return}if(Wa(c)){qh(a,b,c,d);return}null===c||"object"!==typeof c?g=null:(g=Va&&c[Va]||c["@@iterator"],g="function"===typeof g?g:null);if(g&&(g=g.call(c))){c=g.next();if(!c.done){f=[];do f.push(c.value),c=g.next();while(!c.done);qh(a,b,f,d)}return}if("function"===typeof c.then)return b.thenableState=null,Z(a,b,Ig(c),d);if(c.$$typeof===ua)return Z(a,b,c._currentValue,d);d=Object.prototype.toString.call(c);
+throw Error("Objects are not valid as a React child (found: "+("[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=mc(d.chunks,c,a.renderState,d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=mc(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function qh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var l=g[h];if(l[1]===d){d=l[2];l=l[3];b.replay={nodes:d,slots:l,pendingTasks:1};try{qh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(m){if("object"===typeof m&&
+null!==m&&(m===cg||"function"===typeof m.then))throw m;b.replay.pendingTasks--;c=eh(a,b.componentStack);var p=b.blockedBoundary,q=m;c=Y(a,q,c);ph(a,p,d,l,q,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)l=c[d],b.treeContext=Yf(f,g,d),p=h[d],"number"===typeof p?(oh(a,b,p,l,d),delete h[d]):jh(a,b,l,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Yf(f,g,h),
+jh(a,b,d,h);b.treeContext=f;b.keyPath=e}function nh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function jh(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,l=b.treeContext,p=b.componentStack,q=b.blockedSegment;if(null===q)try{return Z(a,b,c,d)}catch(t){if(Bg(),c=t===cg?gg():t,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=Ag();a=ch(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=p;Uf(g);return}}else{var m=q.children.length,v=q.chunks.length;try{return Z(a,b,c,d)}catch(t){if(Bg(),q.children.length=m,q.chunks.length=v,c=t===cg?gg():t,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=Ag();q=b.blockedSegment;m=Xg(a,q.chunks.length,null,b.formatContext,q.lastPushedText,!0);q.children.push(m);q.lastPushedText=!1;a=Yg(a,d,b.node,b.childIndex,b.blockedBoundary,m,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=p;Uf(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;Uf(g);throw c;}function rh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,sh(this,b,a))}
+function ph(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)ph(a,b,h[2],h[3],e,f);else{h=h[5];var l=a,p=f,q=bh(l,new Set);q.parentFlushed=!0;q.rootSegmentID=h;q.status=4;q.errorDigest=p;q.parentFlushed&&l.clientRenderedBoundaries.push(q)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var m in d)delete d[m]}}
+function th(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){Y(b,c,d);fh(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=Y(b,c,d),ph(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&uh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=eh(b,a.componentStack),a=Y(b,c,a),d.errorDigest=a,nh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return th(f,
+b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&vh(b)}
+function wh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var l=h.value.sheets.values(),p=l.next();0<e.remainingCapacity&&!p.done;p=l.next()){var q=p.value,m=q.props,v=m.href,t=q.props,y=ed(t.href,"style",{crossOrigin:t.crossOrigin,integrity:t.integrity,
+nonce:t.nonce,type:t.type,fetchPriority:t.fetchPriority,referrerPolicy:t.referrerPolicy,media:t.media});if(2<=(e.remainingCapacity-=y.length))c.resets.style[v]=K,f&&(f+=", "),f+=y,c.resets.style[v]="string"===typeof m.crossOrigin||"string"===typeof m.integrity?[m.crossOrigin,m.integrity]:K;else break b}}f?d({Link:f}):d({})}}}catch(x){Y(a,x,{})}}function uh(a){null===a.trackedPostpones&&wh(a,!0);a.onShellError=Vg;a=a.onShellReady;a()}
+function vh(a){wh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function mh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&mh(a,c)}else a.completedSegments.push(b)}
+function sh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&uh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&mh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(rh,a),b.fallbackAbortableTasks.clear())):
+null!==c&&c.parentFlushed&&1===c.status&&(mh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&vh(a)}
+function ah(a){if(2!==a.status){var b=Lf,c=Sg.current;Sg.current=Mg;var d=Tg.current;Tg.current=Ng;var e=Zg;Zg=a;var f=Lg;Lg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var l=g[h],p=a,q=l.blockedSegment;if(null===q){var m=p;if(0!==l.replay.pendingTasks){Uf(l.context);try{Z(m,l,l.node,l.childIndex);if(1===l.replay.pendingTasks&&0<l.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.");
+l.replay.pendingTasks--;l.abortSet.delete(l);sh(m,l.blockedBoundary,null)}catch(F){Bg();var v=F===cg?gg():F;if("object"===typeof v&&null!==v&&"function"===typeof v.then){var t=l.ping;v.then(t,t);l.thenableState=Ag()}else{l.replay.pendingTasks--;l.abortSet.delete(l);var y=eh(m,l.componentStack);p=void 0;var x=m,u=l.blockedBoundary,S=v,W=l.replay.nodes,H=l.replay.slots;p=Y(x,S,y);ph(x,u,W,H,S,p);m.pendingRootTasks--;0===m.pendingRootTasks&&uh(m);m.allPendingTasks--;0===m.allPendingTasks&&vh(m)}}finally{}}}else if(m=
+void 0,x=q,0===x.status){Uf(l.context);var P=x.children.length,z=x.chunks.length;try{Z(p,l,l.node,l.childIndex),x.lastPushedText&&x.textEmbedded&&x.chunks.push(lc),l.abortSet.delete(l),x.status=1,sh(p,l.blockedBoundary,x)}catch(F){Bg();x.children.length=P;x.chunks.length=z;var B=F===cg?gg():F;if("object"===typeof B&&null!==B&&"function"===typeof B.then){var na=l.ping;B.then(na,na);l.thenableState=Ag()}else{var aa=eh(p,l.componentStack);l.abortSet.delete(l);x.status=4;var G=l.blockedBoundary;m=Y(p,
+B,aa);null===G?fh(p,B):(G.pendingTasks--,4!==G.status&&(G.status=4,G.errorDigest=m,nh(p,G),G.parentFlushed&&p.clientRenderedBoundaries.push(G)));p.allPendingTasks--;0===p.allPendingTasks&&vh(p)}}finally{}}}g.splice(0,h);null!==a.destination&&xh(a,a.destination)}catch(F){Y(a,F,{}),fh(a,F)}finally{Lg=f,Sg.current=c,Tg.current=d,c===Mg&&Uf(b),Zg=e}}}
+function yh(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,r(b,hd),r(b,a.placeholderPrefix),a=A(d.toString(16)),r(b,a),w(b,id);case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)r(b,f[g]);e=zh(a,b,e,d)}for(;g<f.length-1;g++)r(b,f[g]);g<f.length&&(e=w(b,f[g]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
 }}
-function ph(a,b,c){var d=c.boundary;if(null===d)return oh(a,b,c);d.parentFlushed=!0;if(4===d.status)d=d.errorDigest,w(b,Lc),r(b,Nc),d&&(r(b,Pc),r(b,z(H(d))),r(b,Oc)),w(b,Qc),oh(a,b,c);else if(1!==d.status)0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Rc(b,a.renderState,d.rootSegmentID),oh(a,b,c);else if(d.byteSize>a.progressiveChunkSize)d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Rc(b,a.renderState,d.rootSegmentID),oh(a,
-b,c);else{c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach($e,e),c.stylesheets.forEach(af,e));w(b,Ic);d=d.completedSegments;if(1!==d.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");ph(a,b,d[0])}return w(b,Mc)}function qh(a,b,c){md(b,a.renderState,c.parentFormatContext,c.id);ph(a,b,c);return nd(b,c.parentFormatContext)}
-function rh(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)sh(a,b,c,d[e]);d.length=0;De(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(r(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,r(b,512<Xd.byteLength?Xd.slice():Xd)):0===(d.instructions&8)?(d.instructions|=8,r(b,Yd)):r(b,Zd):0===(d.instructions&2)?(d.instructions|=
-2,r(b,ud)):r(b,vd)):f?r(b,ee):r(b,de);d=z(e.toString(16));r(b,a.boundaryPrefix);r(b,d);g?r(b,$d):r(b,fe);r(b,a.segmentPrefix);r(b,d);f?g?(r(b,ae),Se(b,c)):(r(b,ge),Te(b,c)):g&&r(b,be);d=g?w(b,ce):w(b,ab);return Fc(b,a)&&d}
-function sh(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return qh(a,b,d)}if(e===c.rootSegmentID)return qh(a,b,d);qh(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(r(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,r(b,od)):r(b,pd)):r(b,sd);r(b,a.segmentPrefix);e=z(e.toString(16));r(b,e);d?r(b,qd):r(b,td);r(b,a.placeholderPrefix);
-r(b,e);b=d?w(b,rd):w(b,ab);return b}
-function nh(a,b){l=new Uint8Array(512);n=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,k=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(k))}var m=e.htmlChunks,p=e.headChunks;f=0;if(m){for(f=0;f<m.length;f++)r(b,m[f]);if(p)for(f=0;f<p.length;f++)r(b,p[f]);else r(b,
-U("head")),r(b,T)}else if(p)for(f=0;f<p.length;f++)r(b,p[f]);var q=e.charsetChunks;for(f=0;f<q.length;f++)r(b,q[f]);q.length=0;e.preconnects.forEach(Ee,b);e.preconnects.clear();var t=e.preconnectChunks;for(f=0;f<t.length;f++)r(b,t[f]);t.length=0;e.fontPreloads.forEach(Ee,b);e.fontPreloads.clear();e.highImagePreloads.forEach(Ee,b);e.highImagePreloads.clear();e.styles.forEach(Le,b);var u=e.importMapChunks;for(f=0;f<u.length;f++)r(b,u[f]);u.length=0;e.bootstrapScripts.forEach(Ee,b);e.scripts.forEach(Ee,
-b);e.scripts.clear();e.bulkPreloads.forEach(Ee,b);e.bulkPreloads.clear();var A=e.preloadChunks;for(f=0;f<A.length;f++)r(b,A[f]);A.length=0;var D=e.hoistableChunks;for(f=0;f<D.length;f++)r(b,D[f]);D.length=0;m&&null===p&&r(b,wc("head"));ph(a,b,d);a.completedRootSegment=null;Fc(b,a.renderState)}else return;var v=a.renderState;d=0;v.preconnects.forEach(Ee,b);v.preconnects.clear();var y=v.preconnectChunks;for(d=0;d<y.length;d++)r(b,y[d]);y.length=0;v.fontPreloads.forEach(Ee,b);v.fontPreloads.clear();
-v.highImagePreloads.forEach(Ee,b);v.highImagePreloads.clear();v.styles.forEach(Ne,b);v.scripts.forEach(Ee,b);v.scripts.clear();v.bulkPreloads.forEach(Ee,b);v.bulkPreloads.clear();var ea=v.preloadChunks;for(d=0;d<ea.length;d++)r(b,ea[d]);ea.length=0;var V=v.hoistableChunks;for(d=0;d<V.length;d++)r(b,V[d]);V.length=0;var x=a.clientRenderedBoundaries;for(c=0;c<x.length;c++){var F=x[c];v=b;var G=a.resumableState,fa=a.renderState,na=F.rootSegmentID,W=F.errorDigest,ha=F.errorMessage,ia=F.errorComponentStack,
-I=0===G.streamingFormat;I?(r(v,fa.startInlineScript),0===(G.instructions&4)?(G.instructions|=4,r(v,he)):r(v,ie)):r(v,me);r(v,fa.boundaryPrefix);r(v,z(na.toString(16)));I&&r(v,je);if(W||ha||ia)I?(r(v,ke),r(v,z(re(W||"")))):(r(v,ne),r(v,z(H(W||""))));if(ha||ia)I?(r(v,ke),r(v,z(re(ha||"")))):(r(v,oe),r(v,z(H(ha||""))));ia&&(I?(r(v,ke),r(v,z(re(ia)))):(r(v,pe),r(v,z(H(ia)))));if(I?!w(v,le):!w(v,ab)){a.destination=null;c++;x.splice(0,c);return}}x.splice(0,c);var L=a.completedBoundaries;for(c=0;c<L.length;c++)if(!rh(a,
-b,L[c])){a.destination=null;c++;L.splice(0,c);return}L.splice(0,c);la(b);l=new Uint8Array(512);n=0;var ra=a.partialBoundaries;for(c=0;c<ra.length;c++){var sa=ra[c];a:{x=a;F=b;x.renderState.boundaryResources=sa.resources;var ta=sa.completedSegments;for(G=0;G<ta.length;G++)if(!sh(x,F,sa,ta[G])){G++;ta.splice(0,G);var Ma=!1;break a}ta.splice(0,G);Ma=De(F,sa.resources,x.renderState)}if(!Ma){a.destination=null;c++;ra.splice(0,c);return}}ra.splice(0,c);var ja=a.completedBoundaries;for(c=0;c<ja.length;c++)if(!rh(a,
-b,ja[c])){a.destination=null;c++;ja.splice(0,c);return}ja.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&r(b,wc("body")),c.hasHtml&&r(b,wc("html")),la(b),b.close(),a.destination=null):la(b)}}
-function th(a){a.flushScheduled=null!==a.destination;bf?setTimeout(function(){return cf.run(a,Sg,a)},0):setTimeout(function(){return Sg(a)},0);null===a.trackedPostpones&&(bf?setTimeout(function(){return cf.run(a,uh,a)},0):setTimeout(function(){return uh(a)},0))}function uh(a){mh(a,0===a.pendingRootTasks)}function Xe(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setTimeout(function(){var b=a.destination;b?nh(a,b):a.flushScheduled=!1},0))}
-function vh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return jh(e,a,d)});c.clear()}null!==a.destination&&nh(a,a.destination)}catch(e){Y(a,e,{}),Xg(a,e)}}
-exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(u,A){f=u;e=A}),h=b?b.onHeaders:void 0,k;h&&(k=function(u){h(new Headers(u))});var m=Kb(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),p=Ng(a,m,Ab(m,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,k,b?b.maxHeadersLength:void 0),Lb(b?b.namespaceURI:void 0),
-b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var u=new ReadableStream({type:"bytes",pull:function(A){if(1===p.status)p.status=2,pa(A,p.fatalError);else if(2!==p.status&&null===p.destination){p.destination=A;try{nh(p,A)}catch(D){Y(p,D,{}),Xg(p,D)}}},cancel:function(A){p.destination=null;vh(p,A)}},{highWaterMark:0});u.allReady=g;c(u)},function(u){g.catch(function(){});d(u)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var q=b.signal;if(q.aborted)vh(p,q.reason);else{var t=
-function(){vh(p,q.reason);q.removeEventListener("abort",t)};q.addEventListener("abort",t)}}th(p)})};exports.version="18.3.0-canary-60a927d04-20240113";
+function zh(a,b,c,d){var e=c.boundary;if(null===e)return yh(a,b,c,d);e.parentFlushed=!0;if(4===e.status)e=e.errorDigest,w(b,md),r(b,od),e&&(r(b,qd),r(b,A(J(e))),r(b,pd)),w(b,rd),yh(a,b,c,d);else if(1!==e.status)0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),sd(b,a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(Df,d),e.stylesheets.forEach(Ef,d)),yh(a,b,c,d);else if(e.byteSize>a.progressiveChunkSize)e.rootSegmentID=a.nextSegmentId++,
+a.completedBoundaries.push(e),sd(b,a.renderState,e.rootSegmentID),yh(a,b,c,d);else{d&&(c=e.contentState,c.styles.forEach(Df,d),c.stylesheets.forEach(Ef,d));w(b,jd);c=e.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");zh(a,b,c[0],d)}return w(b,nd)}function Ah(a,b,c,d){oe(b,a.renderState,c.parentFormatContext,c.id);zh(a,b,c,d);return pe(b,c.parentFormatContext)}
+function Bh(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Ch(a,b,c,d[e]);d.length=0;ef(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(r(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,r(b,ye)):0===(d.instructions&8)?(d.instructions|=8,r(b,ze)):r(b,Ae):0===(d.instructions&2)?(d.instructions|=2,r(b,we)):r(b,xe)):f?r(b,Ge):r(b,Fe);d=A(e.toString(16));
+r(b,a.boundaryPrefix);r(b,d);g?r(b,Be):r(b,He);r(b,a.segmentPrefix);r(b,d);f?g?(r(b,Ce),uf(b,c)):(r(b,Ie),vf(b,c)):g&&r(b,De);d=g?w(b,Ee):w(b,Ub);return gd(b,a)&&d}
+function Ch(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return Ah(a,b,d,e)}if(f===c.rootSegmentID)return Ah(a,b,d,e);Ah(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(r(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,r(b,qe)):r(b,re)):r(b,ue);r(b,a.segmentPrefix);f=A(f.toString(16));r(b,f);d?r(b,se):r(b,ve);r(b,
+a.placeholderPrefix);r(b,f);b=d?w(b,te):w(b,Ub);return b}
+function xh(a,b){k=new Uint8Array(2048);n=0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,l=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(l))}var p=e.htmlChunks,q=e.headChunks,m;if(p){for(m=0;m<p.length;m++)r(b,p[m]);if(q)for(m=0;m<q.length;m++)r(b,q[m]);else r(b,
+V("head")),r(b,U)}else if(q)for(m=0;m<q.length;m++)r(b,q[m]);var v=e.charsetChunks;for(m=0;m<v.length;m++)r(b,v[m]);v.length=0;e.preconnects.forEach(ff,b);e.preconnects.clear();var t=e.viewportChunks;for(m=0;m<t.length;m++)r(b,t[m]);t.length=0;e.fontPreloads.forEach(ff,b);e.fontPreloads.clear();e.highImagePreloads.forEach(ff,b);e.highImagePreloads.clear();e.styles.forEach(nf,b);var y=e.importMapChunks;for(m=0;m<y.length;m++)r(b,y[m]);y.length=0;e.bootstrapScripts.forEach(ff,b);e.scripts.forEach(ff,
+b);e.scripts.clear();e.bulkPreloads.forEach(ff,b);e.bulkPreloads.clear();var x=e.hoistableChunks;for(m=0;m<x.length;m++)r(b,x[m]);x.length=0;p&&null===q&&r(b,Xc("head"));zh(a,b,d,null);a.completedRootSegment=null;gd(b,a.renderState)}else return;var u=a.renderState;d=0;var S=u.viewportChunks;for(d=0;d<S.length;d++)r(b,S[d]);S.length=0;u.preconnects.forEach(ff,b);u.preconnects.clear();u.fontPreloads.forEach(ff,b);u.fontPreloads.clear();u.highImagePreloads.forEach(ff,b);u.highImagePreloads.clear();u.styles.forEach(pf,
+b);u.scripts.forEach(ff,b);u.scripts.clear();u.bulkPreloads.forEach(ff,b);u.bulkPreloads.clear();var W=u.hoistableChunks;for(d=0;d<W.length;d++)r(b,W[d]);W.length=0;var H=a.clientRenderedBoundaries;for(c=0;c<H.length;c++){var P=H[c];u=b;var z=a.resumableState,B=a.renderState,na=P.rootSegmentID,aa=P.errorDigest,G=P.errorMessage,F=P.errorComponentStack,ia=0===z.streamingFormat;ia?(r(u,B.startInlineScript),0===(z.instructions&4)?(z.instructions|=4,r(u,Je)):r(u,Ke)):r(u,Oe);r(u,B.boundaryPrefix);r(u,
+A(na.toString(16)));ia&&r(u,Le);if(aa||G||F)ia?(r(u,Me),r(u,A(Te(aa||"")))):(r(u,Pe),r(u,A(J(aa||""))));if(G||F)ia?(r(u,Me),r(u,A(Te(G||"")))):(r(u,Qe),r(u,A(J(G||""))));F&&(ia?(r(u,Me),r(u,A(Te(F)))):(r(u,Re),r(u,A(J(F)))));if(ia?!w(u,Ne):!w(u,Ub)){a.destination=null;c++;H.splice(0,c);return}}H.splice(0,c);var va=a.completedBoundaries;for(c=0;c<va.length;c++)if(!Bh(a,b,va[c])){a.destination=null;c++;va.splice(0,c);return}va.splice(0,c);Ya(b);k=new Uint8Array(2048);n=0;var wa=a.partialBoundaries;
+for(c=0;c<wa.length;c++){var Ka=wa[c];a:{H=a;P=b;var xa=Ka.completedSegments;for(z=0;z<xa.length;z++)if(!Ch(H,P,Ka,xa[z])){z++;xa.splice(0,z);var La=!1;break a}xa.splice(0,z);La=ef(P,Ka.contentState,H.renderState)}if(!La){a.destination=null;c++;wa.splice(0,c);return}}wa.splice(0,c);var oa=a.completedBoundaries;for(c=0;c<oa.length;c++)if(!Bh(a,b,oa[c])){a.destination=null;c++;oa.splice(0,c);return}oa.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&
+0===a.completedBoundaries.length?(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&r(b,Xc("body")),c.hasHtml&&r(b,Xc("html")),Ya(b),b.close(),a.destination=null):Ya(b)}}function Dh(a){a.flushScheduled=null!==a.destination;Ff?setTimeout(function(){return Gf.run(a,ah,a)},0):setTimeout(function(){return ah(a)},0);null===a.trackedPostpones&&(Ff?setTimeout(function(){return Gf.run(a,Eh,a)},0):setTimeout(function(){return Eh(a)},0))}function Eh(a){wh(a,0===a.pendingRootTasks)}
+function Af(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setTimeout(function(){var b=a.destination;b?xh(a,b):a.flushScheduled=!1},0))}function Fh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return th(e,a,d)});c.clear()}null!==a.destination&&xh(a,a.destination)}catch(e){Y(a,e,{}),fh(a,e)}}
+exports.renderToReadableStream=function(a,b){return new Promise(function(c,d){var e,f,g=new Promise(function(t,y){f=t;e=y}),h=b?b.onHeaders:void 0,l;h&&(l=function(t){h(new Headers(t))});var p=ic(b?b.identifierPrefix:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.bootstrapScriptContent:void 0,b?b.bootstrapScripts:void 0,b?b.bootstrapModules:void 0),q=Wg(a,p,gc(p,b?b.nonce:void 0,b?b.unstable_externalRuntimeSrc:void 0,b?b.importMap:void 0,l,b?b.maxHeadersLength:void 0),jc(b?b.namespaceURI:void 0),
+b?b.progressiveChunkSize:void 0,b?b.onError:void 0,f,function(){var t=new ReadableStream({type:"bytes",pull:function(y){if(1===q.status)q.status=2,ib(y,q.fatalError);else if(2!==q.status&&null===q.destination){q.destination=y;try{xh(q,y)}catch(x){Y(q,x,{}),fh(q,x)}}},cancel:function(y){q.destination=null;Fh(q,y)}},{highWaterMark:0});t.allReady=g;c(t)},function(t){g.catch(function(){});d(t)},e,b?b.onPostpone:void 0,b?b.formState:void 0);if(b&&b.signal){var m=b.signal;if(m.aborted)Fh(q,m.reason);else{var v=
+function(){Fh(q,m.reason);m.removeEventListener("abort",v)};m.addEventListener("abort",v)}}Dh(q)})};exports.version="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server.edge.production.min.js.map
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 b8919339b9f7ec..3959838a1f7791 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
@@ -20,7 +20,7 @@ var crypto = require('crypto');
 var async_hooks = require('async_hooks');
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -77,6 +77,324 @@ function printWarning(level, format, args) {
   }
 }
 
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_SCOPE_TYPE = Symbol.for('react.scope');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// in case they error.
+
+var jsxPropsParents = new WeakMap();
+var jsxChildrenParents = new WeakMap();
+function objectName(object) {
+  // $FlowFixMe[method-unbinding]
+  var name = Object.prototype.toString.call(object);
+  return name.replace(/^\[object (.*)\]$/, function (m, p0) {
+    return p0;
+  });
+}
+
+function describeKeyForErrorMessage(key) {
+  var encodedKey = JSON.stringify(key);
+  return '"' + key + '"' === encodedKey ? key : encodedKey;
+}
+
+function describeValueForErrorMessage(value) {
+  switch (typeof value) {
+    case 'string':
+      {
+        return JSON.stringify(value.length <= 10 ? value : value.slice(0, 10) + '...');
+      }
+
+    case 'object':
+      {
+        if (isArray(value)) {
+          return '[...]';
+        }
+
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var name = objectName(value);
+
+        if (name === 'Object') {
+          return '{...}';
+        }
+
+        return name;
+      }
+
+    case 'function':
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
+
+    default:
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      return String(value);
+  }
+}
+
+function describeElementType(type) {
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeElementType(type.render);
+
+      case REACT_MEMO_TYPE:
+        return describeElementType(type.type);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeElementType(init(payload));
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
+function describeObjectForErrorMessage(objectOrArray, expandedName) {
+  var objKind = objectName(objectOrArray);
+
+  if (objKind !== 'Object' && objKind !== 'Array') {
+    return objKind;
+  }
+
+  var str = '';
+  var start = -1;
+  var length = 0;
+
+  if (isArray(objectOrArray)) {
+    if (jsxChildrenParents.has(objectOrArray)) {
+      // Print JSX Children
+      var type = jsxChildrenParents.get(objectOrArray);
+      str = '<' + describeElementType(type) + '>';
+      var array = objectOrArray;
+
+      for (var i = 0; i < array.length; i++) {
+        var value = array[i];
+        var substr = void 0;
+
+        if (typeof value === 'string') {
+          substr = value;
+        } else if (typeof value === 'object' && value !== null) {
+          substr = '{' + describeObjectForErrorMessage(value) + '}';
+        } else {
+          substr = '{' + describeValueForErrorMessage(value) + '}';
+        }
+
+        if ('' + i === expandedName) {
+          start = str.length;
+          length = substr.length;
+          str += substr;
+        } else if (substr.length < 15 && str.length + substr.length < 40) {
+          str += substr;
+        } else {
+          str += '{...}';
+        }
+      }
+
+      str += '</' + describeElementType(type) + '>';
+    } else {
+      // Print Array
+      str = '[';
+      var _array = objectOrArray;
+
+      for (var _i = 0; _i < _array.length; _i++) {
+        if (_i > 0) {
+          str += ', ';
+        }
+
+        var _value = _array[_i];
+
+        var _substr = void 0;
+
+        if (typeof _value === 'object' && _value !== null) {
+          _substr = describeObjectForErrorMessage(_value);
+        } else {
+          _substr = describeValueForErrorMessage(_value);
+        }
+
+        if ('' + _i === expandedName) {
+          start = str.length;
+          length = _substr.length;
+          str += _substr;
+        } else if (_substr.length < 10 && str.length + _substr.length < 40) {
+          str += _substr;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += ']';
+    }
+  } else {
+    if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
+      str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
+    } else if (jsxPropsParents.has(objectOrArray)) {
+      // Print JSX
+      var _type = jsxPropsParents.get(objectOrArray);
+
+      str = '<' + (describeElementType(_type) || '...');
+      var object = objectOrArray;
+      var names = Object.keys(object);
+
+      for (var _i2 = 0; _i2 < names.length; _i2++) {
+        str += ' ';
+        var name = names[_i2];
+        str += describeKeyForErrorMessage(name) + '=';
+        var _value2 = object[name];
+
+        var _substr2 = void 0;
+
+        if (name === expandedName && typeof _value2 === 'object' && _value2 !== null) {
+          _substr2 = describeObjectForErrorMessage(_value2);
+        } else {
+          _substr2 = describeValueForErrorMessage(_value2);
+        }
+
+        if (typeof _value2 !== 'string') {
+          _substr2 = '{' + _substr2 + '}';
+        }
+
+        if (name === expandedName) {
+          start = str.length;
+          length = _substr2.length;
+          str += _substr2;
+        } else if (_substr2.length < 10 && str.length + _substr2.length < 40) {
+          str += _substr2;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '>';
+    } else {
+      // Print Object
+      str = '{';
+      var _object = objectOrArray;
+
+      var _names = Object.keys(_object);
+
+      for (var _i3 = 0; _i3 < _names.length; _i3++) {
+        if (_i3 > 0) {
+          str += ', ';
+        }
+
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
+
+        var _substr3 = void 0;
+
+        if (typeof _value3 === 'object' && _value3 !== null) {
+          _substr3 = describeObjectForErrorMessage(_value3);
+        } else {
+          _substr3 = describeValueForErrorMessage(_value3);
+        }
+
+        if (_name2 === expandedName) {
+          start = str.length;
+          length = _substr3.length;
+          str += _substr3;
+        } else if (_substr3.length < 10 && str.length + _substr3.length < 40) {
+          str += _substr3;
+        } else {
+          str += '...';
+        }
+      }
+
+      str += '}';
+    }
+  }
+
+  if (expandedName === undefined) {
+    return str;
+  }
+
+  if (start > -1 && length > 0) {
+    var highlight = ' '.repeat(start) + '^'.repeat(length);
+    return '\n  ' + str + '\n  ' + highlight;
+  }
+
+  return '\n  ' + str;
+}
+
 function scheduleWork(callback) {
   setImmediate(callback);
 }
@@ -147,15 +465,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -231,21 +543,17 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function stringToPrecomputedChunk(content) {
   var precomputedChunk = textEncoder.encode(content);
 
   {
-    if (precomputedChunkSet) {
-      precomputedChunkSet.add(precomputedChunk);
+    if (precomputedChunk.byteLength > VIEW_SIZE) {
+      error('precomputed chunks must be smaller than the view size configured for this host. This is a bug in React.');
     }
   }
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.length > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -1252,6 +1560,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -1662,19 +1971,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 var clientRenderBoundary = '$RX=function(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())};';
 var completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 var completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 var completeSegment = '$RS=function(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)};';
-var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+var formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 function getValueDescriptorExpectingObjectForWarning(thing) {
   return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
@@ -1869,6 +2172,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks: importMapChunks,
     onHeaders: onHeaders,
     headers: headers,
     resets: {
@@ -1883,9 +2187,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks: importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -1904,7 +2206,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce: nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -2282,7 +2584,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 var actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 var startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -2444,6 +2746,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -3323,7 +3626,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -3334,11 +3637,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -3346,7 +3662,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     var rel = props.rel;
     var href = props.href;
@@ -3438,8 +3754,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -3451,8 +3767,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             var _resource = styleQueue.sheets.get(key);
 
             if (_resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(_resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(_resource);
               }
             }
           }
@@ -3479,16 +3795,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -3521,7 +3835,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3589,8 +3903,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -3836,7 +4150,7 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (hasOwnProperty.call(props, 'children')) {
       var children = props.children;
@@ -3860,8 +4174,15 @@ function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -4125,6 +4446,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -4246,7 +4568,7 @@ function startChunkForTag(tag) {
 }
 
 var doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
   {
     validateProperties$2(type, props);
     validateProperties$1(type, props);
@@ -4268,7 +4590,14 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -4298,19 +4627,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -4738,7 +5067,7 @@ var completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data-r
 var completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 var completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 var completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   var requiresStyleInsertion;
 
   {
@@ -4758,7 +5087,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -4801,12 +5130,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -5024,14 +5353,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -5185,13 +5517,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5209,15 +5541,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5225,14 +5549,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -5245,15 +5566,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  var preconnectChunks = renderState.preconnectChunks;
+  var viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -5270,15 +5591,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  var preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   var hoistableChunks = renderState.hoistableChunks;
 
@@ -5304,10 +5617,10 @@ var arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes a
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5403,6 +5716,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5474,10 +5788,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   var nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(function (resource) {
+  hoistableState.stylesheets.forEach(function (resource) {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -5573,6 +5887,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -5648,15 +5963,12 @@ var PENDING$1 = 0;
 var PRELOADED = 1;
 var PREAMBLE = 2;
 var LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -6458,13 +6770,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  var currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -6562,45 +6870,6 @@ var NotPendingTransition = NotPending;
 
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PORTAL_TYPE = Symbol.for('react.portal');
-var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-var REACT_MEMO_TYPE = Symbol.for('react.memo');
-var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SCOPE_TYPE = Symbol.for('react.scope');
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -6672,13 +6941,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
-      case REACT_CONTEXT_TYPE:
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
+      case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -6704,1240 +6983,731 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
+var warnedAboutMissingGetChildContext;
 
-function disabledLog() {}
+{
+  warnedAboutMissingGetChildContext = {};
+}
 
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
+var emptyContextObject = {};
+
+{
+  Object.freeze(emptyContextObject);
+}
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+    var contextTypes = type.contextTypes;
 
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
+    var context = {};
+
+    for (var key in contextTypes) {
+      context[key] = unmaskedContext[key];
     }
 
-    disabledDepth++;
+    return context;
   }
 }
-function reenableLogs() {
+function processChildContext(instance, type, parentContext, childContextTypes) {
   {
-    disabledDepth--;
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
+      {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
 
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+        if (!warnedAboutMissingGetChildContext[componentName]) {
+          warnedAboutMissingGetChildContext[componentName] = true;
 
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
+          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        }
+      }
 
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+      return parentContext;
     }
-  }
-}
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    var childContext = instance.getChildContext();
 
+    for (var contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-    return '\n' + prefix + name;
+    return assign({}, parentContext, childContext);
   }
 }
-var reentry = false;
-var componentFrameCache;
+
+var rendererSigil;
 
 {
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+  // Use this to detect multiple renderers using the same context
+  rendererSigil = {};
+} // Used to store the parent path of all context overrides in a shared linked list.
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
+var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
+
+var currentActiveSnapshot = null;
 
+function popNode(prev) {
   {
-    var frame = componentFrameCache.get(fn);
+    prev.context._currentValue = prev.parentValue;
+  }
+}
 
-    if (frame !== undefined) {
-      return frame;
-    }
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
   }
+}
 
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+function popToNearestCommonAncestor(prev, next) {
+  if (prev === next) ; else {
+    popNode(prev);
+    var parentPrev = prev.parent;
+    var parentNext = next.parent;
 
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
+    if (parentPrev === null) {
+      if (parentNext !== null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
+    } else {
+      if (parentNext === null) {
+        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+      }
 
-  {
-    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
+      popToNearestCommonAncestor(parentPrev, parentNext);
+    } // On the way back, we push the new ones that weren't common.
 
-    ReactCurrentDispatcher$1.current = null;
-    disableLogs();
+
+    pushNode(next);
   }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+}
 
+function popAllPrevious(prev) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
+  if (parentPrev !== null) {
+    popAllPrevious(parentPrev);
+  }
+}
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+function pushAllNext(next) {
+  var parentNext = next.parent;
 
+  if (parentNext !== null) {
+    pushAllNext(parentNext);
+  }
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
+  pushNode(next);
+}
 
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+function popPreviousToCommonLevel(prev, next) {
+  popNode(prev);
+  var parentPrev = prev.parent;
 
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
+  if (parentPrev === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
   }
 
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
+  if (parentPrev.depth === next.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(parentPrev, next);
+  } else {
+    // We must still be deeper.
+    popPreviousToCommonLevel(parentPrev, next);
+  }
+}
 
+function popNextToCommonLevel(prev, next) {
+  var parentNext = next.parent;
 
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
+  if (parentNext === null) {
+    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+  }
 
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
+  if (prev.depth === parentNext.depth) {
+    // We found the same level. Now we just need to find a shared ancestor.
+    popToNearestCommonAncestor(prev, parentNext);
+  } else {
+    // We must still be deeper.
+    popNextToCommonLevel(prev, parentNext);
+  }
 
+  pushNode(next);
+} // Perform context switching to the new snapshot.
+// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
+// updating all the context's current values. That way reads, always just read the current value.
+// At the cost of updating contexts even if they're never read by this subtree.
 
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
 
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
+function switchContext(newSnapshot) {
+  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
+  // We also need to update any new contexts that are now on the stack with the deepest value.
+  // The easiest way to update new contexts is to just reapply them in reverse order from the
+  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
+  // for that. Therefore this algorithm is recursive.
+  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
+  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
+  // 3) Then we reapply new contexts on the way back up the stack.
+  var prev = currentActiveSnapshot;
+  var next = newSnapshot;
 
-    {
-      ReactCurrentDispatcher$1.current = previousDispatcher;
-      reenableLogs();
+  if (prev !== next) {
+    if (prev === null) {
+      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
+      pushAllNext(next);
+    } else if (next === null) {
+      popAllPrevious(prev);
+    } else if (prev.depth === next.depth) {
+      popToNearestCommonAncestor(prev, next);
+    } else if (prev.depth > next.depth) {
+      popPreviousToCommonLevel(prev, next);
+    } else {
+      popNextToCommonLevel(prev, next);
     }
 
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
+    currentActiveSnapshot = next;
+  }
+}
+function pushProvider(context, nextValue) {
+  var prevValue;
 
+  {
+    prevValue = context._currentValue;
+    context._currentValue = nextValue;
 
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+    {
+      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
 
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
+      context._currentRenderer = rendererSigil;
     }
   }
 
-  return syntheticFrame;
+  var prevNode = currentActiveSnapshot;
+  var newNode = {
+    parent: prevNode,
+    depth: prevNode === null ? 0 : prevNode.depth + 1,
+    context: context,
+    parentValue: prevValue,
+    value: nextValue
+  };
+  currentActiveSnapshot = newNode;
+  return newNode;
 }
+function popProvider(context) {
+  var prevSnapshot = currentActiveSnapshot;
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
+  if (prevSnapshot === null) {
+    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
   }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+
   {
-    return describeNativeComponentFrame(fn, false);
+    if (prevSnapshot.context !== context) {
+      error('The parent context is not the expected context. This is probably a bug in React.');
+    }
   }
-}
-
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
-  if (type == null) {
-    return '';
-  }
+  {
+    var value = prevSnapshot.parentValue;
+    prevSnapshot.context._currentValue = value;
 
-  if (typeof type === 'function') {
     {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
+      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
+        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+      }
 
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
+      context._currentRenderer = rendererSigil;
+    }
   }
 
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
+  return currentActiveSnapshot = prevSnapshot.parent;
+}
+function getActiveContext() {
+  return currentActiveSnapshot;
+}
+function readContext$1(context) {
+  var value = context._currentValue ;
+  return value;
+}
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
+/**
+ * `ReactInstanceMap` maintains a mapping from a public facing stateful
+ * instance (key) and the internal representation (value). This allows public
+ * methods to accept the user facing instance as an argument and map them back
+ * to internal methods.
+ *
+ * Note that this module is currently shared and assumed to be stateless.
+ * If this becomes an actual Map, that will break.
+ */
+function get(key) {
+  return key._reactInternals;
+}
+function set(key, value) {
+  key._reactInternals = value;
+}
 
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
+var didWarnAboutNoopUpdateForComponent = {};
+var didWarnAboutDeprecatedWillMount = {};
+var didWarnAboutUninitializedState;
+var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+var didWarnAboutLegacyLifecyclesAndDerivedState;
+var didWarnAboutUndefinedDerivedState;
+var didWarnAboutDirectlyAssigningPropsToState;
+var didWarnAboutContextTypeAndContextTypes;
+var didWarnAboutInvalidateContextType;
+var didWarnOnInvalidCallback;
 
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+{
+  didWarnAboutUninitializedState = new Set();
+  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+  didWarnAboutDirectlyAssigningPropsToState = new Set();
+  didWarnAboutUndefinedDerivedState = new Set();
+  didWarnAboutContextTypeAndContextTypes = new Set();
+  didWarnAboutInvalidateContextType = new Set();
+  didWarnOnInvalidCallback = new Set();
+}
 
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
+function warnOnInvalidCallback(callback) {
+  {
+    if (callback === null || typeof callback === 'function') {
+      return;
+    } // eslint-disable-next-line react-internal/safe-string-coercion
 
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
 
-  return '';
-}
+    var key = String(callback);
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+    if (!didWarnOnInvalidCallback.has(key)) {
+      didWarnOnInvalidCallback.add(key);
 
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
 
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
+function warnOnUndefinedDerivedState(type, partialState) {
   {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
+    if (partialState === undefined) {
+      var componentName = getComponentNameFromType(type) || 'Component';
 
-          error('Failed %s type: %s', location, error$1.message);
+      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+        didWarnAboutUndefinedDerivedState.add(componentName);
 
-          setCurrentlyValidatingElement(null);
-        }
+        error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
       }
     }
   }
 }
 
-var warnedAboutMissingGetChildContext;
+function warnNoop(publicInstance, callerName) {
+  {
+    var _constructor = publicInstance.constructor;
+    var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
+    var warningKey = componentName + '.' + callerName;
 
-{
-  warnedAboutMissingGetChildContext = {};
-}
+    if (didWarnAboutNoopUpdateForComponent[warningKey]) {
+      return;
+    }
 
-var emptyContextObject = {};
+    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, componentName);
 
-{
-  Object.freeze(emptyContextObject);
+    didWarnAboutNoopUpdateForComponent[warningKey] = true;
+  }
 }
 
-function getMaskedContext(type, unmaskedContext) {
-  {
-    var contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
+var classComponentUpdater = {
+  isMounted: function (inst) {
+    return false;
+  },
+  // $FlowFixMe[missing-local-annot]
+  enqueueSetState: function (inst, payload, callback) {
+    var internals = get(inst);
 
-    var context = {};
+    if (internals.queue === null) {
+      warnNoop(inst, 'setState');
+    } else {
+      internals.queue.push(payload);
 
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
+      {
+        if (callback !== undefined && callback !== null) {
+          warnOnInvalidCallback(callback);
+        }
+      }
     }
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    var internals = get(inst);
+    internals.replace = true;
+    internals.queue = [payload];
 
     {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
+      if (callback !== undefined && callback !== null) {
+        warnOnInvalidCallback(callback);
+      }
     }
+  },
+  // $FlowFixMe[missing-local-annot]
+  enqueueForceUpdate: function (inst, callback) {
+    var internals = get(inst);
 
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
+    if (internals.queue === null) {
+      warnNoop(inst, 'forceUpdate');
+    } else {
       {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
-
-          error('%s.childContextTypes is specified but there is no getChildContext() method ' + 'on the instance. You can either define getChildContext() on %s or remove ' + 'childContextTypes from it.', componentName, componentName);
+        if (callback !== undefined && callback !== null) {
+          warnOnInvalidCallback(callback);
         }
       }
-
-      return parentContext;
     }
+  }
+};
 
-    var childContext = instance.getChildContext();
+function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
+  var partialState = getDerivedStateFromProps(nextProps, prevState);
 
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
+  {
+    warnOnUndefinedDerivedState(ctor, partialState);
+  } // Merge the partial state and the previous state.
 
-    {
-      var name = getComponentNameFromType(type) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
 
-    return assign({}, parentContext, childContext);
-  }
+  var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
+  return newState;
 }
 
-var rendererSigil;
+function constructClassInstance(ctor, props, maskedLegacyContext) {
+  var context = emptyContextObject;
+  var contextType = ctor.contextType;
 
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
+  {
+    if ('contextType' in ctor) {
+      var isValid = // Allow null for conditional declaration
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
+      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
+        didWarnAboutInvalidateContextType.add(ctor);
+        var addendum = '';
 
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
+        if (contextType === undefined) {
+          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
+        } else if (typeof contextType !== 'object') {
+          addendum = ' However, it is set to a ' + typeof contextType + '.';
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
+          addendum = ' Did you accidentally pass the Context.Consumer instead?';
+        } else {
+          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
+        }
 
-var currentActiveSnapshot = null;
+        error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentNameFromType(ctor) || 'Component', addendum);
+      }
+    }
+  }
 
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
+  if (typeof contextType === 'object' && contextType !== null) {
+    context = readContext$1(contextType);
+  } else {
+    context = maskedLegacyContext;
   }
-}
 
-function pushNode(next) {
+  var instance = new ctor(props, context);
+
   {
-    next.context._currentValue = next.value;
-  }
-}
+    if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
+      var componentName = getComponentNameFromType(ctor) || 'Component';
 
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
+      if (!didWarnAboutUninitializedState.has(componentName)) {
+        didWarnAboutUninitializedState.add(componentName);
 
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
+        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, instance.state === null ? 'null' : 'undefined', componentName);
       }
+    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
+    // Warn about these lifecycles if they are present.
+    // Don't warn about react-lifecycles-compat polyfilled methods though.
 
-      popToNearestCommonAncestor(parentPrev, parentNext);
-    } // On the way back, we push the new ones that weren't common.
 
+    if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
+      var foundWillMountName = null;
+      var foundWillReceivePropsName = null;
+      var foundWillUpdateName = null;
 
-    pushNode(next);
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+      if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
+        foundWillMountName = 'componentWillMount';
+      } else if (typeof instance.UNSAFE_componentWillMount === 'function') {
+        foundWillMountName = 'UNSAFE_componentWillMount';
+      }
 
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
+      if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
+        foundWillReceivePropsName = 'componentWillReceiveProps';
+      } else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
+        foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
+      }
 
-function pushAllNext(next) {
-  var parentNext = next.parent;
+      if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
+        foundWillUpdateName = 'componentWillUpdate';
+      } else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
+        foundWillUpdateName = 'UNSAFE_componentWillUpdate';
+      }
 
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
+      if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
+        var _componentName = getComponentNameFromType(ctor) || 'Component';
 
-  pushNode(next);
-}
+        var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
 
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
+        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
+          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
 
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
+          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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n  " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : '');
+        }
+      }
+    }
   }
 
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
+  return instance;
 }
 
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
+function checkClassInstance(instance, ctor, newProps) {
+  {
+    var name = getComponentNameFromType(ctor) || 'Component';
+    var renderPresent = instance.render;
 
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
+    if (!renderPresent) {
+      if (ctor.prototype && typeof ctor.prototype.render === 'function') {
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
+      } else {
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
+      }
+    }
 
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
+    if (instance.getInitialState && !instance.getInitialState.isReactClassApproved && !instance.state) {
+      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);
+    }
 
+    if (instance.getDefaultProps && !instance.getDefaultProps.isReactClassApproved) {
+      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);
+    }
 
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
+    if (instance.propTypes) {
+      error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
+    }
 
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
+    if (instance.contextType) {
+      error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
     }
 
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
+    {
+      if (instance.contextTypes) {
+        error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
+      }
 
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
+      if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
+        didWarnAboutContextTypeAndContextTypes.add(ctor);
 
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
+        error('%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
       }
+    }
 
-      context._currentRenderer = rendererSigil;
+    if (typeof instance.componentShouldUpdate === 'function') {
+      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);
     }
-  }
 
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider(context) {
-  var prevSnapshot = currentActiveSnapshot;
+    if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
+      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(ctor) || 'A pure component');
+    }
 
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
+    if (typeof instance.componentDidUnmount === 'function') {
+      error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
+    }
 
-  {
-    if (prevSnapshot.context !== context) {
-      error('The parent context is not the expected context. This is probably a bug in React.');
+    if (typeof instance.componentDidReceiveProps === 'function') {
+      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);
     }
-  }
 
-  {
-    var value = prevSnapshot.parentValue;
+    if (typeof instance.componentWillRecieveProps === 'function') {
+      error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
+    }
 
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
+    if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
+      error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
     }
 
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
+    var hasMutatedProps = instance.props !== newProps;
 
-      context._currentRenderer = rendererSigil;
+    if (instance.props !== undefined && hasMutatedProps) {
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
-  }
 
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
+    if (instance.defaultProps) {
+      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);
+    }
 
-/**
- * `ReactInstanceMap` maintains a mapping from a public facing stateful
- * instance (key) and the internal representation (value). This allows public
- * methods to accept the user facing instance as an argument and map them back
- * to internal methods.
- *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
- */
-function get(key) {
-  return key._reactInternals;
-}
-function set(key, value) {
-  key._reactInternals = value;
-}
+    if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
 
-var didWarnAboutNoopUpdateForComponent = {};
-var didWarnAboutDeprecatedWillMount = {};
-var didWarnAboutUninitializedState;
-var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
-var didWarnAboutLegacyLifecyclesAndDerivedState;
-var didWarnAboutUndefinedDerivedState;
-var didWarnAboutDirectlyAssigningPropsToState;
-var didWarnAboutContextTypeAndContextTypes;
-var didWarnAboutInvalidateContextType;
-var didWarnOnInvalidCallback;
+      error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
+    }
 
-{
-  didWarnAboutUninitializedState = new Set();
-  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
-  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
-  didWarnAboutDirectlyAssigningPropsToState = new Set();
-  didWarnAboutUndefinedDerivedState = new Set();
-  didWarnAboutContextTypeAndContextTypes = new Set();
-  didWarnAboutInvalidateContextType = new Set();
-  didWarnOnInvalidCallback = new Set();
-}
+    if (typeof instance.getDerivedStateFromProps === 'function') {
+      error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
+    }
 
-function warnOnInvalidCallback(callback, callerName) {
-  {
-    if (callback === null || typeof callback === 'function') {
-      return;
+    if (typeof instance.getDerivedStateFromError === 'function') {
+      error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
+    }
+
+    if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
+      error('%s: getSnapshotBeforeUpdate() is defined as a static method ' + 'and will be ignored. Instead, declare it as an instance method.', name);
     }
 
-    var key = callerName + '_' + callback;
+    var state = instance.state;
 
-    if (!didWarnOnInvalidCallback.has(key)) {
-      didWarnOnInvalidCallback.add(key);
+    if (state && (typeof state !== 'object' || isArray(state))) {
+      error('%s.state: must be set to an object or null', name);
+    }
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+    if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
+      error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
     }
   }
 }
 
-function warnOnUndefinedDerivedState(type, partialState) {
-  {
-    if (partialState === undefined) {
-      var componentName = getComponentNameFromType(type) || 'Component';
-
-      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
-        didWarnAboutUndefinedDerivedState.add(componentName);
+function callComponentWillMount(type, instance) {
+  var oldState = instance.state;
 
-        error('%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. ' + 'You have returned undefined.', componentName);
+  if (typeof instance.componentWillMount === 'function') {
+    {
+      if (instance.componentWillMount.__suppressDeprecationWarning !== true) {
+        var componentName = getComponentNameFromType(type) || 'Unknown';
+
+        if (!didWarnAboutDeprecatedWillMount[componentName]) {
+          warn( // keep this warning in sync with ReactStrictModeWarning.js
+          'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/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);
+
+          didWarnAboutDeprecatedWillMount[componentName] = true;
+        }
       }
     }
+
+    instance.componentWillMount();
   }
-}
 
-function warnNoop(publicInstance, callerName) {
-  {
-    var _constructor = publicInstance.constructor;
-    var componentName = _constructor && getComponentNameFromType(_constructor) || 'ReactClass';
-    var warningKey = componentName + '.' + callerName;
+  if (typeof instance.UNSAFE_componentWillMount === 'function') {
+    instance.UNSAFE_componentWillMount();
+  }
 
-    if (didWarnAboutNoopUpdateForComponent[warningKey]) {
-      return;
+  if (oldState !== instance.state) {
+    {
+      error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
     }
 
-    error('%s(...): 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, callerName, componentName);
-
-    didWarnAboutNoopUpdateForComponent[warningKey] = true;
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
   }
 }
 
-var classComponentUpdater = {
-  isMounted: function (inst) {
-    return false;
-  },
-  // $FlowFixMe[missing-local-annot]
-  enqueueSetState: function (inst, payload, callback) {
-    var internals = get(inst);
+function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
+  if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
+    var oldQueue = internalInstance.queue;
+    var oldReplace = internalInstance.replace;
+    internalInstance.queue = null;
+    internalInstance.replace = false;
 
-    if (internals.queue === null) {
-      warnNoop(inst, 'setState');
+    if (oldReplace && oldQueue.length === 1) {
+      inst.state = oldQueue[0];
     } else {
-      internals.queue.push(payload);
-
-      {
-        if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
-        }
-      }
-    }
-  },
-  enqueueReplaceState: function (inst, payload, callback) {
-    var internals = get(inst);
-    internals.replace = true;
-    internals.queue = [payload];
+      var nextState = oldReplace ? oldQueue[0] : inst.state;
+      var dontMutate = true;
 
-    {
-      if (callback !== undefined && callback !== null) {
-        warnOnInvalidCallback(callback, 'setState');
-      }
-    }
-  },
-  // $FlowFixMe[missing-local-annot]
-  enqueueForceUpdate: function (inst, callback) {
-    var internals = get(inst);
+      for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
+        var partial = oldQueue[i];
+        var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
 
-    if (internals.queue === null) {
-      warnNoop(inst, 'forceUpdate');
-    } else {
-      {
-        if (callback !== undefined && callback !== null) {
-          warnOnInvalidCallback(callback, 'setState');
+        if (partialState != null) {
+          if (dontMutate) {
+            dontMutate = false;
+            nextState = assign({}, nextState, partialState);
+          } else {
+            assign(nextState, partialState);
+          }
         }
       }
+
+      inst.state = nextState;
     }
+  } else {
+    internalInstance.queue = null;
   }
-};
+} // Invokes the mount life-cycles on a previously never rendered instance.
 
-function applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, prevState, nextProps) {
-  var partialState = getDerivedStateFromProps(nextProps, prevState);
 
+function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
   {
-    warnOnUndefinedDerivedState(ctor, partialState);
-  } // Merge the partial state and the previous state.
-
+    checkClassInstance(instance, ctor, newProps);
+  }
 
-  var newState = partialState === null || partialState === undefined ? prevState : assign({}, prevState, partialState);
-  return newState;
-}
+  var initialState = instance.state !== undefined ? instance.state : null;
+  instance.updater = classComponentUpdater;
+  instance.props = newProps;
+  instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
+  // The internal instance will be used to manage updates that happen during this mount.
 
-function constructClassInstance(ctor, props, maskedLegacyContext) {
-  var context = emptyContextObject;
+  var internalInstance = {
+    queue: [],
+    replace: false
+  };
+  set(instance, internalInstance);
   var contextType = ctor.contextType;
 
-  {
-    if ('contextType' in ctor) {
-      var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
-
-      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
-        didWarnAboutInvalidateContextType.add(ctor);
-        var addendum = '';
-
-        if (contextType === undefined) {
-          addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
-        } else if (typeof contextType !== 'object') {
-          addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
-          addendum = ' Did you accidentally pass the Context.Consumer instead?';
-        } else {
-          addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
-        }
-
-        error('%s defines an invalid contextType. ' + 'contextType should point to the Context object returned by React.createContext().%s', getComponentNameFromType(ctor) || 'Component', addendum);
-      }
-    }
-  }
-
   if (typeof contextType === 'object' && contextType !== null) {
-    context = readContext$1(contextType);
+    instance.context = readContext$1(contextType);
   } else {
-    context = maskedLegacyContext;
+    instance.context = maskedLegacyContext;
   }
 
-  var instance = new ctor(props, context);
-
   {
-    if (typeof ctor.getDerivedStateFromProps === 'function' && (instance.state === null || instance.state === undefined)) {
+    if (instance.state === newProps) {
       var componentName = getComponentNameFromType(ctor) || 'Component';
 
-      if (!didWarnAboutUninitializedState.has(componentName)) {
-        didWarnAboutUninitializedState.add(componentName);
-
-        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, instance.state === null ? 'null' : 'undefined', componentName);
-      }
-    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
-    // Warn about these lifecycles if they are present.
-    // Don't warn about react-lifecycles-compat polyfilled methods though.
-
-
-    if (typeof ctor.getDerivedStateFromProps === 'function' || typeof instance.getSnapshotBeforeUpdate === 'function') {
-      var foundWillMountName = null;
-      var foundWillReceivePropsName = null;
-      var foundWillUpdateName = null;
-
-      if (typeof instance.componentWillMount === 'function' && instance.componentWillMount.__suppressDeprecationWarning !== true) {
-        foundWillMountName = 'componentWillMount';
-      } else if (typeof instance.UNSAFE_componentWillMount === 'function') {
-        foundWillMountName = 'UNSAFE_componentWillMount';
-      }
-
-      if (typeof instance.componentWillReceiveProps === 'function' && instance.componentWillReceiveProps.__suppressDeprecationWarning !== true) {
-        foundWillReceivePropsName = 'componentWillReceiveProps';
-      } else if (typeof instance.UNSAFE_componentWillReceiveProps === 'function') {
-        foundWillReceivePropsName = 'UNSAFE_componentWillReceiveProps';
-      }
-
-      if (typeof instance.componentWillUpdate === 'function' && instance.componentWillUpdate.__suppressDeprecationWarning !== true) {
-        foundWillUpdateName = 'componentWillUpdate';
-      } else if (typeof instance.UNSAFE_componentWillUpdate === 'function') {
-        foundWillUpdateName = 'UNSAFE_componentWillUpdate';
-      }
-
-      if (foundWillMountName !== null || foundWillReceivePropsName !== null || foundWillUpdateName !== null) {
-        var _componentName = getComponentNameFromType(ctor) || 'Component';
-
-        var newApiName = typeof ctor.getDerivedStateFromProps === 'function' ? 'getDerivedStateFromProps()' : 'getSnapshotBeforeUpdate()';
-
-        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
-          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
+        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
 
-          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\n' + 'The above lifecycles should be removed. Learn more about this warning here:\n' + 'https://reactjs.org/link/unsafe-component-lifecycles', _componentName, newApiName, foundWillMountName !== null ? "\n  " + foundWillMountName : '', foundWillReceivePropsName !== null ? "\n  " + foundWillReceivePropsName : '', foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : '');
-        }
+        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);
       }
     }
   }
 
-  return instance;
-}
-
-function checkClassInstance(instance, ctor, newProps) {
-  {
-    var name = getComponentNameFromType(ctor) || 'Component';
-    var renderPresent = instance.render;
-
-    if (!renderPresent) {
-      if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
-      } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
-      }
-    }
-
-    if (instance.getInitialState && !instance.getInitialState.isReactClassApproved && !instance.state) {
-      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);
-    }
-
-    if (instance.getDefaultProps && !instance.getDefaultProps.isReactClassApproved) {
-      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);
-    }
-
-    if (instance.propTypes) {
-      error('propTypes was defined as an instance property on %s. Use a static ' + 'property to define propTypes instead.', name);
-    }
-
-    if (instance.contextType) {
-      error('contextType was defined as an instance property on %s. Use a static ' + 'property to define contextType instead.', name);
-    }
-
-    {
-      if (instance.contextTypes) {
-        error('contextTypes was defined as an instance property on %s. Use a static ' + 'property to define contextTypes instead.', name);
-      }
-
-      if (ctor.contextType && ctor.contextTypes && !didWarnAboutContextTypeAndContextTypes.has(ctor)) {
-        didWarnAboutContextTypeAndContextTypes.add(ctor);
+  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
 
-        error('%s declares both contextTypes and contextType static properties. ' + 'The legacy contextTypes property will be ignored.', name);
-      }
-    }
+  if (typeof getDerivedStateFromProps === 'function') {
+    instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
+  } // In order to support react-lifecycles-compat polyfilled components,
+  // Unsafe lifecycles should not be invoked for components using the new APIs.
 
-    if (typeof instance.componentShouldUpdate === 'function') {
-      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);
-    }
 
-    if (ctor.prototype && ctor.prototype.isPureReactComponent && typeof instance.shouldComponentUpdate !== 'undefined') {
-      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(ctor) || 'A pure component');
-    }
+  if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
+    callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
+    // process them now.
 
-    if (typeof instance.componentDidUnmount === 'function') {
-      error('%s has a method called ' + 'componentDidUnmount(). But there is no such lifecycle method. ' + 'Did you mean componentWillUnmount()?', name);
-    }
-
-    if (typeof instance.componentDidReceiveProps === 'function') {
-      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);
-    }
-
-    if (typeof instance.componentWillRecieveProps === 'function') {
-      error('%s has a method called ' + 'componentWillRecieveProps(). Did you mean componentWillReceiveProps()?', name);
-    }
-
-    if (typeof instance.UNSAFE_componentWillRecieveProps === 'function') {
-      error('%s has a method called ' + 'UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?', name);
-    }
-
-    var hasMutatedProps = instance.props !== newProps;
-
-    if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
-    }
-
-    if (instance.defaultProps) {
-      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);
-    }
-
-    if (typeof instance.getSnapshotBeforeUpdate === 'function' && typeof instance.componentDidUpdate !== 'function' && !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)) {
-      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
-
-      error('%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). ' + 'This component defines getSnapshotBeforeUpdate() only.', getComponentNameFromType(ctor));
-    }
-
-    if (typeof instance.getDerivedStateFromProps === 'function') {
-      error('%s: getDerivedStateFromProps() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
-    }
-
-    if (typeof instance.getDerivedStateFromError === 'function') {
-      error('%s: getDerivedStateFromError() is defined as an instance method ' + 'and will be ignored. Instead, declare it as a static method.', name);
-    }
-
-    if (typeof ctor.getSnapshotBeforeUpdate === 'function') {
-      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;
-
-    if (state && (typeof state !== 'object' || isArray(state))) {
-      error('%s.state: must be set to an object or null', name);
-    }
-
-    if (typeof instance.getChildContext === 'function' && typeof ctor.childContextTypes !== 'object') {
-      error('%s.getChildContext(): childContextTypes must be defined in order to ' + 'use getChildContext().', name);
-    }
-  }
-}
-
-function callComponentWillMount(type, instance) {
-  var oldState = instance.state;
-
-  if (typeof instance.componentWillMount === 'function') {
-    {
-      if (instance.componentWillMount.__suppressDeprecationWarning !== true) {
-        var componentName = getComponentNameFromType(type) || 'Unknown';
-
-        if (!didWarnAboutDeprecatedWillMount[componentName]) {
-          warn( // keep this warning in sync with ReactStrictModeWarning.js
-          'componentWillMount has been renamed, and is not recommended for use. ' + 'See https://reactjs.org/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);
-
-          didWarnAboutDeprecatedWillMount[componentName] = true;
-        }
-      }
-    }
-
-    instance.componentWillMount();
-  }
-
-  if (typeof instance.UNSAFE_componentWillMount === 'function') {
-    instance.UNSAFE_componentWillMount();
-  }
-
-  if (oldState !== instance.state) {
-    {
-      error('%s.componentWillMount(): Assigning directly to this.state is ' + "deprecated (except inside a component's " + 'constructor). Use setState instead.', getComponentNameFromType(type) || 'Component');
-    }
-
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
-  }
-}
-
-function processUpdateQueue(internalInstance, inst, props, maskedLegacyContext) {
-  if (internalInstance.queue !== null && internalInstance.queue.length > 0) {
-    var oldQueue = internalInstance.queue;
-    var oldReplace = internalInstance.replace;
-    internalInstance.queue = null;
-    internalInstance.replace = false;
-
-    if (oldReplace && oldQueue.length === 1) {
-      inst.state = oldQueue[0];
-    } else {
-      var nextState = oldReplace ? oldQueue[0] : inst.state;
-      var dontMutate = true;
-
-      for (var i = oldReplace ? 1 : 0; i < oldQueue.length; i++) {
-        var partial = oldQueue[i];
-        var partialState = typeof partial === 'function' ? partial.call(inst, nextState, props, maskedLegacyContext) : partial;
-
-        if (partialState != null) {
-          if (dontMutate) {
-            dontMutate = false;
-            nextState = assign({}, nextState, partialState);
-          } else {
-            assign(nextState, partialState);
-          }
-        }
-      }
-
-      inst.state = nextState;
-    }
-  } else {
-    internalInstance.queue = null;
-  }
-} // Invokes the mount life-cycles on a previously never rendered instance.
-
-
-function mountClassInstance(instance, ctor, newProps, maskedLegacyContext) {
-  {
-    checkClassInstance(instance, ctor, newProps);
-  }
-
-  var initialState = instance.state !== undefined ? instance.state : null;
-  instance.updater = classComponentUpdater;
-  instance.props = newProps;
-  instance.state = initialState; // We don't bother initializing the refs object on the server, since we're not going to resolve them anyway.
-  // The internal instance will be used to manage updates that happen during this mount.
-
-  var internalInstance = {
-    queue: [],
-    replace: false
-  };
-  set(instance, internalInstance);
-  var contextType = ctor.contextType;
-
-  if (typeof contextType === 'object' && contextType !== null) {
-    instance.context = readContext$1(contextType);
-  } else {
-    instance.context = maskedLegacyContext;
-  }
-
-  {
-    if (instance.state === newProps) {
-      var componentName = getComponentNameFromType(ctor) || 'Component';
-
-      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
-        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
-
-        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);
-      }
-    }
-  }
-
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-
-  if (typeof getDerivedStateFromProps === 'function') {
-    instance.state = applyDerivedStateFromProps(instance, ctor, getDerivedStateFromProps, initialState, newProps);
-  } // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-
-  if (typeof ctor.getDerivedStateFromProps !== 'function' && typeof instance.getSnapshotBeforeUpdate !== 'function' && (typeof instance.UNSAFE_componentWillMount === 'function' || typeof instance.componentWillMount === 'function')) {
-    callComponentWillMount(ctor, instance); // If we had additional state updates during this life-cycle, let's
-    // process them now.
-
-    processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
-  }
-}
+    processUpdateQueue(internalInstance, instance, newProps, maskedLegacyContext);
+  }
+}
 
 // Ids are base 32 strings whose binary representation corresponds to the
 // position of a node in a tree.
@@ -8127,763 +7897,1135 @@ function trackUsedThenable(thenableState, thenable, index) {
         return fulfilledValue;
       }
 
-    case 'rejected':
-      {
-        var rejectedError = thenable.reason;
-        throw rejectedError;
-      }
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') ; else {
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          }); // Check one more time in case the thenable resolved synchronously
+
+          switch (thenable.status) {
+            case 'fulfilled':
+              {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
+
+            case 'rejected':
+              {
+                var rejectedThenable = thenable;
+                throw rejectedThenable.reason;
+              }
+          }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
+
+
+        suspendedThenable = thenable;
+        throw SuspenseException;
+      }
+  }
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
+
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
+  }
+
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
+}
+
+/**
+ * inlined Object.is polyfill to avoid requiring consumers ship their own
+ * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+ */
+function is(x, y) {
+  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
+  ;
+}
+
+var objectIs = // $FlowFixMe[method-unbinding]
+typeof Object.is === 'function' ? Object.is : is;
+
+var currentlyRenderingComponent = null;
+var currentlyRenderingTask = null;
+var currentlyRenderingRequest = null;
+var currentlyRenderingKeyPath = null;
+var firstWorkInProgressHook = null;
+var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
+
+var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+
+var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+
+var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
+// finishes rendering.
+// Counts the number of useFormState calls in this component
+
+var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
+// root during an MPA navigation, if any.
+
+var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
+
+var thenableIndexCounter = 0;
+var thenableState = null; // Lazily created map of render-phase updates
+
+var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+
+var numberOfReRenders = 0;
+var RE_RENDER_LIMIT = 25;
+var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+
+var currentHookNameInDev;
+
+function resolveCurrentlyRenderingComponent() {
+  if (currentlyRenderingComponent === null) {
+    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+  }
+
+  {
+    if (isInHookUserCodeInDev) {
+      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://reactjs.org/link/rules-of-hooks');
+    }
+  }
+
+  return currentlyRenderingComponent;
+}
+
+function areHookInputsEqual(nextDeps, prevDeps) {
+  if (prevDeps === null) {
+    {
+      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);
+    }
+
+    return false;
+  }
+
+  {
+    // Don't bother comparing lengths in prod because these arrays should be
+    // passed inline.
+    if (nextDeps.length !== prevDeps.length) {
+      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
+    }
+  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+
+  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+    // $FlowFixMe[incompatible-use] found when upgrading Flow
+    if (objectIs(nextDeps[i], prevDeps[i])) {
+      continue;
+    }
+
+    return false;
+  }
+
+  return true;
+}
+
+function createHook() {
+  if (numberOfReRenders > 0) {
+    throw new Error('Rendered more hooks than during the previous render');
+  }
+
+  return {
+    memoizedState: null,
+    queue: null,
+    next: null
+  };
+}
+
+function createWorkInProgressHook() {
+  if (workInProgressHook === null) {
+    // This is the first hook in the list
+    if (firstWorkInProgressHook === null) {
+      isReRender = false;
+      firstWorkInProgressHook = workInProgressHook = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = firstWorkInProgressHook;
+    }
+  } else {
+    if (workInProgressHook.next === null) {
+      isReRender = false; // Append to the end of the list
+
+      workInProgressHook = workInProgressHook.next = createHook();
+    } else {
+      // There's already a work-in-progress. Reuse it.
+      isReRender = true;
+      workInProgressHook = workInProgressHook.next;
+    }
+  }
+
+  return workInProgressHook;
+}
+
+function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
+  currentlyRenderingComponent = componentIdentity;
+  currentlyRenderingTask = task;
+  currentlyRenderingRequest = request;
+  currentlyRenderingKeyPath = keyPath;
+
+  {
+    isInHookUserCodeInDev = false;
+  } // The following should have already been reset
+  // didScheduleRenderPhaseUpdate = false;
+  // firstWorkInProgressHook = null;
+  // numberOfReRenders = 0;
+  // renderPhaseUpdates = null;
+  // workInProgressHook = null;
+
+
+  localIdCounter = 0;
+  formStateCounter = 0;
+  formStateMatchingIndex = -1;
+  thenableIndexCounter = 0;
+  thenableState = prevThenableState;
+}
+function finishHooks(Component, props, children, refOrContext) {
+  // This must be called after every function component to prevent hooks from
+  // being used in classes.
+  while (didScheduleRenderPhaseUpdate) {
+    // Updates were scheduled during the render phase. They are stored in
+    // the `renderPhaseUpdates` map. Call the component again, reusing the
+    // work-in-progress hooks and applying the additional updates on top. Keep
+    // restarting until no more updates are scheduled.
+    didScheduleRenderPhaseUpdate = false;
+    localIdCounter = 0;
+    formStateCounter = 0;
+    formStateMatchingIndex = -1;
+    thenableIndexCounter = 0;
+    numberOfReRenders += 1; // Start over from the beginning of the list
+
+    workInProgressHook = null;
+    children = Component(props, refOrContext);
+  }
+
+  resetHooksState();
+  return children;
+}
+function getThenableStateAfterSuspending() {
+  var state = thenableState;
+  thenableState = null;
+  return state;
+}
+function checkDidRenderIdHook() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  var didRenderIdHook = localIdCounter !== 0;
+  return didRenderIdHook;
+}
+function getFormStateCount() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateCounter;
+}
+function getFormStateMatchingIndex() {
+  // This should be called immediately after every finishHooks call.
+  // Conceptually, it's part of the return value of finishHooks; it's only a
+  // separate function to avoid using an array tuple.
+  return formStateMatchingIndex;
+} // Reset the internal hooks state if an error occurs while rendering a component
+
+function resetHooksState() {
+  {
+    isInHookUserCodeInDev = false;
+  }
+
+  currentlyRenderingComponent = null;
+  currentlyRenderingTask = null;
+  currentlyRenderingRequest = null;
+  currentlyRenderingKeyPath = null;
+  didScheduleRenderPhaseUpdate = false;
+  firstWorkInProgressHook = null;
+  numberOfReRenders = 0;
+  renderPhaseUpdates = null;
+  workInProgressHook = null;
+}
+
+function readContext(context) {
+  {
+    if (isInHookUserCodeInDev) {
+      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
+    }
+  }
+
+  return readContext$1(context);
+}
+
+function useContext(context) {
+  {
+    currentHookNameInDev = 'useContext';
+  }
+
+  resolveCurrentlyRenderingComponent();
+  return readContext$1(context);
+}
+
+function basicStateReducer(state, action) {
+  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+  return typeof action === 'function' ? action(state) : action;
+}
+
+function useState(initialState) {
+  {
+    currentHookNameInDev = 'useState';
+  }
+
+  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
+  initialState);
+}
+function useReducer(reducer, initialArg, init) {
+  {
+    if (reducer !== basicStateReducer) {
+      currentHookNameInDev = 'useReducer';
+    }
+  }
+
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+
+  if (isReRender) {
+    // This is a re-render. Apply the new render phase updates to the previous
+    // current hook.
+    var queue = workInProgressHook.queue;
+    var dispatch = queue.dispatch;
+
+    if (renderPhaseUpdates !== null) {
+      // Render phase updates are stored in a map of queue -> linked list
+      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-    default:
-      {
-        if (typeof thenable.status === 'string') ; else {
-          var pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(function (fulfilledValue) {
-            if (thenable.status === 'pending') {
-              var fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, function (error) {
-            if (thenable.status === 'pending') {
-              var rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously
+      if (firstRenderPhaseUpdate !== undefined) {
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+        var newState = workInProgressHook.memoizedState;
+        var update = firstRenderPhaseUpdate;
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                throw rejectedThenable.reason;
-              }
+        do {
+          // Process this render phase update. We don't have to check the
+          // priority because it will always be the same as the current
+          // render's.
+          var action = update.action;
+
+          {
+            isInHookUserCodeInDev = true;
           }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
 
+          newState = reducer(newState, action);
 
-        suspendedThenable = thenable;
-        throw SuspenseException;
-      }
-  }
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
+          {
+            isInHookUserCodeInDev = false;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-var suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw new Error('Expected a suspended thenable. This is a bug in React. Please file ' + 'an issue.');
-  }
 
-  var thenable = suspendedThenable;
-  suspendedThenable = null;
-  return thenable;
-}
+          update = update.next;
+        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x, y) {
-  return x === y && (x !== 0 || 1 / x === 1 / y) || x !== x && y !== y // eslint-disable-line no-self-compare
-  ;
-}
 
-var objectIs = // $FlowFixMe[method-unbinding]
-typeof Object.is === 'function' ? Object.is : is;
+        workInProgressHook.memoizedState = newState;
+        return [newState, dispatch];
+      }
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentlyRenderingComponent = null;
-var currentlyRenderingTask = null;
-var currentlyRenderingRequest = null;
-var currentlyRenderingKeyPath = null;
-var firstWorkInProgressHook = null;
-var workInProgressHook = null; // Whether the work-in-progress hook is a re-rendered hook
 
-var isReRender = false; // Whether an update was scheduled during the currently executing render pass.
+    return [workInProgressHook.memoizedState, dispatch];
+  } else {
+    {
+      isInHookUserCodeInDev = true;
+    }
 
-var didScheduleRenderPhaseUpdate = false; // Counts the number of useId hooks in this component
+    var initialState;
 
-var localIdCounter = 0; // Chunks that should be pushed to the stream once the component
-// finishes rendering.
-// Counts the number of useFormState calls in this component
+    if (reducer === basicStateReducer) {
+      // Special case for `useState`.
+      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
+    } else {
+      initialState = init !== undefined ? init(initialArg) : initialArg;
+    }
 
-var formStateCounter = 0; // The index of the useFormState hook that matches the one passed in at the
-// root during an MPA navigation, if any.
+    {
+      isInHookUserCodeInDev = false;
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var formStateMatchingIndex = -1; // Counts the number of use(thenable) calls in this component
 
-var thenableIndexCounter = 0;
-var thenableState = null; // Lazily created map of render-phase updates
+    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var renderPhaseUpdates = null; // Counter to prevent infinite loops.
+    var _queue = workInProgressHook.queue = {
+      last: null,
+      dispatch: null
+    };
 
-var numberOfReRenders = 0;
-var RE_RENDER_LIMIT = 25;
-var isInHookUserCodeInDev = false; // In DEV, this is the name of the currently executing primitive hook
+    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-var currentHookNameInDev;
 
-function resolveCurrentlyRenderingComponent() {
-  if (currentlyRenderingComponent === null) {
-    throw new 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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    return [workInProgressHook.memoizedState, _dispatch];
   }
+}
 
-  {
-    if (isInHookUserCodeInDev) {
-      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://reactjs.org/link/rules-of-hooks');
-    }
-  }
+function useMemo(nextCreate, deps) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var nextDeps = deps === undefined ? null : deps;
 
-  return currentlyRenderingComponent;
-}
+  if (workInProgressHook !== null) {
+    var prevState = workInProgressHook.memoizedState;
 
-function areHookInputsEqual(nextDeps, prevDeps) {
-  if (prevDeps === null) {
-    {
-      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);
+    if (prevState !== null) {
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
+
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
     }
+  }
 
-    return false;
+  {
+    isInHookUserCodeInDev = true;
   }
 
+  var nextValue = nextCreate();
+
   {
-    // Don't bother comparing lengths in prod because these arrays should be
-    // passed inline.
-    if (nextDeps.length !== prevDeps.length) {
-      error('The final argument passed to %s changed size between renders. The ' + 'order and size of this array must remain constant.\n\n' + 'Previous: %s\n' + 'Incoming: %s', currentHookNameInDev, "[" + nextDeps.join(', ') + "]", "[" + prevDeps.join(', ') + "]");
-    }
+    isInHookUserCodeInDev = false;
   } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
 
-  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    // $FlowFixMe[incompatible-use] found when upgrading Flow
-    if (objectIs(nextDeps[i], prevDeps[i])) {
-      continue;
-    }
+  workInProgressHook.memoizedState = [nextValue, nextDeps];
+  return nextValue;
+}
 
-    return false;
-  }
+function useRef(initialValue) {
+  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
+  workInProgressHook = createWorkInProgressHook();
+  var previousRef = workInProgressHook.memoizedState;
 
-  return true;
-}
+  if (previousRef === null) {
+    var ref = {
+      current: initialValue
+    };
 
-function createHook() {
-  if (numberOfReRenders > 0) {
-    throw new Error('Rendered more hooks than during the previous render');
-  }
+    {
+      Object.seal(ref);
+    } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  return {
-    memoizedState: null,
-    queue: null,
-    next: null
-  };
-}
 
-function createWorkInProgressHook() {
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    if (firstWorkInProgressHook === null) {
-      isReRender = false;
-      firstWorkInProgressHook = workInProgressHook = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = firstWorkInProgressHook;
-    }
+    workInProgressHook.memoizedState = ref;
+    return ref;
   } else {
-    if (workInProgressHook.next === null) {
-      isReRender = false; // Append to the end of the list
+    return previousRef;
+  }
+}
 
-      workInProgressHook = workInProgressHook.next = createHook();
-    } else {
-      // There's already a work-in-progress. Reuse it.
-      isReRender = true;
-      workInProgressHook = workInProgressHook.next;
+function dispatchAction(componentIdentity, queue, action) {
+  if (numberOfReRenders >= RE_RENDER_LIMIT) {
+    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
+  }
+
+  if (componentIdentity === currentlyRenderingComponent) {
+    // This is a render phase update. Stash it in a lazily-created map of
+    // queue -> linked list of updates. After this render pass, we'll restart
+    // and apply the stashed updates on top of the work-in-progress hook.
+    didScheduleRenderPhaseUpdate = true;
+    var update = {
+      action: action,
+      next: null
+    };
+
+    if (renderPhaseUpdates === null) {
+      renderPhaseUpdates = new Map();
     }
-  }
 
-  return workInProgressHook;
-}
+    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
 
-function prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState) {
-  currentlyRenderingComponent = componentIdentity;
-  currentlyRenderingTask = task;
-  currentlyRenderingRequest = request;
-  currentlyRenderingKeyPath = keyPath;
+    if (firstRenderPhaseUpdate === undefined) {
+      // $FlowFixMe[incompatible-use] found when upgrading Flow
+      renderPhaseUpdates.set(queue, update);
+    } else {
+      // Append the update to the end of the list.
+      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
 
-  {
-    isInHookUserCodeInDev = false;
-  } // The following should have already been reset
-  // didScheduleRenderPhaseUpdate = false;
-  // firstWorkInProgressHook = null;
-  // numberOfReRenders = 0;
-  // renderPhaseUpdates = null;
-  // workInProgressHook = null;
+      while (lastRenderPhaseUpdate.next !== null) {
+        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+      }
 
+      lastRenderPhaseUpdate.next = update;
+    }
+  }
+}
 
-  localIdCounter = 0;
-  formStateCounter = 0;
-  formStateMatchingIndex = -1;
-  thenableIndexCounter = 0;
-  thenableState = prevThenableState;
+function useCallback(callback, deps) {
+  return useMemo(function () {
+    return callback;
+  }, deps);
 }
-function finishHooks(Component, props, children, refOrContext) {
-  // This must be called after every function component to prevent hooks from
-  // being used in classes.
-  while (didScheduleRenderPhaseUpdate) {
-    // Updates were scheduled during the render phase. They are stored in
-    // the `renderPhaseUpdates` map. Call the component again, reusing the
-    // work-in-progress hooks and applying the additional updates on top. Keep
-    // restarting until no more updates are scheduled.
-    didScheduleRenderPhaseUpdate = false;
-    localIdCounter = 0;
-    formStateCounter = 0;
-    formStateMatchingIndex = -1;
-    thenableIndexCounter = 0;
-    numberOfReRenders += 1; // Start over from the beginning of the list
 
-    workInProgressHook = null;
-    children = Component(props, refOrContext);
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  if (getServerSnapshot === undefined) {
+    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
   }
 
-  resetHooksState();
-  return children;
-}
-function getThenableStateAfterSuspending() {
-  var state = thenableState;
-  thenableState = null;
-  return state;
-}
-function checkDidRenderIdHook() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  var didRenderIdHook = localIdCounter !== 0;
-  return didRenderIdHook;
-}
-function getFormStateCount() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateCounter;
+  return getServerSnapshot();
 }
-function getFormStateMatchingIndex() {
-  // This should be called immediately after every finishHooks call.
-  // Conceptually, it's part of the return value of finishHooks; it's only a
-  // separate function to avoid using an array tuple.
-  return formStateMatchingIndex;
-} // Reset the internal hooks state if an error occurs while rendering a component
 
-function resetHooksState() {
+function useDeferredValue(value, initialValue) {
+  resolveCurrentlyRenderingComponent();
+
   {
-    isInHookUserCodeInDev = false;
+    return value;
   }
+}
 
-  currentlyRenderingComponent = null;
-  currentlyRenderingTask = null;
-  currentlyRenderingRequest = null;
-  currentlyRenderingKeyPath = null;
-  didScheduleRenderPhaseUpdate = false;
-  firstWorkInProgressHook = null;
-  numberOfReRenders = 0;
-  renderPhaseUpdates = null;
-  workInProgressHook = null;
+function unsupportedStartTransition() {
+  throw new Error('startTransition cannot be called during server rendering.');
 }
 
-function readContext(context) {
-  {
-    if (isInHookUserCodeInDev) {
-      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().');
-    }
-  }
+function useTransition() {
+  resolveCurrentlyRenderingComponent();
+  return [false, unsupportedStartTransition];
+}
 
-  return readContext$1(context);
+function useHostTransitionStatus() {
+  resolveCurrentlyRenderingComponent();
+  return NotPendingTransition;
 }
 
-function useContext(context) {
-  {
-    currentHookNameInDev = 'useContext';
-  }
+function unsupportedSetOptimisticState() {
+  throw new Error('Cannot update optimistic state while rendering.');
+}
 
+function useOptimistic(passthrough, reducer) {
   resolveCurrentlyRenderingComponent();
-  return readContext$1(context);
+  return [passthrough, unsupportedSetOptimisticState];
 }
 
-function basicStateReducer(state, action) {
-  // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-  return typeof action === 'function' ? action(state) : action;
-}
+function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
+  if (permalink !== undefined) {
+    // Don't bother to hash a permalink-based key since it's already short.
+    return 'p' + permalink;
+  } else {
+    // Append a node to the key path that represents the form state hook.
+    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
+    // and it's more important that it's fast than that it's completely
+    // collision-free.
 
-function useState(initialState) {
-  {
-    currentHookNameInDev = 'useState';
+    var keyPathHash = createFastHash(JSON.stringify(keyPath));
+    return 'k' + keyPathHash;
   }
-
-  return useReducer(basicStateReducer, // useReducer has a special case to support lazy useState initializers
-  initialState);
 }
-function useReducer(reducer, initialArg, init) {
-  {
-    if (reducer !== basicStateReducer) {
-      currentHookNameInDev = 'useReducer';
-    }
-  }
 
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
+function useFormState(action, initialState, permalink) {
+  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
+  // track the position of this useFormState hook relative to the other ones in
+  // this component, so we can generate a unique key for each one.
 
-  if (isReRender) {
-    // This is a re-render. Apply the new render phase updates to the previous
-    // current hook.
-    var queue = workInProgressHook.queue;
-    var dispatch = queue.dispatch;
+  var formStateHookIndex = formStateCounter++;
+  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
 
-    if (renderPhaseUpdates !== null) {
-      // Render phase updates are stored in a map of queue -> linked list
-      var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+  var formAction = action.$$FORM_ACTION;
 
-      if (firstRenderPhaseUpdate !== undefined) {
-        // $FlowFixMe[incompatible-use] found when upgrading Flow
-        renderPhaseUpdates.delete(queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+  if (typeof formAction === 'function') {
+    // This is a server action. These have additional features to enable
+    // MPA-style form submissions with progressive enhancement.
+    // TODO: If the same permalink is passed to multiple useFormStates, and
+    // they all have the same action signature, Fizz will pass the postback
+    // state to all of them. We should probably only pass it to the first one,
+    // and/or warn.
+    // The key is lazily generated and deduped so the that the keypath doesn't
+    // get JSON.stringify-ed unnecessarily, and at most once.
+    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
+    // submission, then we will reuse that, if the action identity matches.
+    // Otherwise we'll use the initial state argument. We will emit a comment
+    // marker into the stream that indicates whether the state was reused.
 
-        var newState = workInProgressHook.memoizedState;
-        var update = firstRenderPhaseUpdate;
+    var state = initialState;
+    var componentKeyPath = currentlyRenderingKeyPath;
+    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
 
-        do {
-          // Process this render phase update. We don't have to check the
-          // priority because it will always be the same as the current
-          // render's.
-          var action = update.action;
+    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
 
-          {
-            isInHookUserCodeInDev = true;
-          }
+    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
+      var postbackKey = postbackFormState[1];
+      var postbackReferenceId = postbackFormState[2];
+      var postbackBoundArity = postbackFormState[3];
 
-          newState = reducer(newState, action);
+      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
+        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-          {
-            isInHookUserCodeInDev = false;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+        if (postbackKey === nextPostbackStateKey) {
+          // This was a match
+          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
 
+          state = postbackFormState[0];
+        }
+      }
+    } // Bind the state to the first argument of the action.
 
-          update = update.next;
-        } while (update !== null); // $FlowFixMe[incompatible-use] found when upgrading Flow
 
+    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
 
-        workInProgressHook.memoizedState = newState;
-        return [newState, dispatch];
-      }
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+    var dispatch = function (payload) {
+      boundAction(payload);
+    }; // $FlowIgnore[prop-missing]
 
 
-    return [workInProgressHook.memoizedState, dispatch];
-  } else {
-    {
-      isInHookUserCodeInDev = true;
-    }
+    if (typeof boundAction.$$FORM_ACTION === 'function') {
+      // $FlowIgnore[prop-missing]
+      dispatch.$$FORM_ACTION = function (prefix) {
+        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-    var initialState;
+        if (permalink !== undefined) {
+          {
+            checkAttributeStringCoercion(permalink, 'target');
+          }
+
+          permalink += '';
+          metadata.action = permalink;
+        }
+
+        var formData = metadata.data;
+
+        if (formData) {
+          if (nextPostbackStateKey === null) {
+            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          }
+
+          formData.append('$ACTION_KEY', nextPostbackStateKey);
+        }
 
-    if (reducer === basicStateReducer) {
-      // Special case for `useState`.
-      initialState = typeof initialArg === 'function' ? initialArg() : initialArg;
-    } else {
-      initialState = init !== undefined ? init(initialArg) : initialArg;
+        return metadata;
+      };
     }
 
-    {
-      isInHookUserCodeInDev = false;
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
-
+    return [state, dispatch];
+  } else {
+    // This is not a server action, so the implementation is much simpler.
+    // Bind the state to the first argument of the action.
+    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
 
-    workInProgressHook.memoizedState = initialState; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    var _queue = workInProgressHook.queue = {
-      last: null,
-      dispatch: null
+    var _dispatch2 = function (payload) {
+      _boundAction(payload);
     };
 
-    var _dispatch = _queue.dispatch = dispatchAction.bind(null, currentlyRenderingComponent, _queue); // $FlowFixMe[incompatible-use] found when upgrading Flow
+    return [initialState, _dispatch2];
+  }
+}
 
+function useId() {
+  var task = currentlyRenderingTask;
+  var treeId = getTreeId(task.treeContext);
+  var resumableState = currentResumableState;
 
-    return [workInProgressHook.memoizedState, _dispatch];
+  if (resumableState === null) {
+    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
   }
+
+  var localId = localIdCounter++;
+  return makeId(resumableState, treeId, localId);
 }
 
-function useMemo(nextCreate, deps) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
+function use(usable) {
+  if (usable !== null && typeof usable === 'object') {
+    // $FlowFixMe[method-unbinding]
+    if (typeof usable.then === 'function') {
+      // This is a thenable.
+      var thenable = usable;
+      return unwrapThenable(thenable);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      var context = usable;
+      return readContext(context);
+    }
+  } // eslint-disable-next-line react-internal/safe-string-coercion
 
-  if (workInProgressHook !== null) {
-    var prevState = workInProgressHook.memoizedState;
 
-    if (prevState !== null) {
-      if (nextDeps !== null) {
-        var prevDeps = prevState[1];
+  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+}
 
-        if (areHookInputsEqual(nextDeps, prevDeps)) {
-          return prevState[0];
-        }
-      }
-    }
-  }
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
 
-  {
-    isInHookUserCodeInDev = true;
+  if (thenableState === null) {
+    thenableState = createThenableState();
   }
 
-  var nextValue = nextCreate();
-
-  {
-    isInHookUserCodeInDev = false;
-  } // $FlowFixMe[incompatible-use] found when upgrading Flow
+  return trackUsedThenable(thenableState, thenable, index);
+}
 
+function unsupportedRefresh() {
+  throw new Error('Cache cannot be refreshed during server rendering.');
+}
 
-  workInProgressHook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
+function useCacheRefresh() {
+  return unsupportedRefresh;
 }
 
-function useRef(initialValue) {
-  currentlyRenderingComponent = resolveCurrentlyRenderingComponent();
-  workInProgressHook = createWorkInProgressHook();
-  var previousRef = workInProgressHook.memoizedState;
+function noop$1() {}
 
-  if (previousRef === null) {
-    var ref = {
-      current: initialValue
-    };
+var HooksDispatcher = {
+  readContext: readContext,
+  use: use,
+  useContext: useContext,
+  useMemo: useMemo,
+  useReducer: useReducer,
+  useRef: useRef,
+  useState: useState,
+  useInsertionEffect: noop$1,
+  useLayoutEffect: noop$1,
+  useCallback: useCallback,
+  // useImperativeHandle is not run in the server environment
+  useImperativeHandle: noop$1,
+  // Effects are not run in the server environment.
+  useEffect: noop$1,
+  // Debugging effect
+  useDebugValue: noop$1,
+  useDeferredValue: useDeferredValue,
+  useTransition: useTransition,
+  useId: useId,
+  // Subscriptions are not setup in a server environment.
+  useSyncExternalStore: useSyncExternalStore
+};
 
-    {
-      Object.seal(ref);
-    } // $FlowFixMe[incompatible-use] found when upgrading Flow
+{
+  HooksDispatcher.useCacheRefresh = useCacheRefresh;
+}
 
+{
+  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
+}
 
-    workInProgressHook.memoizedState = ref;
-    return ref;
-  } else {
-    return previousRef;
-  }
+{
+  HooksDispatcher.useOptimistic = useOptimistic;
+  HooksDispatcher.useFormState = useFormState;
 }
 
-function dispatchAction(componentIdentity, queue, action) {
-  if (numberOfReRenders >= RE_RENDER_LIMIT) {
-    throw new Error('Too many re-renders. React limits the number of renders to prevent ' + 'an infinite loop.');
-  }
+var currentResumableState = null;
+function setCurrentResumableState(resumableState) {
+  currentResumableState = resumableState;
+}
 
-  if (componentIdentity === currentlyRenderingComponent) {
-    // This is a render phase update. Stash it in a lazily-created map of
-    // queue -> linked list of updates. After this render pass, we'll restart
-    // and apply the stashed updates on top of the work-in-progress hook.
-    didScheduleRenderPhaseUpdate = true;
-    var update = {
-      action: action,
-      next: null
-    };
+function getCacheSignal() {
+  throw new Error('Not implemented.');
+}
 
-    if (renderPhaseUpdates === null) {
-      renderPhaseUpdates = new Map();
-    }
+function getCacheForType(resourceType) {
+  throw new Error('Not implemented.');
+}
 
-    var firstRenderPhaseUpdate = renderPhaseUpdates.get(queue);
+var DefaultCacheDispatcher = {
+  getCacheSignal: getCacheSignal,
+  getCacheForType: getCacheForType
+};
 
-    if (firstRenderPhaseUpdate === undefined) {
-      // $FlowFixMe[incompatible-use] found when upgrading Flow
-      renderPhaseUpdates.set(queue, update);
-    } else {
-      // Append the update to the end of the list.
-      var lastRenderPhaseUpdate = firstRenderPhaseUpdate;
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
-      while (lastRenderPhaseUpdate.next !== null) {
-        lastRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-      }
+function disabledLog() {}
 
-      lastRenderPhaseUpdate.next = update;
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
+
+    disabledDepth++;
   }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function useCallback(callback, deps) {
-  return useMemo(function () {
-    return callback;
-  }, deps);
-}
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
 
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  if (getServerSnapshot === undefined) {
-    throw new Error('Missing getServerSnapshot, which is required for ' + 'server-rendered content. Will revert to client rendering.');
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
   }
-
-  return getServerSnapshot();
 }
 
-function useDeferredValue(value, initialValue) {
-  resolveCurrentlyRenderingComponent();
-
+var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
-    return value;
-  }
-}
-
-function unsupportedStartTransition() {
-  throw new Error('startTransition cannot be called during server rendering.');
-}
-
-function useTransition() {
-  resolveCurrentlyRenderingComponent();
-  return [false, unsupportedStartTransition];
-}
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-function useHostTransitionStatus() {
-  resolveCurrentlyRenderingComponent();
-  return NotPendingTransition;
-}
 
-function unsupportedSetOptimisticState() {
-  throw new Error('Cannot update optimistic state while rendering.');
+    return '\n' + prefix + name;
+  }
 }
+var reentry = false;
+var componentFrameCache;
 
-function useOptimistic(passthrough, reducer) {
-  resolveCurrentlyRenderingComponent();
-  return [passthrough, unsupportedSetOptimisticState];
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
 }
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
 
-function createPostbackFormStateKey(permalink, componentKeyPath, hookIndex) {
-  if (permalink !== undefined) {
-    // Don't bother to hash a permalink-based key since it's already short.
-    return 'p' + permalink;
-  } else {
-    // Append a node to the key path that represents the form state hook.
-    var keyPath = [componentKeyPath, null, hookIndex]; // Key paths are hashed to reduce the size. It does not need to be secure,
-    // and it's more important that it's fast than that it's completely
-    // collision-free.
 
-    var keyPathHash = createFastHash(JSON.stringify(keyPath));
-    return 'k' + keyPathHash;
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
   }
-}
-
-function useFormState(action, initialState, permalink) {
-  resolveCurrentlyRenderingComponent(); // Count the number of useFormState hooks per component. We also use this to
-  // track the position of this useFormState hook relative to the other ones in
-  // this component, so we can generate a unique key for each one.
 
-  var formStateHookIndex = formStateCounter++;
-  var request = currentlyRenderingRequest; // $FlowIgnore[prop-missing]
+  {
+    var frame = componentFrameCache.get(fn);
 
-  var formAction = action.$$FORM_ACTION;
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-  if (typeof formAction === 'function') {
-    // This is a server action. These have additional features to enable
-    // MPA-style form submissions with progressive enhancement.
-    // TODO: If the same permalink is passed to multiple useFormStates, and
-    // they all have the same action signature, Fizz will pass the postback
-    // state to all of them. We should probably only pass it to the first one,
-    // and/or warn.
-    // The key is lazily generated and deduped so the that the keypath doesn't
-    // get JSON.stringify-ed unnecessarily, and at most once.
-    var nextPostbackStateKey = null; // Determine the current form state. If we received state during an MPA form
-    // submission, then we will reuse that, if the action identity matches.
-    // Otherwise we'll use the initial state argument. We will emit a comment
-    // marker into the stream that indicates whether the state was reused.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    var state = initialState;
-    var componentKeyPath = currentlyRenderingKeyPath;
-    var postbackFormState = getFormState(request); // $FlowIgnore[prop-missing]
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    var isSignatureEqual = action.$$IS_SIGNATURE_EQUAL;
+  {
+    previousDispatcher = ReactCurrentDispatcher$1.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
 
-    if (postbackFormState !== null && typeof isSignatureEqual === 'function') {
-      var postbackKey = postbackFormState[1];
-      var postbackReferenceId = postbackFormState[2];
-      var postbackBoundArity = postbackFormState[3];
+    ReactCurrentDispatcher$1.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-      if (isSignatureEqual.call(action, postbackReferenceId, postbackBoundArity)) {
-        nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
 
-        if (postbackKey === nextPostbackStateKey) {
-          // This was a match
-          formStateMatchingIndex = formStateHookIndex; // Reuse the state that was submitted by the form.
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-          state = postbackFormState[0];
-        }
-      }
-    } // Bind the state to the first argument of the action.
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
 
-    var boundAction = action.bind(null, state); // Wrap the action so the return value is void.
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    var dispatch = function (payload) {
-      boundAction(payload);
-    }; // $FlowIgnore[prop-missing]
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    if (typeof boundAction.$$FORM_ACTION === 'function') {
-      // $FlowIgnore[prop-missing]
-      dispatch.$$FORM_ACTION = function (prefix) {
-        var metadata = boundAction.$$FORM_ACTION(prefix); // Override the action URL
 
-        if (permalink !== undefined) {
-          {
-            checkAttributeStringCoercion(permalink, 'target');
+            fn.call(Fake.prototype);
           }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
-          permalink += '';
-          metadata.action = permalink;
-        }
 
-        var formData = metadata.data;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-        if (formData) {
-          if (nextPostbackStateKey === null) {
-            nextPostbackStateKey = createPostbackFormStateKey(permalink, componentKeyPath, formStateHookIndex);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
           }
-
-          formData.append('$ACTION_KEY', nextPostbackStateKey);
         }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-        return metadata;
-      };
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    return [state, dispatch];
-  } else {
-    // This is not a server action, so the implementation is much simpler.
-    // Bind the state to the first argument of the action.
-    var _boundAction = action.bind(null, initialState); // Wrap the action so the return value is void.
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-    var _dispatch2 = function (payload) {
-      _boundAction(payload);
-    };
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
 
-    return [initialState, _dispatch2];
-  }
-}
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-function useId() {
-  var task = currentlyRenderingTask;
-  var treeId = getTreeId(task.treeContext);
-  var resumableState = currentResumableState;
 
-  if (resumableState === null) {
-    throw new Error('Invalid hook call. Hooks can only be called inside of the body of a function component.');
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  var localId = localIdCounter++;
-  return makeId(resumableState, treeId, localId);
-}
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function use(usable) {
-  if (usable !== null && typeof usable === 'object') {
-    // $FlowFixMe[method-unbinding]
-    if (typeof usable.then === 'function') {
-      // This is a thenable.
-      var thenable = usable;
-      return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
-    }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
-}
 
-function unwrapThenable(thenable) {
-  var index = thenableIndexCounter;
-  thenableIndexCounter += 1;
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  if (thenableState === null) {
-    thenableState = createThenableState();
-  }
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-  return trackUsedThenable(thenableState, thenable, index);
-}
 
-function unsupportedRefresh() {
-  throw new Error('Cache cannot be refreshed during server rendering.');
-}
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-function useCacheRefresh() {
-  return unsupportedRefresh;
-}
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-function noop$1() {}
+    {
+      ReactCurrentDispatcher$1.current = previousDispatcher;
+      reenableLogs();
+    }
 
-var HooksDispatcher = {
-  readContext: readContext,
-  use: use,
-  useContext: useContext,
-  useMemo: useMemo,
-  useReducer: useReducer,
-  useRef: useRef,
-  useState: useState,
-  useInsertionEffect: noop$1,
-  useLayoutEffect: noop$1,
-  useCallback: useCallback,
-  // useImperativeHandle is not run in the server environment
-  useImperativeHandle: noop$1,
-  // Effects are not run in the server environment.
-  useEffect: noop$1,
-  // Debugging effect
-  useDebugValue: noop$1,
-  useDeferredValue: useDeferredValue,
-  useTransition: useTransition,
-  useId: useId,
-  // Subscriptions are not setup in a server environment.
-  useSyncExternalStore: useSyncExternalStore
-};
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-{
-  HooksDispatcher.useCacheRefresh = useCacheRefresh;
-}
 
-{
-  HooksDispatcher.useHostTransitionStatus = useHostTransitionStatus;
-}
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-{
-  HooksDispatcher.useOptimistic = useOptimistic;
-  HooksDispatcher.useFormState = useFormState;
-}
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-var currentResumableState = null;
-function setCurrentResumableState(resumableState) {
-  currentResumableState = resumableState;
+  return syntheticFrame;
 }
 
-function getCacheSignal() {
-  throw new Error('Not implemented.');
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
 }
-
-function getCacheForType(resourceType) {
-  throw new Error('Not implemented.');
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
 }
 
-var DefaultCacheDispatcher = {
-  getCacheSignal: getCacheSignal,
-  getCacheForType: getCacheForType
-};
-
 function getStackByComponentStackNode(componentStack) {
   try {
     var info = '';
@@ -8892,15 +9034,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -8993,7 +9135,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  var rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -9031,13 +9173,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks: fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9055,6 +9198,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: blockedSegment,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9062,13 +9206,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -9087,6 +9232,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     },
     blockedBoundary: blockedBoundary,
     blockedSegment: null,
+    hoistableState: hoistableState,
     abortSet: abortSet,
     keyPath: keyPath,
     formatContext: formatContext,
@@ -9094,7 +9240,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context: context,
     treeContext: treeContext,
     componentStack: componentStack,
-    thenableState: thenableState
+    thenableState: thenableState,
+    isFallback: isFallback
   };
   abortSet.add(task);
   return task;
@@ -9176,19 +9323,19 @@ function encodeErrorForBoundary(boundary, digest, error, thrownInfo) {
   boundary.errorDigest = digest;
 
   {
-    // In dev we additionally encode the error message and component stack on the boundary
-    var errorMessage;
+    var message; // In dev we additionally encode the error message and component stack on the boundary
 
-    if (typeof error === 'string') {
-      errorMessage = error;
-    } else if (error && typeof error.message === 'string') {
-      errorMessage = error.message;
+    if (error instanceof Error) {
+      // eslint-disable-next-line react-internal/safe-string-coercion
+      message = String(error.message);
+    } else if (typeof error === 'object' && error !== null) {
+      message = describeObjectForErrorMessage(error);
     } else {
       // eslint-disable-next-line react-internal/safe-string-coercion
-      errorMessage = String(error);
+      message = String(error);
     }
 
-    boundary.errorMessage = errorMessage;
+    boundary.errorMessage = message;
     boundary.errorComponentStack = thrownInfo.componentStack;
   }
 }
@@ -9255,6 +9402,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   var suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   var prevKeyPath = task.keyPath;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -9290,12 +9438,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -9329,11 +9473,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9360,9 +9501,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9376,6 +9517,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   var prevKeyPath = task.keyPath;
   var previousReplaySet = task.replay;
   var parentBoundary = task.blockedBoundary;
+  var parentHoistableState = task.hoistableState;
   var content = props.children;
   var fallback = props.fallback;
   var fallbackAbortSet = new Set();
@@ -9387,16 +9529,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -9434,11 +9573,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -9452,9 +9588,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  var suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -9482,7 +9618,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    var _children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
 
     segment.lastPushedText = false;
     var _prevContext = task.formatContext;
@@ -9507,7 +9643,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
   var componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   var result = Component(props, secondArg);
@@ -9534,7 +9675,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       var previousContext = task.legacyContext;
       var mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -9542,7 +9683,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -9563,11 +9704,10 @@ var didWarnAboutGetDerivedStateOnFunctionComponent = {};
 var didWarnAboutReassigningProps = false;
 var didWarnAboutDefaultPropsOnFunctionComponent = {};
 var didWarnAboutGenerators = false;
-var didWarnAboutMaps = false;
-var hasWarnedAboutUsingContextAsConsumer = false; // This would typically be a function component but we still support module pattern
+var didWarnAboutMaps = false; // This would typically be a function component but we still support module pattern
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   var legacyContext;
 
   {
@@ -9589,7 +9729,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
     }
   }
 
-  var value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  var value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9683,7 +9823,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -9693,7 +9833,7 @@ function validateFunctionComponentInDev(Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
@@ -9747,10 +9887,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  var children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  var propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  var children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   var hasId = checkDidRenderIdHook();
   var formStateCount = getFormStateCount();
   var formStateMatchingIndex = getFormStateMatchingIndex();
@@ -9758,37 +9904,13 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   var innerType = type.type;
   var resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-  // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
-
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
-
   var render = props.children;
 
   {
@@ -9801,12 +9923,11 @@ function renderContextConsumer(request, task, keyPath, context, props) {
   var newChildren = render(newValue);
   var prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  var context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   var value = props.value;
   var children = props.children;
   var prevSnapshot;
@@ -9818,7 +9939,7 @@ function renderContextProvider(request, task, keyPath, type, props) {
   var prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider(context);
   task.keyPath = prevKeyPath;
 
@@ -9829,14 +9950,14 @@ function renderContextProvider(request, task, keyPath, type, props) {
   }
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   var previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   var payload = lazyComponent._payload;
   var init = lazyComponent._init;
   var Component = init(payload);
   var resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -9848,18 +9969,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     var prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -9887,7 +10008,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         var prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -9905,7 +10026,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         var _prevKeyPath3 = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = _prevKeyPath3;
         task.componentStack = preiousComponentStack;
         return;
@@ -9931,31 +10052,47 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            var context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            var _context2 = type;
+
+            {
+              if (_context2._context !== undefined) {
+                _context2 = _context2._context;
+              }
+            }
+
+            renderContextConsumer(request, task, keyPath, _context2, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -10003,7 +10140,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   var replayNodes = replay.nodes;
 
@@ -10032,7 +10169,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -10104,13 +10241,28 @@ function validateIterable(iterable, iteratorFn) {
       didWarnAboutMaps = true;
     }
   }
+}
+
+function warnOnFunctionType(invalidChild) {
+  {
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
+
+    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.', name, name);
+  }
+}
+
+function warnOnSymbolType(invalidChild) {
+  {
+    // eslint-disable-next-line react-internal/safe-string-coercion
+    var name = String(invalidChild);
+
+    error('Symbols are not valid as a React child.\n' + '  %s', name);
+  }
 } // This function by it self renders a node and consumes the task by mutating it
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     var resumeSegmentID = task.replay.slots;
@@ -10121,9 +10273,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -10131,17 +10288,22 @@ prevThenableState, node, childIndex) {
           var type = element.type;
           var key = element.key;
           var props = element.props;
-          var ref = element.ref;
+          var ref;
+
+          {
+            ref = element.ref;
+          }
+
           var name = getComponentNameFromType(type);
           var keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           var keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -10162,7 +10324,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -10217,13 +10379,15 @@ prevThenableState, node, childIndex) {
     var maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       var thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -10253,7 +10417,11 @@ prevThenableState, node, childIndex) {
 
   {
     if (typeof node === 'function') {
-      error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+      warnOnFunctionType(node);
+    }
+
+    if (typeof node === 'symbol') {
+      warnOnSymbolType(node);
     }
   }
 }
@@ -10404,9 +10572,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -10421,9 +10589,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  var newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   var ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -10447,7 +10615,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -10485,7 +10653,7 @@ function renderNode(request, task, node, childIndex) {
     var chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -10689,8 +10857,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -10699,7 +10870,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          var errorDigest = logRecoverableError(request, error, errorInfo);
+          var errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest, errorInfo);
         }
 
@@ -10719,7 +10895,11 @@ function abortTask(task, request, error) {
 
       var _errorInfo = getThrownInfo(request, task.componentStack);
 
-      var _errorDigest = logRecoverableError(request, error, _errorInfo);
+      var _errorDigest;
+
+      {
+        _errorDigest = logRecoverableError(request, error, _errorInfo);
+      }
 
       var errorMessage = error;
 
@@ -10897,11 +11077,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    var blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   var segment = task.blockedSegment;
 
   if (segment === null) {
@@ -10936,12 +11111,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -10975,10 +11145,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11005,12 +11171,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    var prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -11057,10 +11218,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
-
     {
       currentTaskInDEV = prevTaskInDEV;
     }
@@ -11139,7 +11296,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  var willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -11174,7 +11336,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -11196,12 +11358,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   var boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -11212,7 +11374,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -11228,9 +11390,17 @@ function flushSegment(request, destination, segment) {
 
 
     var id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -11242,13 +11412,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -11260,7 +11436,7 @@ function flushSegment(request, destination, segment) {
     }
 
     var contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -11269,17 +11445,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11291,17 +11463,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   var completedSegments = boundary.completedSegments;
   var i = 0;
 
@@ -11320,11 +11488,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -11334,6 +11498,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  var hoistableState = boundary.contentState;
   var segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -11345,13 +11510,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -11373,10 +11538,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
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 7b0d54a818de8a..0816df8743fd01 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
@@ -16,7 +16,52 @@ var async_hooks = require('async_hooks');
 var React = require("next/dist/compiled/react");
 var ReactDOM = require('react-dom');
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_SCOPE_TYPE = Symbol.for('react.scope');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
+const REACT_CACHE_TYPE = Symbol.for('react.cache');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
 
 function scheduleWork(callback) {
   setImmediate(callback);
@@ -88,10 +133,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -172,9 +216,6 @@ function stringToPrecomputedChunk(content) {
 
   return precomputedChunk;
 }
-function clonePrecomputedChunk(precomputedChunk) {
-  return precomputedChunk.length > VIEW_SIZE ? precomputedChunk.slice() : precomputedChunk;
-}
 function closeWithError(destination, error) {
   // $FlowFixMe[incompatible-call]: This is an Error object or the destination accepts other types.
   destination.destroy(error);
@@ -359,19 +400,13 @@ function sanitizeURL(url) {
   return url;
 }
 
-const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
 // The build script is at scripts/rollup/generate-inline-fizz-runtime.js.
 // Run `yarn generate-inline-fizz-runtime` to generate.
 const clientRenderBoundary = '$RX=function(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())};';
 const completeBoundary = '$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};';
 const completeBoundaryWithStyles = '$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};';
 const completeSegment = '$RS=function(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)};';
-const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});';
+const formReplaying = 'addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});';
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -547,6 +582,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     headChunks: null,
     externalRuntimeScript: externalRuntimeScript,
     bootstrapChunks: bootstrapChunks,
+    importMapChunks,
     onHeaders,
     headers,
     resets: {
@@ -561,9 +597,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
       style: {}
     },
     charsetChunks: [],
-    preconnectChunks: [],
-    importMapChunks,
-    preloadChunks: [],
+    viewportChunks: [],
     hoistableChunks: [],
     // cleared on flush
     preconnects: new Set(),
@@ -582,7 +616,7 @@ function createRenderState(resumableState, nonce, externalRuntimeConfig, importM
     },
     nonce,
     // like a module global for currently rendering boundary
-    boundaryResources: null,
+    hoistableState: null,
     stylesToHoist: false
   };
 
@@ -944,7 +978,7 @@ function makeFormFieldPrefix(resumableState) {
 
 
 const actionJavaScriptURL = stringToPrecomputedChunk(escapeTextForBrowser( // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')"));
+"javascript:throw new Error('React form unexpectedly submitted.')"));
 const startHiddenInputChunk = stringToPrecomputedChunk('<input type="hidden"');
 
 function pushAdditionalFormField(value, key) {
@@ -1082,6 +1116,7 @@ function pushAttribute(target, name, value) // not null or undefined
 
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
+    case 'ref':
       // Ignored. These are built-in to React on the client.
       return;
 
@@ -1805,7 +1840,7 @@ function pushStartTextArea(target, props) {
   return null;
 }
 
-function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     if (insertionMode === SVG_MODE || noscriptTagInScope || props.itemProp != null) {
       return pushSelfClosing(target, props, 'meta');
@@ -1816,11 +1851,24 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
         target.push(textSeparator);
       }
 
-      if (typeof props.charSet === 'string') {
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else if (typeof props.charSet === 'string') {
+        // "charset" Should really be config and not picked up from tags however since this is
+        // the only way to embed the tag today we flush it on a special queue on the Request so it
+        // can go before everything else. Like viewport this means that the tag will escape it's
+        // parent container.
         return pushSelfClosing(renderState.charsetChunks, props, 'meta');
       } else if (props.name === 'viewport') {
-        // "viewport" isn't related to preconnect but it has the right priority
-        return pushSelfClosing(renderState.preconnectChunks, props, 'meta');
+        // "viewport" is flushed on the Request so it can go earlier that Float resources that
+        // might be affected by it. This means it can escape the boundary it is rendered within.
+        // This is a pragmatic solution to viewport being incredibly sensitive to document order
+        // without requiring all hoistables to be flushed too early.
+        return pushSelfClosing(renderState.viewportChunks, props, 'meta');
       } else {
         return pushSelfClosing(renderState.hoistableChunks, props, 'meta');
       }
@@ -1828,7 +1876,7 @@ function pushMeta(target, props, renderState, textEmbedded, insertionMode, noscr
   }
 }
 
-function pushLink(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope, isFallback) {
   {
     const rel = props.rel;
     const href = props.href;
@@ -1899,8 +1947,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
 
           styleQueue.sheets.set(key, resource);
 
-          if (renderState.boundaryResources) {
-            renderState.boundaryResources.stylesheets.add(resource);
+          if (hoistableState) {
+            hoistableState.stylesheets.add(resource);
           }
         } else {
           // We need to track whether this boundary should wait on this resource or not.
@@ -1912,8 +1960,8 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
             const resource = styleQueue.sheets.get(key);
 
             if (resource) {
-              if (renderState.boundaryResources) {
-                renderState.boundaryResources.stylesheets.add(resource);
+              if (hoistableState) {
+                hoistableState.stylesheets.add(resource);
               }
             }
           }
@@ -1940,16 +1988,14 @@ function pushLink(target, props, resumableState, renderState, textEmbedded, inse
         target.push(textSeparator);
       }
 
-      switch (props.rel) {
-        case 'preconnect':
-        case 'dns-prefetch':
-          return pushLinkImpl(renderState.preconnectChunks, props);
-
-        case 'preload':
-          return pushLinkImpl(renderState.preloadChunks, props);
-
-        default:
-          return pushLinkImpl(renderState.hoistableChunks, props);
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        return pushLinkImpl(renderState.hoistableChunks, props);
       }
     }
   }
@@ -1982,7 +2028,7 @@ function pushLinkImpl(target, props) {
   return null;
 }
 
-function pushStyle(target, props, resumableState, renderState, textEmbedded, insertionMode, noscriptTagInScope) {
+function pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, insertionMode, noscriptTagInScope) {
 
   {
     const precedence = props.precedence;
@@ -2026,8 +2072,8 @@ function pushStyle(target, props, resumableState, renderState, textEmbedded, ins
       // it. However, it's possible when you resume that the style has already been emitted
       // and then it wouldn't be recreated in the RenderState and there's no need to track
       // it again since we should've hoisted it to the shell already.
-      if (renderState.boundaryResources) {
-        renderState.boundaryResources.styles.add(styleQueue);
+      if (hoistableState) {
+        hoistableState.styles.add(styleQueue);
       }
     }
 
@@ -2273,12 +2319,19 @@ function pushStartMenuItem(target, props) {
   return null;
 }
 
-function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope) {
+function pushTitle(target, props, renderState, insertionMode, noscriptTagInScope, isFallback) {
 
   {
     if (insertionMode !== SVG_MODE && !noscriptTagInScope && props.itemProp == null) {
-      pushTitleImpl(renderState.hoistableChunks, props);
-      return null;
+      if (isFallback) {
+        // Hoistable Elements for fallbacks are simply omitted. we don't want to emit them early
+        // because they are likely superceded by primary content and we want to avoid needing to clean
+        // them up when the primary content is ready. They are never hydrated on the client anyway because
+        // boundaries in fallback are awaited or client render, in either case there is never hydration
+        return null;
+      } else {
+        pushTitleImpl(renderState.hoistableChunks, props);
+      }
     } else {
       return pushTitleImpl(target, props);
     }
@@ -2534,6 +2587,7 @@ function pushStartCustomElement(target, props, tag) {
 
         case 'suppressContentEditableWarning':
         case 'suppressHydrationWarning':
+        case 'ref':
           // Ignored. These are built-in to React on the client.
           break;
 
@@ -2652,14 +2706,21 @@ function startChunkForTag(tag) {
 }
 
 const doctypeChunk = stringToPrecomputedChunk('<!DOCTYPE html>');
-function pushStartInstance(target, type, props, resumableState, renderState, formatContext, textEmbedded) {
+function pushStartInstance(target, type, props, resumableState, renderState, hoistableState, formatContext, textEmbedded, isFallback) {
 
   switch (type) {
     case 'div':
     case 'span':
     case 'svg':
     case 'path':
+      // Fast track very common tags
+      break;
+
     case 'a':
+      {
+        break;
+      }
+
     case 'g':
     case 'p':
     case 'li':
@@ -2689,19 +2750,19 @@ function pushStartInstance(target, type, props, resumableState, renderState, for
       return pushStartMenuItem(target, props);
 
     case 'title':
-      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
+      return pushTitle(target, props, renderState, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback) ;
 
     case 'link':
-      return pushLink(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushLink(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
 
     case 'script':
       return pushScript(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE)) ;
 
     case 'style':
-      return pushStyle(target, props, resumableState, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushStyle(target, props, resumableState, renderState, hoistableState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
 
     case 'meta':
-      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE));
+      return pushMeta(target, props, renderState, textEmbedded, formatContext.insertionMode, !!(formatContext.tagScope & NOSCRIPT_SCOPE), isFallback);
     // Newline eating tags
 
     case 'listing':
@@ -3115,7 +3176,7 @@ const completeBoundaryWithStylesData1 = stringToPrecomputedChunk('<template data
 const completeBoundaryData2 = stringToPrecomputedChunk('" data-sid="');
 const completeBoundaryData3a = stringToPrecomputedChunk('" data-sty="');
 const completeBoundaryDataEnd = dataElementQuotedEnd;
-function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, boundaryResources) {
+function writeCompletedBoundaryInstruction(destination, resumableState, renderState, id, hoistableState) {
   let requiresStyleInsertion;
 
   {
@@ -3135,7 +3196,7 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     if (requiresStyleInsertion) {
       if ((resumableState.instructions & SentCompleteBoundaryFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction | SentCompleteBoundaryFunction;
-        writeChunk(destination, clonePrecomputedChunk(completeBoundaryWithStylesScript1FullBoth));
+        writeChunk(destination, completeBoundaryWithStylesScript1FullBoth);
       } else if ((resumableState.instructions & SentStyleInsertionFunction) === NothingSent) {
         resumableState.instructions |= SentStyleInsertionFunction;
         writeChunk(destination, completeBoundaryWithStylesScript1FullPartial);
@@ -3178,12 +3239,12 @@ function writeCompletedBoundaryInstruction(destination, resumableState, renderSt
     //  - data writer emits a string literal, which is escaped as html
     //    e.g. [&#34;A&#34;, &#34;B&#34;]
     if (scriptFormat) {
-      writeChunk(destination, completeBoundaryScript3a); // boundaryResources encodes an array literal
+      writeChunk(destination, completeBoundaryScript3a); // hoistableState encodes an array literal
 
-      writeStyleResourceDependenciesInJS(destination, boundaryResources);
+      writeStyleResourceDependenciesInJS(destination, hoistableState);
     } else {
       writeChunk(destination, completeBoundaryData3a);
-      writeStyleResourceDependenciesInAttr(destination, boundaryResources);
+      writeStyleResourceDependenciesInAttr(destination, hoistableState);
     }
   } else {
     if (scriptFormat) {
@@ -3395,14 +3456,17 @@ function hasStylesToHoist(stylesheet) {
   return false;
 }
 
-function writeResourcesForBoundary(destination, boundaryResources, renderState) {
+function writeHoistablesForBoundary(destination, hoistableState, renderState) {
   // Reset these on each invocation, they are only safe to read in this function
   currentlyRenderingBoundaryHasStylesToHoist = false;
   destinationHasCapacity = true; // Flush style tags for each precedence this boundary depends on
 
-  boundaryResources.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
+  hoistableState.styles.forEach(flushStyleTagsLateForBoundary, destination); // Determine if this boundary has stylesheets that need to be awaited upon completion
 
-  boundaryResources.stylesheets.forEach(hasStylesToHoist);
+  hoistableState.stylesheets.forEach(hasStylesToHoist); // We don't actually want to flush any hoistables until the boundary is complete so we omit
+  // any further writing here. This is becuase unlike Resources, Hoistable Elements act more like
+  // regular elements, each rendered element has a unique representation in the DOM. We don't want
+  // these elements to appear in the DOM early, before the boundary has actually completed
 
   if (currentlyRenderingBoundaryHasStylesToHoist) {
     renderState.stylesToHoist = true;
@@ -3556,13 +3620,13 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
 
   renderState.preconnects.forEach(flushResource, destination);
   renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3580,15 +3644,7 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3596,14 +3652,11 @@ function writePreamble(destination, resumableState, renderState, willFlushAllSeg
     writeChunk(destination, hoistableChunks[i]);
   }
 
-  hoistableChunks.length = 0; // Flush closing head if necessary
+  hoistableChunks.length = 0;
 
   if (htmlChunks && headChunks === null) {
-    // We have an <html> rendered but no <head> rendered. We however inserted
-    // a <head> up above so we need to emit the </head> now. This is safe because
-    // if the main content contained the </head> it would also have provided a
-    // <head>. This means that all the content inside <html> is either <body> or
-    // invalid HTML
+    // we have an <html> but we inserted an implicit <head> tag. We need
+    // to close it since the main content won't have it
     writeChunk(destination, endChunkForTag('head'));
   }
 } // We don't bother reporting backpressure at the moment because we expect to
@@ -3616,15 +3669,15 @@ function writeHoistables(destination, resumableState, renderState) {
   // We omit charsetChunks because we have already sent the shell and if it wasn't
   // already sent it is too late now.
 
-  renderState.preconnects.forEach(flushResource, destination);
-  renderState.preconnects.clear();
-  const preconnectChunks = renderState.preconnectChunks;
+  const viewportChunks = renderState.viewportChunks;
 
-  for (i = 0; i < preconnectChunks.length; i++) {
-    writeChunk(destination, preconnectChunks[i]);
+  for (i = 0; i < viewportChunks.length; i++) {
+    writeChunk(destination, viewportChunks[i]);
   }
 
-  preconnectChunks.length = 0;
+  viewportChunks.length = 0;
+  renderState.preconnects.forEach(flushResource, destination);
+  renderState.preconnects.clear();
   renderState.fontPreloads.forEach(flushResource, destination);
   renderState.fontPreloads.clear();
   renderState.highImagePreloads.forEach(flushResource, destination);
@@ -3641,15 +3694,7 @@ function writeHoistables(destination, resumableState, renderState) {
   renderState.scripts.forEach(flushResource, destination);
   renderState.scripts.clear();
   renderState.bulkPreloads.forEach(flushResource, destination);
-  renderState.bulkPreloads.clear(); // Write embedding preloadChunks
-
-  const preloadChunks = renderState.preloadChunks;
-
-  for (i = 0; i < preloadChunks.length; i++) {
-    writeChunk(destination, preloadChunks[i]);
-  }
-
-  preloadChunks.length = 0; // Write embedding hoistableChunks
+  renderState.bulkPreloads.clear(); // Write embedding hoistableChunks
 
   const hoistableChunks = renderState.hoistableChunks;
 
@@ -3675,10 +3720,10 @@ const arrayCloseBracket = stringToPrecomputedChunk(']'); // This function writes
 // E.g.
 //  [["JS_escaped_string1", "JS_escaped_string2"]]
 
-function writeStyleResourceDependenciesInJS(destination, boundaryResources) {
+function writeStyleResourceDependenciesInJS(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3765,6 +3810,7 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3824,10 +3870,10 @@ function writeStyleResourceAttributeInJS(destination, name, value) // not null o
 //  [[&quot;JSON_escaped_string1&quot;, &quot;JSON_escaped_string2&quot;]]
 
 
-function writeStyleResourceDependenciesInAttr(destination, boundaryResources) {
+function writeStyleResourceDependenciesInAttr(destination, hoistableState) {
   writeChunk(destination, arrayFirstOpenBracket);
   let nextArrayOpenBrackChunk = arrayFirstOpenBracket;
-  boundaryResources.stylesheets.forEach(resource => {
+  hoistableState.stylesheets.forEach(resource => {
     if (resource.state === PREAMBLE) ; else if (resource.state === LATE) {
       // We only need to emit the href because this resource flushed in an earlier
       // boundary already which encoded the attributes necessary to construct
@@ -3914,6 +3960,7 @@ function writeStyleResourceAttributeInAttr(destination, name, value) // not null
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'style':
+    case 'ref':
       // Ignored
       return;
     // Attribute renames
@@ -3977,15 +4024,12 @@ const PENDING$1 = 0;
 const PRELOADED = 1;
 const PREAMBLE = 2;
 const LATE = 3;
-function createBoundaryResources() {
+function createHoistableState() {
   return {
     styles: new Set(),
     stylesheets: new Set()
   };
 }
-function setCurrentlyRenderingBoundaryResourcesTarget(renderState, boundaryResources) {
-  renderState.boundaryResources = boundaryResources;
-}
 
 function getResourceKey(href) {
   return href;
@@ -4770,13 +4814,9 @@ function hoistStylesheetDependency(stylesheet) {
   this.stylesheets.add(stylesheet);
 }
 
-function hoistResources(renderState, source) {
-  const currentBoundaryResources = renderState.boundaryResources;
-
-  if (currentBoundaryResources) {
-    source.styles.forEach(hoistStyleQueueDependency, currentBoundaryResources);
-    source.stylesheets.forEach(hoistStylesheetDependency, currentBoundaryResources);
-  }
+function hoistHoistables(parentState, childState) {
+  childState.styles.forEach(hoistStyleQueueDependency, parentState);
+  childState.stylesheets.forEach(hoistStylesheetDependency, parentState);
 } // This function is called at various times depending on whether we are rendering
 // or prerendering. In this implementation we only actually emit headers once and
 // subsequent calls are ignored. We track whether the request has a completed shell
@@ -4874,45 +4914,6 @@ const NotPendingTransition = NotPending;
 
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PORTAL_TYPE = Symbol.for('react.portal');
-const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
-const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
-const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
-const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
-const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
-const REACT_MEMO_TYPE = Symbol.for('react.memo');
-const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SCOPE_TYPE = Symbol.for('react.scope');
-const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
-const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
-const REACT_LEGACY_HIDDEN_TYPE = Symbol.for('react.legacy_hidden');
-const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
-const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-const FAUX_ITERATOR_SYMBOL = '@@iterator';
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== 'object') {
-    return null;
-  }
-
-  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === 'function') {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   const displayName = outerType.displayName;
 
@@ -4979,13 +4980,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -5011,315 +5022,74 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
-let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+const emptyContextObject = {};
+
+function getMaskedContext(type, unmaskedContext) {
   {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        const match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
+    const contextTypes = type.contextTypes;
 
+    if (!contextTypes) {
+      return emptyContextObject;
+    }
 
-    return '\n' + prefix + name;
-  }
-}
-let reentry = false;
-let componentFrameCache;
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
+    const context = {};
 
+    for (const key in contextTypes) {
+      context[key] = unmaskedContext[key];
+    }
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
+    return context;
   }
+}
+function processChildContext(instance, type, parentContext, childContextTypes) {
+  {
+    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+    if (typeof instance.getChildContext !== 'function') {
 
-  reentry = true;
-  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+      return parentContext;
+    }
 
-  Error.prepareStackTrace = undefined;
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
+    const childContext = instance.getChildContext();
 
+    for (const contextKey in childContext) {
+      if (!(contextKey in childContextTypes)) {
+        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
+      }
+    }
 
-  const RunInRootFrame = {
-    DetermineComponentFrameRoot() {
-      let control;
+    return assign({}, parentContext, childContext);
+  }
+}
 
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          const Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
+// Forming a reverse tree.
+// The structure of a context snapshot is an implementation of this file.
+// Currently, it's implemented as tracking the current active node.
 
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
+const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
+// This global (actually thread local) state represents what state all those "current",
+// fields are currently in.
 
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
+let currentActiveSnapshot = null;
 
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
+function popNode(prev) {
+  {
+    prev.context._currentValue = prev.parentValue;
+  }
+}
 
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(() => {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
-  }
-
-  try {
-    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-          sampleStack = _RunInRootFrame$Deter[0],
-          controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      const sampleLines = sampleStack.split('\n');
-      const controlLines = controlStack.split('\n');
-      let s = 0;
-      let c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
-
-
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
-
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
-
-                if (fn.displayName && frame.includes('<anonymous>')) {
-                  frame = frame.replace('<anonymous>', fn.displayName);
-                }
-
-                if (false) ; // Return the line we found.
-
-
-                return frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
-
-          break;
-        }
-      }
-    }
-  } finally {
-    reentry = false;
-
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
-
-
-  const name = fn ? fn.displayName || fn.name : '';
-  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
-
-  return syntheticFrame;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(ctor, true);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
-
-const emptyContextObject = {};
-
-function getMaskedContext(type, unmaskedContext) {
-  {
-    const contextTypes = type.contextTypes;
-
-    if (!contextTypes) {
-      return emptyContextObject;
-    }
-
-    const context = {};
-
-    for (const key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
-
-    return context;
-  }
-}
-function processChildContext(instance, type, parentContext, childContextTypes) {
-  {
-    // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
-    if (typeof instance.getChildContext !== 'function') {
-
-      return parentContext;
-    }
-
-    const childContext = instance.getChildContext();
-
-    for (const contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error((getComponentNameFromType(type) || 'Unknown') + ".getChildContext(): key \"" + contextKey + "\" is not defined in childContextTypes.");
-      }
-    }
-
-    return assign({}, parentContext, childContext);
-  }
-}
-
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
+function pushNode(next) {
+  {
+    next.context._currentValue = next.value;
+  }
+}
 
 function popToNearestCommonAncestor(prev, next) {
   if (prev === next) ; else {
@@ -5459,12 +5229,7 @@ function popProvider(context) {
 
   {
     const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
+    prevSnapshot.context._currentValue = value;
   }
 
   return currentActiveSnapshot = prevSnapshot.parent;
@@ -6411,7 +6176,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return unwrapThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -6497,6 +6262,246 @@ const DefaultCacheDispatcher = {
   getCacheForType
 };
 
+let prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        const match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+let reentry = false;
+let componentFrameCache;
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  reentry = true;
+  const previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  const RunInRootFrame = {
+    DetermineComponentFrameRoot() {
+      let control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          const Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          const maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(() => {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  const namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    const _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+          sampleStack = _RunInRootFrame$Deter[0],
+          controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      const sampleLines = sampleStack.split('\n');
+      const controlLines = controlStack.split('\n');
+      let s = 0;
+      let c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                let frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+                if (fn.displayName && frame.includes('<anonymous>')) {
+                  frame = frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (false) ; // Return the line we found.
+
+
+                return frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  const name = fn ? fn.displayName || fn.name : '';
+  const syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  return syntheticFrame;
+}
+
+function describeClassComponentFrame(ctor, ownerFn) {
+  {
+    return describeNativeComponentFrame(ctor, true);
+  }
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
 function getStackByComponentStackNode(componentStack) {
   try {
     let info = '';
@@ -6505,15 +6510,15 @@ function getStackByComponentStackNode(componentStack) {
     do {
       switch (node.tag) {
         case 0:
-          info += describeBuiltInComponentFrame(node.type, null, null);
+          info += describeBuiltInComponentFrame(node.type, null);
           break;
 
         case 1:
-          info += describeFunctionComponentFrame(node.type, null, null);
+          info += describeFunctionComponentFrame(node.type, null);
           break;
 
         case 2:
-          info += describeClassComponentFrame(node.type, null, null);
+          info += describeClassComponentFrame(node.type, null);
           break;
       } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
@@ -6605,7 +6610,7 @@ function createRequest(children, resumableState, renderState, rootFormatContext,
   false, false); // There is no parent so conceptually, we're unblocked to flush this segment.
 
   rootSegment.parentFlushed = true;
-  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null);
+  const rootTask = createRenderTask(request, null, children, -1, null, rootSegment, null, abortSet, null, rootFormatContext, emptyContextObject, rootContextSnapshot, emptyTreeContext, null, false);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -6641,13 +6646,14 @@ function createSuspenseBoundary(request, fallbackAbortableTasks) {
     byteSize: 0,
     fallbackAbortableTasks,
     errorDigest: null,
-    resources: createBoundaryResources(),
+    contentState: createHoistableState(),
+    fallbackState: createHoistableState(),
     trackedContentKeyPath: null,
     trackedFallbackNode: null
   };
 }
 
-function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createRenderTask(request, thenableState, node, childIndex, blockedBoundary, blockedSegment, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6663,6 +6669,7 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6670,13 +6677,14 @@ function createRenderTask(request, thenableState, node, childIndex, blockedBound
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
 }
 
-function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack) {
+function createReplayTask(request, thenableState, replay, node, childIndex, blockedBoundary, hoistableState, abortSet, keyPath, formatContext, legacyContext, context, treeContext, componentStack, isFallback) {
   request.allPendingTasks++;
 
   if (blockedBoundary === null) {
@@ -6693,6 +6701,7 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     ping: () => pingTask(request, task),
     blockedBoundary,
     blockedSegment: null,
+    hoistableState,
     abortSet,
     keyPath,
     formatContext,
@@ -6700,7 +6709,8 @@ function createReplayTask(request, thenableState, replay, node, childIndex, bloc
     context,
     treeContext,
     componentStack,
-    thenableState
+    thenableState,
+    isFallback
   };
   abortSet.add(task);
   return task;
@@ -6827,6 +6837,7 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   const suspenseComponentStack = task.componentStack = createBuiltInComponentStack(task, 'Suspense');
   const prevKeyPath = task.keyPath;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const parentSegment = task.blockedSegment; // Each time we enter a suspense boundary, we split out into a new segment for
   // the fallback so that we can later replace that segment with the content.
   // This also lets us split out the main content even if it doesn't suspend,
@@ -6862,12 +6873,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = newBoundary;
+  task.hoistableState = newBoundary.contentState;
   task.blockedSegment = contentRootSegment;
-
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, newBoundary.resources);
-  }
-
   task.keyPath = keyPath;
 
   try {
@@ -6901,11 +6908,8 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.blockedSegment = parentSegment;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -6932,9 +6936,9 @@ function renderSuspenseBoundary(request, someTask, keyPath, props) {
   // on it yet in case we finish the main content, so we queue for later.
 
 
-  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createRenderTask(request, null, fallback, -1, parentBoundary, boundarySegment, newBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -6948,6 +6952,7 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   const prevKeyPath = task.keyPath;
   const previousReplaySet = task.replay;
   const parentBoundary = task.blockedBoundary;
+  const parentHoistableState = task.hoistableState;
   const content = props.children;
   const fallback = props.fallback;
   const fallbackAbortSet = new Set();
@@ -6959,16 +6964,13 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
   // we're writing to. If something suspends, it'll spawn new suspended task with that context.
 
   task.blockedBoundary = resumedBoundary;
+  task.hoistableState = resumedBoundary.contentState;
   task.replay = {
     nodes: childNodes,
     slots: childSlots,
     pendingTasks: 1
   };
 
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, resumedBoundary.resources);
-  }
-
   try {
     // We use the safe form because we don't handle suspending here. Only error handling.
     renderNode(request, task, content, -1);
@@ -7006,11 +7008,8 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     // We don't need to schedule any task because we know the parent has written yet.
     // We do need to fallthrough to create the fallback though.
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, parentBoundary ? parentBoundary.resources : null);
-    }
-
     task.blockedBoundary = parentBoundary;
+    task.hoistableState = parentHoistableState;
     task.replay = previousReplaySet;
     task.keyPath = prevKeyPath;
     task.componentStack = previousComponentStack;
@@ -7024,9 +7023,9 @@ function replaySuspenseBoundary(request, task, keyPath, props, id, childNodes, c
     slots: fallbackSlots,
     pendingTasks: 0
   };
-  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
+  const suspendedFallbackTask = createReplayTask(request, null, fallbackReplay, fallback, -1, parentBoundary, resumedBoundary.fallbackState, fallbackAbortSet, fallbackKeyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // This stack should be the Suspense boundary stack because while the fallback is actually a child segment
   // of the parent boundary from a component standpoint the fallback is a child of the Suspense boundary itself
-  suspenseComponentStack); // TODO: This should be queued at a separate lower priority queue so that we only work
+  suspenseComponentStack, true); // TODO: This should be queued at a separate lower priority queue so that we only work
   // on preparing fallbacks if we don't have any more main content to task on.
 
   request.pingedTasks.push(suspendedFallbackTask);
@@ -7054,7 +7053,7 @@ function renderHostElement(request, task, keyPath, type, props) {
     task.keyPath = prevKeyPath;
   } else {
     // Render
-    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.formatContext, segment.lastPushedText);
+    const children = pushStartInstance(segment.chunks, type, props, request.resumableState, request.renderState, task.hoistableState, task.formatContext, segment.lastPushedText, task.isFallback);
     segment.lastPushedText = false;
     const prevContext = task.formatContext;
     const prevKeyPath = task.keyPath;
@@ -7078,7 +7077,12 @@ function shouldConstruct(Component) {
   return Component.prototype && Component.prototype.isReactComponent;
 }
 
-function renderWithHooks(request, task, keyPath, prevThenableState, Component, props, secondArg) {
+function renderWithHooks(request, task, keyPath, Component, props, secondArg) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
   const componentIdentity = {};
   prepareToUseHooks(request, task, keyPath, componentIdentity, prevThenableState);
   const result = Component(props, secondArg);
@@ -7095,7 +7099,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
       const previousContext = task.legacyContext;
       const mergedContext = processChildContext(instance, Component, previousContext, childContextTypes);
       task.legacyContext = mergedContext;
-      renderNodeDestructive(request, task, null, nextChildren, -1);
+      renderNodeDestructive(request, task, nextChildren, -1);
       task.legacyContext = previousContext;
       return;
     }
@@ -7103,7 +7107,7 @@ function finishClassComponent(request, task, keyPath, instance, Component, props
 
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, nextChildren, -1);
+  renderNodeDestructive(request, task, nextChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
@@ -7118,7 +7122,7 @@ function renderClassComponent(request, task, keyPath, Component, props) {
 }
 // components for some reason.
 
-function renderIndeterminateComponent(request, task, keyPath, prevThenableState, Component, props) {
+function renderIndeterminateComponent(request, task, keyPath, Component, props) {
   let legacyContext;
 
   {
@@ -7128,7 +7132,7 @@ function renderIndeterminateComponent(request, task, keyPath, prevThenableState,
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, Component);
 
-  const value = renderWithHooks(request, task, keyPath, prevThenableState, Component, props, legacyContext);
+  const value = renderWithHooks(request, task, keyPath, Component, props, legacyContext);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7195,7 +7199,7 @@ function finishFunctionComponent(request, task, keyPath, children, hasId, formSt
     // We're now successfully past this task, and we haven't modified the
     // context stack. We don't have to pop back to the previous task every
     // again, so we can use the destructive recursive form.
-    renderNodeDestructive(request, task, null, children, -1);
+    renderNodeDestructive(request, task, children, -1);
   }
 
   task.keyPath = prevKeyPath;
@@ -7219,10 +7223,16 @@ function resolveDefaultProps(Component, baseProps) {
   return baseProps;
 }
 
-function renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderForwardRef(request, task, keyPath, type, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createFunctionComponentStack(task, type.render);
-  const children = renderWithHooks(request, task, keyPath, prevThenableState, type.render, props, ref);
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = props;
+  }
+
+  const children = renderWithHooks(request, task, keyPath, type.render, propsWithoutRef, ref);
   const hasId = checkDidRenderIdHook();
   const formStateCount = getFormStateCount();
   const formStateMatchingIndex = getFormStateMatchingIndex();
@@ -7230,45 +7240,43 @@ function renderForwardRef(request, task, keyPath, prevThenableState, type, props
   task.componentStack = previousComponentStack;
 }
 
-function renderMemo(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderMemo(request, task, keyPath, type, props, ref) {
   const innerType = type.type;
   const resolvedProps = resolveDefaultProps(innerType, props);
-  renderElement(request, task, keyPath, prevThenableState, innerType, resolvedProps, ref);
+  renderElement(request, task, keyPath, innerType, resolvedProps, ref);
 }
 
 function renderContextConsumer(request, task, keyPath, context, props) {
-
   const render = props.children;
 
   const newValue = readContext$1(context);
   const newChildren = render(newValue);
   const prevKeyPath = task.keyPath;
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, newChildren, -1);
+  renderNodeDestructive(request, task, newChildren, -1);
   task.keyPath = prevKeyPath;
 }
 
-function renderContextProvider(request, task, keyPath, type, props) {
-  const context = type._context;
+function renderContextProvider(request, task, keyPath, context, props) {
   const value = props.value;
   const children = props.children;
 
   const prevKeyPath = task.keyPath;
   task.context = pushProvider(context, value);
   task.keyPath = keyPath;
-  renderNodeDestructive(request, task, null, children, -1);
+  renderNodeDestructive(request, task, children, -1);
   task.context = popProvider();
   task.keyPath = prevKeyPath;
 }
 
-function renderLazyComponent(request, task, keyPath, prevThenableState, lazyComponent, props, ref) {
+function renderLazyComponent(request, task, keyPath, lazyComponent, props, ref) {
   const previousComponentStack = task.componentStack;
   task.componentStack = createBuiltInComponentStack(task, 'Lazy');
   const payload = lazyComponent._payload;
   const init = lazyComponent._init;
   const Component = init(payload);
   const resolvedProps = resolveDefaultProps(Component, props);
-  renderElement(request, task, keyPath, prevThenableState, Component, resolvedProps, ref);
+  renderElement(request, task, keyPath, Component, resolvedProps, ref);
   task.componentStack = previousComponentStack;
 }
 
@@ -7280,18 +7288,18 @@ function renderOffscreen(request, task, keyPath, props) {
     // pure indirection.
     const prevKeyPath = task.keyPath;
     task.keyPath = keyPath;
-    renderNodeDestructive(request, task, null, props.children, -1);
+    renderNodeDestructive(request, task, props.children, -1);
     task.keyPath = prevKeyPath;
   }
 }
 
-function renderElement(request, task, keyPath, prevThenableState, type, props, ref) {
+function renderElement(request, task, keyPath, type, props, ref) {
   if (typeof type === 'function') {
     if (shouldConstruct(type)) {
       renderClassComponent(request, task, keyPath, type, props);
       return;
     } else {
-      renderIndeterminateComponent(request, task, keyPath, prevThenableState, type, props);
+      renderIndeterminateComponent(request, task, keyPath, type, props);
       return;
     }
   }
@@ -7319,7 +7327,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
       {
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         return;
       }
@@ -7337,7 +7345,7 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
 
         const prevKeyPath = task.keyPath;
         task.keyPath = keyPath;
-        renderNodeDestructive(request, task, null, props.children, -1);
+        renderNodeDestructive(request, task, props.children, -1);
         task.keyPath = prevKeyPath;
         task.componentStack = preiousComponentStack;
         return;
@@ -7363,31 +7371,41 @@ function renderElement(request, task, keyPath, prevThenableState, type, props, r
     switch (type.$$typeof) {
       case REACT_FORWARD_REF_TYPE:
         {
-          renderForwardRef(request, task, keyPath, prevThenableState, type, props, ref);
+          renderForwardRef(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_MEMO_TYPE:
         {
-          renderMemo(request, task, keyPath, prevThenableState, type, props, ref);
+          renderMemo(request, task, keyPath, type, props, ref);
           return;
         }
 
       case REACT_PROVIDER_TYPE:
         {
-          renderContextProvider(request, task, keyPath, type, props);
-          return;
+          {
+            const context = type._context;
+            renderContextProvider(request, task, keyPath, context, props);
+            return;
+          } // Fall through
+
         }
 
       case REACT_CONTEXT_TYPE:
         {
-          renderContextConsumer(request, task, keyPath, type, props);
-          return;
+          {
+            let context = type;
+
+            renderContextConsumer(request, task, keyPath, context, props);
+            return;
+          }
         }
 
+      case REACT_CONSUMER_TYPE:
+
       case REACT_LAZY_TYPE:
         {
-          renderLazyComponent(request, task, keyPath, prevThenableState, type, props);
+          renderLazyComponent(request, task, keyPath, type, props);
           return;
         }
     }
@@ -7429,7 +7447,7 @@ function resumeNode(request, task, segmentId, node, childIndex) {
   }
 }
 
-function replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, replay) {
+function replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, replay) {
   // We're replaying. Find the path to follow.
   const replayNodes = replay.nodes;
 
@@ -7458,7 +7476,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
       };
 
       try {
-        renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+        renderElement(request, task, keyPath, type, props, ref);
 
         if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0 // TODO check remaining slots
         ) {
@@ -7510,9 +7528,7 @@ function replayElement(request, task, keyPath, prevThenableState, name, keyOrInd
 // to update the current execution state.
 
 
-function renderNodeDestructive(request, task, // The thenable state reused from the previous attempt, if any. This is almost
-// always null, except when called by retryTask.
-prevThenableState, node, childIndex) {
+function renderNodeDestructive(request, task, node, childIndex) {
   if (task.replay !== null && typeof task.replay.slots === 'number') {
     // TODO: Figure out a cheaper place than this hot path to do this check.
     const resumeSegmentID = task.replay.slots;
@@ -7523,9 +7539,14 @@ prevThenableState, node, childIndex) {
 
 
   task.node = node;
-  task.childIndex = childIndex; // Handle object types
+  task.childIndex = childIndex;
+
+  if (node === null) {
+    return;
+  } // Handle object types
+
 
-  if (typeof node === 'object' && node !== null) {
+  if (typeof node === 'object') {
     switch (node.$$typeof) {
       case REACT_ELEMENT_TYPE:
         {
@@ -7533,17 +7554,22 @@ prevThenableState, node, childIndex) {
           const type = element.type;
           const key = element.key;
           const props = element.props;
-          const ref = element.ref;
+          let ref;
+
+          {
+            ref = element.ref;
+          }
+
           const name = getComponentNameFromType(type);
           const keyOrIndex = key == null ? childIndex === -1 ? 0 : childIndex : key;
           const keyPath = [task.keyPath, name, keyOrIndex];
 
           if (task.replay !== null) {
-            replayElement(request, task, keyPath, prevThenableState, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
+            replayElement(request, task, keyPath, name, keyOrIndex, childIndex, type, props, ref, task.replay); // No matches found for this node. We assume it's already emitted in the
             // prelude and skip it during the replay.
           } else {
             // We're doing a plain render.
-            renderElement(request, task, keyPath, prevThenableState, type, props, ref);
+            renderElement(request, task, keyPath, type, props, ref);
           }
 
           return;
@@ -7564,7 +7590,7 @@ prevThenableState, node, childIndex) {
 
           task.componentStack = previousComponentStack; // Now we render the resolved node
 
-          renderNodeDestructive(request, task, null, resolvedNode, childIndex);
+          renderNodeDestructive(request, task, resolvedNode, childIndex);
           return;
         }
     }
@@ -7616,13 +7642,15 @@ prevThenableState, node, childIndex) {
     const maybeUsable = node;
 
     if (typeof maybeUsable.then === 'function') {
+      // Clear any previous thenable state that was created by the unwrapping.
+      task.thenableState = null;
       const thenable = maybeUsable;
-      return renderNodeDestructive(request, task, null, unwrapThenable(thenable), childIndex);
+      return renderNodeDestructive(request, task, unwrapThenable(thenable), childIndex);
     }
 
-    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE || maybeUsable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    if (maybeUsable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = maybeUsable;
-      return renderNodeDestructive(request, task, null, readContext$1(context), childIndex);
+      return renderNodeDestructive(request, task, readContext$1(context), childIndex);
     } // $FlowFixMe[method-unbinding]
 
 
@@ -7797,9 +7825,9 @@ function untrackBoundary(request, boundary) {
 }
 
 function spawnNewSuspendedReplayTask(request, task, thenableState, x) {
-  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createReplayTask(request, thenableState, task.replay, task.node, task.childIndex, task.blockedBoundary, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 }
@@ -7814,9 +7842,9 @@ function spawnNewSuspendedRenderTask(request, task, thenableState, x) {
   segment.children.push(newSegment); // Reset lastPushedText for current Segment since the new Segment "consumed" it
 
   segment.lastPushedText = false;
-  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
+  const newTask = createRenderTask(request, thenableState, task.node, task.childIndex, task.blockedBoundary, newSegment, task.hoistableState, task.abortSet, task.keyPath, task.formatContext, task.legacyContext, task.context, task.treeContext, // We pop one task off the stack because the node that suspended will be tried again,
   // which will add it back onto the stack.
-  task.componentStack !== null ? task.componentStack.parent : null);
+  task.componentStack !== null ? task.componentStack.parent : null, task.isFallback);
   const ping = newTask.ping;
   x.then(ping, ping);
 } // This is a non-destructive form of rendering a node. If it suspends it spawns
@@ -7840,7 +7868,7 @@ function renderNode(request, task, node, childIndex) {
   if (segment === null) {
     // Replay
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState();
       x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
@@ -7878,7 +7906,7 @@ function renderNode(request, task, node, childIndex) {
     const chunkLength = segment.chunks.length;
 
     try {
-      return renderNodeDestructive(request, task, null, node, childIndex);
+      return renderNodeDestructive(request, task, node, childIndex);
     } catch (thrownValue) {
       resetHooksState(); // Reset the write pointers to where we started.
 
@@ -8068,8 +8096,11 @@ function abortTask(task, request, error) {
       if (replay === null) {
         // We didn't complete the root so we have nothing to show. We can close
         // the request;
-        logRecoverableError(request, error, errorInfo);
-        fatalError(request, error);
+        {
+          logRecoverableError(request, error, errorInfo);
+          fatalError(request, error);
+        }
+
         return;
       } else {
         // If the shell aborts during a replay, that's not a fatal error. Instead
@@ -8078,7 +8109,12 @@ function abortTask(task, request, error) {
         replay.pendingTasks--;
 
         if (replay.pendingTasks === 0 && replay.nodes.length > 0) {
-          const errorDigest = logRecoverableError(request, error, errorInfo);
+          let errorDigest;
+
+          {
+            errorDigest = logRecoverableError(request, error, errorInfo);
+          }
+
           abortRemainingReplayNodes(request, null, replay.nodes, replay.slots, error, errorDigest);
         }
 
@@ -8097,7 +8133,11 @@ function abortTask(task, request, error) {
       // boundary the message is referring to
 
       const errorInfo = getThrownInfo(request, task.componentStack);
-      const errorDigest = logRecoverableError(request, error, errorInfo);
+      let errorDigest;
+
+      {
+        errorDigest = logRecoverableError(request, error, errorInfo);
+      }
 
       encodeErrorForBoundary(boundary, errorDigest);
       untrackBoundary(request, boundary);
@@ -8260,11 +8300,6 @@ function finishedTask(request, boundary, segment) {
 }
 
 function retryTask(request, task) {
-  {
-    const blockedBoundary = task.blockedBoundary;
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, blockedBoundary ? blockedBoundary.resources : null);
-  }
-
   const segment = task.blockedSegment;
 
   if (segment === null) {
@@ -8293,12 +8328,7 @@ function retryRenderTask(request, task, segment) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
     pushSegmentFinale(segment.chunks, request.renderState, segment.lastPushedText, segment.textEmbedded);
     task.abortSet.delete(task);
     segment.status = COMPLETED;
@@ -8332,9 +8362,6 @@ function retryRenderTask(request, task, segment) {
     erroredTask(request, task.blockedBoundary, x, errorInfo);
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8352,12 +8379,7 @@ function retryReplayTask(request, task) {
   try {
     // We call the destructive form that mutates this task. That way if something
     // suspends again, we can reuse the same task instead of spawning a new one.
-    // Reset the task's thenable state before continuing, so that if a later
-    // component suspends we can reuse the same task object. If the same
-    // component suspends again, the thenable state will be restored.
-    const prevThenableState = task.thenableState;
-    task.thenableState = null;
-    renderNodeDestructive(request, task, prevThenableState, task.node, task.childIndex);
+    renderNodeDestructive(request, task, task.node, task.childIndex);
 
     if (task.replay.pendingTasks === 1 && task.replay.nodes.length > 0) {
       throw new Error("Couldn't find all resumable slots by key/index during replaying. " + "The tree doesn't match so React will fallback to client rendering.");
@@ -8404,9 +8426,6 @@ function retryReplayTask(request, task) {
 
     return;
   } finally {
-    {
-      setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, null);
-    }
   }
 }
 
@@ -8472,7 +8491,12 @@ function performWork(request) {
   }
 }
 
-function flushSubtree(request, destination, segment) {
+function flushPreamble(request, destination, rootSegment) {
+  const willFlushAllSegments = request.allPendingTasks === 0 && request.trackedPostpones === null;
+  writePreamble(destination, request.resumableState, request.renderState, willFlushAllSegments);
+}
+
+function flushSubtree(request, destination, segment, hoistableState) {
   segment.parentFlushed = true;
 
   switch (segment.status) {
@@ -8507,7 +8531,7 @@ function flushSubtree(request, destination, segment) {
             writeChunk(destination, chunks[chunkIdx]);
           }
 
-          r = flushSegment(request, destination, nextChild);
+          r = flushSegment(request, destination, nextChild, hoistableState);
         } // Finally just write all the remaining chunks
 
 
@@ -8529,12 +8553,12 @@ function flushSubtree(request, destination, segment) {
   }
 }
 
-function flushSegment(request, destination, segment) {
+function flushSegment(request, destination, segment, hoistableState) {
   const boundary = segment.boundary;
 
   if (boundary === null) {
     // Not a suspense boundary.
-    return flushSubtree(request, destination, segment);
+    return flushSubtree(request, destination, segment, hoistableState);
   }
 
   boundary.parentFlushed = true; // This segment is a Suspense boundary. We need to decide whether to
@@ -8545,7 +8569,7 @@ function flushSegment(request, destination, segment) {
     // We never queue the inner boundary so we'll never emit its content or partial segments.
     writeStartClientRenderedSuspenseBoundary(destination, request.renderState, boundary.errorDigest); // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndClientRenderedSuspenseBoundary(destination);
   } else if (boundary.status !== COMPLETED) {
     if (boundary.status === PENDING) {
@@ -8561,9 +8585,17 @@ function flushSegment(request, destination, segment) {
 
 
     const id = boundary.rootSegmentID;
-    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, id); // We are going to flush the fallback so we need to hoist the fallback
+    // state to the parent boundary
+
+    {
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.fallbackState);
+      }
+    } // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else if (boundary.byteSize > request.progressiveChunkSize) {
     // This boundary is large and will be emitted separately so that we can progressively show
@@ -8575,13 +8607,19 @@ function flushSegment(request, destination, segment) {
     boundary.rootSegmentID = request.nextSegmentId++;
     request.completedBoundaries.push(boundary); // Emit a pending rendered suspense boundary wrapper.
 
-    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // Flush the fallback.
+    writeStartPendingSuspenseBoundary(destination, request.renderState, boundary.rootSegmentID); // While we are going to flush the fallback we are going to follow it up with
+    // the completed boundary immediately so we make the choice to omit fallback
+    // boundary state from the parent since it will be replaced when the boundary
+    // flushes later in this pass or in a future flush
+    // Flush the fallback.
 
-    flushSubtree(request, destination, segment);
+    flushSubtree(request, destination, segment, hoistableState);
     return writeEndPendingSuspenseBoundary(destination);
   } else {
     {
-      hoistResources(request.renderState, boundary.resources);
+      if (hoistableState) {
+        hoistHoistables(hoistableState, boundary.contentState);
+      }
     } // We can inline this boundary's content as a complete boundary.
 
 
@@ -8593,7 +8631,7 @@ function flushSegment(request, destination, segment) {
     }
 
     const contentSegment = completedSegments[0];
-    flushSegment(request, destination, contentSegment);
+    flushSegment(request, destination, contentSegment, hoistableState);
     return writeEndCompletedSuspenseBoundary(destination);
   }
 }
@@ -8602,17 +8640,13 @@ function flushClientRenderedBoundary(request, destination, boundary) {
   return writeClientRenderBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.errorDigest, boundary.errorMessage, boundary.errorComponentStack);
 }
 
-function flushSegmentContainer(request, destination, segment) {
+function flushSegmentContainer(request, destination, segment, hoistableState) {
   writeStartSegment(destination, request.renderState, segment.parentFormatContext, segment.id);
-  flushSegment(request, destination, segment);
+  flushSegment(request, destination, segment, hoistableState);
   return writeEndSegment(destination, segment.parentFormatContext);
 }
 
 function flushCompletedBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8624,17 +8658,13 @@ function flushCompletedBoundary(request, destination, boundary) {
   completedSegments.length = 0;
 
   {
-    writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 
-  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.resources);
+  return writeCompletedBoundaryInstruction(destination, request.resumableState, request.renderState, boundary.rootSegmentID, boundary.contentState);
 }
 
 function flushPartialBoundary(request, destination, boundary) {
-  {
-    setCurrentlyRenderingBoundaryResourcesTarget(request.renderState, boundary.resources);
-  }
-
   const completedSegments = boundary.completedSegments;
   let i = 0;
 
@@ -8653,11 +8683,7 @@ function flushPartialBoundary(request, destination, boundary) {
   completedSegments.splice(0, i);
 
   {
-    // The way this is structured we only write resources for partial boundaries
-    // if there is no backpressure. Later before we complete the boundary we
-    // will write resources regardless of backpressure before we emit the
-    // completion instruction
-    return writeResourcesForBoundary(destination, boundary.resources, request.renderState);
+    return writeHoistablesForBoundary(destination, boundary.contentState, request.renderState);
   }
 }
 
@@ -8667,6 +8693,7 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
     return true;
   }
 
+  const hoistableState = boundary.contentState;
   const segmentID = segment.id;
 
   if (segmentID === -1) {
@@ -8678,13 +8705,13 @@ function flushPartiallyCompletedSegment(request, destination, boundary, segment)
       throw new Error('A root segment ID must have been assigned by now. This is a bug in React.');
     }
 
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else if (segmentID === boundary.rootSegmentID) {
     // When we emit postponed boundaries, we might have assigned the ID already
     // but it's still the root segment so we can't inject it into the parent yet.
-    return flushSegmentContainer(request, destination, segment);
+    return flushSegmentContainer(request, destination, segment, hoistableState);
   } else {
-    flushSegmentContainer(request, destination, segment);
+    flushSegmentContainer(request, destination, segment, hoistableState);
     return writeCompletedSegmentInstruction(destination, request.resumableState, request.renderState, segmentID);
   }
 }
@@ -8706,10 +8733,10 @@ function flushCompletedQueues(request, destination) {
         return;
       } else if (request.pendingRootTasks === 0) {
         if (enableFloat) {
-          writePreamble(destination, request.resumableState, request.renderState, request.allPendingTasks === 0 && request.trackedPostpones === null);
+          flushPreamble(request, destination, completedRootSegment);
         }
 
-        flushSegment(request, destination, completedRootSegment);
+        flushSegment(request, destination, completedRootSegment, null);
         request.completedRootSegment = null;
         writeCompletedRoot(destination, request.renderState);
       } else {
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.min.js
index 2e24ae04c00014..10a2f9c2fb7e39 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-server.node.production.min.js
@@ -7,191 +7,190 @@
  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 ba=require("util"),ca=require("crypto"),ka=require("async_hooks"),la=require("next/dist/compiled/react"),ma=require("react-dom");function pa(a){"function"===typeof a.flush&&a.flush()}var k=null,n=0,qa=!0;
-function v(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<n&&(wa(a,k.subarray(0,n)),k=new Uint8Array(2048),n=0),wa(a,xa.encode(b));else{var c=k;0<n&&(c=k.subarray(n));c=xa.encodeInto(b,c);var d=c.read;n+=c.written;d<b.length&&(wa(a,k.subarray(0,n)),k=new Uint8Array(2048),n=xa.encodeInto(b.slice(d),k).written);2048===n&&(wa(a,k),k=new Uint8Array(2048),n=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<n&&(wa(a,k.subarray(0,n)),k=new Uint8Array(2048),n=0),wa(a,b)):(c=k.length-n,c<
-b.byteLength&&(0===c?wa(a,k):(k.set(b.subarray(0,c),n),n+=c,wa(a,k),b=b.subarray(c)),k=new Uint8Array(2048),n=0),k.set(b,n),n+=b.byteLength,2048===n&&(wa(a,k),k=new Uint8Array(2048),n=0)))}function wa(a,b){a=a.write(b);qa=qa&&a}function y(a,b){v(a,b);return qa}function ya(a){k&&0<n&&a.write(k.subarray(0,n));k=null;n=0;qa=!0}var xa=new ba.TextEncoder;function z(a){return xa.encode(a)}
-var B=Object.assign,C=Object.prototype.hasOwnProperty,Ea=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Fa={},Ga={};
-function Ha(a){if(C.call(Ga,a))return!0;if(C.call(Fa,a))return!1;if(Ea.test(a))return Ga[a]=!0;Fa[a]=!0;return!1}
-var Ia=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),Ja=
+'use strict';var aa=require("util"),ca=require("crypto"),da=require("async_hooks"),fa=require("next/dist/compiled/react"),ha=require("react-dom"),ka=Symbol.for("react.element"),la=Symbol.for("react.portal"),ma=Symbol.for("react.fragment"),sa=Symbol.for("react.strict_mode"),ta=Symbol.for("react.profiler"),ua=Symbol.for("react.provider"),Da=Symbol.for("react.consumer"),Ea=Symbol.for("react.context"),Fa=Symbol.for("react.forward_ref"),Ga=Symbol.for("react.suspense"),Ha=Symbol.for("react.suspense_list"),Ia=Symbol.for("react.memo"),
+Ja=Symbol.for("react.lazy"),Ka=Symbol.for("react.scope"),Ta=Symbol.for("react.debug_trace_mode"),Ua=Symbol.for("react.offscreen"),Va=Symbol.for("react.legacy_hidden"),Wa=Symbol.for("react.cache"),Xa=Symbol.iterator,Ya=Array.isArray;function Za(a){"function"===typeof a.flush&&a.flush()}var k=null,n=0,$a=!0;
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<n&&(jb(a,k.subarray(0,n)),k=new Uint8Array(2048),n=0),jb(a,qb.encode(b));else{var c=k;0<n&&(c=k.subarray(n));c=qb.encodeInto(b,c);var d=c.read;n+=c.written;d<b.length&&(jb(a,k.subarray(0,n)),k=new Uint8Array(2048),n=qb.encodeInto(b.slice(d),k).written);2048===n&&(jb(a,k),k=new Uint8Array(2048),n=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<n&&(jb(a,k.subarray(0,n)),k=new Uint8Array(2048),n=0),jb(a,b)):(c=k.length-n,c<
+b.byteLength&&(0===c?jb(a,k):(k.set(b.subarray(0,c),n),n+=c,jb(a,k),b=b.subarray(c)),k=new Uint8Array(2048),n=0),k.set(b,n),n+=b.byteLength,2048===n&&(jb(a,k),k=new Uint8Array(2048),n=0)))}function jb(a,b){a=a.write(b);$a=$a&&a}function z(a,b){u(a,b);return $a}function rb(a){k&&0<n&&a.write(k.subarray(0,n));k=null;n=0;$a=!0}var qb=new aa.TextEncoder;function B(a){return qb.encode(a)}
+var C=Object.assign,D=Object.prototype.hasOwnProperty,sb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),tb={},ub={};
+function vb(a){if(D.call(ub,a))return!0;if(D.call(tb,a))return!1;if(sb.test(a))return ub[a]=!0;tb[a]=!0;return!1}
+var wb=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" ")),xb=
 new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Ka=/["'&<>]/;
-function D(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=Ka.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
-var La=/([A-Z])/g,Ma=/^ms-/,Ta=Array.isArray,Ua=la.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Va={pending:!1,data:null,method:null,action:null},Wa=ma.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,qb={prefetchDNS:Xa,preconnect:Ya,preload:Za,preloadModule:$a,preinitStyle:ab,preinitScript:bb,preinitModuleScript:cb},E=[],rb=z('"></template>'),sb=z("<script>"),tb=z("\x3c/script>"),ub=z('<script src="'),vb=z('<script type="module" src="'),wb=z('" nonce="'),xb=z('" integrity="'),
-yb=z('" crossorigin="'),zb=z('" async="">\x3c/script>'),Ab=/(<\/|<)(s)(cript)/gi;function Bb(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var Cb=z('<script type="importmap">'),Lb=z("\x3c/script>");function I(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
-function Mb(a,b,c){switch(b){case "noscript":return I(2,null,a.tagScope|1);case "select":return I(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return I(3,null,a.tagScope);case "picture":return I(2,null,a.tagScope|2);case "math":return I(4,null,a.tagScope);case "foreignObject":return I(2,null,a.tagScope);case "table":return I(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return I(6,null,a.tagScope);case "colgroup":return I(8,null,a.tagScope);case "tr":return I(7,null,a.tagScope)}return 5<=
-a.insertionMode?I(2,null,a.tagScope):0===a.insertionMode?"html"===b?I(1,null,a.tagScope):I(2,null,a.tagScope):1===a.insertionMode?I(2,null,a.tagScope):a}var Nb=z("\x3c!-- --\x3e");function Ob(a,b,c,d){if(""===b)return d;d&&a.push(Nb);a.push(D(b));return!0}var Pb=new Map,Qb=z(' style="'),Rb=z(":"),Sb=z(";");
-function Tb(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(C.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=D(d);e=D((""+e).trim())}else f=Pb.get(d),void 0===f&&(f=z(D(d.replace(La,"-$1").toLowerCase().replace(Ma,"-ms-"))),Pb.set(d,f)),e="number"===typeof e?0===e||Ia.has(d)?""+e:e+"px":
-D((""+e).trim());c?(c=!1,a.push(Qb,f,Rb,e)):a.push(Sb,f,Rb,e)}}c||a.push(L)}var O=z(" "),P=z('="'),L=z('"'),Ub=z('=""');function Vb(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,b,Ub)}function Q(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(O,b,P,D(c),L)}function Wb(a){var b=a.nextFormID++;return a.idPrefix+b}var Xb=z(D("javascript:throw new Error('A React form was unexpectedly submitted.')")),Yb=z('<input type="hidden"');
-function Zb(a,b){this.push(Yb);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");Q(this,"name",b);Q(this,"value",a);this.push($b)}
-function ac(a,b,c,d,e,f,g,h){var l=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Wb(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,l=b.data):(a.push(O,"formAction",P,Xb,L),g=f=e=d=h=null,bc(b,c)));null!=h&&R(a,"name",h);null!=d&&R(a,"formAction",d);null!=e&&R(a,"formEncType",e);null!=f&&R(a,"formMethod",f);null!=g&&R(a,"formTarget",g);return l}
-function R(a,b,c){switch(b){case "className":Q(a,"class",c);break;case "tabIndex":Q(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":Q(a,b,c);break;case "style":Tb(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(O,b,P,D(""+c),L);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":break;
-case "autoFocus":case "multiple":case "muted":Vb(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(O,"xlink:href",P,D(""+c),L);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,b,P,D(c),L);break;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":c&&
-"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,b,Ub);break;case "capture":case "download":!0===c?a.push(O,b,Ub):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(O,b,P,D(c),L);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(O,b,P,D(c),L);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(O,b,P,D(c),L);break;case "xlinkActuate":Q(a,"xlink:actuate",c);break;case "xlinkArcrole":Q(a,
-"xlink:arcrole",c);break;case "xlinkRole":Q(a,"xlink:role",c);break;case "xlinkShow":Q(a,"xlink:show",c);break;case "xlinkTitle":Q(a,"xlink:title",c);break;case "xlinkType":Q(a,"xlink:type",c);break;case "xmlBase":Q(a,"xml:base",c);break;case "xmlLang":Q(a,"xml:lang",c);break;case "xmlSpace":Q(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=Ja.get(b)||b,Ha(b)){switch(typeof c){case "function":case "symbol":return;case "boolean":var d=b.toLowerCase().slice(0,
-5);if("data-"!==d&&"aria-"!==d)return}a.push(O,b,P,D(c),L)}}}var S=z(">"),$b=z("/>");function cc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
-function dc(a){var b="";la.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var ec=z(' selected=""'),fc=z('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'A React form was unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.getRootNode(),(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,\nd,b))}});');
-function bc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,fc,tb))}var gc=z("\x3c!--F!--\x3e"),hc=z("\x3c!--F--\x3e");
-function ic(a,b,c,d,e,f,g){var h=b.rel,l=b.href,m=b.precedence;if(3===f||g||null!=b.itemProp||"string"!==typeof h||"string"!==typeof l||""===l)return T(a,b),null;if("stylesheet"===b.rel){if("string"!==typeof m||null!=b.disabled||b.onLoad||b.onError)return T(a,b);f=d.styles.get(m);g=c.styleResources.hasOwnProperty(l)?c.styleResources[l]:void 0;null!==g?(c.styleResources[l]=null,f||(f={precedence:D(m),rules:[],hrefs:[],sheets:new Map},d.styles.set(m,f)),b={state:0,props:B({},b,{"data-precedence":b.precedence,
-precedence:null})},g&&(2===g.length&&jc(b.props,g),(c=d.preloads.stylesheets.get(l))&&0<c.length?c.length=0:b.state=1),f.sheets.set(l,b),d.boundaryResources&&d.boundaryResources.stylesheets.add(b)):f&&(l=f.sheets.get(l))&&d.boundaryResources&&d.boundaryResources.stylesheets.add(l);e&&a.push(Nb);return null}if(b.onLoad||b.onError)return T(a,b);e&&a.push(Nb);switch(b.rel){case "preconnect":case "dns-prefetch":return T(d.preconnectChunks,b);case "preload":return T(d.preloadChunks,b);default:return T(d.hoistableChunks,
-b)}}function T(a,b){a.push(W("link"));for(var c in b)if(C.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:R(a,c,d)}}a.push($b);return null}
-function kc(a,b,c){a.push(W(c));for(var d in b)if(C.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:R(a,d,e)}}a.push($b);return null}
-function lc(a,b){a.push(W("title"));var c=null,d=null,e;for(e in b)if(C.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:R(a,e,f)}}a.push(S);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(D(""+b));cc(a,d,c);a.push(mc("title"));return null}
-function nc(a,b){a.push(W("script"));var c=null,d=null,e;for(e in b)if(C.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:R(a,e,f)}}a.push(S);cc(a,d,c);"string"===typeof c&&a.push(D(c));a.push(mc("script"));return null}
-function oc(a,b,c){a.push(W(c));var d=c=null,e;for(e in b)if(C.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:R(a,e,f)}}a.push(S);cc(a,d,c);return"string"===typeof c?(a.push(D(c)),null):c}var yc=z("\n"),zc=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,Ac=new Map;function W(a){var b=Ac.get(a);if(void 0===b){if(!zc.test(a))throw Error("Invalid tag: "+a);b=z("<"+a);Ac.set(a,b)}return b}var Bc=z("<!DOCTYPE html>");
-function Cc(a,b,c,d,e,f,g){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "select":a.push(W("select"));var h=null,l=null,m;for(m in c)if(C.call(c,m)){var q=c[m];if(null!=q)switch(m){case "children":h=q;break;case "dangerouslySetInnerHTML":l=q;break;case "defaultValue":case "value":break;default:R(a,m,q)}}a.push(S);cc(a,l,h);return h;case "option":var p=f.selectedValue;a.push(W("option"));var r=null,t=null,A=null,F=null,u;for(u in c)if(C.call(c,
-u)){var x=c[u];if(null!=x)switch(u){case "children":r=x;break;case "selected":A=x;break;case "dangerouslySetInnerHTML":F=x;break;case "value":t=x;default:R(a,u,x)}}if(null!=p){var da=null!==t?""+t:dc(r);if(Ta(p))for(var U=0;U<p.length;U++){if(""+p[U]===da){a.push(ec);break}}else""+p===da&&a.push(ec)}else A&&a.push(ec);a.push(S);cc(a,F,r);return r;case "textarea":a.push(W("textarea"));var w=null,G=null,H=null,ea;for(ea in c)if(C.call(c,ea)){var na=c[ea];if(null!=na)switch(ea){case "children":H=na;
-break;case "value":w=na;break;case "defaultValue":G=na;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:R(a,ea,na)}}null===w&&null!==G&&(w=G);a.push(S);if(null!=H){if(null!=w)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Ta(H)){if(1<H.length)throw Error("<textarea> can only have at most one child.");w=""+H[0]}w=""+H}"string"===typeof w&&"\n"===w[0]&&a.push(yc);null!==w&&a.push(D(""+w));
-return null;case "input":a.push(W("input"));var V=null,fa=null,ha=null,J=null,M=null,ra=null,sa=null,ta=null,Na=null,ia;for(ia in c)if(C.call(c,ia)){var aa=c[ia];if(null!=aa)switch(ia){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":V=aa;break;case "formAction":fa=aa;break;case "formEncType":ha=aa;break;case "formMethod":J=aa;break;case "formTarget":M=aa;break;case "defaultChecked":Na=
-aa;break;case "defaultValue":sa=aa;break;case "checked":ta=aa;break;case "value":ra=aa;break;default:R(a,ia,aa)}}var td=ac(a,d,e,fa,ha,J,M,V);null!==ta?Vb(a,"checked",ta):null!==Na&&Vb(a,"checked",Na);null!==ra?R(a,"value",ra):null!==sa&&R(a,"value",sa);a.push($b);null!==td&&td.forEach(Zb,a);return null;case "button":a.push(W("button"));var db=null,ud=null,vd=null,wd=null,xd=null,yd=null,zd=null,eb;for(eb in c)if(C.call(c,eb)){var oa=c[eb];if(null!=oa)switch(eb){case "children":db=oa;break;case "dangerouslySetInnerHTML":ud=
-oa;break;case "name":vd=oa;break;case "formAction":wd=oa;break;case "formEncType":xd=oa;break;case "formMethod":yd=oa;break;case "formTarget":zd=oa;break;default:R(a,eb,oa)}}var Ad=ac(a,d,e,wd,xd,yd,zd,vd);a.push(S);null!==Ad&&Ad.forEach(Zb,a);cc(a,ud,db);if("string"===typeof db){a.push(D(db));var Bd=null}else Bd=db;return Bd;case "form":a.push(W("form"));var fb=null,Cd=null,ua=null,gb=null,hb=null,ib=null,jb;for(jb in c)if(C.call(c,jb)){var va=c[jb];if(null!=va)switch(jb){case "children":fb=va;break;
-case "dangerouslySetInnerHTML":Cd=va;break;case "action":ua=va;break;case "encType":gb=va;break;case "method":hb=va;break;case "target":ib=va;break;default:R(a,jb,va)}}var pc=null,qc=null;if("function"===typeof ua)if("function"===typeof ua.$$FORM_ACTION){var xf=Wb(d),Oa=ua.$$FORM_ACTION(xf);ua=Oa.action||"";gb=Oa.encType;hb=Oa.method;ib=Oa.target;pc=Oa.data;qc=Oa.name}else a.push(O,"action",P,Xb,L),ib=hb=gb=ua=null,bc(d,e);null!=ua&&R(a,"action",ua);null!=gb&&R(a,"encType",gb);null!=hb&&R(a,"method",
-hb);null!=ib&&R(a,"target",ib);a.push(S);null!==qc&&(a.push(Yb),Q(a,"name",qc),a.push($b),null!==pc&&pc.forEach(Zb,a));cc(a,Cd,fb);if("string"===typeof fb){a.push(D(fb));var Dd=null}else Dd=fb;return Dd;case "menuitem":a.push(W("menuitem"));for(var Db in c)if(C.call(c,Db)){var Ed=c[Db];if(null!=Ed)switch(Db){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:R(a,Db,Ed)}}a.push(S);return null;case "title":if(3===f.insertionMode||
-f.tagScope&1||null!=c.itemProp)var Fd=lc(a,c);else lc(e.hoistableChunks,c),Fd=null;return Fd;case "link":return ic(a,c,d,e,g,f.insertionMode,!!(f.tagScope&1));case "script":var rc=c.async;if("string"!==typeof c.src||!c.src||!rc||"function"===typeof rc||"symbol"===typeof rc||c.onLoad||c.onError||3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Gd=nc(a,c);else{var Eb=c.src;if("module"===c.type){var Fb=d.moduleScriptResources;var Hd=e.preloads.moduleScripts}else Fb=d.scriptResources,Hd=e.preloads.scripts;
-var Gb=Fb.hasOwnProperty(Eb)?Fb[Eb]:void 0;if(null!==Gb){Fb[Eb]=null;var sc=c;if(Gb){2===Gb.length&&(sc=B({},c),jc(sc,Gb));var Id=Hd.get(Eb);Id&&(Id.length=0)}var Jd=[];e.scripts.add(Jd);nc(Jd,sc)}g&&a.push(Nb);Gd=null}return Gd;case "style":var Hb=c.precedence,za=c.href;if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp||"string"!==typeof Hb||"string"!==typeof za||""===za){a.push(W("style"));var Pa=null,Kd=null,kb;for(kb in c)if(C.call(c,kb)){var Ib=c[kb];if(null!=Ib)switch(kb){case "children":Pa=
-Ib;break;case "dangerouslySetInnerHTML":Kd=Ib;break;default:R(a,kb,Ib)}}a.push(S);var lb=Array.isArray(Pa)?2>Pa.length?Pa[0]:null:Pa;"function"!==typeof lb&&"symbol"!==typeof lb&&null!==lb&&void 0!==lb&&a.push(D(""+lb));cc(a,Kd,Pa);a.push(mc("style"));var Ld=null}else{var Aa=e.styles.get(Hb);if(null!==(d.styleResources.hasOwnProperty(za)?d.styleResources[za]:void 0)){d.styleResources[za]=null;Aa?Aa.hrefs.push(D(za)):(Aa={precedence:D(Hb),rules:[],hrefs:[D(za)],sheets:new Map},e.styles.set(Hb,Aa));
-var Md=Aa.rules,Qa=null,Nd=null,Jb;for(Jb in c)if(C.call(c,Jb)){var tc=c[Jb];if(null!=tc)switch(Jb){case "children":Qa=tc;break;case "dangerouslySetInnerHTML":Nd=tc}}var mb=Array.isArray(Qa)?2>Qa.length?Qa[0]:null:Qa;"function"!==typeof mb&&"symbol"!==typeof mb&&null!==mb&&void 0!==mb&&Md.push(D(""+mb));cc(Md,Nd,Qa)}Aa&&e.boundaryResources&&e.boundaryResources.styles.add(Aa);g&&a.push(Nb);Ld=void 0}return Ld;case "meta":if(3===f.insertionMode||f.tagScope&1||null!=c.itemProp)var Od=kc(a,c,"meta");
-else g&&a.push(Nb),Od="string"===typeof c.charSet?kc(e.charsetChunks,c,"meta"):"viewport"===c.name?kc(e.preconnectChunks,c,"meta"):kc(e.hoistableChunks,c,"meta");return Od;case "listing":case "pre":a.push(W(b));var nb=null,ob=null,pb;for(pb in c)if(C.call(c,pb)){var Kb=c[pb];if(null!=Kb)switch(pb){case "children":nb=Kb;break;case "dangerouslySetInnerHTML":ob=Kb;break;default:R(a,pb,Kb)}}a.push(S);if(null!=ob){if(null!=nb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");
-if("object"!==typeof ob||!("__html"in ob))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");var Ba=ob.__html;null!==Ba&&void 0!==Ba&&("string"===typeof Ba&&0<Ba.length&&"\n"===Ba[0]?a.push(yc,Ba):a.push(""+Ba))}"string"===typeof nb&&"\n"===nb[0]&&a.push(yc);return nb;case "img":var N=c.src,K=c.srcSet;if(!("lazy"===c.loading||!N&&!K||"string"!==typeof N&&null!=N||"string"!==typeof K&&
-null!=K)&&"low"!==c.fetchPriority&&!1===!!(f.tagScope&2)&&("string"!==typeof N||":"!==N[4]||"d"!==N[0]&&"D"!==N[0]||"a"!==N[1]&&"A"!==N[1]||"t"!==N[2]&&"T"!==N[2]||"a"!==N[3]&&"A"!==N[3])&&("string"!==typeof K||":"!==K[4]||"d"!==K[0]&&"D"!==K[0]||"a"!==K[1]&&"A"!==K[1]||"t"!==K[2]&&"T"!==K[2]||"a"!==K[3]&&"A"!==K[3])){var Pd="string"===typeof c.sizes?c.sizes:void 0,Ra=K?K+"\n"+(Pd||""):N,uc=e.preloads.images,Ca=uc.get(Ra);if(Ca){if("high"===c.fetchPriority||10>e.highImagePreloads.size)uc.delete(Ra),
-e.highImagePreloads.add(Ca)}else if(!d.imageResources.hasOwnProperty(Ra)){d.imageResources[Ra]=E;var vc=c.crossOrigin;var Qd="string"===typeof vc?"use-credentials"===vc?vc:"":void 0;var ja=e.headers,wc;ja&&0<ja.remainingCapacity&&("high"===c.fetchPriority||500>ja.highImagePreloads.length)&&(wc=Dc(N,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:Qd,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ja.remainingCapacity-=
-wc.length))?(e.resets.image[Ra]=E,ja.highImagePreloads&&(ja.highImagePreloads+=", "),ja.highImagePreloads+=wc):(Ca=[],T(Ca,{rel:"preload",as:"image",href:K?void 0:N,imageSrcSet:K,imageSizes:Pd,crossOrigin:Qd,integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ca):(e.bulkPreloads.add(Ca),uc.set(Ra,Ca)))}}return kc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return kc(a,
-c,b);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":break;case "head":if(2>f.insertionMode&&null===e.headChunks){e.headChunks=[];var Rd=oc(e.headChunks,c,"head")}else Rd=oc(a,c,"head");return Rd;case "html":if(0===f.insertionMode&&null===e.htmlChunks){e.htmlChunks=[Bc];var Sd=oc(e.htmlChunks,c,"html")}else Sd=oc(a,c,"html");return Sd;default:if(-1!==b.indexOf("-")){a.push(W(b));
-var xc=null,Td=null,Sa;for(Sa in c)if(C.call(c,Sa)){var Da=c[Sa];if(null!=Da){var yf=Sa;switch(Sa){case "children":xc=Da;break;case "dangerouslySetInnerHTML":Td=Da;break;case "style":Tb(a,Da);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":break;default:Ha(Sa)&&"function"!==typeof Da&&"symbol"!==typeof Da&&a.push(O,yf,P,D(Da),L)}}}a.push(S);cc(a,Td,xc);return xc}}return oc(a,c,b)}var Ec=new Map;
-function mc(a){var b=Ec.get(a);void 0===b&&(b=z("</"+a+">"),Ec.set(a,b));return b}function Fc(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)v(a,b[c]);return c<b.length?(c=b[c],b.length=0,y(a,c)):!0}var Gc=z('<template id="'),Hc=z('"></template>'),Ic=z("\x3c!--$--\x3e"),Jc=z('\x3c!--$?--\x3e<template id="'),Kc=z('"></template>'),Lc=z("\x3c!--$!--\x3e"),Mc=z("\x3c!--/$--\x3e"),Nc=z("<template"),Oc=z('"'),Pc=z(' data-dgst="');z(' data-msg="');z(' data-stck="');var Qc=z("></template>");
-function Rc(a,b,c){v(a,Jc);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");v(a,b.boundaryPrefix);v(a,c.toString(16));return y(a,Kc)}
-var Sc=z('<div hidden id="'),Tc=z('">'),Uc=z("</div>"),Vc=z('<svg aria-hidden="true" style="display:none" id="'),Wc=z('">'),Xc=z("</svg>"),Yc=z('<math aria-hidden="true" style="display:none" id="'),Zc=z('">'),$c=z("</math>"),ad=z('<table hidden id="'),bd=z('">'),cd=z("</table>"),dd=z('<table hidden><tbody id="'),ed=z('">'),fd=z("</tbody></table>"),gd=z('<table hidden><tr id="'),hd=z('">'),id=z("</tr></table>"),jd=z('<table hidden><colgroup id="'),kd=z('">'),ld=z("</colgroup></table>");
-function md(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return v(a,Sc),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,Tc);case 3:return v(a,Vc),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,Wc);case 4:return v(a,Yc),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,Zc);case 5:return v(a,ad),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,bd);case 6:return v(a,dd),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,ed);case 7:return v(a,gd),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,hd);case 8:return v(a,
-jd),v(a,b.segmentPrefix),v(a,d.toString(16)),y(a,kd);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function nd(a,b){switch(b.insertionMode){case 0:case 1:case 2:return y(a,Uc);case 3:return y(a,Xc);case 4:return y(a,$c);case 5:return y(a,cd);case 6:return y(a,fd);case 7:return y(a,id);case 8:return y(a,ld);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
-var od=z('$RS=function(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("'),pd=z('$RS("'),qd=z('","'),rd=z('")\x3c/script>'),sd=z('<template data-rsi="" data-sid="'),Ud=z('" data-pid="'),Vd=z('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
-Wd=z('$RC("'),Xd=z('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-Yd=z('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
-Zd=z('$RR("'),$d=z('","'),ae=z('",'),be=z('"'),ce=z(")\x3c/script>"),de=z('<template data-rci="" data-bid="'),ee=z('<template data-rri="" data-bid="'),fe=z('" data-sid="'),ge=z('" data-sty="'),he=z('$RX=function(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("'),ie=z('$RX("'),je=z('"'),ke=z(","),le=z(")\x3c/script>"),me=z('<template data-rxi="" data-bid="'),ne=z('" data-dgst="'),
-oe=z('" data-msg="'),pe=z('" data-stck="'),qe=/[<\u2028\u2029]/g;function re(a){return JSON.stringify(a).replace(qe,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var se=/[&><\u2028\u2029]/g;
-function te(a){return JSON.stringify(a).replace(se,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
-var ue=z('<style media="not all" data-precedence="'),ve=z('" data-href="'),we=z('">'),xe=z("</style>"),ye=!1,ze=!0;function Ae(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){v(this,ue);v(this,a.precedence);for(v(this,ve);d<c.length-1;d++)v(this,c[d]),v(this,Be);v(this,c[d]);v(this,we);for(d=0;d<b.length;d++)v(this,b[d]);ze=y(this,xe);ye=!0;b.length=0;c.length=0}}function Ce(a){return 2!==a.state?ye=!0:!1}
-function De(a,b,c){ye=!1;ze=!0;b.styles.forEach(Ae,a);b.stylesheets.forEach(Ce);ye&&(c.stylesToHoist=!0);return ze}function Ee(a){for(var b=0;b<a.length;b++)v(this,a[b]);a.length=0}var Fe=[];function Ge(a){T(Fe,a.props);for(var b=0;b<Fe.length;b++)v(this,Fe[b]);Fe.length=0;a.state=2}var He=z('<style data-precedence="'),Ie=z('" data-href="'),Be=z(" "),Je=z('">'),Ke=z("</style>");
-function Le(a){var b=0<a.sheets.size;a.sheets.forEach(Ge,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){v(this,He);v(this,a.precedence);a=0;if(d.length){for(v(this,Ie);a<d.length-1;a++)v(this,d[a]),v(this,Be);v(this,d[a])}v(this,Je);for(a=0;a<c.length;a++)v(this,c[a]);v(this,Ke);c.length=0;d.length=0}}
-function Me(a){if(0===a.state){a.state=1;var b=a.props;T(Fe,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<Fe.length;a++)v(this,Fe[a]);Fe.length=0}}function Ne(a){a.sheets.forEach(Me,this);a.sheets.clear()}var Oe=z("["),Pe=z(",["),Qe=z(","),Re=z("]");
-function Se(a,b){v(a,Oe);var c=Oe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,te(""+d.props.href)),v(a,Re),c=Pe;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,te(""+d.props.href));e=""+e;v(a,Qe);v(a,te(e));for(var g in f)if(C.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
-default:a:{e=a;var l=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!Ha(g))break a;h=""+h}v(e,Qe);v(e,te(l));v(e,Qe);v(e,te(h))}}}v(a,
-Re);c=Pe;d.state=3}});v(a,Re)}
-function Te(a,b){v(a,Oe);var c=Oe;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)v(a,c),v(a,D(JSON.stringify(""+d.props.href))),v(a,Re),c=Pe;else{v(a,c);var e=d.props["data-precedence"],f=d.props;v(a,D(JSON.stringify(""+d.props.href)));e=""+e;v(a,Qe);v(a,D(JSON.stringify(e)));for(var g in f)if(C.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
-a;var l=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!Ha(g))break a;h=""+h}v(e,Qe);v(e,D(JSON.stringify(l)));v(e,Qe);v(e,D(JSON.stringify(h)))}}}v(a,
-Re);c=Pe;d.state=3}});v(a,Re)}function Xa(a){var b=Ue();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(Ve,We)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],T(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Xe(b)}}}
-function Ya(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(Ve,We)+">; rel=preconnect";if("string"===typeof b){var l=(""+b).replace(Ye,Ze);h+='; crossorigin="'+l+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
-null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],T(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Xe(c)}}}
-function Za(a,b,c){var d=Ue();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var l=c.fetchPriority}var m=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(m))return;e.imageResources[m]=E;e=f.headers;var q;e&&0<e.remainingCapacity&&"high"===l&&(q=Dc(a,b,c),2<=(e.remainingCapacity-=q.length))?(f.resets.image[m]=E,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=q):(e=[],T(e,B({rel:"preload",href:g?void 0:
-a,as:b},c)),"high"===l?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(m,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];T(g,B({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
-T(g,B({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?E:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=E;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(m=Dc(a,b,c),2<=(e.remainingCapacity-=m.length)))f.resets.font[a]=E,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=m;else switch(e=[],
-a=B({rel:"preload",href:a,as:b},c),T(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Xe(d)}}}
-function $a(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?E:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
-g;f=[];g[a]=E}T(f,B({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Xe(c)}}}
-function ab(a,b,c){var d=Ue();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:D(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:B({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&jc(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Xe(d))}}}
-function bb(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=B({src:a,async:!0},b),f&&(2===f.length&&jc(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),nc(a,b),Xe(c))}}}
-function cb(a,b){var c=Ue();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=B({src:a,type:"module",async:!0},b),f&&(2===f.length&&jc(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),nc(a,b),Xe(c))}}}function jc(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
-function Dc(a,b,c){a=(""+a).replace(Ve,We);b=(""+b).replace(Ye,Ze);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)C.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Ye,Ze)+'"'));return b}var Ve=/[<>\r\n]/g;
-function We(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Ye=/["';,\r\n]/g;
-function Ze(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function $e(a){this.styles.add(a)}function af(a){this.stylesheets.add(a)}
-var bf=new ka.AsyncLocalStorage,cf=Symbol.for("react.element"),df=Symbol.for("react.portal"),ef=Symbol.for("react.fragment"),ff=Symbol.for("react.strict_mode"),gf=Symbol.for("react.profiler"),hf=Symbol.for("react.provider"),jf=Symbol.for("react.context"),kf=Symbol.for("react.server_context"),lf=Symbol.for("react.forward_ref"),mf=Symbol.for("react.suspense"),nf=Symbol.for("react.suspense_list"),of=Symbol.for("react.memo"),pf=Symbol.for("react.lazy"),qf=Symbol.for("react.scope"),rf=Symbol.for("react.debug_trace_mode"),
-sf=Symbol.for("react.offscreen"),tf=Symbol.for("react.legacy_hidden"),uf=Symbol.for("react.cache"),vf=Symbol.for("react.default_value"),wf=Symbol.iterator,zf=Symbol.for("react.client.reference");
-function Af(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===zf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ef:return"Fragment";case df:return"Portal";case gf:return"Profiler";case ff:return"StrictMode";case mf:return"Suspense";case nf:return"SuspenseList";case uf:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case jf:return(a.displayName||"Context")+".Consumer";case hf:return(a._context.displayName||"Context")+".Provider";case lf:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case of:return b=a.displayName||null,null!==b?b:Af(a.type)||"Memo";case pf:b=a._payload;a=a._init;try{return Af(a(b))}catch(c){}}return null}var Bf;function Cf(a){if(void 0===Bf)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Bf=b&&b[1]||""}return"\n"+Bf+a}var Df=!1;
-function Ef(a,b){if(!a||Df)return"";Df=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var p=function(){throw Error();};Object.defineProperty(p.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(p,[])}catch(t){var r=t}Reflect.construct(a,[],p)}else{try{p.call()}catch(t){r=t}a.call(p.prototype)}}else{try{throw Error();}catch(t){r=t}(p=a())&&"function"===typeof p.catch&&
-p.catch(function(){})}}catch(t){if(t&&r&&"string"===typeof t.stack)return[t.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var l=g.split("\n"),m=h.split("\n");for(e=d=0;d<l.length&&!l[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<m.length&&!m[e].includes("DetermineComponentFrameRoot");)e++;if(d===l.length||e===m.length)for(d=l.length-1,e=m.length-1;1<=d&&0<=e&&l[d]!==m[e];)e--;for(;1<=d&&0<=e;d--,e--)if(l[d]!==m[e]){if(1!==d||1!==e){do if(d--,e--,0>e||l[d]!==m[e]){var q="\n"+l[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{Df=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Cf(c):""}
-var Ff={};function Gf(a,b){a=a.contextTypes;if(!a)return Ff;var c={},d;for(d in a)c[d]=b[d];return c}var Hf=null;function If(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");If(a,c)}b.context._currentValue=b.value}}
-function Jf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Jf(a)}function Kf(a){var b=a.parent;null!==b&&Kf(b);a.context._currentValue=a.value}function Lf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?If(a,b):Lf(a,b)}
-function Mf(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?If(a,c):Mf(a,c);b.context._currentValue=b.value}function Nf(a){var b=Hf;b!==a&&(null===b?Kf(a):null===a?Jf(b):b.depth===a.depth?If(b,a):b.depth>a.depth?Lf(b,a):Mf(b,a),Hf=a)}
-var Of={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
-function Pf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Of;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:B({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
-a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Of.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=B({},f,h)):B(f,h))}a.state=f}else f.queue=null}
-var Qf={id:1,overflow:""};function Rf(a,b,c){var d=a.id;a=a.overflow;var e=32-Sf(d)-1;d&=~(1<<e);c+=1;var f=32-Sf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Sf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Sf=Math.clz32?Math.clz32:Tf,Uf=Math.log,Vf=Math.LN2;function Tf(a){a>>>=0;return 0===a?32:31-(Uf(a)/Vf|0)|0}var Wf=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Xf(){}function Yf(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Xf,Xf),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Zf=b;throw Wf;}}var Zf=null;
-function $f(){if(null===Zf)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Zf;Zf=null;return a}function ag(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var bg="function"===typeof Object.is?Object.is:ag,cg=null,dg=null,eg=null,fg=null,gg=null,X=null,hg=!1,ig=!1,jg=0,kg=0,lg=-1,mg=0,ng=null,og=null,pg=0;
-function qg(){if(null===cg)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return cg}
-function rg(){if(0<pg)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function sg(){null===X?null===gg?(hg=!1,gg=X=rg()):(hg=!0,X=gg):null===X.next?(hg=!1,X=X.next=rg()):(hg=!0,X=X.next);return X}function tg(a,b,c,d){for(;ig;)ig=!1,kg=jg=0,lg=-1,mg=0,pg+=1,X=null,c=a(b,d);ug();return c}function vg(){var a=ng;ng=null;return a}function ug(){fg=eg=dg=cg=null;ig=!1;gg=null;pg=0;X=og=null}
-function wg(a,b){return"function"===typeof b?b(a):b}function xg(a,b,c){cg=qg();X=sg();if(hg){var d=X.queue;b=d.dispatch;if(null!==og&&(c=og.get(d),void 0!==c)){og.delete(d);d=X.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);X.memoizedState=d;return[d,b]}return[X.memoizedState,b]}a=a===wg?"function"===typeof b?b():b:void 0!==c?c(b):b;X.memoizedState=a;a=X.queue={last:null,dispatch:null};a=a.dispatch=yg.bind(null,cg,a);return[X.memoizedState,a]}
-function zg(a,b){cg=qg();X=sg();b=void 0===b?null:b;if(null!==X){var c=X.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!bg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();X.memoizedState=[a,b];return a}
-function yg(a,b,c){if(25<=pg)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===cg)if(ig=!0,a={action:c,next:null},null===og&&(og=new Map),c=og.get(b),void 0===c)og.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Ag(){throw Error("startTransition cannot be called during server rendering.");}function Bg(){throw Error("Cannot update optimistic state while rendering.");}
-function Cg(a,b,c){if(void 0!==a)return"p"+a;a=JSON.stringify([b,null,c]);b=ca.createHash("md5");b.update(a);return"k"+b.digest("hex")}function Dg(a){var b=mg;mg+=1;null===ng&&(ng=[]);return Yf(ng,a,b)}function Eg(){throw Error("Cache cannot be refreshed during server rendering.");}function Fg(){}
-var Hg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Dg(a);if(a.$$typeof===jf||a.$$typeof===kf)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){qg();return a._currentValue},useMemo:zg,useReducer:xg,useRef:function(a){cg=qg();X=sg();var b=X.memoizedState;return null===b?(a={current:a},X.memoizedState=a):b},useState:function(a){return xg(wg,a)},
-useInsertionEffect:Fg,useLayoutEffect:Fg,useCallback:function(a,b){return zg(function(){return a},b)},useImperativeHandle:Fg,useEffect:Fg,useDebugValue:Fg,useDeferredValue:function(a){qg();return a},useTransition:function(){qg();return[!1,Ag]},useId:function(){var a=dg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Sf(a)-1)).toString(32)+b;var c=Gg;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=jg++;a=":"+c.idPrefix+"R"+a;0<b&&
-(a+="H"+b.toString(32));return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Eg},useHostTransitionStatus:function(){qg();return Va},useOptimistic:function(a){qg();return[a,Bg]},useFormState:function(a,b,c){qg();var d=kg++,e=eg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=fg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;
-if(null!==e&&"function"===typeof h){var l=e[1];h.call(a,e[2],e[3])&&(f=Cg(c,g,d),l===f&&(lg=d,b=e[0]))}var m=a.bind(null,b);a=function(p){m(p)};"function"===typeof m.$$FORM_ACTION&&(a.$$FORM_ACTION=function(p){p=m.$$FORM_ACTION(p);void 0!==c&&(c+="",p.action=c);var r=p.data;r&&(null===f&&(f=Cg(c,g,d)),r.append("$ACTION_KEY",f));return p});return[b,a]}var q=a.bind(null,b);return[b,function(p){q(p)}]}},Gg=null,Ig={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");
-}},Jg=Ua.ReactCurrentDispatcher,Kg=Ua.ReactCurrentCache;function Lg(a){console.error(a);return null}function Mg(){}var Ng=null;function Ue(){if(Ng)return Ng;var a=bf.getStore();return a?a:null}function Og(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return Pg(a)}))}
-function Qg(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,resources:{styles:new Set,stylesheets:new Set},trackedContentKeyPath:null,trackedFallbackNode:null}}
-function Rg(a,b,c,d,e,f,g,h,l,m,q,p,r){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var t={replay:null,node:c,childIndex:d,ping:function(){return Og(a,t)},blockedBoundary:e,blockedSegment:f,abortSet:g,keyPath:h,formatContext:l,legacyContext:m,context:q,treeContext:p,componentStack:r,thenableState:b};g.add(t);return t}
-function Sg(a,b,c,d,e,f,g,h,l,m,q,p,r){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var t={replay:c,node:d,childIndex:e,ping:function(){return Og(a,t)},blockedBoundary:f,blockedSegment:null,abortSet:g,keyPath:h,formatContext:l,legacyContext:m,context:q,treeContext:p,componentStack:r,thenableState:b};g.add(t);return t}
-function Tg(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function Ug(a,b){return{tag:0,parent:a.componentStack,type:b}}
-function Vg(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Cf(b.type,null,null);break;case 1:a+=Ef(b.type,!1);break;case 2:a+=Ef(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function Y(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
-function Wg(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Xg(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((Af(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=B({},c,d)}b.legacyContext=e;Z(a,b,null,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Z(a,b,null,f,-1),b.keyPath=e}
-function Yg(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var l=b.blockedSegment;if(null!==l){h=!0;l=l.chunks;for(var m=0;m<f;m++)m===g?l.push(gc):l.push(hc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Rf(c,1,0),Zg(a,b,d,-1),b.treeContext=c):h?Zg(a,b,d,-1):Z(a,b,null,d,-1);b.keyPath=f}function $g(a,b){if(a&&a.defaultProps){b=B({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function ah(a,b,c,d,e,f,g){if("function"===typeof e)if(e.prototype&&e.prototype.isReactComponent){d=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:e};g=Gf(e,b.legacyContext);var h=e.contextType;h=new e(f,"object"===typeof h&&null!==h?h._currentValue:g);Pf(h,e,f,g);Xg(a,b,c,h,e);b.componentStack=d}else{g=Gf(e,b.legacyContext);h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e};cg={};dg=b;eg=a;fg=c;kg=jg=0;lg=-1;mg=0;ng=d;d=e(f,g);d=tg(e,f,d,g);var l=0!==
-jg,m=kg,q=lg;"object"===typeof d&&null!==d&&"function"===typeof d.render&&void 0===d.$$typeof?(Pf(d,e,f,g),Xg(a,b,c,d,e)):Yg(a,b,c,d,l,m,q);b.componentStack=h}else if("string"===typeof e){d=b.componentStack;b.componentStack=Ug(b,e);g=b.blockedSegment;if(null===g)g=f.children,h=b.formatContext,l=b.keyPath,b.formatContext=Mb(h,e,f),b.keyPath=c,Zg(a,b,g,-1),b.formatContext=h,b.keyPath=l;else{l=Cc(g.chunks,e,f,a.resumableState,a.renderState,b.formatContext,g.lastPushedText);g.lastPushedText=!1;h=b.formatContext;
-m=b.keyPath;b.formatContext=Mb(h,e,f);b.keyPath=c;Zg(a,b,l,-1);b.formatContext=h;b.keyPath=m;a:{c=g.chunks;a=a.resumableState;switch(e){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(mc(e))}g.lastPushedText=
-!1}b.componentStack=d}else{switch(e){case tf:case rf:case ff:case gf:case ef:e=b.keyPath;b.keyPath=c;Z(a,b,null,f.children,-1);b.keyPath=e;return;case sf:"hidden"!==f.mode&&(e=b.keyPath,b.keyPath=c,Z(a,b,null,f.children,-1),b.keyPath=e);return;case nf:e=b.componentStack;b.componentStack=Ug(b,"SuspenseList");d=b.keyPath;b.keyPath=c;Z(a,b,null,f.children,-1);b.keyPath=d;b.componentStack=e;return;case qf:throw Error("ReactDOMServer does not yet support scope components.");case mf:a:if(null!==b.replay){e=
-b.keyPath;b.keyPath=c;c=f.children;try{Zg(a,b,c,-1)}finally{b.keyPath=e}}else{var p=b.componentStack;e=b.componentStack=Ug(b,"Suspense");var r=b.keyPath;d=b.blockedBoundary;var t=b.blockedSegment;g=f.fallback;var A=f.children;f=new Set;m=Qg(a,f);null!==a.trackedPostpones&&(m.trackedContentKeyPath=c);q=Tg(a,t.chunks.length,m,b.formatContext,!1,!1);t.children.push(q);t.lastPushedText=!1;var F=Tg(a,0,null,b.formatContext,!1,!1);F.parentFlushed=!0;b.blockedBoundary=m;b.blockedSegment=F;a.renderState.boundaryResources=
-m.resources;b.keyPath=c;try{if(Zg(a,b,A,-1),F.lastPushedText&&F.textEmbedded&&F.chunks.push(Nb),F.status=1,bh(m,F),0===m.pendingTasks&&0===m.status){m.status=1;b.componentStack=p;break a}}catch(u){F.status=4,m.status=4,h=Vg(a,b.componentStack),l=Y(a,u,h),m.errorDigest=l,ch(a,m)}finally{a.renderState.boundaryResources=d?d.resources:null,b.blockedBoundary=d,b.blockedSegment=t,b.keyPath=r,b.componentStack=p}h=[c[0],"Suspense Fallback",c[2]];l=a.trackedPostpones;null!==l&&(p=[h[1],h[2],[],null],l.workingMap.set(h,
-p),5===m.status?l.workingMap.get(c)[4]=p:m.trackedFallbackNode=p);b=Rg(a,null,g,-1,d,q,f,h,b.formatContext,b.legacyContext,b.context,b.treeContext,e);a.pingedTasks.push(b)}return}if("object"===typeof e&&null!==e)switch(e.$$typeof){case lf:h=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:e.render};e=e.render;cg={};dg=b;eg=a;fg=c;kg=jg=0;lg=-1;mg=0;ng=d;d=e(f,g);f=tg(e,f,d,g);Yg(a,b,c,f,0!==jg,kg,lg);b.componentStack=h;return;case of:e=e.type;f=$g(e,f);ah(a,b,c,d,e,f,g);return;
-case hf:g=f.children;d=b.keyPath;e=e._context;f=f.value;h=e._currentValue;e._currentValue=f;l=Hf;Hf=f={parent:l,depth:null===l?0:l.depth+1,context:e,parentValue:h,value:f};b.context=f;b.keyPath=c;Z(a,b,null,g,-1);a=Hf;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===vf?a.context._defaultValue:c;a=Hf=a.parent;b.context=a;b.keyPath=d;return;case jf:f=f.children;f=f(e._currentValue);e=b.keyPath;b.keyPath=c;Z(a,
-b,null,f,-1);b.keyPath=e;return;case pf:g=b.componentStack;b.componentStack=Ug(b,"Lazy");h=e._init;e=h(e._payload);f=$g(e,f);ah(a,b,c,d,e,f,void 0);b.componentStack=g;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==e?e:typeof e)+"."));}}
-function dh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=Tg(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,Zg(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(bh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
-function Z(a,b,c,d,e){if(null!==b.replay&&"number"===typeof b.replay.slots)dh(a,b,b.replay.slots,d,e);else{b.node=d;b.childIndex=e;if("object"===typeof d&&null!==d){switch(d.$$typeof){case cf:var f=d.type,g=d.key,h=d.props,l=d.ref,m=Af(f),q=null==g?-1===e?0:e:g;g=[b.keyPath,m,q];if(null!==b.replay)a:{var p=b.replay;e=p.nodes;for(d=0;d<e.length;d++){var r=e[d];if(q===r[1]){if(4===r.length){if(null!==m&&m!==r[0])throw Error("Expected the resume to render <"+r[0]+"> in this slot but instead it rendered <"+
-m+">. The tree doesn't match so React will fallback to client rendering.");var t=r[2];m=r[3];r=b.node;b.replay={nodes:t,slots:m,pendingTasks:1};try{ah(a,b,g,c,f,h,l);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(G){if("object"===typeof G&&null!==G&&(G===Wf||"function"===typeof G.then))throw b.node===r&&(b.replay=p),
-G;b.replay.pendingTasks--;h=Vg(a,b.componentStack);g=a;a=b.blockedBoundary;c=G;h=Y(g,c,h);eh(g,a,t,m,c,h)}b.replay=p}else{if(f!==mf)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(Af(f)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{p=void 0;c=r[5];f=r[2];l=r[3];m=null===r[4]?[]:r[4][2];r=null===r[4]?null:r[4][3];q=b.componentStack;var A=b.componentStack=Ug(b,"Suspense"),F=b.keyPath,u=b.replay,x=b.blockedBoundary,
-da=h.children;h=h.fallback;var U=new Set,w=Qg(a,U);w.parentFlushed=!0;w.rootSegmentID=c;b.blockedBoundary=w;b.replay={nodes:f,slots:l,pendingTasks:1};a.renderState.boundaryResources=w.resources;try{Zg(a,b,da,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===w.pendingTasks&&0===w.status){w.status=1;a.completedBoundaries.push(w);
-break b}}catch(G){w.status=4,t=Vg(a,b.componentStack),p=Y(a,G,t),w.errorDigest=p,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(w)}finally{a.renderState.boundaryResources=x?x.resources:null,b.blockedBoundary=x,b.replay=u,b.keyPath=F,b.componentStack=q}b=Sg(a,null,{nodes:m,slots:r,pendingTasks:0},h,-1,x,U,[g[0],"Suspense Fallback",g[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,A);a.pingedTasks.push(b)}}e.splice(d,1);break a}}}else ah(a,b,g,c,f,h,l);return;case df:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
-case pf:h=b.componentStack;b.componentStack=Ug(b,"Lazy");g=d._init;d=g(d._payload);b.componentStack=h;Z(a,b,null,d,e);return}if(Ta(d)){fh(a,b,d,e);return}null===d||"object"!==typeof d?h=null:(h=wf&&d[wf]||d["@@iterator"],h="function"===typeof h?h:null);if(h&&(h=h.call(d))){d=h.next();if(!d.done){g=[];do g.push(d.value),d=h.next();while(!d.done);fh(a,b,g,e)}return}if("function"===typeof d.then)return Z(a,b,null,Dg(d),e);if(d.$$typeof===jf||d.$$typeof===kf)return Z(a,b,null,d._currentValue,e);e=Object.prototype.toString.call(d);
-throw Error("Objects are not valid as a React child (found: "+("[object Object]"===e?"object with keys {"+Object.keys(d).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof d?(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ob(e.chunks,d,a.renderState,e.lastPushedText))):"number"===typeof d&&(e=b.blockedSegment,null!==e&&(e.lastPushedText=Ob(e.chunks,""+d,a.renderState,e.lastPushedText)))}}
-function fh(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var l=g[h];if(l[1]===d){d=l[2];l=l[3];b.replay={nodes:d,slots:l,pendingTasks:1};try{fh(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(p){if("object"===typeof p&&
-null!==p&&(p===Wf||"function"===typeof p.then))throw p;b.replay.pendingTasks--;c=Vg(a,b.componentStack);var m=b.blockedBoundary,q=p;c=Y(a,q,c);eh(a,m,d,l,q,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)l=c[d],b.treeContext=Rf(f,g,d),m=h[d],"number"===typeof m?(dh(a,b,m,l,d),delete h[d]):Zg(a,b,l,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Rf(f,g,h),
-Zg(a,b,d,h);b.treeContext=f;b.keyPath=e}function ch(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
-function Zg(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,l=b.treeContext,m=b.componentStack,q=b.blockedSegment;if(null===q)try{return Z(a,b,null,c,d)}catch(t){if(ug(),c=t===Wf?$f():t,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=vg();a=Sg(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=
-f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=m;Nf(g);return}}else{var p=q.children.length,r=q.chunks.length;try{return Z(a,b,null,c,d)}catch(t){if(ug(),q.children.length=p,q.chunks.length=r,c=t===Wf?$f():t,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=vg();q=b.blockedSegment;p=Tg(a,q.chunks.length,null,b.formatContext,q.lastPushedText,!0);q.children.push(p);q.lastPushedText=!1;a=Rg(a,d,b.node,b.childIndex,b.blockedBoundary,p,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,
-b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=m;Nf(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;Nf(g);throw c;}function gh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,hh(this,b,a))}
-function eh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)eh(a,b,h[2],h[3],e,f);else{h=h[5];var l=a,m=f,q=Qg(l,new Set);q.parentFlushed=!0;q.rootSegmentID=h;q.status=4;q.errorDigest=m;q.parentFlushed&&l.clientRenderedBoundaries.push(q)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var p in d)delete d[p]}}
-function ih(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){Y(b,c,d);Wg(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=Y(b,c,d),eh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&jh(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=Vg(b,a.componentStack),a=Y(b,c,a),d.errorDigest=a,ch(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return ih(f,
-b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&kh(b)}
-function lh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var l=h.value.sheets.values(),m=l.next();0<e.remainingCapacity&&!m.done;m=l.next()){var q=m.value,p=q.props,r=p.href,t=q.props,A=Dc(t.href,"style",{crossOrigin:t.crossOrigin,integrity:t.integrity,
-nonce:t.nonce,type:t.type,fetchPriority:t.fetchPriority,referrerPolicy:t.referrerPolicy,media:t.media});if(2<=(e.remainingCapacity-=A.length))c.resets.style[r]=E,f&&(f+=", "),f+=A,c.resets.style[r]="string"===typeof p.crossOrigin||"string"===typeof p.integrity?[p.crossOrigin,p.integrity]:E;else break b}}f?d({Link:f}):d({})}}}catch(F){Y(a,F,{})}}function jh(a){null===a.trackedPostpones&&lh(a,!0);a.onShellError=Mg;a=a.onShellReady;a()}
-function kh(a){lh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function bh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&bh(a,c)}else a.completedSegments.push(b)}
-function hh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&jh(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&bh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(gh,a),b.fallbackAbortableTasks.clear())):
-null!==c&&c.parentFlushed&&1===c.status&&(bh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&kh(a)}
-function Pg(a){if(2!==a.status){var b=Hf,c=Jg.current;Jg.current=Hg;var d=Kg.current;Kg.current=Ig;var e=Ng;Ng=a;var f=Gg;Gg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var l=g[h],m=a,q=l.blockedBoundary;m.renderState.boundaryResources=q?q.resources:null;var p=l.blockedSegment;if(null===p){var r=m;if(0!==l.replay.pendingTasks){Nf(l.context);try{var t=l.thenableState;l.thenableState=null;Z(r,l,t,l.node,l.childIndex);if(1===l.replay.pendingTasks&&0<l.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.");
-l.replay.pendingTasks--;l.abortSet.delete(l);hh(r,l.blockedBoundary,null)}catch(M){ug();var A=M===Wf?$f():M;if("object"===typeof A&&null!==A&&"function"===typeof A.then){var F=l.ping;A.then(F,F);l.thenableState=vg()}else{l.replay.pendingTasks--;l.abortSet.delete(l);var u=Vg(r,l.componentStack);m=void 0;var x=r,da=l.blockedBoundary,U=A,w=l.replay.nodes,G=l.replay.slots;m=Y(x,U,u);eh(x,da,w,G,U,m);r.pendingRootTasks--;0===r.pendingRootTasks&&jh(r);r.allPendingTasks--;0===r.allPendingTasks&&kh(r)}}finally{r.renderState.boundaryResources=
-null}}}else if(r=void 0,x=p,0===x.status){Nf(l.context);var H=x.children.length,ea=x.chunks.length;try{var na=l.thenableState;l.thenableState=null;Z(m,l,na,l.node,l.childIndex);x.lastPushedText&&x.textEmbedded&&x.chunks.push(Nb);l.abortSet.delete(l);x.status=1;hh(m,l.blockedBoundary,x)}catch(M){ug();x.children.length=H;x.chunks.length=ea;var V=M===Wf?$f():M;if("object"===typeof V&&null!==V&&"function"===typeof V.then){var fa=l.ping;V.then(fa,fa);l.thenableState=vg()}else{var ha=Vg(m,l.componentStack);
-l.abortSet.delete(l);x.status=4;var J=l.blockedBoundary;r=Y(m,V,ha);null===J?Wg(m,V):(J.pendingTasks--,4!==J.status&&(J.status=4,J.errorDigest=r,ch(m,J),J.parentFlushed&&m.clientRenderedBoundaries.push(J)));m.allPendingTasks--;0===m.allPendingTasks&&kh(m)}}finally{m.renderState.boundaryResources=null}}}g.splice(0,h);null!==a.destination&&mh(a,a.destination)}catch(M){Y(a,M,{}),Wg(a,M)}finally{Gg=f,Jg.current=c,Kg.current=d,c===Hg&&Nf(b),Ng=e}}}
-function nh(a,b,c){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:var d=c.id;c.lastPushedText=!1;c.textEmbedded=!1;a=a.renderState;v(b,Gc);v(b,a.placeholderPrefix);a=d.toString(16);v(b,a);return y(b,Hc);case 1:c.status=2;var e=!0;d=c.chunks;var f=0;c=c.children;for(var g=0;g<c.length;g++){for(e=c[g];f<e.index;f++)v(b,d[f]);e=oh(a,b,e)}for(;f<d.length-1;f++)v(b,d[f]);f<d.length&&(e=y(b,d[f]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),yb=/["'&<>]/;
+function E(a){if("boolean"===typeof a||"number"===typeof a)return""+a;a=""+a;var b=yb.exec(a);if(b){var c="",d,e=0;for(d=b.index;d<a.length;d++){switch(a.charCodeAt(d)){case 34:b="&quot;";break;case 38:b="&amp;";break;case 39:b="&#x27;";break;case 60:b="&lt;";break;case 62:b="&gt;";break;default:continue}e!==d&&(c+=a.slice(e,d));e=d+1;c+=b}a=e!==d?c+a.slice(e,d):c}return a}
+var zb=/([A-Z])/g,Ab=/^ms-/,Bb=fa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Cb={pending:!1,data:null,method:null,action:null},Db=ha.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,Wb={prefetchDNS:Eb,preconnect:Fb,preload:Rb,preloadModule:Sb,preinitStyle:Tb,preinitScript:Ub,preinitModuleScript:Vb},F=[],Xb=B('"></template>'),Yb=B("<script>"),Zb=B("\x3c/script>"),$b=B('<script src="'),ac=B('<script type="module" src="'),bc=B('" nonce="'),cc=B('" integrity="'),dc=B('" crossorigin="'),
+ec=B('" async="">\x3c/script>'),fc=/(<\/|<)(s)(cript)/gi;function gc(a,b,c,d){return""+b+("s"===c?"\\u0073":"\\u0053")+d}var hc=B('<script type="importmap">'),ic=B("\x3c/script>");function K(a,b,c){return{insertionMode:a,selectedValue:b,tagScope:c}}
+function jc(a,b,c){switch(b){case "noscript":return K(2,null,a.tagScope|1);case "select":return K(2,null!=c.value?c.value:c.defaultValue,a.tagScope);case "svg":return K(3,null,a.tagScope);case "picture":return K(2,null,a.tagScope|2);case "math":return K(4,null,a.tagScope);case "foreignObject":return K(2,null,a.tagScope);case "table":return K(5,null,a.tagScope);case "thead":case "tbody":case "tfoot":return K(6,null,a.tagScope);case "colgroup":return K(8,null,a.tagScope);case "tr":return K(7,null,a.tagScope)}return 5<=
+a.insertionMode?K(2,null,a.tagScope):0===a.insertionMode?"html"===b?K(1,null,a.tagScope):K(2,null,a.tagScope):1===a.insertionMode?K(2,null,a.tagScope):a}var kc=B("\x3c!-- --\x3e");function lc(a,b,c,d){if(""===b)return d;d&&a.push(kc);a.push(E(b));return!0}var mc=new Map,nc=B(' style="'),oc=B(":"),pc=B(";");
+function qc(a,b){if("object"!==typeof b)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.");var c=!0,d;for(d in b)if(D.call(b,d)){var e=b[d];if(null!=e&&"boolean"!==typeof e&&""!==e){if(0===d.indexOf("--")){var f=E(d);e=E((""+e).trim())}else f=mc.get(d),void 0===f&&(f=B(E(d.replace(zb,"-$1").toLowerCase().replace(Ab,"-ms-"))),mc.set(d,f)),e="number"===typeof e?0===e||wb.has(d)?""+e:e+"px":
+E((""+e).trim());c?(c=!1,a.push(nc,f,oc,e)):a.push(pc,f,oc,e)}}c||a.push(L)}var N=B(" "),rc=B('="'),L=B('"'),sc=B('=""');function tc(a,b,c){c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(N,b,sc)}function O(a,b,c){"function"!==typeof c&&"symbol"!==typeof c&&"boolean"!==typeof c&&a.push(N,b,rc,E(c),L)}function Hc(a){var b=a.nextFormID++;return a.idPrefix+b}var Ic=B(E("javascript:throw new Error('React form unexpectedly submitted.')")),Jc=B('<input type="hidden"');
+function Kc(a,b){this.push(Jc);if("string"!==typeof a)throw Error("File/Blob fields are not yet supported in progressive forms. It probably means you are closing over binary data or FormData in a Server Action.");O(this,"name",b);O(this,"value",a);this.push(Lc)}
+function Mc(a,b,c,d,e,f,g,h){var l=null;"function"===typeof d&&("function"===typeof d.$$FORM_ACTION?(e=Hc(b),b=d.$$FORM_ACTION(e),h=b.name,d=b.action||"",e=b.encType,f=b.method,g=b.target,l=b.data):(a.push(N,"formAction",rc,Ic,L),g=f=e=d=h=null,Nc(b,c)));null!=h&&P(a,"name",h);null!=d&&P(a,"formAction",d);null!=e&&P(a,"formEncType",e);null!=f&&P(a,"formMethod",f);null!=g&&P(a,"formTarget",g);return l}
+function P(a,b,c){switch(b){case "className":O(a,"class",c);break;case "tabIndex":O(a,"tabindex",c);break;case "dir":case "role":case "viewBox":case "width":case "height":O(a,b,c);break;case "style":qc(a,c);break;case "src":case "href":case "action":case "formAction":if(null==c||"function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(N,b,rc,E(""+c),L);break;case "defaultValue":case "defaultChecked":case "innerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;
+case "autoFocus":case "multiple":case "muted":tc(a,b.toLowerCase(),c);break;case "xlinkHref":if("function"===typeof c||"symbol"===typeof c||"boolean"===typeof c)break;a.push(N,"xlink:href",rc,E(""+c),L);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":"function"!==typeof c&&"symbol"!==typeof c&&a.push(N,b,rc,E(c),L);break;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":c&&
+"function"!==typeof c&&"symbol"!==typeof c&&a.push(N,b,sc);break;case "capture":case "download":!0===c?a.push(N,b,sc):!1!==c&&"function"!==typeof c&&"symbol"!==typeof c&&a.push(N,b,rc,E(c),L);break;case "cols":case "rows":case "size":case "span":"function"!==typeof c&&"symbol"!==typeof c&&!isNaN(c)&&1<=c&&a.push(N,b,rc,E(c),L);break;case "rowSpan":case "start":"function"===typeof c||"symbol"===typeof c||isNaN(c)||a.push(N,b,rc,E(c),L);break;case "xlinkActuate":O(a,"xlink:actuate",c);break;case "xlinkArcrole":O(a,
+"xlink:arcrole",c);break;case "xlinkRole":O(a,"xlink:role",c);break;case "xlinkShow":O(a,"xlink:show",c);break;case "xlinkTitle":O(a,"xlink:title",c);break;case "xlinkType":O(a,"xlink:type",c);break;case "xmlBase":O(a,"xml:base",c);break;case "xmlLang":O(a,"xml:lang",c);break;case "xmlSpace":O(a,"xml:space",c);break;default:if(!(2<b.length)||"o"!==b[0]&&"O"!==b[0]||"n"!==b[1]&&"N"!==b[1])if(b=xb.get(b)||b,vb(b)){switch(typeof c){case "function":case "symbol":return;case "boolean":var d=b.toLowerCase().slice(0,
+5);if("data-"!==d&&"aria-"!==d)return}a.push(N,b,rc,E(c),L)}}}var R=B(">"),Lc=B("/>");function Oc(a,b,c){if(null!=b){if(null!=c)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof b||!("__html"in b))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");b=b.__html;null!==b&&void 0!==b&&a.push(""+b)}}
+function Pc(a){var b="";fa.Children.forEach(a,function(c){null!=c&&(b+=c)});return b}var Qc=B(' selected=""'),Rc=B('addEventListener("submit",function(a){if(!a.defaultPrevented){var c=a.target,d=a.submitter,e=c.action,b=d;if(d){var f=d.getAttribute("formAction");null!=f&&(e=f,b=null)}"javascript:throw new Error(\'React form unexpectedly submitted.\')"===e&&(a.preventDefault(),b?(a=document.createElement("input"),a.name=b.name,a.value=b.value,b.parentNode.insertBefore(a,b),b=new FormData(c),a.parentNode.removeChild(a)):b=new FormData(c),a=c.ownerDocument||c,(a.$$reactFormReplay=a.$$reactFormReplay||[]).push(c,d,b))}});');
+function Nc(a,b){0!==(a.instructions&16)||b.externalRuntimeScript||(a.instructions|=16,b.bootstrapChunks.unshift(b.startInlineScript,Rc,Zb))}var Sc=B("\x3c!--F!--\x3e"),Tc=B("\x3c!--F--\x3e");function S(a,b){a.push(U("link"));for(var c in b)if(D.call(b,c)){var d=b[c];if(null!=d)switch(c){case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:P(a,c,d)}}a.push(Lc);return null}
+function Uc(a,b,c){a.push(U(c));for(var d in b)if(D.call(b,d)){var e=b[d];if(null!=e)switch(d){case "children":case "dangerouslySetInnerHTML":throw Error(c+" is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:P(a,d,e)}}a.push(Lc);return null}
+function Vc(a,b){a.push(U("title"));var c=null,d=null,e;for(e in b)if(D.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:P(a,e,f)}}a.push(R);b=Array.isArray(c)?2>c.length?c[0]:null:c;"function"!==typeof b&&"symbol"!==typeof b&&null!==b&&void 0!==b&&a.push(E(""+b));Oc(a,d,c);a.push(Wc("title"));return null}
+function Xc(a,b){a.push(U("script"));var c=null,d=null,e;for(e in b)if(D.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:P(a,e,f)}}a.push(R);Oc(a,d,c);"string"===typeof c&&a.push(E(c));a.push(Wc("script"));return null}
+function Yc(a,b,c){a.push(U(c));var d=c=null,e;for(e in b)if(D.call(b,e)){var f=b[e];if(null!=f)switch(e){case "children":c=f;break;case "dangerouslySetInnerHTML":d=f;break;default:P(a,e,f)}}a.push(R);Oc(a,d,c);return"string"===typeof c?(a.push(E(c)),null):c}var Zc=B("\n"),$c=/^[a-zA-Z][a-zA-Z:_\.\-\d]*$/,ad=new Map;function U(a){var b=ad.get(a);if(void 0===b){if(!$c.test(a))throw Error("Invalid tag: "+a);b=B("<"+a);ad.set(a,b)}return b}var bd=B("<!DOCTYPE html>");
+function cd(a,b,c,d,e,f,g,h,l){switch(b){case "div":case "span":case "svg":case "path":break;case "a":break;case "g":case "p":case "li":break;case "select":a.push(U("select"));var p=null,q=null,m;for(m in c)if(D.call(c,m)){var v=c[m];if(null!=v)switch(m){case "children":p=v;break;case "dangerouslySetInnerHTML":q=v;break;case "defaultValue":case "value":break;default:P(a,m,v)}}a.push(R);Oc(a,q,p);return p;case "option":var r=g.selectedValue;a.push(U("option"));var x=null,w=null,t=null,T=null,V;for(V in c)if(D.call(c,
+V)){var I=c[V];if(null!=I)switch(V){case "children":x=I;break;case "selected":t=I;break;case "dangerouslySetInnerHTML":T=I;break;case "value":w=I;default:P(a,V,I)}}if(null!=r){var Q=null!==w?""+w:Pc(x);if(Ya(r))for(var y=0;y<r.length;y++){if(""+r[y]===Q){a.push(Qc);break}}else""+r===Q&&a.push(Qc)}else t&&a.push(Qc);a.push(R);Oc(a,T,x);return x;case "textarea":a.push(U("textarea"));var A=null,na=null,Z=null,H;for(H in c)if(D.call(c,H)){var G=c[H];if(null!=G)switch(H){case "children":Z=G;break;case "value":A=
+G;break;case "defaultValue":na=G;break;case "dangerouslySetInnerHTML":throw Error("`dangerouslySetInnerHTML` does not make sense on <textarea>.");default:P(a,H,G)}}null===A&&null!==na&&(A=na);a.push(R);if(null!=Z){if(null!=A)throw Error("If you supply `defaultValue` on a <textarea>, do not pass children.");if(Ya(Z)){if(1<Z.length)throw Error("<textarea> can only have at most one child.");A=""+Z[0]}A=""+Z}"string"===typeof A&&"\n"===A[0]&&a.push(Zc);null!==A&&a.push(E(""+A));return null;case "input":a.push(U("input"));
+var ia=null,va=null,wa=null,La=null,xa=null,Ma=null,oa=null,uc=null,vc=null,ab;for(ab in c)if(D.call(c,ab)){var ba=c[ab];if(null!=ba)switch(ab){case "children":case "dangerouslySetInnerHTML":throw Error("input is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");case "name":ia=ba;break;case "formAction":va=ba;break;case "formEncType":wa=ba;break;case "formMethod":La=ba;break;case "formTarget":xa=ba;break;case "defaultChecked":vc=ba;break;case "defaultValue":oa=
+ba;break;case "checked":uc=ba;break;case "value":Ma=ba;break;default:P(a,ab,ba)}}var Ld=Mc(a,d,e,va,wa,La,xa,ia);null!==uc?tc(a,"checked",uc):null!==vc&&tc(a,"checked",vc);null!==Ma?P(a,"value",Ma):null!==oa&&P(a,"value",oa);a.push(Lc);null!==Ld&&Ld.forEach(Kc,a);return null;case "button":a.push(U("button"));var bb=null,Md=null,Nd=null,Od=null,Pd=null,Qd=null,Rd=null,cb;for(cb in c)if(D.call(c,cb)){var ja=c[cb];if(null!=ja)switch(cb){case "children":bb=ja;break;case "dangerouslySetInnerHTML":Md=ja;
+break;case "name":Nd=ja;break;case "formAction":Od=ja;break;case "formEncType":Pd=ja;break;case "formMethod":Qd=ja;break;case "formTarget":Rd=ja;break;default:P(a,cb,ja)}}var Sd=Mc(a,d,e,Od,Pd,Qd,Rd,Nd);a.push(R);null!==Sd&&Sd.forEach(Kc,a);Oc(a,Md,bb);if("string"===typeof bb){a.push(E(bb));var Td=null}else Td=bb;return Td;case "form":a.push(U("form"));var db=null,Ud=null,pa=null,eb=null,fb=null,gb=null,hb;for(hb in c)if(D.call(c,hb)){var qa=c[hb];if(null!=qa)switch(hb){case "children":db=qa;break;
+case "dangerouslySetInnerHTML":Ud=qa;break;case "action":pa=qa;break;case "encType":eb=qa;break;case "method":fb=qa;break;case "target":gb=qa;break;default:P(a,hb,qa)}}var wc=null,xc=null;if("function"===typeof pa)if("function"===typeof pa.$$FORM_ACTION){var Of=Hc(d),Na=pa.$$FORM_ACTION(Of);pa=Na.action||"";eb=Na.encType;fb=Na.method;gb=Na.target;wc=Na.data;xc=Na.name}else a.push(N,"action",rc,Ic,L),gb=fb=eb=pa=null,Nc(d,e);null!=pa&&P(a,"action",pa);null!=eb&&P(a,"encType",eb);null!=fb&&P(a,"method",
+fb);null!=gb&&P(a,"target",gb);a.push(R);null!==xc&&(a.push(Jc),O(a,"name",xc),a.push(Lc),null!==wc&&wc.forEach(Kc,a));Oc(a,Ud,db);if("string"===typeof db){a.push(E(db));var Vd=null}else Vd=db;return Vd;case "menuitem":a.push(U("menuitem"));for(var Gb in c)if(D.call(c,Gb)){var Wd=c[Gb];if(null!=Wd)switch(Gb){case "children":case "dangerouslySetInnerHTML":throw Error("menuitems cannot have `children` nor `dangerouslySetInnerHTML`.");default:P(a,Gb,Wd)}}a.push(R);return null;case "title":if(3===g.insertionMode||
+g.tagScope&1||null!=c.itemProp)var yc=Vc(a,c);else l?yc=null:(Vc(e.hoistableChunks,c),yc=void 0);return yc;case "link":var Pf=c.rel,ra=c.href,Hb=c.precedence;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Pf||"string"!==typeof ra||""===ra){S(a,c);var ib=null}else if("stylesheet"===c.rel)if("string"!==typeof Hb||null!=c.disabled||c.onLoad||c.onError)ib=S(a,c);else{var Oa=e.styles.get(Hb),Ib=d.styleResources.hasOwnProperty(ra)?d.styleResources[ra]:void 0;if(null!==Ib){d.styleResources[ra]=
+null;Oa||(Oa={precedence:E(Hb),rules:[],hrefs:[],sheets:new Map},e.styles.set(Hb,Oa));var Jb={state:0,props:C({},c,{"data-precedence":c.precedence,precedence:null})};if(Ib){2===Ib.length&&dd(Jb.props,Ib);var zc=e.preloads.stylesheets.get(ra);zc&&0<zc.length?zc.length=0:Jb.state=1}Oa.sheets.set(ra,Jb);f&&f.stylesheets.add(Jb)}else if(Oa){var Xd=Oa.sheets.get(ra);Xd&&f&&f.stylesheets.add(Xd)}h&&a.push(kc);ib=null}else c.onLoad||c.onError?ib=S(a,c):(h&&a.push(kc),ib=l?null:S(e.hoistableChunks,c));return ib;
+case "script":var Ac=c.async;if("string"!==typeof c.src||!c.src||!Ac||"function"===typeof Ac||"symbol"===typeof Ac||c.onLoad||c.onError||3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var Yd=Xc(a,c);else{var Kb=c.src;if("module"===c.type){var Lb=d.moduleScriptResources;var Zd=e.preloads.moduleScripts}else Lb=d.scriptResources,Zd=e.preloads.scripts;var Mb=Lb.hasOwnProperty(Kb)?Lb[Kb]:void 0;if(null!==Mb){Lb[Kb]=null;var Bc=c;if(Mb){2===Mb.length&&(Bc=C({},c),dd(Bc,Mb));var $d=Zd.get(Kb);$d&&($d.length=
+0)}var ae=[];e.scripts.add(ae);Xc(ae,Bc)}h&&a.push(kc);Yd=null}return Yd;case "style":var Nb=c.precedence,ya=c.href;if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp||"string"!==typeof Nb||"string"!==typeof ya||""===ya){a.push(U("style"));var Pa=null,be=null,kb;for(kb in c)if(D.call(c,kb)){var Ob=c[kb];if(null!=Ob)switch(kb){case "children":Pa=Ob;break;case "dangerouslySetInnerHTML":be=Ob;break;default:P(a,kb,Ob)}}a.push(R);var lb=Array.isArray(Pa)?2>Pa.length?Pa[0]:null:Pa;"function"!==typeof lb&&
+"symbol"!==typeof lb&&null!==lb&&void 0!==lb&&a.push(E(""+lb));Oc(a,be,Pa);a.push(Wc("style"));var ce=null}else{var za=e.styles.get(Nb);if(null!==(d.styleResources.hasOwnProperty(ya)?d.styleResources[ya]:void 0)){d.styleResources[ya]=null;za?za.hrefs.push(E(ya)):(za={precedence:E(Nb),rules:[],hrefs:[E(ya)],sheets:new Map},e.styles.set(Nb,za));var de=za.rules,Qa=null,ee=null,Pb;for(Pb in c)if(D.call(c,Pb)){var Cc=c[Pb];if(null!=Cc)switch(Pb){case "children":Qa=Cc;break;case "dangerouslySetInnerHTML":ee=
+Cc}}var mb=Array.isArray(Qa)?2>Qa.length?Qa[0]:null:Qa;"function"!==typeof mb&&"symbol"!==typeof mb&&null!==mb&&void 0!==mb&&de.push(E(""+mb));Oc(de,ee,Qa)}za&&f&&f.styles.add(za);h&&a.push(kc);ce=void 0}return ce;case "meta":if(3===g.insertionMode||g.tagScope&1||null!=c.itemProp)var fe=Uc(a,c,"meta");else h&&a.push(kc),fe=l?null:"string"===typeof c.charSet?Uc(e.charsetChunks,c,"meta"):"viewport"===c.name?Uc(e.viewportChunks,c,"meta"):Uc(e.hoistableChunks,c,"meta");return fe;case "listing":case "pre":a.push(U(b));
+var nb=null,ob=null,pb;for(pb in c)if(D.call(c,pb)){var Qb=c[pb];if(null!=Qb)switch(pb){case "children":nb=Qb;break;case "dangerouslySetInnerHTML":ob=Qb;break;default:P(a,pb,Qb)}}a.push(R);if(null!=ob){if(null!=nb)throw Error("Can only set one of `children` or `props.dangerouslySetInnerHTML`.");if("object"!==typeof ob||!("__html"in ob))throw Error("`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. Please visit https://reactjs.org/link/dangerously-set-inner-html for more information.");
+var Aa=ob.__html;null!==Aa&&void 0!==Aa&&("string"===typeof Aa&&0<Aa.length&&"\n"===Aa[0]?a.push(Zc,Aa):a.push(""+Aa))}"string"===typeof nb&&"\n"===nb[0]&&a.push(Zc);return nb;case "img":var M=c.src,J=c.srcSet;if(!("lazy"===c.loading||!M&&!J||"string"!==typeof M&&null!=M||"string"!==typeof J&&null!=J)&&"low"!==c.fetchPriority&&!1===!!(g.tagScope&2)&&("string"!==typeof M||":"!==M[4]||"d"!==M[0]&&"D"!==M[0]||"a"!==M[1]&&"A"!==M[1]||"t"!==M[2]&&"T"!==M[2]||"a"!==M[3]&&"A"!==M[3])&&("string"!==typeof J||
+":"!==J[4]||"d"!==J[0]&&"D"!==J[0]||"a"!==J[1]&&"A"!==J[1]||"t"!==J[2]&&"T"!==J[2]||"a"!==J[3]&&"A"!==J[3])){var ge="string"===typeof c.sizes?c.sizes:void 0,Ra=J?J+"\n"+(ge||""):M,Dc=e.preloads.images,Ba=Dc.get(Ra);if(Ba){if("high"===c.fetchPriority||10>e.highImagePreloads.size)Dc.delete(Ra),e.highImagePreloads.add(Ba)}else if(!d.imageResources.hasOwnProperty(Ra)){d.imageResources[Ra]=F;var Ec=c.crossOrigin;var he="string"===typeof Ec?"use-credentials"===Ec?Ec:"":void 0;var ea=e.headers,Fc;ea&&0<
+ea.remainingCapacity&&("high"===c.fetchPriority||500>ea.highImagePreloads.length)&&(Fc=ed(M,"image",{imageSrcSet:c.srcSet,imageSizes:c.sizes,crossOrigin:he,integrity:c.integrity,nonce:c.nonce,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.refererPolicy}),2<=(ea.remainingCapacity-=Fc.length))?(e.resets.image[Ra]=F,ea.highImagePreloads&&(ea.highImagePreloads+=", "),ea.highImagePreloads+=Fc):(Ba=[],S(Ba,{rel:"preload",as:"image",href:J?void 0:M,imageSrcSet:J,imageSizes:ge,crossOrigin:he,
+integrity:c.integrity,type:c.type,fetchPriority:c.fetchPriority,referrerPolicy:c.referrerPolicy}),"high"===c.fetchPriority||10>e.highImagePreloads.size?e.highImagePreloads.add(Ba):(e.bulkPreloads.add(Ba),Dc.set(Ra,Ba)))}}return Uc(a,c,"img");case "base":case "area":case "br":case "col":case "embed":case "hr":case "keygen":case "param":case "source":case "track":case "wbr":return Uc(a,c,b);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":break;
+case "head":if(2>g.insertionMode&&null===e.headChunks){e.headChunks=[];var ie=Yc(e.headChunks,c,"head")}else ie=Yc(a,c,"head");return ie;case "html":if(0===g.insertionMode&&null===e.htmlChunks){e.htmlChunks=[bd];var je=Yc(e.htmlChunks,c,"html")}else je=Yc(a,c,"html");return je;default:if(-1!==b.indexOf("-")){a.push(U(b));var Gc=null,ke=null,Sa;for(Sa in c)if(D.call(c,Sa)){var Ca=c[Sa];if(null!=Ca){var Qf=Sa;switch(Sa){case "children":Gc=Ca;break;case "dangerouslySetInnerHTML":ke=Ca;break;case "style":qc(a,
+Ca);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "ref":break;default:vb(Sa)&&"function"!==typeof Ca&&"symbol"!==typeof Ca&&a.push(N,Qf,rc,E(Ca),L)}}}a.push(R);Oc(a,ke,Gc);return Gc}}return Yc(a,c,b)}var fd=new Map;function Wc(a){var b=fd.get(a);void 0===b&&(b=B("</"+a+">"),fd.set(a,b));return b}function gd(a,b){b=b.bootstrapChunks;for(var c=0;c<b.length-1;c++)u(a,b[c]);return c<b.length?(c=b[c],b.length=0,z(a,c)):!0}
+var hd=B('<template id="'),id=B('"></template>'),jd=B("\x3c!--$--\x3e"),kd=B('\x3c!--$?--\x3e<template id="'),ld=B('"></template>'),md=B("\x3c!--$!--\x3e"),nd=B("\x3c!--/$--\x3e"),od=B("<template"),pd=B('"'),qd=B(' data-dgst="');B(' data-msg="');B(' data-stck="');var rd=B("></template>");function sd(a,b,c){u(a,kd);if(null===c)throw Error("An ID must have been assigned before we can complete the boundary.");u(a,b.boundaryPrefix);u(a,c.toString(16));return z(a,ld)}
+var td=B('<div hidden id="'),ud=B('">'),vd=B("</div>"),wd=B('<svg aria-hidden="true" style="display:none" id="'),xd=B('">'),yd=B("</svg>"),zd=B('<math aria-hidden="true" style="display:none" id="'),Ad=B('">'),Bd=B("</math>"),Cd=B('<table hidden id="'),Dd=B('">'),Ed=B("</table>"),Fd=B('<table hidden><tbody id="'),Gd=B('">'),Hd=B("</tbody></table>"),Id=B('<table hidden><tr id="'),Jd=B('">'),Kd=B("</tr></table>"),le=B('<table hidden><colgroup id="'),me=B('">'),ne=B("</colgroup></table>");
+function oe(a,b,c,d){switch(c.insertionMode){case 0:case 1:case 2:return u(a,td),u(a,b.segmentPrefix),u(a,d.toString(16)),z(a,ud);case 3:return u(a,wd),u(a,b.segmentPrefix),u(a,d.toString(16)),z(a,xd);case 4:return u(a,zd),u(a,b.segmentPrefix),u(a,d.toString(16)),z(a,Ad);case 5:return u(a,Cd),u(a,b.segmentPrefix),u(a,d.toString(16)),z(a,Dd);case 6:return u(a,Fd),u(a,b.segmentPrefix),u(a,d.toString(16)),z(a,Gd);case 7:return u(a,Id),u(a,b.segmentPrefix),u(a,d.toString(16)),z(a,Jd);case 8:return u(a,
+le),u(a,b.segmentPrefix),u(a,d.toString(16)),z(a,me);default:throw Error("Unknown insertion mode. This is a bug in React.");}}function pe(a,b){switch(b.insertionMode){case 0:case 1:case 2:return z(a,vd);case 3:return z(a,yd);case 4:return z(a,Bd);case 5:return z(a,Ed);case 6:return z(a,Hd);case 7:return z(a,Kd);case 8:return z(a,ne);default:throw Error("Unknown insertion mode. This is a bug in React.");}}
+var qe=B('$RS=function(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("'),re=B('$RS("'),se=B('","'),te=B('")\x3c/script>'),ue=B('<template data-rsi="" data-sid="'),ve=B('" data-pid="'),we=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RC("'),
+xe=B('$RC("'),ye=B('$RC=function(b,c,e){c=document.getElementById(c);c.parentNode.removeChild(c);var a=document.getElementById(b);if(a){b=a.previousSibling;if(e)b.data="$!",a.setAttribute("data-dgst",e);else{e=b.parentNode;a=b.nextSibling;var f=0;do{if(a&&8===a.nodeType){var d=a.data;if("/$"===d)if(0===f)break;else f--;else"$"!==d&&"$?"!==d&&"$!"!==d||f++}d=a.nextSibling;e.removeChild(a);a=d}while(a);for(;c.firstChild;)e.insertBefore(c.firstChild,a);b.data="$"}b._reactRetry&&b._reactRetry()}};$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+ze=B('$RM=new Map;\n$RR=function(r,t,w){for(var u=$RC,n=$RM,p=new Map,q=document,g,b,h=q.querySelectorAll("link[data-precedence],style[data-precedence]"),v=[],k=0;b=h[k++];)"not all"===b.getAttribute("media")?v.push(b):("LINK"===b.tagName&&n.set(b.getAttribute("href"),b),p.set(b.dataset.precedence,g=b));b=0;h=[];var l,a;for(k=!0;;){if(k){var f=w[b++];if(!f){k=!1;b=0;continue}var c=!1,m=0;var d=f[m++];if(a=n.get(d)){var e=a._p;c=!0}else{a=q.createElement("link");a.href=d;a.rel="stylesheet";for(a.dataset.precedence=\nl=f[m++];e=f[m++];)a.setAttribute(e,f[m++]);e=a._p=new Promise(function(x,y){a.onload=x;a.onerror=y});n.set(d,a)}d=a.getAttribute("media");!e||"l"===e.s||d&&!matchMedia(d).matches||h.push(e);if(c)continue}else{a=v[b++];if(!a)break;l=a.getAttribute("data-precedence");a.removeAttribute("media")}c=p.get(l)||g;c===g&&(g=a);p.set(l,a);c?c.parentNode.insertBefore(a,c.nextSibling):(c=q.head,c.insertBefore(a,c.firstChild))}Promise.all(h).then(u.bind(null,r,t,""),u.bind(null,r,t,"Resource failed to load"))};$RR("'),
+Ae=B('$RR("'),Be=B('","'),Ce=B('",'),De=B('"'),Ee=B(")\x3c/script>"),Fe=B('<template data-rci="" data-bid="'),Ge=B('<template data-rri="" data-bid="'),He=B('" data-sid="'),Ie=B('" data-sty="'),Je=B('$RX=function(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("'),Ke=B('$RX("'),Le=B('"'),Me=B(","),Ne=B(")\x3c/script>"),Oe=B('<template data-rxi="" data-bid="'),Pe=B('" data-dgst="'),
+Qe=B('" data-msg="'),Re=B('" data-stck="'),Se=/[<\u2028\u2029]/g;function Te(a){return JSON.stringify(a).replace(Se,function(b){switch(b){case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSStringsForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}var Ue=/[&><\u2028\u2029]/g;
+function Ve(a){return JSON.stringify(a).replace(Ue,function(b){switch(b){case "&":return"\\u0026";case ">":return"\\u003e";case "<":return"\\u003c";case "\u2028":return"\\u2028";case "\u2029":return"\\u2029";default:throw Error("escapeJSObjectForInstructionScripts encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}})}
+var We=B('<style media="not all" data-precedence="'),Xe=B('" data-href="'),Ye=B('">'),Ze=B("</style>"),$e=!1,af=!0;function bf(a){var b=a.rules,c=a.hrefs,d=0;if(c.length){u(this,We);u(this,a.precedence);for(u(this,Xe);d<c.length-1;d++)u(this,c[d]),u(this,cf);u(this,c[d]);u(this,Ye);for(d=0;d<b.length;d++)u(this,b[d]);af=z(this,Ze);$e=!0;b.length=0;c.length=0}}function df(a){return 2!==a.state?$e=!0:!1}
+function ef(a,b,c){$e=!1;af=!0;b.styles.forEach(bf,a);b.stylesheets.forEach(df);$e&&(c.stylesToHoist=!0);return af}function ff(a){for(var b=0;b<a.length;b++)u(this,a[b]);a.length=0}var gf=[];function hf(a){S(gf,a.props);for(var b=0;b<gf.length;b++)u(this,gf[b]);gf.length=0;a.state=2}var jf=B('<style data-precedence="'),kf=B('" data-href="'),cf=B(" "),lf=B('">'),mf=B("</style>");
+function nf(a){var b=0<a.sheets.size;a.sheets.forEach(hf,this);a.sheets.clear();var c=a.rules,d=a.hrefs;if(!b||d.length){u(this,jf);u(this,a.precedence);a=0;if(d.length){for(u(this,kf);a<d.length-1;a++)u(this,d[a]),u(this,cf);u(this,d[a])}u(this,lf);for(a=0;a<c.length;a++)u(this,c[a]);u(this,mf);c.length=0;d.length=0}}
+function of(a){if(0===a.state){a.state=1;var b=a.props;S(gf,{rel:"preload",as:"style",href:a.props.href,crossOrigin:b.crossOrigin,fetchPriority:b.fetchPriority,integrity:b.integrity,media:b.media,hrefLang:b.hrefLang,referrerPolicy:b.referrerPolicy});for(a=0;a<gf.length;a++)u(this,gf[a]);gf.length=0}}function pf(a){a.sheets.forEach(of,this);a.sheets.clear()}var qf=B("["),rf=B(",["),sf=B(","),tf=B("]");
+function uf(a,b){u(a,qf);var c=qf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,Ve(""+d.props.href)),u(a,tf),c=rf;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,Ve(""+d.props.href));e=""+e;u(a,sf);u(a,Ve(e));for(var g in f)if(D.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");
+default:a:{e=a;var l=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!vb(g))break a;h=""+h}u(e,sf);u(e,Ve(l));u(e,sf);u(e,Ve(h))}}}u(a,
+tf);c=rf;d.state=3}});u(a,tf)}
+function vf(a,b){u(a,qf);var c=qf;b.stylesheets.forEach(function(d){if(2!==d.state)if(3===d.state)u(a,c),u(a,E(JSON.stringify(""+d.props.href))),u(a,tf),c=rf;else{u(a,c);var e=d.props["data-precedence"],f=d.props;u(a,E(JSON.stringify(""+d.props.href)));e=""+e;u(a,sf);u(a,E(JSON.stringify(e)));for(var g in f)if(D.call(f,g)){var h=f[g];if(null!=h)switch(g){case "href":case "rel":case "precedence":case "data-precedence":break;case "children":case "dangerouslySetInnerHTML":throw Error("link is a self-closing tag and must neither have `children` nor use `dangerouslySetInnerHTML`.");default:a:{e=
+a;var l=g.toLowerCase();switch(typeof h){case "function":case "symbol":break a}switch(g){case "innerHTML":case "dangerouslySetInnerHTML":case "suppressContentEditableWarning":case "suppressHydrationWarning":case "style":case "ref":break a;case "className":l="class";h=""+h;break;case "hidden":if(!1===h)break a;h="";break;case "src":case "href":h=""+h;break;default:if(2<g.length&&("o"===g[0]||"O"===g[0])&&("n"===g[1]||"N"===g[1])||!vb(g))break a;h=""+h}u(e,sf);u(e,E(JSON.stringify(l)));u(e,sf);u(e,
+E(JSON.stringify(h)))}}}u(a,tf);c=rf;d.state=3}});u(a,tf)}function wf(){return{styles:new Set,stylesheets:new Set}}
+function Eb(a){var b=xf();if(b){var c=b.resumableState,d=b.renderState;if("string"===typeof a&&a){if(!c.dnsResources.hasOwnProperty(a)){c.dnsResources[a]=null;c=d.headers;var e,f;if(f=c&&0<c.remainingCapacity)f=(e="<"+(""+a).replace(yf,zf)+">; rel=dns-prefetch",2<=(c.remainingCapacity-=e.length));f?(d.resets.dns[a]=null,c.preconnects&&(c.preconnects+=", "),c.preconnects+=e):(e=[],S(e,{href:a,rel:"dns-prefetch"}),d.preconnects.add(e))}Af(b)}}}
+function Fb(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if("string"===typeof a&&a){var f="use-credentials"===b?"credentials":"string"===typeof b?"anonymous":"default";if(!d.connectResources[f].hasOwnProperty(a)){d.connectResources[f][a]=null;d=e.headers;var g,h;if(h=d&&0<d.remainingCapacity){h="<"+(""+a).replace(yf,zf)+">; rel=preconnect";if("string"===typeof b){var l=(""+b).replace(Bf,Cf);h+='; crossorigin="'+l+'"'}h=(g=h,2<=(d.remainingCapacity-=g.length))}h?(e.resets.connect[f][a]=
+null,d.preconnects&&(d.preconnects+=", "),d.preconnects+=g):(f=[],S(f,{rel:"preconnect",href:a,crossOrigin:b}),e.preconnects.add(f))}Af(c)}}}
+function Rb(a,b,c){var d=xf();if(d){var e=d.resumableState,f=d.renderState;if(b&&a){switch(b){case "image":if(c){var g=c.imageSrcSet;var h=c.imageSizes;var l=c.fetchPriority}var p=g?g+"\n"+(h||""):a;if(e.imageResources.hasOwnProperty(p))return;e.imageResources[p]=F;e=f.headers;var q;e&&0<e.remainingCapacity&&"high"===l&&(q=ed(a,b,c),2<=(e.remainingCapacity-=q.length))?(f.resets.image[p]=F,e.highImagePreloads&&(e.highImagePreloads+=", "),e.highImagePreloads+=q):(e=[],S(e,C({rel:"preload",href:g?void 0:
+a,as:b},c)),"high"===l?f.highImagePreloads.add(e):(f.bulkPreloads.add(e),f.preloads.images.set(p,e)));break;case "style":if(e.styleResources.hasOwnProperty(a))return;g=[];S(g,C({rel:"preload",href:a,as:b},c));e.styleResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?F:[c.crossOrigin,c.integrity];f.preloads.stylesheets.set(a,g);f.bulkPreloads.add(g);break;case "script":if(e.scriptResources.hasOwnProperty(a))return;g=[];f.preloads.scripts.set(a,g);f.bulkPreloads.add(g);
+S(g,C({rel:"preload",href:a,as:b},c));e.scriptResources[a]=!c||"string"!==typeof c.crossOrigin&&"string"!==typeof c.integrity?F:[c.crossOrigin,c.integrity];break;default:if(e.unknownResources.hasOwnProperty(b)){if(g=e.unknownResources[b],g.hasOwnProperty(a))return}else g={},e.unknownResources[b]=g;g[a]=F;if((e=f.headers)&&0<e.remainingCapacity&&"font"===b&&(p=ed(a,b,c),2<=(e.remainingCapacity-=p.length)))f.resets.font[a]=F,e.fontPreloads&&(e.fontPreloads+=", "),e.fontPreloads+=p;else switch(e=[],
+a=C({rel:"preload",href:a,as:b},c),S(e,a),b){case "font":f.fontPreloads.add(e);break;default:f.bulkPreloads.add(e)}}Af(d)}}}
+function Sb(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=b&&"string"===typeof b.as?b.as:"script";switch(f){case "script":if(d.moduleScriptResources.hasOwnProperty(a))return;f=[];d.moduleScriptResources[a]=!b||"string"!==typeof b.crossOrigin&&"string"!==typeof b.integrity?F:[b.crossOrigin,b.integrity];e.preloads.moduleScripts.set(a,f);break;default:if(d.moduleUnknownResources.hasOwnProperty(f)){var g=d.unknownResources[f];if(g.hasOwnProperty(a))return}else g={},d.moduleUnknownResources[f]=
+g;f=[];g[a]=F}S(f,C({rel:"modulepreload",href:a},b));e.bulkPreloads.add(f);Af(c)}}}
+function Tb(a,b,c){var d=xf();if(d){var e=d.resumableState,f=d.renderState;if(a){b=b||"default";var g=f.styles.get(b),h=e.styleResources.hasOwnProperty(a)?e.styleResources[a]:void 0;null!==h&&(e.styleResources[a]=null,g||(g={precedence:E(b),rules:[],hrefs:[],sheets:new Map},f.styles.set(b,g)),b={state:0,props:C({rel:"stylesheet",href:a,"data-precedence":b},c)},h&&(2===h.length&&dd(b.props,h),(f=f.preloads.stylesheets.get(a))&&0<f.length?f.length=0:b.state=1),g.sheets.set(a,b),Af(d))}}}
+function Ub(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.scriptResources.hasOwnProperty(a)?d.scriptResources[a]:void 0;null!==f&&(d.scriptResources[a]=null,b=C({src:a,async:!0},b),f&&(2===f.length&&dd(b,f),a=e.preloads.scripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Xc(a,b),Af(c))}}}
+function Vb(a,b){var c=xf();if(c){var d=c.resumableState,e=c.renderState;if(a){var f=d.moduleScriptResources.hasOwnProperty(a)?d.moduleScriptResources[a]:void 0;null!==f&&(d.moduleScriptResources[a]=null,b=C({src:a,type:"module",async:!0},b),f&&(2===f.length&&dd(b,f),a=e.preloads.moduleScripts.get(a))&&(a.length=0),a=[],e.scripts.add(a),Xc(a,b),Af(c))}}}function dd(a,b){null==a.crossOrigin&&(a.crossOrigin=b[0]);null==a.integrity&&(a.integrity=b[1])}
+function ed(a,b,c){a=(""+a).replace(yf,zf);b=(""+b).replace(Bf,Cf);b="<"+a+'>; rel=preload; as="'+b+'"';for(var d in c)D.call(c,d)&&(a=c[d],"string"===typeof a&&(b+="; "+d.toLowerCase()+'="'+(""+a).replace(Bf,Cf)+'"'));return b}var yf=/[<>\r\n]/g;
+function zf(a){switch(a){case "<":return"%3C";case ">":return"%3E";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeLinkHrefForHeaderContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}var Bf=/["';,\r\n]/g;
+function Cf(a){switch(a){case '"':return"%22";case "'":return"%27";case ";":return"%3B";case ",":return"%2C";case "\n":return"%0A";case "\r":return"%0D";default:throw Error("escapeStringForLinkHeaderQuotedParamValueContextReplacer encountered a match it does not know how to replace. this means the match regex and the replacement characters are no longer in sync. This is a bug in React");}}function Df(a){this.styles.add(a)}function Ef(a){this.stylesheets.add(a)}var Ff=new da.AsyncLocalStorage,Gf=Symbol.for("react.client.reference");
+function Hf(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===Gf?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ma:return"Fragment";case la:return"Portal";case ta:return"Profiler";case sa:return"StrictMode";case Ga:return"Suspense";case Ha:return"SuspenseList";case Wa:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ua:return(a._context.displayName||"Context")+".Provider";case Ea:return(a.displayName||"Context")+".Consumer";case Fa:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case Ia:return b=a.displayName||null,null!==b?b:Hf(a.type)||"Memo";case Ja:b=a._payload;a=a._init;try{return Hf(a(b))}catch(c){}}return null}var If={};function Jf(a,b){a=a.contextTypes;if(!a)return If;var c={},d;for(d in a)c[d]=b[d];return c}var Kf=null;
+function Lf(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var c=b.parent;if(null===a){if(null!==c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===c)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Lf(a,c)}b.context._currentValue=b.value}}function Mf(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Mf(a)}
+function Nf(a){var b=a.parent;null!==b&&Nf(b);a.context._currentValue=a.value}function Rf(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Lf(a,b):Rf(a,b)}
+function Sf(a,b){var c=b.parent;if(null===c)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===c.depth?Lf(a,c):Sf(a,c);b.context._currentValue=b.value}function Tf(a){var b=Kf;b!==a&&(null===b?Nf(a):null===a?Mf(b):b.depth===a.depth?Lf(b,a):b.depth>a.depth?Rf(b,a):Sf(b,a),Kf=a)}
+var Uf={isMounted:function(){return!1},enqueueSetState:function(a,b){a=a._reactInternals;null!==a.queue&&a.queue.push(b)},enqueueReplaceState:function(a,b){a=a._reactInternals;a.replace=!0;a.queue=[b]},enqueueForceUpdate:function(){}};
+function Vf(a,b,c,d){var e=void 0!==a.state?a.state:null;a.updater=Uf;a.props=c;a.state=e;var f={queue:[],replace:!1};a._reactInternals=f;var g=b.contextType;a.context="object"===typeof g&&null!==g?g._currentValue:d;g=b.getDerivedStateFromProps;"function"===typeof g&&(g=g(c,e),e=null===g||void 0===g?e:C({},e,g),a.state=e);if("function"!==typeof b.getDerivedStateFromProps&&"function"!==typeof a.getSnapshotBeforeUpdate&&("function"===typeof a.UNSAFE_componentWillMount||"function"===typeof a.componentWillMount))if(b=
+a.state,"function"===typeof a.componentWillMount&&a.componentWillMount(),"function"===typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount(),b!==a.state&&Uf.enqueueReplaceState(a,a.state,null),null!==f.queue&&0<f.queue.length)if(b=f.queue,g=f.replace,f.queue=null,f.replace=!1,g&&1===b.length)a.state=b[0];else{f=g?b[0]:a.state;e=!0;for(g=g?1:0;g<b.length;g++){var h=b[g];h="function"===typeof h?h.call(a,f,c,d):h;null!=h&&(e?(e=!1,f=C({},f,h)):C(f,h))}a.state=f}else f.queue=null}
+var Wf={id:1,overflow:""};function Xf(a,b,c){var d=a.id;a=a.overflow;var e=32-Yf(d)-1;d&=~(1<<e);c+=1;var f=32-Yf(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;return{id:1<<32-Yf(b)+e|c<<e|d,overflow:f+a}}return{id:1<<f|c<<e|d,overflow:a}}var Yf=Math.clz32?Math.clz32:Zf,$f=Math.log,ag=Math.LN2;function Zf(a){a>>>=0;return 0===a?32:31-($f(a)/ag|0)|0}var bg=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function cg(){}function dg(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(cg,cg),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}eg=b;throw bg;}}var eg=null;
+function fg(){if(null===eg)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=eg;eg=null;return a}function gg(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var hg="function"===typeof Object.is?Object.is:gg,ig=null,jg=null,kg=null,lg=null,mg=null,W=null,ng=!1,og=!1,pg=0,qg=0,rg=-1,sg=0,tg=null,ug=null,vg=0;
+function wg(){if(null===ig)throw 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://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.");return ig}
+function xg(){if(0<vg)throw Error("Rendered more hooks than during the previous render");return{memoizedState:null,queue:null,next:null}}function yg(){null===W?null===mg?(ng=!1,mg=W=xg()):(ng=!0,W=mg):null===W.next?(ng=!1,W=W.next=xg()):(ng=!0,W=W.next);return W}function zg(){var a=tg;tg=null;return a}function Ag(){lg=kg=jg=ig=null;og=!1;mg=null;vg=0;W=ug=null}function Bg(a,b){return"function"===typeof b?b(a):b}
+function Cg(a,b,c){ig=wg();W=yg();if(ng){var d=W.queue;b=d.dispatch;if(null!==ug&&(c=ug.get(d),void 0!==c)){ug.delete(d);d=W.memoizedState;do d=a(d,c.action),c=c.next;while(null!==c);W.memoizedState=d;return[d,b]}return[W.memoizedState,b]}a=a===Bg?"function"===typeof b?b():b:void 0!==c?c(b):b;W.memoizedState=a;a=W.queue={last:null,dispatch:null};a=a.dispatch=Dg.bind(null,ig,a);return[W.memoizedState,a]}
+function Eg(a,b){ig=wg();W=yg();b=void 0===b?null:b;if(null!==W){var c=W.memoizedState;if(null!==c&&null!==b){var d=c[1];a:if(null===d)d=!1;else{for(var e=0;e<d.length&&e<b.length;e++)if(!hg(b[e],d[e])){d=!1;break a}d=!0}if(d)return c[0]}}a=a();W.memoizedState=[a,b];return a}
+function Dg(a,b,c){if(25<=vg)throw Error("Too many re-renders. React limits the number of renders to prevent an infinite loop.");if(a===ig)if(og=!0,a={action:c,next:null},null===ug&&(ug=new Map),c=ug.get(b),void 0===c)ug.set(b,a);else{for(b=c;null!==b.next;)b=b.next;b.next=a}}function Fg(){throw Error("startTransition cannot be called during server rendering.");}function Gg(){throw Error("Cannot update optimistic state while rendering.");}
+function Hg(a,b,c){if(void 0!==a)return"p"+a;a=JSON.stringify([b,null,c]);b=ca.createHash("md5");b.update(a);return"k"+b.digest("hex")}function Ig(a){var b=sg;sg+=1;null===tg&&(tg=[]);return dg(tg,a,b)}function Jg(){throw Error("Cache cannot be refreshed during server rendering.");}function Kg(){}
+var Mg={readContext:function(a){return a._currentValue},use:function(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Ig(a);if(a.$$typeof===Ea)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));},useContext:function(a){wg();return a._currentValue},useMemo:Eg,useReducer:Cg,useRef:function(a){ig=wg();W=yg();var b=W.memoizedState;return null===b?(a={current:a},W.memoizedState=a):b},useState:function(a){return Cg(Bg,a)},useInsertionEffect:Kg,
+useLayoutEffect:Kg,useCallback:function(a,b){return Eg(function(){return a},b)},useImperativeHandle:Kg,useEffect:Kg,useDebugValue:Kg,useDeferredValue:function(a){wg();return a},useTransition:function(){wg();return[!1,Fg]},useId:function(){var a=jg.treeContext;var b=a.overflow;a=a.id;a=(a&~(1<<32-Yf(a)-1)).toString(32)+b;var c=Lg;if(null===c)throw Error("Invalid hook call. Hooks can only be called inside of the body of a function component.");b=pg++;a=":"+c.idPrefix+"R"+a;0<b&&(a+="H"+b.toString(32));
+return a+":"},useSyncExternalStore:function(a,b,c){if(void 0===c)throw Error("Missing getServerSnapshot, which is required for server-rendered content. Will revert to client rendering.");return c()},useCacheRefresh:function(){return Jg},useHostTransitionStatus:function(){wg();return Cb},useOptimistic:function(a){wg();return[a,Gg]},useFormState:function(a,b,c){wg();var d=qg++,e=kg;if("function"===typeof a.$$FORM_ACTION){var f=null,g=lg;e=e.formState;var h=a.$$IS_SIGNATURE_EQUAL;if(null!==e&&"function"===
+typeof h){var l=e[1];h.call(a,e[2],e[3])&&(f=Hg(c,g,d),l===f&&(rg=d,b=e[0]))}var p=a.bind(null,b);a=function(m){p(m)};"function"===typeof p.$$FORM_ACTION&&(a.$$FORM_ACTION=function(m){m=p.$$FORM_ACTION(m);void 0!==c&&(c+="",m.action=c);var v=m.data;v&&(null===f&&(f=Hg(c,g,d)),v.append("$ACTION_KEY",f));return m});return[b,a]}var q=a.bind(null,b);return[b,function(m){q(m)}]}},Lg=null,Ng={getCacheSignal:function(){throw Error("Not implemented.");},getCacheForType:function(){throw Error("Not implemented.");
+}},Og;function Pg(a){if(void 0===Og)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);Og=b&&b[1]||""}return"\n"+Og+a}var Qg=!1;
+function Rg(a,b){if(!a||Qg)return"";Qg=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var m=function(){throw Error();};Object.defineProperty(m.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(m,[])}catch(r){var v=r}Reflect.construct(a,[],m)}else{try{m.call()}catch(r){v=r}a.call(m.prototype)}}else{try{throw Error();}catch(r){v=r}(m=a())&&"function"===typeof m.catch&&
+m.catch(function(){})}}catch(r){if(r&&v&&"string"===typeof r.stack)return[r.stack,v.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var l=g.split("\n"),p=h.split("\n");for(e=d=0;d<l.length&&!l[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<p.length&&!p[e].includes("DetermineComponentFrameRoot");)e++;if(d===l.length||e===p.length)for(d=l.length-1,e=p.length-1;1<=d&&0<=e&&l[d]!==p[e];)e--;for(;1<=d&&0<=e;d--,e--)if(l[d]!==p[e]){if(1!==d||1!==e){do if(d--,e--,0>e||l[d]!==p[e]){var q="\n"+l[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{Qg=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?Pg(c):""}
+var Sg=Bb.ReactCurrentDispatcher,Tg=Bb.ReactCurrentCache;function Ug(a){console.error(a);return null}function Vg(){}var Wg=null;function xf(){if(Wg)return Wg;var a=Ff.getStore();return a?a:null}function Xg(a,b){a.pingedTasks.push(b);1===a.pingedTasks.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return Yg(a)}))}
+function Zg(a,b){return{status:0,rootSegmentID:-1,parentFlushed:!1,pendingTasks:0,completedSegments:[],byteSize:0,fallbackAbortableTasks:b,errorDigest:null,contentState:wf(),fallbackState:wf(),trackedContentKeyPath:null,trackedFallbackNode:null}}
+function $g(a,b,c,d,e,f,g,h,l,p,q,m,v,r,x){a.allPendingTasks++;null===e?a.pendingRootTasks++:e.pendingTasks++;var w={replay:null,node:c,childIndex:d,ping:function(){return Xg(a,w)},blockedBoundary:e,blockedSegment:f,hoistableState:g,abortSet:h,keyPath:l,formatContext:p,legacyContext:q,context:m,treeContext:v,componentStack:r,thenableState:b,isFallback:x};h.add(w);return w}
+function ah(a,b,c,d,e,f,g,h,l,p,q,m,v,r,x){a.allPendingTasks++;null===f?a.pendingRootTasks++:f.pendingTasks++;c.pendingTasks++;var w={replay:c,node:d,childIndex:e,ping:function(){return Xg(a,w)},blockedBoundary:f,blockedSegment:null,hoistableState:g,abortSet:h,keyPath:l,formatContext:p,legacyContext:q,context:m,treeContext:v,componentStack:r,thenableState:b,isFallback:x};h.add(w);return w}
+function bh(a,b,c,d,e,f){return{status:0,id:-1,index:b,parentFlushed:!1,chunks:[],children:[],parentFormatContext:d,boundary:c,lastPushedText:e,textEmbedded:f}}function ch(a,b){return{tag:0,parent:a.componentStack,type:b}}
+function dh(a,b){if(b&&null!==a.trackedPostpones){try{a="";do{switch(b.tag){case 0:a+=Pg(b.type,null);break;case 1:a+=Rg(b.type,!1);break;case 2:a+=Rg(b.type,!0)}b=b.parent}while(b);var c=a}catch(d){c="\nError generating stack: "+d.message+"\n"+d.stack}c={componentStack:c}}else c={};return c}function X(a,b,c){a=a.onError(b,c);if(null==a||"string"===typeof a)return a}
+function eh(a,b){var c=a.onShellError;c(b);c=a.onFatalError;c(b);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function fh(a,b,c,d,e,f){var g=b.thenableState;b.thenableState=null;ig={};jg=b;kg=a;lg=c;qg=pg=0;rg=-1;sg=0;tg=g;for(a=d(e,f);og;)og=!1,qg=pg=0,rg=-1,sg=0,vg+=1,W=null,a=d(e,f);Ag();return a}
+function gh(a,b,c,d,e){var f=d.render(),g=e.childContextTypes;if(null!==g&&void 0!==g){c=b.legacyContext;if("function"!==typeof d.getChildContext)e=c;else{d=d.getChildContext();for(var h in d)if(!(h in g))throw Error((Hf(e)||"Unknown")+'.getChildContext(): key "'+h+'" is not defined in childContextTypes.');e=C({},c,d)}b.legacyContext=e;Y(a,b,f,-1);b.legacyContext=c}else e=b.keyPath,b.keyPath=c,Y(a,b,f,-1),b.keyPath=e}
+function hh(a,b,c,d,e,f,g){var h=!1;if(0!==f&&null!==a.formState){var l=b.blockedSegment;if(null!==l){h=!0;l=l.chunks;for(var p=0;p<f;p++)p===g?l.push(Sc):l.push(Tc)}}f=b.keyPath;b.keyPath=c;e?(c=b.treeContext,b.treeContext=Xf(c,1,0),ih(a,b,d,-1),b.treeContext=c):h?ih(a,b,d,-1):Y(a,b,d,-1);b.keyPath=f}function jh(a,b){if(a&&a.defaultProps){b=C({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function kh(a,b,c,d,e,f){if("function"===typeof d)if(d.prototype&&d.prototype.isReactComponent){f=b.componentStack;b.componentStack={tag:2,parent:b.componentStack,type:d};var g=Jf(d,b.legacyContext);var h=d.contextType;h=new d(e,"object"===typeof h&&null!==h?h._currentValue:g);Vf(h,d,e,g);gh(a,b,c,h,d);b.componentStack=f}else{f=Jf(d,b.legacyContext);g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d};h=fh(a,b,c,d,e,f);var l=0!==pg,p=qg,q=rg;"object"===typeof h&&null!==h&&"function"===
+typeof h.render&&void 0===h.$$typeof?(Vf(h,d,e,f),gh(a,b,c,h,d)):hh(a,b,c,h,l,p,q);b.componentStack=g}else if("string"===typeof d){f=b.componentStack;b.componentStack=ch(b,d);g=b.blockedSegment;if(null===g)g=e.children,h=b.formatContext,l=b.keyPath,b.formatContext=jc(h,d,e),b.keyPath=c,ih(a,b,g,-1),b.formatContext=h,b.keyPath=l;else{l=cd(g.chunks,d,e,a.resumableState,a.renderState,b.hoistableState,b.formatContext,g.lastPushedText,b.isFallback);g.lastPushedText=!1;h=b.formatContext;p=b.keyPath;b.formatContext=
+jc(h,d,e);b.keyPath=c;ih(a,b,l,-1);b.formatContext=h;b.keyPath=p;a:{c=g.chunks;a=a.resumableState;switch(d){case "title":case "style":case "script":case "area":case "base":case "br":case "col":case "embed":case "hr":case "img":case "input":case "keygen":case "link":case "meta":case "param":case "source":case "track":case "wbr":break a;case "body":if(1>=h.insertionMode){a.hasBody=!0;break a}break;case "html":if(0===h.insertionMode){a.hasHtml=!0;break a}}c.push(Wc(d))}g.lastPushedText=!1}b.componentStack=
+f}else{switch(d){case Va:case Ta:case sa:case ta:case ma:d=b.keyPath;b.keyPath=c;Y(a,b,e.children,-1);b.keyPath=d;return;case Ua:"hidden"!==e.mode&&(d=b.keyPath,b.keyPath=c,Y(a,b,e.children,-1),b.keyPath=d);return;case Ha:d=b.componentStack;b.componentStack=ch(b,"SuspenseList");f=b.keyPath;b.keyPath=c;Y(a,b,e.children,-1);b.keyPath=f;b.componentStack=d;return;case Ka:throw Error("ReactDOMServer does not yet support scope components.");case Ga:a:if(null!==b.replay){d=b.keyPath;b.keyPath=c;c=e.children;
+try{ih(a,b,c,-1)}finally{b.keyPath=d}}else{var m=b.componentStack;d=b.componentStack=ch(b,"Suspense");var v=b.keyPath;f=b.blockedBoundary;var r=b.hoistableState,x=b.blockedSegment;g=e.fallback;var w=e.children;e=new Set;h=Zg(a,e);null!==a.trackedPostpones&&(h.trackedContentKeyPath=c);l=bh(a,x.chunks.length,h,b.formatContext,!1,!1);x.children.push(l);x.lastPushedText=!1;var t=bh(a,0,null,b.formatContext,!1,!1);t.parentFlushed=!0;b.blockedBoundary=h;b.hoistableState=h.contentState;b.blockedSegment=
+t;b.keyPath=c;try{if(ih(a,b,w,-1),t.lastPushedText&&t.textEmbedded&&t.chunks.push(kc),t.status=1,lh(h,t),0===h.pendingTasks&&0===h.status){h.status=1;b.componentStack=m;break a}}catch(T){t.status=4,h.status=4,p=dh(a,b.componentStack),q=X(a,T,p),h.errorDigest=q,mh(a,h)}finally{b.blockedBoundary=f,b.hoistableState=r,b.blockedSegment=x,b.keyPath=v,b.componentStack=m}p=[c[0],"Suspense Fallback",c[2]];q=a.trackedPostpones;null!==q&&(m=[p[1],p[2],[],null],q.workingMap.set(p,m),5===h.status?q.workingMap.get(c)[4]=
+m:h.trackedFallbackNode=m);b=$g(a,null,g,-1,f,l,h.fallbackState,e,p,b.formatContext,b.legacyContext,b.context,b.treeContext,d,!0);a.pingedTasks.push(b)}return}if("object"===typeof d&&null!==d)switch(d.$$typeof){case Fa:g=b.componentStack;b.componentStack={tag:1,parent:b.componentStack,type:d.render};e=fh(a,b,c,d.render,e,f);hh(a,b,c,e,0!==pg,qg,rg);b.componentStack=g;return;case Ia:d=d.type;e=jh(d,e);kh(a,b,c,d,e,f);return;case ua:g=e.children;f=b.keyPath;d=d._context;e=e.value;h=d._currentValue;
+d._currentValue=e;l=Kf;Kf=e={parent:l,depth:null===l?0:l.depth+1,context:d,parentValue:h,value:e};b.context=e;b.keyPath=c;Y(a,b,g,-1);a=Kf;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");a.context._currentValue=a.parentValue;a=Kf=a.parent;b.context=a;b.keyPath=f;return;case Ea:e=e.children;e=e(d._currentValue);d=b.keyPath;b.keyPath=c;Y(a,b,e,-1);b.keyPath=d;return;case Da:case Ja:f=b.componentStack;b.componentStack=ch(b,"Lazy");g=d._init;d=g(d._payload);
+e=jh(d,e);kh(a,b,c,d,e,void 0);b.componentStack=f;return}throw Error("Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: "+((null==d?d:typeof d)+"."));}}
+function nh(a,b,c,d,e){var f=b.replay,g=b.blockedBoundary,h=bh(a,0,null,b.formatContext,!1,!1);h.id=c;h.parentFlushed=!0;try{b.replay=null,b.blockedSegment=h,ih(a,b,d,e),h.status=1,null===g?a.completedRootSegment=h:(lh(g,h),g.parentFlushed&&a.partialBoundaries.push(g))}finally{b.replay=f,b.blockedSegment=null}}
+function Y(a,b,c,d){if(null!==b.replay&&"number"===typeof b.replay.slots)nh(a,b,b.replay.slots,c,d);else if(b.node=c,b.childIndex=d,null!==c){if("object"===typeof c){switch(c.$$typeof){case ka:var e=c.type,f=c.key,g=c.props;var h=c.ref;var l=Hf(e),p=null==f?-1===d?0:d:f;f=[b.keyPath,l,p];if(null!==b.replay)a:{var q=b.replay;d=q.nodes;for(c=0;c<d.length;c++){var m=d[c];if(p===m[1]){if(4===m.length){if(null!==l&&l!==m[0])throw Error("Expected the resume to render <"+m[0]+"> in this slot but instead it rendered <"+
+l+">. The tree doesn't match so React will fallback to client rendering.");var v=m[2];l=m[3];p=b.node;b.replay={nodes:v,slots:l,pendingTasks:1};try{kh(a,b,f,e,g,h);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(A){if("object"===typeof A&&null!==A&&(A===bg||"function"===typeof A.then))throw b.node===p&&(b.replay=q),A;
+b.replay.pendingTasks--;g=dh(a,b.componentStack);f=a;a=b.blockedBoundary;e=A;g=X(f,e,g);oh(f,a,v,l,e,g)}b.replay=q}else{if(e!==Ga)throw Error("Expected the resume to render <Suspense> in this slot but instead it rendered <"+(Hf(e)||"Unknown")+">. The tree doesn't match so React will fallback to client rendering.");b:{q=void 0;e=m[5];h=m[2];l=m[3];p=null===m[4]?[]:m[4][2];m=null===m[4]?null:m[4][3];var r=b.componentStack,x=b.componentStack=ch(b,"Suspense"),w=b.keyPath,t=b.replay,T=b.blockedBoundary,
+V=b.hoistableState,I=g.children;g=g.fallback;var Q=new Set,y=Zg(a,Q);y.parentFlushed=!0;y.rootSegmentID=e;b.blockedBoundary=y;b.hoistableState=y.contentState;b.replay={nodes:h,slots:l,pendingTasks:1};try{ih(a,b,I,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--;if(0===y.pendingTasks&&0===y.status){y.status=1;a.completedBoundaries.push(y);
+break b}}catch(A){y.status=4,v=dh(a,b.componentStack),q=X(a,A,v),y.errorDigest=q,b.replay.pendingTasks--,a.clientRenderedBoundaries.push(y)}finally{b.blockedBoundary=T,b.hoistableState=V,b.replay=t,b.keyPath=w,b.componentStack=r}b=ah(a,null,{nodes:p,slots:m,pendingTasks:0},g,-1,T,y.fallbackState,Q,[f[0],"Suspense Fallback",f[2]],b.formatContext,b.legacyContext,b.context,b.treeContext,x,!0);a.pingedTasks.push(b)}}d.splice(c,1);break a}}}else kh(a,b,f,e,g,h);return;case la:throw Error("Portals are not currently supported by the server renderer. Render them conditionally so that they only appear on the client render.");
+case Ja:g=b.componentStack;b.componentStack=ch(b,"Lazy");f=c._init;c=f(c._payload);b.componentStack=g;Y(a,b,c,d);return}if(Ya(c)){ph(a,b,c,d);return}null===c||"object"!==typeof c?g=null:(g=Xa&&c[Xa]||c["@@iterator"],g="function"===typeof g?g:null);if(g&&(g=g.call(c))){c=g.next();if(!c.done){f=[];do f.push(c.value),c=g.next();while(!c.done);ph(a,b,f,d)}return}if("function"===typeof c.then)return b.thenableState=null,Y(a,b,Ig(c),d);if(c.$$typeof===Ea)return Y(a,b,c._currentValue,d);d=Object.prototype.toString.call(c);
+throw Error("Objects are not valid as a React child (found: "+("[object Object]"===d?"object with keys {"+Object.keys(c).join(", ")+"}":d)+"). If you meant to render a collection of children, use an array instead.");}"string"===typeof c?(d=b.blockedSegment,null!==d&&(d.lastPushedText=lc(d.chunks,c,a.renderState,d.lastPushedText))):"number"===typeof c&&(d=b.blockedSegment,null!==d&&(d.lastPushedText=lc(d.chunks,""+c,a.renderState,d.lastPushedText)))}}
+function ph(a,b,c,d){var e=b.keyPath;if(-1!==d&&(b.keyPath=[b.keyPath,"Fragment",d],null!==b.replay)){for(var f=b.replay,g=f.nodes,h=0;h<g.length;h++){var l=g[h];if(l[1]===d){d=l[2];l=l[3];b.replay={nodes:d,slots:l,pendingTasks:1};try{ph(a,b,c,-1);if(1===b.replay.pendingTasks&&0<b.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.");b.replay.pendingTasks--}catch(m){if("object"===typeof m&&
+null!==m&&(m===bg||"function"===typeof m.then))throw m;b.replay.pendingTasks--;c=dh(a,b.componentStack);var p=b.blockedBoundary,q=m;c=X(a,q,c);oh(a,p,d,l,q,c)}b.replay=f;g.splice(h,1);break}}b.keyPath=e;return}f=b.treeContext;g=c.length;if(null!==b.replay&&(h=b.replay.slots,null!==h&&"object"===typeof h)){for(d=0;d<g;d++)l=c[d],b.treeContext=Xf(f,g,d),p=h[d],"number"===typeof p?(nh(a,b,p,l,d),delete h[d]):ih(a,b,l,d);b.treeContext=f;b.keyPath=e;return}for(h=0;h<g;h++)d=c[h],b.treeContext=Xf(f,g,h),
+ih(a,b,d,h);b.treeContext=f;b.keyPath=e}function mh(a,b){a=a.trackedPostpones;null!==a&&(b=b.trackedContentKeyPath,null!==b&&(b=a.workingMap.get(b),void 0!==b&&(b.length=4,b[2]=[],b[3]=null)))}
+function ih(a,b,c,d){var e=b.formatContext,f=b.legacyContext,g=b.context,h=b.keyPath,l=b.treeContext,p=b.componentStack,q=b.blockedSegment;if(null===q)try{return Y(a,b,c,d)}catch(r){if(Ag(),c=r===bg?fg():r,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=zg();a=ah(a,d,b.replay,b.node,b.childIndex,b.blockedBoundary,b.hoistableState,b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,
+a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=p;Tf(g);return}}else{var m=q.children.length,v=q.chunks.length;try{return Y(a,b,c,d)}catch(r){if(Ag(),q.children.length=m,q.chunks.length=v,c=r===bg?fg():r,"object"===typeof c&&null!==c&&"function"===typeof c.then){d=zg();q=b.blockedSegment;m=bh(a,q.chunks.length,null,b.formatContext,q.lastPushedText,!0);q.children.push(m);q.lastPushedText=!1;a=$g(a,d,b.node,b.childIndex,b.blockedBoundary,m,b.hoistableState,
+b.abortSet,b.keyPath,b.formatContext,b.legacyContext,b.context,b.treeContext,null!==b.componentStack?b.componentStack.parent:null,b.isFallback).ping;c.then(a,a);b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;b.componentStack=p;Tf(g);return}}}b.formatContext=e;b.legacyContext=f;b.context=g;b.keyPath=h;b.treeContext=l;Tf(g);throw c;}function qh(a){var b=a.blockedBoundary;a=a.blockedSegment;null!==a&&(a.status=3,rh(this,b,a))}
+function oh(a,b,c,d,e,f){for(var g=0;g<c.length;g++){var h=c[g];if(4===h.length)oh(a,b,h[2],h[3],e,f);else{h=h[5];var l=a,p=f,q=Zg(l,new Set);q.parentFlushed=!0;q.rootSegmentID=h;q.status=4;q.errorDigest=p;q.parentFlushed&&l.clientRenderedBoundaries.push(q)}}c.length=0;if(null!==d){if(null===b)throw Error("We should not have any resumable nodes in the shell. This is a bug in React.");4!==b.status&&(b.status=4,b.errorDigest=f,b.parentFlushed&&a.clientRenderedBoundaries.push(b));if("object"===typeof d)for(var m in d)delete d[m]}}
+function sh(a,b,c){var d=a.blockedBoundary,e=a.blockedSegment;null!==e&&(e.status=3);if(null===d){if(d={},1!==b.status&&2!==b.status){a=a.replay;if(null===a){X(b,c,d);eh(b,c);return}a.pendingTasks--;0===a.pendingTasks&&0<a.nodes.length&&(d=X(b,c,d),oh(b,null,a.nodes,a.slots,c,d));b.pendingRootTasks--;0===b.pendingRootTasks&&th(b)}}else d.pendingTasks--,4!==d.status&&(d.status=4,a=dh(b,a.componentStack),a=X(b,c,a),d.errorDigest=a,mh(b,d),d.parentFlushed&&b.clientRenderedBoundaries.push(d)),d.fallbackAbortableTasks.forEach(function(f){return sh(f,
+b,c)}),d.fallbackAbortableTasks.clear();b.allPendingTasks--;0===b.allPendingTasks&&uh(b)}
+function vh(a,b){try{var c=a.renderState,d=c.onHeaders;if(d){var e=c.headers;if(e){c.headers=null;var f=e.preconnects;e.fontPreloads&&(f&&(f+=", "),f+=e.fontPreloads);e.highImagePreloads&&(f&&(f+=", "),f+=e.highImagePreloads);if(!b){var g=c.styles.values(),h=g.next();b:for(;0<e.remainingCapacity&&!h.done;h=g.next())for(var l=h.value.sheets.values(),p=l.next();0<e.remainingCapacity&&!p.done;p=l.next()){var q=p.value,m=q.props,v=m.href,r=q.props,x=ed(r.href,"style",{crossOrigin:r.crossOrigin,integrity:r.integrity,
+nonce:r.nonce,type:r.type,fetchPriority:r.fetchPriority,referrerPolicy:r.referrerPolicy,media:r.media});if(2<=(e.remainingCapacity-=x.length))c.resets.style[v]=F,f&&(f+=", "),f+=x,c.resets.style[v]="string"===typeof m.crossOrigin||"string"===typeof m.integrity?[m.crossOrigin,m.integrity]:F;else break b}}f?d({Link:f}):d({})}}}catch(w){X(a,w,{})}}function th(a){null===a.trackedPostpones&&vh(a,!0);a.onShellError=Vg;a=a.onShellReady;a()}
+function uh(a){vh(a,null===a.trackedPostpones?!0:null===a.completedRootSegment||5!==a.completedRootSegment.status);a=a.onAllReady;a()}function lh(a,b){if(0===b.chunks.length&&1===b.children.length&&null===b.children[0].boundary&&-1===b.children[0].id){var c=b.children[0];c.id=b.id;c.parentFlushed=!0;1===c.status&&lh(a,c)}else a.completedSegments.push(b)}
+function rh(a,b,c){if(null===b){if(null!==c&&c.parentFlushed){if(null!==a.completedRootSegment)throw Error("There can only be one root segment. This is a bug in React.");a.completedRootSegment=c}a.pendingRootTasks--;0===a.pendingRootTasks&&th(a)}else b.pendingTasks--,4!==b.status&&(0===b.pendingTasks?(0===b.status&&(b.status=1),null!==c&&c.parentFlushed&&1===c.status&&lh(b,c),b.parentFlushed&&a.completedBoundaries.push(b),1===b.status&&(b.fallbackAbortableTasks.forEach(qh,a),b.fallbackAbortableTasks.clear())):
+null!==c&&c.parentFlushed&&1===c.status&&(lh(b,c),1===b.completedSegments.length&&b.parentFlushed&&a.partialBoundaries.push(b)));a.allPendingTasks--;0===a.allPendingTasks&&uh(a)}
+function Yg(a){if(2!==a.status){var b=Kf,c=Sg.current;Sg.current=Mg;var d=Tg.current;Tg.current=Ng;var e=Wg;Wg=a;var f=Lg;Lg=a.resumableState;try{var g=a.pingedTasks,h;for(h=0;h<g.length;h++){var l=g[h],p=a,q=l.blockedSegment;if(null===q){var m=p;if(0!==l.replay.pendingTasks){Tf(l.context);try{Y(m,l,l.node,l.childIndex);if(1===l.replay.pendingTasks&&0<l.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.");
+l.replay.pendingTasks--;l.abortSet.delete(l);rh(m,l.blockedBoundary,null)}catch(G){Ag();var v=G===bg?fg():G;if("object"===typeof v&&null!==v&&"function"===typeof v.then){var r=l.ping;v.then(r,r);l.thenableState=zg()}else{l.replay.pendingTasks--;l.abortSet.delete(l);var x=dh(m,l.componentStack);p=void 0;var w=m,t=l.blockedBoundary,T=v,V=l.replay.nodes,I=l.replay.slots;p=X(w,T,x);oh(w,t,V,I,T,p);m.pendingRootTasks--;0===m.pendingRootTasks&&th(m);m.allPendingTasks--;0===m.allPendingTasks&&uh(m)}}finally{}}}else if(m=
+void 0,w=q,0===w.status){Tf(l.context);var Q=w.children.length,y=w.chunks.length;try{Y(p,l,l.node,l.childIndex),w.lastPushedText&&w.textEmbedded&&w.chunks.push(kc),l.abortSet.delete(l),w.status=1,rh(p,l.blockedBoundary,w)}catch(G){Ag();w.children.length=Q;w.chunks.length=y;var A=G===bg?fg():G;if("object"===typeof A&&null!==A&&"function"===typeof A.then){var na=l.ping;A.then(na,na);l.thenableState=zg()}else{var Z=dh(p,l.componentStack);l.abortSet.delete(l);w.status=4;var H=l.blockedBoundary;m=X(p,
+A,Z);null===H?eh(p,A):(H.pendingTasks--,4!==H.status&&(H.status=4,H.errorDigest=m,mh(p,H),H.parentFlushed&&p.clientRenderedBoundaries.push(H)));p.allPendingTasks--;0===p.allPendingTasks&&uh(p)}}finally{}}}g.splice(0,h);null!==a.destination&&wh(a,a.destination)}catch(G){X(a,G,{}),eh(a,G)}finally{Lg=f,Sg.current=c,Tg.current=d,c===Mg&&Tf(b),Wg=e}}}
+function xh(a,b,c,d){c.parentFlushed=!0;switch(c.status){case 0:c.id=a.nextSegmentId++;case 5:return d=c.id,c.lastPushedText=!1,c.textEmbedded=!1,a=a.renderState,u(b,hd),u(b,a.placeholderPrefix),a=d.toString(16),u(b,a),z(b,id);case 1:c.status=2;var e=!0,f=c.chunks,g=0;c=c.children;for(var h=0;h<c.length;h++){for(e=c[h];g<e.index;g++)u(b,f[g]);e=yh(a,b,e,d)}for(;g<f.length-1;g++)u(b,f[g]);g<f.length&&(e=z(b,f[g]));return e;default:throw Error("Aborted, errored or already flushed boundaries should not be flushed again. This is a bug in React.");
 }}
-function oh(a,b,c){var d=c.boundary;if(null===d)return nh(a,b,c);d.parentFlushed=!0;if(4===d.status)d=d.errorDigest,y(b,Lc),v(b,Nc),d&&(v(b,Pc),v(b,D(d)),v(b,Oc)),y(b,Qc),nh(a,b,c);else if(1!==d.status)0===d.status&&(d.rootSegmentID=a.nextSegmentId++),0<d.completedSegments.length&&a.partialBoundaries.push(d),Rc(b,a.renderState,d.rootSegmentID),nh(a,b,c);else if(d.byteSize>a.progressiveChunkSize)d.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(d),Rc(b,a.renderState,d.rootSegmentID),nh(a,b,
-c);else{c=d.resources;var e=a.renderState.boundaryResources;e&&(c.styles.forEach($e,e),c.stylesheets.forEach(af,e));y(b,Ic);d=d.completedSegments;if(1!==d.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");oh(a,b,d[0])}return y(b,Mc)}function ph(a,b,c){md(b,a.renderState,c.parentFormatContext,c.id);oh(a,b,c);return nd(b,c.parentFormatContext)}
-function qh(a,b,c){a.renderState.boundaryResources=c.resources;for(var d=c.completedSegments,e=0;e<d.length;e++)rh(a,b,c,d[e]);d.length=0;De(b,c.resources,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.resources;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(v(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,v(b,2048<Xd.length?Xd.slice():Xd)):0===(d.instructions&8)?(d.instructions|=8,v(b,Yd)):v(b,Zd):0===(d.instructions&2)?(d.instructions|=
-2,v(b,Vd)):v(b,Wd)):f?v(b,ee):v(b,de);d=e.toString(16);v(b,a.boundaryPrefix);v(b,d);g?v(b,$d):v(b,fe);v(b,a.segmentPrefix);v(b,d);f?g?(v(b,ae),Se(b,c)):(v(b,ge),Te(b,c)):g&&v(b,be);d=g?y(b,ce):y(b,rb);return Fc(b,a)&&d}
-function rh(a,b,c,d){if(2===d.status)return!0;var e=d.id;if(-1===e){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return ph(a,b,d)}if(e===c.rootSegmentID)return ph(a,b,d);ph(a,b,d);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(v(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,v(b,od)):v(b,pd)):v(b,sd);v(b,a.segmentPrefix);e=e.toString(16);v(b,e);d?v(b,qd):v(b,Ud);v(b,a.placeholderPrefix);v(b,
-e);b=d?y(b,rd):y(b,rb);return b}
-function mh(a,b){k=new Uint8Array(2048);n=0;qa=!0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,l=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(l))}var m=e.htmlChunks,q=e.headChunks;f=0;if(m){for(f=0;f<m.length;f++)v(b,m[f]);if(q)for(f=0;f<q.length;f++)v(b,q[f]);
-else v(b,W("head")),v(b,S)}else if(q)for(f=0;f<q.length;f++)v(b,q[f]);var p=e.charsetChunks;for(f=0;f<p.length;f++)v(b,p[f]);p.length=0;e.preconnects.forEach(Ee,b);e.preconnects.clear();var r=e.preconnectChunks;for(f=0;f<r.length;f++)v(b,r[f]);r.length=0;e.fontPreloads.forEach(Ee,b);e.fontPreloads.clear();e.highImagePreloads.forEach(Ee,b);e.highImagePreloads.clear();e.styles.forEach(Le,b);var t=e.importMapChunks;for(f=0;f<t.length;f++)v(b,t[f]);t.length=0;e.bootstrapScripts.forEach(Ee,b);e.scripts.forEach(Ee,
-b);e.scripts.clear();e.bulkPreloads.forEach(Ee,b);e.bulkPreloads.clear();var A=e.preloadChunks;for(f=0;f<A.length;f++)v(b,A[f]);A.length=0;var F=e.hoistableChunks;for(f=0;f<F.length;f++)v(b,F[f]);F.length=0;m&&null===q&&v(b,mc("head"));oh(a,b,d);a.completedRootSegment=null;Fc(b,a.renderState)}else return;var u=a.renderState;d=0;u.preconnects.forEach(Ee,b);u.preconnects.clear();var x=u.preconnectChunks;for(d=0;d<x.length;d++)v(b,x[d]);x.length=0;u.fontPreloads.forEach(Ee,b);u.fontPreloads.clear();
-u.highImagePreloads.forEach(Ee,b);u.highImagePreloads.clear();u.styles.forEach(Ne,b);u.scripts.forEach(Ee,b);u.scripts.clear();u.bulkPreloads.forEach(Ee,b);u.bulkPreloads.clear();var da=u.preloadChunks;for(d=0;d<da.length;d++)v(b,da[d]);da.length=0;var U=u.hoistableChunks;for(d=0;d<U.length;d++)v(b,U[d]);U.length=0;var w=a.clientRenderedBoundaries;for(c=0;c<w.length;c++){var G=w[c];u=b;var H=a.resumableState,ea=a.renderState,na=G.rootSegmentID,V=G.errorDigest,fa=G.errorMessage,ha=G.errorComponentStack,
-J=0===H.streamingFormat;J?(v(u,ea.startInlineScript),0===(H.instructions&4)?(H.instructions|=4,v(u,he)):v(u,ie)):v(u,me);v(u,ea.boundaryPrefix);v(u,na.toString(16));J&&v(u,je);if(V||fa||ha)J?(v(u,ke),v(u,re(V||""))):(v(u,ne),v(u,D(V||"")));if(fa||ha)J?(v(u,ke),v(u,re(fa||""))):(v(u,oe),v(u,D(fa||"")));ha&&(J?(v(u,ke),v(u,re(ha))):(v(u,pe),v(u,D(ha))));if(J?!y(u,le):!y(u,rb)){a.destination=null;c++;w.splice(0,c);return}}w.splice(0,c);var M=a.completedBoundaries;for(c=0;c<M.length;c++)if(!qh(a,b,M[c])){a.destination=
-null;c++;M.splice(0,c);return}M.splice(0,c);ya(b);k=new Uint8Array(2048);n=0;qa=!0;var ra=a.partialBoundaries;for(c=0;c<ra.length;c++){var sa=ra[c];a:{w=a;G=b;w.renderState.boundaryResources=sa.resources;var ta=sa.completedSegments;for(H=0;H<ta.length;H++)if(!rh(w,G,sa,ta[H])){H++;ta.splice(0,H);var Na=!1;break a}ta.splice(0,H);Na=De(G,sa.resources,w.renderState)}if(!Na){a.destination=null;c++;ra.splice(0,c);return}}ra.splice(0,c);var ia=a.completedBoundaries;for(c=0;c<ia.length;c++)if(!qh(a,b,ia[c])){a.destination=
-null;c++;ia.splice(0,c);return}ia.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&v(b,mc("body")),c.hasHtml&&v(b,mc("html")),ya(b),pa(b),b.end(),a.destination=null):(ya(b),pa(b))}}function sh(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return bf.run(a,Pg,a)});null===a.trackedPostpones&&setImmediate(function(){return bf.run(a,th,a)})}
-function th(a){lh(a,0===a.pendingRootTasks)}function Xe(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setImmediate(function(){var b=a.destination;b?mh(a,b):a.flushScheduled=!1}))}function uh(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{mh(a,b)}catch(c){Y(a,c,{}),Wg(a,c)}}}
-function vh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return ih(e,a,d)});c.clear()}null!==a.destination&&mh(a,a.destination)}catch(e){Y(a,e,{}),Wg(a,e)}}function wh(a,b){return function(){return uh(b,a)}}function xh(a,b){return function(){a.destination=null;vh(a,Error(b))}}
-function yh(a,b){var c=b?b.identifierPrefix:void 0;var d=0;void 0!==(b?b.unstable_externalRuntimeSrc:void 0)&&(d=1);c={idPrefix:void 0===c?"":c,nextFormID:0,streamingFormat:d,bootstrapScriptContent:b?b.bootstrapScriptContent:void 0,bootstrapScripts:b?b.bootstrapScripts:void 0,bootstrapModules:b?b.bootstrapModules:void 0,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},
-moduleUnknownResources:{},moduleScriptResources:{}};var e=b?b.nonce:void 0,f=b?b.unstable_externalRuntimeSrc:void 0,g=b?b.importMap:void 0;d=b?b.onHeaders:void 0;var h=b?b.maxHeadersLength:void 0,l=void 0===e?sb:z('<script nonce="'+D(e)+'">'),m=c.idPrefix,q=[],p=null,r=c.bootstrapScriptContent,t=c.bootstrapScripts,A=c.bootstrapModules;void 0!==r&&q.push(l,(""+r).replace(Ab,Bb),tb);void 0!==f&&("string"===typeof f?(p={src:f,chunks:[]},nc(p.chunks,{src:f,async:!0,integrity:void 0,nonce:e})):(p={src:f.src,
-chunks:[]},nc(p.chunks,{src:f.src,async:!0,integrity:f.integrity,nonce:e})));f=[];void 0!==g&&(f.push(Cb),f.push((""+JSON.stringify(g)).replace(Ab,Bb)),f.push(Lb));g=d?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof h?h:2E3}:null;d={placeholderPrefix:z(m+"P:"),segmentPrefix:z(m+"S:"),boundaryPrefix:z(m+"B:"),startInlineScript:l,htmlChunks:null,headChunks:null,externalRuntimeScript:p,bootstrapChunks:q,onHeaders:d,headers:g,resets:{font:{},dns:{},connect:{default:{},
-anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],preconnectChunks:[],importMapChunks:f,preloadChunks:[],hoistableChunks:[],preconnects:new Set,fontPreloads:new Set,highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:e,boundaryResources:null,stylesToHoist:!1};if(void 0!==t)for(l=0;l<t.length;l++)f=t[l],g=p=void 0,h={rel:"preload",as:"script",fetchPriority:"low",
-nonce:e},"string"===typeof f?h.href=m=f:(h.href=m=f.src,h.integrity=g="string"===typeof f.integrity?f.integrity:void 0,h.crossOrigin=p="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=c,r=m,f.scriptResources[r]=null,f.moduleScriptResources[r]=null,f=[],T(f,h),d.bootstrapScripts.add(f),q.push(ub,D(m)),e&&q.push(wb,D(e)),"string"===typeof g&&q.push(xb,D(g)),"string"===typeof p&&q.push(yb,D(p)),q.push(zb);if(void 0!==A)for(t=0;t<A.length;t++)h=
-A[t],p=m=void 0,g={rel:"modulepreload",fetchPriority:"low",nonce:e},"string"===typeof h?g.href=l=h:(g.href=l=h.src,g.integrity=p="string"===typeof h.integrity?h.integrity:void 0,g.crossOrigin=m="string"===typeof h||null==h.crossOrigin?void 0:"use-credentials"===h.crossOrigin?"use-credentials":""),h=c,f=l,h.scriptResources[f]=null,h.moduleScriptResources[f]=null,h=[],T(h,g),d.bootstrapScripts.add(h),q.push(vb,D(l)),e&&q.push(wb,D(e)),"string"===typeof p&&q.push(xb,D(p)),"string"===typeof m&&q.push(yb,
-D(m)),q.push(zb);e=b?b.namespaceURI:void 0;e=I("http://www.w3.org/2000/svg"===e?3:"http://www.w3.org/1998/Math/MathML"===e?4:0,null,0);A=b?b.progressiveChunkSize:void 0;t=b?b.onError:void 0;l=b?b.onAllReady:void 0;m=b?b.onShellReady:void 0;p=b?b.onShellError:void 0;g=b?b.onPostpone:void 0;h=b?b.formState:void 0;Wa.current=qb;b=[];q=new Set;c={destination:null,flushScheduled:!1,resumableState:c,renderState:d,rootFormatContext:e,progressiveChunkSize:void 0===A?12800:A,status:0,fatalError:null,nextSegmentId:0,
-allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:b,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===t?Lg:t,onPostpone:void 0===g?Mg:g,onAllReady:void 0===l?Mg:l,onShellReady:void 0===m?Mg:m,onShellError:void 0===p?Mg:p,onFatalError:Mg,formState:void 0===h?null:h};d=Tg(c,0,null,e,!1,!1);d.parentFlushed=!0;a=Rg(c,null,a,-1,null,d,q,null,e,Ff,null,Qf,null);b.push(a);return c}
-exports.renderToPipeableStream=function(a,b){var c=yh(a,b),d=!1;sh(c);return{pipe:function(e){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;lh(c,null===c.trackedPostpones?0===c.pendingRootTasks:null===c.completedRootSegment?0===c.pendingRootTasks:5!==c.completedRootSegment.status);uh(c,e);e.on("drain",wh(e,c));e.on("error",xh(c,"The destination stream errored while writing data."));e.on("close",xh(c,"The destination stream closed early."));return e},abort:function(e){vh(c,
-e)}}};exports.version="18.3.0-canary-60a927d04-20240113";
+function yh(a,b,c,d){var e=c.boundary;if(null===e)return xh(a,b,c,d);e.parentFlushed=!0;if(4===e.status)e=e.errorDigest,z(b,md),u(b,od),e&&(u(b,qd),u(b,E(e)),u(b,pd)),z(b,rd),xh(a,b,c,d);else if(1!==e.status)0===e.status&&(e.rootSegmentID=a.nextSegmentId++),0<e.completedSegments.length&&a.partialBoundaries.push(e),sd(b,a.renderState,e.rootSegmentID),d&&(e=e.fallbackState,e.styles.forEach(Df,d),e.stylesheets.forEach(Ef,d)),xh(a,b,c,d);else if(e.byteSize>a.progressiveChunkSize)e.rootSegmentID=a.nextSegmentId++,a.completedBoundaries.push(e),
+sd(b,a.renderState,e.rootSegmentID),xh(a,b,c,d);else{d&&(c=e.contentState,c.styles.forEach(Df,d),c.stylesheets.forEach(Ef,d));z(b,jd);c=e.completedSegments;if(1!==c.length)throw Error("A previously unvisited boundary must have exactly one root segment. This is a bug in React.");yh(a,b,c[0],d)}return z(b,nd)}function zh(a,b,c,d){oe(b,a.renderState,c.parentFormatContext,c.id);yh(a,b,c,d);return pe(b,c.parentFormatContext)}
+function Ah(a,b,c){for(var d=c.completedSegments,e=0;e<d.length;e++)Bh(a,b,c,d[e]);d.length=0;ef(b,c.contentState,a.renderState);d=a.resumableState;a=a.renderState;e=c.rootSegmentID;c=c.contentState;var f=a.stylesToHoist;a.stylesToHoist=!1;var g=0===d.streamingFormat;g?(u(b,a.startInlineScript),f?0===(d.instructions&2)?(d.instructions|=10,u(b,ye)):0===(d.instructions&8)?(d.instructions|=8,u(b,ze)):u(b,Ae):0===(d.instructions&2)?(d.instructions|=2,u(b,we)):u(b,xe)):f?u(b,Ge):u(b,Fe);d=e.toString(16);
+u(b,a.boundaryPrefix);u(b,d);g?u(b,Be):u(b,He);u(b,a.segmentPrefix);u(b,d);f?g?(u(b,Ce),uf(b,c)):(u(b,Ie),vf(b,c)):g&&u(b,De);d=g?z(b,Ee):z(b,Xb);return gd(b,a)&&d}
+function Bh(a,b,c,d){if(2===d.status)return!0;var e=c.contentState,f=d.id;if(-1===f){if(-1===(d.id=c.rootSegmentID))throw Error("A root segment ID must have been assigned by now. This is a bug in React.");return zh(a,b,d,e)}if(f===c.rootSegmentID)return zh(a,b,d,e);zh(a,b,d,e);c=a.resumableState;a=a.renderState;(d=0===c.streamingFormat)?(u(b,a.startInlineScript),0===(c.instructions&1)?(c.instructions|=1,u(b,qe)):u(b,re)):u(b,ue);u(b,a.segmentPrefix);f=f.toString(16);u(b,f);d?u(b,se):u(b,ve);u(b,a.placeholderPrefix);
+u(b,f);b=d?z(b,te):z(b,Xb);return b}
+function wh(a,b){k=new Uint8Array(2048);n=0;$a=!0;try{var c,d=a.completedRootSegment;if(null!==d)if(5!==d.status&&0===a.pendingRootTasks){var e=a.renderState;if((0!==a.allPendingTasks||null!==a.trackedPostpones)&&e.externalRuntimeScript){var f=e.externalRuntimeScript,g=a.resumableState,h=f.src,l=f.chunks;g.scriptResources.hasOwnProperty(h)||(g.scriptResources[h]=null,e.scripts.add(l))}var p=e.htmlChunks,q=e.headChunks,m;if(p){for(m=0;m<p.length;m++)u(b,p[m]);if(q)for(m=0;m<q.length;m++)u(b,q[m]);
+else u(b,U("head")),u(b,R)}else if(q)for(m=0;m<q.length;m++)u(b,q[m]);var v=e.charsetChunks;for(m=0;m<v.length;m++)u(b,v[m]);v.length=0;e.preconnects.forEach(ff,b);e.preconnects.clear();var r=e.viewportChunks;for(m=0;m<r.length;m++)u(b,r[m]);r.length=0;e.fontPreloads.forEach(ff,b);e.fontPreloads.clear();e.highImagePreloads.forEach(ff,b);e.highImagePreloads.clear();e.styles.forEach(nf,b);var x=e.importMapChunks;for(m=0;m<x.length;m++)u(b,x[m]);x.length=0;e.bootstrapScripts.forEach(ff,b);e.scripts.forEach(ff,
+b);e.scripts.clear();e.bulkPreloads.forEach(ff,b);e.bulkPreloads.clear();var w=e.hoistableChunks;for(m=0;m<w.length;m++)u(b,w[m]);w.length=0;p&&null===q&&u(b,Wc("head"));yh(a,b,d,null);a.completedRootSegment=null;gd(b,a.renderState)}else return;var t=a.renderState;d=0;var T=t.viewportChunks;for(d=0;d<T.length;d++)u(b,T[d]);T.length=0;t.preconnects.forEach(ff,b);t.preconnects.clear();t.fontPreloads.forEach(ff,b);t.fontPreloads.clear();t.highImagePreloads.forEach(ff,b);t.highImagePreloads.clear();t.styles.forEach(pf,
+b);t.scripts.forEach(ff,b);t.scripts.clear();t.bulkPreloads.forEach(ff,b);t.bulkPreloads.clear();var V=t.hoistableChunks;for(d=0;d<V.length;d++)u(b,V[d]);V.length=0;var I=a.clientRenderedBoundaries;for(c=0;c<I.length;c++){var Q=I[c];t=b;var y=a.resumableState,A=a.renderState,na=Q.rootSegmentID,Z=Q.errorDigest,H=Q.errorMessage,G=Q.errorComponentStack,ia=0===y.streamingFormat;ia?(u(t,A.startInlineScript),0===(y.instructions&4)?(y.instructions|=4,u(t,Je)):u(t,Ke)):u(t,Oe);u(t,A.boundaryPrefix);u(t,na.toString(16));
+ia&&u(t,Le);if(Z||H||G)ia?(u(t,Me),u(t,Te(Z||""))):(u(t,Pe),u(t,E(Z||"")));if(H||G)ia?(u(t,Me),u(t,Te(H||""))):(u(t,Qe),u(t,E(H||"")));G&&(ia?(u(t,Me),u(t,Te(G))):(u(t,Re),u(t,E(G))));if(ia?!z(t,Ne):!z(t,Xb)){a.destination=null;c++;I.splice(0,c);return}}I.splice(0,c);var va=a.completedBoundaries;for(c=0;c<va.length;c++)if(!Ah(a,b,va[c])){a.destination=null;c++;va.splice(0,c);return}va.splice(0,c);rb(b);k=new Uint8Array(2048);n=0;$a=!0;var wa=a.partialBoundaries;for(c=0;c<wa.length;c++){var La=wa[c];
+a:{I=a;Q=b;var xa=La.completedSegments;for(y=0;y<xa.length;y++)if(!Bh(I,Q,La,xa[y])){y++;xa.splice(0,y);var Ma=!1;break a}xa.splice(0,y);Ma=ef(Q,La.contentState,I.renderState)}if(!Ma){a.destination=null;c++;wa.splice(0,c);return}}wa.splice(0,c);var oa=a.completedBoundaries;for(c=0;c<oa.length;c++)if(!Ah(a,b,oa[c])){a.destination=null;c++;oa.splice(0,c);return}oa.splice(0,c)}finally{0===a.allPendingTasks&&0===a.pingedTasks.length&&0===a.clientRenderedBoundaries.length&&0===a.completedBoundaries.length?
+(a.flushScheduled=!1,c=a.resumableState,c.hasBody&&u(b,Wc("body")),c.hasHtml&&u(b,Wc("html")),rb(b),Za(b),b.end(),a.destination=null):(rb(b),Za(b))}}function Ch(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return Ff.run(a,Yg,a)});null===a.trackedPostpones&&setImmediate(function(){return Ff.run(a,Dh,a)})}function Dh(a){vh(a,0===a.pendingRootTasks)}
+function Af(a){!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(a.flushScheduled=!0,setImmediate(function(){var b=a.destination;b?wh(a,b):a.flushScheduled=!1}))}function Eh(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{wh(a,b)}catch(c){X(a,c,{}),eh(a,c)}}}
+function Fh(a,b){try{var c=a.abortableTasks;if(0<c.size){var d=void 0===b?Error("The render was aborted by the server without a reason."):b;c.forEach(function(e){return sh(e,a,d)});c.clear()}null!==a.destination&&wh(a,a.destination)}catch(e){X(a,e,{}),eh(a,e)}}function Gh(a,b){return function(){return Eh(b,a)}}function Hh(a,b){return function(){a.destination=null;Fh(a,Error(b))}}
+function Ih(a,b){var c=b?b.identifierPrefix:void 0;var d=0;void 0!==(b?b.unstable_externalRuntimeSrc:void 0)&&(d=1);c={idPrefix:void 0===c?"":c,nextFormID:0,streamingFormat:d,bootstrapScriptContent:b?b.bootstrapScriptContent:void 0,bootstrapScripts:b?b.bootstrapScripts:void 0,bootstrapModules:b?b.bootstrapModules:void 0,instructions:0,hasBody:!1,hasHtml:!1,unknownResources:{},dnsResources:{},connectResources:{default:{},anonymous:{},credentials:{}},imageResources:{},styleResources:{},scriptResources:{},
+moduleUnknownResources:{},moduleScriptResources:{}};var e=b?b.nonce:void 0,f=b?b.unstable_externalRuntimeSrc:void 0,g=b?b.importMap:void 0;d=b?b.onHeaders:void 0;var h=b?b.maxHeadersLength:void 0,l=void 0===e?Yb:B('<script nonce="'+E(e)+'">'),p=c.idPrefix,q=[],m=null,v=c.bootstrapScriptContent,r=c.bootstrapScripts,x=c.bootstrapModules;void 0!==v&&q.push(l,(""+v).replace(fc,gc),Zb);void 0!==f&&("string"===typeof f?(m={src:f,chunks:[]},Xc(m.chunks,{src:f,async:!0,integrity:void 0,nonce:e})):(m={src:f.src,
+chunks:[]},Xc(m.chunks,{src:f.src,async:!0,integrity:f.integrity,nonce:e})));f=[];void 0!==g&&(f.push(hc),f.push((""+JSON.stringify(g)).replace(fc,gc)),f.push(ic));g=d?{preconnects:"",fontPreloads:"",highImagePreloads:"",remainingCapacity:"number"===typeof h?h:2E3}:null;d={placeholderPrefix:B(p+"P:"),segmentPrefix:B(p+"S:"),boundaryPrefix:B(p+"B:"),startInlineScript:l,htmlChunks:null,headChunks:null,externalRuntimeScript:m,bootstrapChunks:q,importMapChunks:f,onHeaders:d,headers:g,resets:{font:{},
+dns:{},connect:{default:{},anonymous:{},credentials:{}},image:{},style:{}},charsetChunks:[],viewportChunks:[],hoistableChunks:[],preconnects:new Set,fontPreloads:new Set,highImagePreloads:new Set,styles:new Map,bootstrapScripts:new Set,scripts:new Set,bulkPreloads:new Set,preloads:{images:new Map,stylesheets:new Map,scripts:new Map,moduleScripts:new Map},nonce:e,hoistableState:null,stylesToHoist:!1};if(void 0!==r)for(l=0;l<r.length;l++)f=r[l],g=m=void 0,h={rel:"preload",as:"script",fetchPriority:"low",
+nonce:e},"string"===typeof f?h.href=p=f:(h.href=p=f.src,h.integrity=g="string"===typeof f.integrity?f.integrity:void 0,h.crossOrigin=m="string"===typeof f||null==f.crossOrigin?void 0:"use-credentials"===f.crossOrigin?"use-credentials":""),f=c,v=p,f.scriptResources[v]=null,f.moduleScriptResources[v]=null,f=[],S(f,h),d.bootstrapScripts.add(f),q.push($b,E(p)),e&&q.push(bc,E(e)),"string"===typeof g&&q.push(cc,E(g)),"string"===typeof m&&q.push(dc,E(m)),q.push(ec);if(void 0!==x)for(r=0;r<x.length;r++)h=
+x[r],m=p=void 0,g={rel:"modulepreload",fetchPriority:"low",nonce:e},"string"===typeof h?g.href=l=h:(g.href=l=h.src,g.integrity=m="string"===typeof h.integrity?h.integrity:void 0,g.crossOrigin=p="string"===typeof h||null==h.crossOrigin?void 0:"use-credentials"===h.crossOrigin?"use-credentials":""),h=c,f=l,h.scriptResources[f]=null,h.moduleScriptResources[f]=null,h=[],S(h,g),d.bootstrapScripts.add(h),q.push(ac,E(l)),e&&q.push(bc,E(e)),"string"===typeof m&&q.push(cc,E(m)),"string"===typeof p&&q.push(dc,
+E(p)),q.push(ec);e=b?b.namespaceURI:void 0;e=K("http://www.w3.org/2000/svg"===e?3:"http://www.w3.org/1998/Math/MathML"===e?4:0,null,0);x=b?b.progressiveChunkSize:void 0;r=b?b.onError:void 0;l=b?b.onAllReady:void 0;p=b?b.onShellReady:void 0;m=b?b.onShellError:void 0;g=b?b.onPostpone:void 0;h=b?b.formState:void 0;Db.current=Wb;b=[];q=new Set;c={destination:null,flushScheduled:!1,resumableState:c,renderState:d,rootFormatContext:e,progressiveChunkSize:void 0===x?12800:x,status:0,fatalError:null,nextSegmentId:0,
+allPendingTasks:0,pendingRootTasks:0,completedRootSegment:null,abortableTasks:q,pingedTasks:b,clientRenderedBoundaries:[],completedBoundaries:[],partialBoundaries:[],trackedPostpones:null,onError:void 0===r?Ug:r,onPostpone:void 0===g?Vg:g,onAllReady:void 0===l?Vg:l,onShellReady:void 0===p?Vg:p,onShellError:void 0===m?Vg:m,onFatalError:Vg,formState:void 0===h?null:h};d=bh(c,0,null,e,!1,!1);d.parentFlushed=!0;a=$g(c,null,a,-1,null,d,null,q,null,e,If,null,Wf,null,!1);b.push(a);return c}
+exports.renderToPipeableStream=function(a,b){var c=Ih(a,b),d=!1;Ch(c);return{pipe:function(e){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;vh(c,null===c.trackedPostpones?0===c.pendingRootTasks:null===c.completedRootSegment?0===c.pendingRootTasks:5!==c.completedRootSegment.status);Eh(c,e);e.on("drain",Gh(e,c));e.on("error",Hh(c,"The destination stream errored while writing data."));e.on("close",Hh(c,"The destination stream closed early."));return e},abort:function(e){Fh(c,
+e)}}};exports.version="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom-server.node.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom-test-utils.production.js b/packages/next/src/compiled/react-dom/cjs/react-dom-test-utils.production.js
index 32cec11d1fba93..f6b11b95a92076 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom-test-utils.production.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom-test-utils.production.js
@@ -932,8 +932,10 @@ const getInstanceFromNode = EventInternals[0];
 const getNodeFromInstance = EventInternals[1];
 const getFiberCurrentPropsFromNode = EventInternals[2];
 const enqueueStateRestore = EventInternals[3];
-const restoreStateIfNeeded = EventInternals[4];
-const act = React.unstable_act;
+const restoreStateIfNeeded = EventInternals[4]; // TODO: Add a warning if this API is accessed with advice to switch to
+// importing directly from the React package instead.
+
+const act = React.act;
 
 function Event(suffix) {}
 /**
@@ -1010,7 +1012,7 @@ function validateClassInstance(inst, methodName) {
     received = stringified;
   }
 
-  throw new Error(methodName + "(...): the first argument must be a React class instance. " + ("Instead received: " + received + "."));
+  throw new Error("The first argument must be a React class instance. " + ("Instead received: " + received + "."));
 }
 /**
  * Utilities for making it easy to test React components.
@@ -1070,7 +1072,7 @@ function isCompositeComponentWithType(inst, type) {
 }
 
 function findAllInRenderedTree(inst, test) {
-  validateClassInstance(inst, 'findAllInRenderedTree');
+  validateClassInstance(inst);
 
   if (!inst) {
     return [];
@@ -1087,7 +1089,7 @@ function findAllInRenderedTree(inst, test) {
 
 
 function scryRenderedDOMComponentsWithClass(root, classNames) {
-  validateClassInstance(root, 'scryRenderedDOMComponentsWithClass');
+  validateClassInstance(root);
   return findAllInRenderedTree(root, function (inst) {
     if (isDOMComponent(inst)) {
       let className = inst.className;
@@ -1124,7 +1126,7 @@ function scryRenderedDOMComponentsWithClass(root, classNames) {
 
 
 function findRenderedDOMComponentWithClass(root, className) {
-  validateClassInstance(root, 'findRenderedDOMComponentWithClass');
+  validateClassInstance(root);
   const all = scryRenderedDOMComponentsWithClass(root, className);
 
   if (all.length !== 1) {
@@ -1141,7 +1143,7 @@ function findRenderedDOMComponentWithClass(root, className) {
 
 
 function scryRenderedDOMComponentsWithTag(root, tagName) {
-  validateClassInstance(root, 'scryRenderedDOMComponentsWithTag');
+  validateClassInstance(root);
   return findAllInRenderedTree(root, function (inst) {
     return isDOMComponent(inst) && inst.tagName.toUpperCase() === tagName.toUpperCase();
   });
@@ -1155,7 +1157,7 @@ function scryRenderedDOMComponentsWithTag(root, tagName) {
 
 
 function findRenderedDOMComponentWithTag(root, tagName) {
-  validateClassInstance(root, 'findRenderedDOMComponentWithTag');
+  validateClassInstance(root);
   const all = scryRenderedDOMComponentsWithTag(root, tagName);
 
   if (all.length !== 1) {
@@ -1171,7 +1173,7 @@ function findRenderedDOMComponentWithTag(root, tagName) {
 
 
 function scryRenderedComponentsWithType(root, componentType) {
-  validateClassInstance(root, 'scryRenderedComponentsWithType');
+  validateClassInstance(root);
   return findAllInRenderedTree(root, function (inst) {
     return isCompositeComponentWithType(inst, componentType);
   });
@@ -1185,7 +1187,7 @@ function scryRenderedComponentsWithType(root, componentType) {
 
 
 function findRenderedComponentWithType(root, componentType) {
-  validateClassInstance(root, 'findRenderedComponentWithType');
+  validateClassInstance(root);
   const all = scryRenderedComponentsWithType(root, componentType);
 
   if (all.length !== 1) {
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 042f1532bf3e6a..eea6bcea7ce855 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
@@ -113,7 +113,7 @@ var assign = Object.assign;
 
 var enableClientRenderFallbackOnTextMismatch = true;
 var enableFormActions = true;
-var enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+var enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -136,18 +136,6 @@ var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in
 var alwaysThrottleRetries = true;
 var syncLaneExpirationMs = 250;
 var transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
-//
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
-// -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
-
-var createRootStrictEffectsByDefault = false;
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -156,7 +144,7 @@ var createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-var disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
+var disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -273,9 +261,10 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -323,9 +312,7 @@ var HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -1669,7 +1656,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1706,7 +1693,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -2607,7 +2594,7 @@ function setValueForNamespacedAttribute(node, namespace, name, value) {
 
 var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -2623,6 +2610,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 var reentry = false;
 var componentFrameCache;
 
@@ -2872,72 +2862,17 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
 }
 
-function shouldConstruct$1(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-
-  if (type == null) {
-    return '';
-  }
-
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct$1(type));
-    }
-  }
-
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
-
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
-
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
-
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
-
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
-
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
-
-  return '';
-}
-
 function describeFiber(fiber) {
 
   switch (fiber.tag) {
@@ -2977,7 +2912,23 @@ function getStackByFiberInDevAndProd(workInProgress) {
     var node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (true) {
+        // Add any Server Component stack frames in reverse order.
+        var debugInfo = node._debugInfo;
+
+        if (debugInfo) {
+          for (var i = debugInfo.length - 1; i >= 0; i--) {
+            var entry = debugInfo[i];
+
+            if (typeof entry.name === 'string') {
+              info += describeDebugInfoFrame(entry.name, entry.env);
+            }
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -3059,13 +3010,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -3091,7 +3052,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
@@ -3117,12 +3077,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      var context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        var context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      var provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        var provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3200,7 +3164,7 @@ function getComponentNameFromFiber(fiber) {
   return null;
 }
 
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 var current = null;
 var isRendering = false;
 function getCurrentFiberOwnerNameInDevOrNull() {
@@ -3233,14 +3197,14 @@ function getCurrentFiberStackInDev() {
 
 function resetCurrentFiber() {
   {
-    ReactDebugCurrentFrame$1.getCurrentStack = null;
+    ReactDebugCurrentFrame.getCurrentStack = null;
     current = null;
     isRendering = false;
   }
 }
 function setCurrentFiber(fiber) {
   {
-    ReactDebugCurrentFrame$1.getCurrentStack = fiber === null ? null : getCurrentFiberStackInDev;
+    ReactDebugCurrentFrame.getCurrentStack = fiber === null ? null : getCurrentFiberStackInDev;
     current = fiber;
     isRendering = false;
   }
@@ -4294,7 +4258,7 @@ function validateDOMNesting(childTag, ancestorInfo) {
     var invalidParentOrAncestor = invalidParent || invalidAncestor;
 
     if (!invalidParentOrAncestor) {
-      return;
+      return true;
     }
 
     var ancestorTag = invalidParentOrAncestor.tag;
@@ -4302,7 +4266,7 @@ function validateDOMNesting(childTag, ancestorInfo) {
     String(!!invalidParent) + '|' + childTag + '|' + ancestorTag;
 
     if (didWarn$1[warnKey]) {
-      return;
+      return false;
     }
 
     didWarn$1[warnKey] = true;
@@ -4315,33 +4279,37 @@ function validateDOMNesting(childTag, ancestorInfo) {
         info += ' Add a <tbody>, <thead> or <tfoot> to your code to match the DOM tree generated by ' + 'the browser.';
       }
 
-      error('validateDOMNesting(...): %s cannot appear as a child of <%s>.%s', tagDisplayName, ancestorTag, info);
+      error('In HTML, %s cannot be a child of <%s>.%s\n' + 'This will cause a hydration error.', tagDisplayName, ancestorTag, info);
     } else {
-      error('validateDOMNesting(...): %s cannot appear as a descendant of ' + '<%s>.', tagDisplayName, ancestorTag);
+      error('In HTML, %s cannot be a descendant of <%s>.\n' + 'This will cause a hydration error.', tagDisplayName, ancestorTag);
     }
+
+    return false;
   }
 }
 
 function validateTextNesting(childText, parentTag) {
   {
     if (isTagValidWithParent('#text', parentTag)) {
-      return;
+      return true;
     } // eslint-disable-next-line react-internal/safe-string-coercion
 
 
     var warnKey = '#text|' + parentTag;
 
     if (didWarn$1[warnKey]) {
-      return;
+      return false;
     }
 
     didWarn$1[warnKey] = true;
 
     if (/\S/.test(childText)) {
-      error('validateDOMNesting(...): Text nodes cannot appear as a child of <%s>.', parentTag);
+      error('In HTML, text nodes cannot be a child of <%s>.\n' + 'This will cause a hydration error.', parentTag);
     } else {
-      error('validateDOMNesting(...): Whitespace text nodes cannot appear as a child of <%s>. ' + "Make sure you don't have any extra whitespace between tags on " + 'each line of your source code.', parentTag);
+      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.\n' + 'This will cause a hydration error.', parentTag);
     }
+
+    return false;
   }
 }
 
@@ -5675,6 +5643,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         {
           return true;
         }
@@ -6308,70 +6277,6 @@ function findCurrentHostFiberWithNoPortalsImpl(node) {
   return null;
 }
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement(null);
-        }
-      }
-    }
-  }
-}
-
 var warnedAboutMissingGetChildContext;
 
 {
@@ -6437,11 +6342,6 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (var key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
-
-    {
-      var name = getComponentNameFromFiber(workInProgress) || 'Unknown';
-      checkPropTypes(contextTypes, context, 'context', name);
     } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
@@ -6520,11 +6420,6 @@ function processChildContext(fiber, type, parentContext) {
       }
     }
 
-    {
-      var name = getComponentNameFromFiber(fiber) || 'Unknown';
-      checkPropTypes(childContextTypes, childContext, 'child context', name);
-    }
-
     return assign({}, parentContext, childContext);
   }
 }
@@ -6913,7 +6808,6 @@ function warnUnhydratedInstance(returnFiber, instance) {
 }
 
 function deleteHydratableInstance(returnFiber, instance) {
-  warnUnhydratedInstance(returnFiber, instance);
   var childToDelete = createFiberFromHostInstanceForDeletion();
   childToDelete.stateNode = instance;
   childToDelete.return = returnFiber;
@@ -6927,7 +6821,7 @@ function deleteHydratableInstance(returnFiber, instance) {
   }
 }
 
-function warnNonhydratedInstance(returnFiber, fiber) {
+function warnNonHydratedInstance(returnFiber, fiber) {
   {
     if (didSuspendOrErrorDEV) {
       // Inside a boundary that already suspended. We're currently rendering the
@@ -7018,7 +6912,6 @@ function warnNonhydratedInstance(returnFiber, fiber) {
 
 function insertNonHydratedInstance(returnFiber, fiber) {
   fiber.flags = fiber.flags & ~Hydrating | Placement;
-  warnNonhydratedInstance(returnFiber, fiber);
 }
 
 function tryHydrateInstance(fiber, nextInstance) {
@@ -7106,19 +6999,30 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
+  } // Validate that this is ok to render here before any mismatches.
+
 
+  var currentHostContext = getHostContext();
+  var shouldKeepWarning = validateHydratableInstance(fiber.type, fiber.pendingProps, currentHostContext);
   var initialInstance = nextHydratableInstance;
   var nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+    if (shouldKeepWarning) {
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
+    }
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7129,7 +7033,10 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7142,6 +7049,11 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7152,6 +7064,10 @@ function tryToClaimNextHydratableInstance(fiber) {
     // fiber associated with it.
 
 
+    if (shouldKeepWarning) {
+      warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
+    }
+
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7163,6 +7079,14 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   var text = fiber.pendingProps;
   var isHydratable = isHydratableText(text);
+  var shouldKeepWarning = true;
+
+  if (isHydratable) {
+    // Validate that this is ok to render here before any mismatches.
+    var currentHostContext = getHostContext();
+    shouldKeepWarning = validateHydratableTextInstance(text, currentHostContext);
+  }
+
   var initialInstance = nextHydratableInstance;
   var nextInstance = nextHydratableInstance;
 
@@ -7170,12 +7094,20 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+    if (shouldKeepWarning) {
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
+    }
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7186,7 +7118,10 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7199,6 +7134,11 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
+      if (shouldKeepWarning) {
+        warnNonHydratedInstance(hydrationParentFiber, fiber);
+      }
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7209,6 +7149,10 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // fiber associated with it.
 
 
+    if (shouldKeepWarning) {
+      warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
+    }
+
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7223,12 +7167,13 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+    warnNonHydratedInstance(hydrationParentFiber, fiber);
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -7239,7 +7184,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
 
   if (!tryHydrateSuspense(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
-      warnNonhydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -7252,6 +7197,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateSuspense(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+      warnNonHydratedInstance(hydrationParentFiber, fiber);
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
@@ -7262,6 +7208,7 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
     // fiber associated with it.
 
 
+    warnUnhydratedInstance(prevHydrationParentFiber, firstAttemptedInstance);
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -7437,6 +7384,7 @@ function popHydrationState(fiber) {
         throwOnHydrationMismatch();
       } else {
         while (nextInstance) {
+          warnUnhydratedInstance(fiber, nextInstance);
           deleteHydratableInstance(fiber, nextInstance);
           nextInstance = getNextHydratableSibling(nextInstance);
         }
@@ -7707,6 +7655,517 @@ function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
   }
 }
 
+var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
+
+var firstScheduledRoot = null;
+var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+
+var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+// microtask, so we have to dedupe those separately. This wouldn't be an issue
+// if we required all `act` calls to be awaited, which we might in the future.
+
+var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+var mightHavePendingSyncWork = false;
+var isFlushingWork = false;
+var currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  if (ReactCurrentActQueue$3.current !== null) {
+    // We're inside an `act` scope.
+    if (!didScheduleMicrotask_act) {
+      didScheduleMicrotask_act = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  } else {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
+  }
+
+  if (ReactCurrentActQueue$3.isBatchingLegacy && root.tag === LegacyRoot) {
+    // Special `act` case: Record whenever a legacy update is scheduled.
+    ReactCurrentActQueue$3.didScheduleLegacyUpdate = true;
+  }
+}
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
+}
+
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
+  }
+
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
+
+
+  var didPerformSomeWork;
+  var errors = null;
+  isFlushingWork = true;
+
+  do {
+    didPerformSomeWork = false;
+    var root = firstScheduledRoot;
+
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        var workInProgressRoot = getWorkInProgressRoot();
+        var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
+
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
+
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
+
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (var i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
+
+        var firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      var error = errors[0];
+      throw error;
+    }
+  }
+}
+
+function throwError(error) {
+  throw error;
+}
+
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
+
+  {
+    didScheduleMicrotask_act = false;
+  } // We'll recompute this as we iterate through all the roots and schedule them.
+
+
+  mightHavePendingSyncWork = false;
+  var currentTime = now$1();
+  var prev = null;
+  var root = firstScheduledRoot;
+
+  while (root !== null) {
+    var next = root.next;
+
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
+
+    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
+
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
+      } else {
+        prev.next = next;
+      }
+
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
+
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
+
+    root = next;
+  }
+
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
+}
+
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+  var workInProgressRoot = getWorkInProgressRoot();
+  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  var existingCallbackNode = root.callbackNode;
+
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
+
+
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
+
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    var existingCallbackPriority = root.callbackPriority;
+    var newCallbackPriority = getHighestPriorityLane(nextLanes);
+
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(ReactCurrentActQueue$3.current !== null && existingCallbackNode !== fakeActCallbackNode$1)) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
+
+    var schedulerPriorityLevel;
+
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
+
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
+
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
+
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
+
+    var newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
+}
+
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
+
+  return null;
+}
+var fakeActCallbackNode$1 = {};
+
+function scheduleCallback$2(priorityLevel, callback) {
+  if (ReactCurrentActQueue$3.current !== null) {
+    // Special case: We're inside an `act` scope (a testing utility).
+    // Instead of scheduling work in the host environment, add it to a
+    // fake internal queue that's managed by the `act` implementation.
+    ReactCurrentActQueue$3.current.push(callback);
+    return fakeActCallbackNode$1;
+  } else {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
+
+function cancelCallback(callbackNode) {
+  if (callbackNode === fakeActCallbackNode$1) ; else if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
+
+function scheduleImmediateTask(cb) {
+  if (ReactCurrentActQueue$3.current !== null) {
+    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+    // callback queue. This is because we currently support calling `act`
+    // without awaiting the result. The plan is to deprecate that, and require
+    // that you always await the result so that the microtasks have a chance to
+    // run. But it hasn't happened yet.
+    ReactCurrentActQueue$3.current.push(function () {
+      cb();
+      return null;
+    });
+  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+  // Alternatively, can we move this check to the host config?
+
+
+  {
+    scheduleMicrotask(function () {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      var executionContext = getExecutionContext();
+
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
+      }
+
+      cb();
+    });
+  }
+}
+
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
+
+  return currentEventTransitionLane;
+}
+
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
+
+var currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+
+var currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+
+var currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
+
+var currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    var entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    var entangledThenable = {
+      status: 'pending',
+      value: undefined,
+      then: function (resolve) {
+        entangledListeners.push(resolve);
+      }
+    };
+    currentEntangledActionThenable = entangledThenable;
+  }
+
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
+
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      var fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
+
+    var listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
+      listener();
+    }
+  }
+}
+
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  var listeners = [];
+  var thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
+    then: function (resolve) {
+      listeners.push(resolve);
+    }
+  };
+  thenable.then(function (value) {
+    var fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i];
+      listener(result);
+    }
+  }, function (error) {
+    var rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
+
+    for (var i = 0; i < listeners.length; i++) {
+      var listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
+
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
+}
+function peekEntangledActionLane() {
+  return currentEntangledLane;
+}
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
+}
+
 var UpdateState = 0;
 var ReplaceState = 1;
 var ForceUpdate = 2;
@@ -8008,8 +8467,32 @@ function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps,
   return prevState;
 }
 
+var didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
+
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    var entangledActionThenable = peekEntangledActionThenable();
+
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
+    }
+  }
+}
 function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
+
   var queue = workInProgress.updateQueue;
   hasForceUpdate = false;
 
@@ -8107,6 +8590,13 @@ function processUpdateQueue(workInProgress, props, instance, renderLanes) {
         newLanes = mergeLanes(newLanes, updateLane);
       } else {
         // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
+        }
+
         if (newLastBaseUpdate !== null) {
           var _clone = {
             // This update is going to be committed so we never want uncommit
@@ -8529,9 +9019,17 @@ var ReactStrictModeWarnings = {
   };
 }
 
-var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
+
+function getThenablesFromState(state) {
+  {
+    var devState = state;
+    return devState.thenables;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
 // detect this is caught by userspace, we'll log a warning in development.
 
+
 var SuspenseException = new Error("Suspense Exception: This is not a real error! It's an implementation " + 'detail of `use` to interrupt the current render. You must either ' + 'rethrow it immediately, or move the `use` call outside of the ' + '`try/catch` block. Capturing without rethrowing will lead to ' + 'unexpected behavior.\n\n' + 'To handle async errors, wrap your component in an error boundary, or ' + "call the promise's `.catch` method and pass the result to `use`");
 var SuspenseyCommitException = new Error('Suspense Exception: This is not a real error, and should not leak into ' + "userspace. If you're seeing this, it's likely a bug in React."); // This is a noop thenable that we use to trigger a fallback in throwException.
 // TODO: It would be better to refactor throwException into multiple functions
@@ -8548,7 +9046,12 @@ var noopSuspenseyCommitThenable = {
 function createThenableState() {
   // The ThenableState is created the first time a component suspends. If it
   // suspends again, we'll reuse the same state.
-  return [];
+  {
+    return {
+      didWarnAboutUncachedPromise: false,
+      thenables: []
+    };
+  }
 }
 function isThenableResolved(thenable) {
   var status = thenable.status;
@@ -8558,20 +9061,46 @@ function isThenableResolved(thenable) {
 function noop$2() {}
 
 function trackUsedThenable(thenableState, thenable, index) {
-  if (ReactCurrentActQueue$3.current !== null) {
-    ReactCurrentActQueue$3.didUsePromise = true;
+  if (ReactCurrentActQueue$2.current !== null) {
+    ReactCurrentActQueue$2.didUsePromise = true;
   }
 
-  var previous = thenableState[index];
+  var trackedThenables = getThenablesFromState(thenableState);
+  var previous = trackedThenables[index];
 
   if (previous === undefined) {
-    thenableState.push(thenable);
+    trackedThenables.push(thenable);
   } else {
     if (previous !== thenable) {
       // Reuse the previous thenable, and drop the new one. We can assume
       // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
+      {
+        var thenableStateDev = thenableState;
+
+        if (!thenableStateDev.didWarnAboutUncachedPromise) {
+          // We should only warn the first time an uncached thenable is
+          // discovered per component, because if there are multiple, the
+          // subsequent ones are likely derived from the first.
+          //
+          // We track this on the thenableState instead of deduping using the
+          // component name like we usually do, because in the case of a
+          // promise-as-React-node, the owner component is likely different from
+          // the parent that's currently being reconciled. We'd have to track
+          // the owner using state, which we're trying to move away from. Though
+          // since this is dev-only, maybe that'd be OK.
+          //
+          // However, another benefit of doing it this way is we might
+          // eventually have a thenableState per memo/Forget boundary instead
+          // of per component, so this would allow us to have more
+          // granular warnings.
+          thenableStateDev.didWarnAboutUncachedPromise = true; // TODO: This warning should link to a corresponding docs page.
+
+          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.');
+        }
+      } // Avoid an unhandled rejection errors for the Promises that we'll
       // intentionally ignore.
+
+
       thenable.then(noop$2, noop$2);
       thenable = previous;
     }
@@ -8642,23 +9171,24 @@ function trackUsedThenable(thenableState, thenable, index) {
               rejectedThenable.status = 'rejected';
               rejectedThenable.reason = error;
             }
-          }); // Check one more time in case the thenable resolved synchronously.
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                var fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
 
-            case 'rejected':
-              {
-                var rejectedThenable = thenable;
-                var _rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(_rejectedError);
-                throw _rejectedError;
-              }
-          }
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              var fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              var rejectedThenable = thenable;
+              var _rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(_rejectedError);
+              throw _rejectedError;
+            }
         } // Suspend.
         //
         // Throwing here is an implementation detail that allows us to unwind the
@@ -8736,11 +9266,27 @@ function checkIfUseWrappedInAsyncCatch(rejectedReason) {
 
 var thenableState$1 = null;
 var thenableIndexCounter$1 = 0;
+
+function mergeDebugInfo(outer, inner) {
+
+  if (inner == null) {
+    return outer;
+  } else if (outer === null) {
+    return inner;
+  } else {
+    // If we have two debugInfo, we need to create a new one. This makes the array no longer
+    // live so we'll miss any future updates if we received more so ideally we should always
+    // do this after both have fully resolved/unsuspended.
+    return outer.concat(inner);
+  }
+}
+
 var didWarnAboutMaps;
 var didWarnAboutGenerators;
 var didWarnAboutStringRefs;
 var ownerHasKeyUseWarning;
 var ownerHasFunctionTypeWarning;
+var ownerHasSymbolTypeWarning;
 
 var warnForMissingKey = function (child, returnFiber) {};
 
@@ -8756,6 +9302,7 @@ var warnForMissingKey = function (child, returnFiber) {};
 
   ownerHasKeyUseWarning = {};
   ownerHasFunctionTypeWarning = {};
+  ownerHasSymbolTypeWarning = {};
 
   warnForMissingKey = function (child, returnFiber) {
     if (child === null || typeof child !== 'object') {
@@ -8799,83 +9346,91 @@ function unwrapThenable(thenable) {
   return trackUsedThenable(thenableState$1, thenable, index);
 }
 
-function coerceRef(returnFiber, current, element) {
-  var mixedRef = element.ref;
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  var owner = element._owner;
 
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
-    {
-      if ( // We warn in ReactElement.js if owner and self are equal for string refs
-      // because these cannot be automatically converted to an arrow function
-      // using a codemod. Therefore, we don't have to warn about string refs again.
-      !(element._owner && element._self && element._owner.stateNode !== element._self) && // Will already throw with "Function components cannot have string refs"
-      !(element._owner && element._owner.tag !== ClassComponent) && // Will already warn with "Function components cannot be given refs"
-      !(typeof element.type === 'function' && !isReactClass(element.type)) && // Will already throw with "Element ref was specified as a string (someStringRef) but no owner was set"
-      element._owner) {
-        var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
-
-        if (!didWarnAboutStringRefs[componentName]) {
-          error('Component "%s" contains the string ref "%s". Support for string refs ' + 'will be removed in a future major release. We recommend using ' + 'useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, mixedRef);
-
-          didWarnAboutStringRefs[componentName] = true;
-        }
-      }
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw new Error('Expected ref to be a function, a string, an object returned by React.createRef(), or null.');
     }
 
-    if (element._owner) {
-      var owner = element._owner;
-      var inst;
+    throw new Error("Element ref was specified as a string (" + mixedRef + ") but no owner was set. This could happen for one of" + ' the following reasons:\n' + '1. You may be adding a ref to a function component\n' + "2. You may be adding a ref to a component that was not created inside a component's render method\n" + '3. You have multiple copies of React loaded\n' + 'See https://reactjs.org/link/refs-must-have-owner for more information.');
+  }
 
-      if (owner) {
-        var ownerFiber = owner;
+  if (owner.tag !== ClassComponent) {
+    throw new Error('Function components cannot have string refs. ' + 'We recommend using useRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref');
+  } // At this point, we know the ref isn't an object or function but it could
+  // be a number. Coerce it to a string.
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw new Error('Function components cannot have string refs. ' + 'We recommend using useRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref');
-        }
 
-        inst = ownerFiber.stateNode;
-      }
+  {
+    checkPropStringCoercion(mixedRef, 'ref');
+  }
 
-      if (!inst) {
-        throw new Error("Missing owner for string ref " + mixedRef + ". This error is likely caused by a " + 'bug in React. Please file an issue.');
-      } // Assigning this to a const so Flow knows it won't change in the closure
+  var stringRef = '' + mixedRef;
 
+  {
+    if ( // Will already warn with "Function components cannot be given refs"
+    !(typeof element.type === 'function' && !isReactClass(element.type))) {
+      var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
 
-      var resolvedInst = inst;
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". Support for string refs ' + 'will be removed in a future major release. We recommend using ' + 'useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, stringRef);
 
-      {
-        checkPropStringCoercion(mixedRef, 'ref');
+        didWarnAboutStringRefs[componentName] = true;
       }
+    }
+  }
 
-      var stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
+  var inst = owner.stateNode;
 
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
-      }
+  if (!inst) {
+    throw new Error("Missing owner for string ref " + stringRef + ". This error is likely caused by a " + 'bug in React. Please file an issue.');
+  } // Check if previous string ref matches new string ref
 
-      var ref = function (value) {
-        var refs = resolvedInst.refs;
 
-        if (value === null) {
-          delete refs[stringRef];
-        } else {
-          refs[stringRef] = value;
-        }
-      };
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    var currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw new Error('Expected ref to be a function, a string, an object returned by React.createRef(), or null.');
-      }
 
-      if (!element._owner) {
-        throw new Error("Element ref was specified as a string (" + mixedRef + ") but no owner was set. This could happen for one of" + ' the following reasons:\n' + '1. You may be adding a ref to a function component\n' + "2. You may be adding a ref to a component that was not created inside a component's render method\n" + '3. You have multiple copies of React loaded\n' + 'See https://reactjs.org/link/refs-must-have-owner for more information.');
-      }
+  var ref = function (value) {
+    var refs = inst.refs;
+
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
     }
+  };
+
+  ref._stringRef = stringRef;
+  return ref;
+}
+
+function coerceRef(returnFiber, current, workInProgress, element) {
+  var mixedRef;
+
+  {
+    // Old behavior.
+    mixedRef = element.ref;
   }
 
-  return mixedRef;
+  var coercedRef;
+
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
+
+
+  workInProgress.ref = coercedRef;
 }
 
 function throwOnInvalidObjectType(returnFiber, newChild) {
@@ -8884,17 +9439,42 @@ function throwOnInvalidObjectType(returnFiber, newChild) {
   throw new Error("Objects are not valid as a React child (found: " + (childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
 }
 
-function warnOnFunctionType(returnFiber) {
+function warnOnFunctionType(returnFiber, invalidChild) {
   {
-    var componentName = getComponentNameFromFiber(returnFiber) || 'Component';
+    var parentName = getComponentNameFromFiber(returnFiber) || 'Component';
 
-    if (ownerHasFunctionTypeWarning[componentName]) {
+    if (ownerHasFunctionTypeWarning[parentName]) {
       return;
     }
 
-    ownerHasFunctionTypeWarning[componentName] = true;
+    ownerHasFunctionTypeWarning[parentName] = true;
+    var name = invalidChild.displayName || invalidChild.name || 'Component';
 
-    error('Functions are not valid as a React child. This may happen if ' + 'you return a Component instead of <Component /> from render. ' + 'Or maybe you meant to call this function rather than return it.');
+    if (returnFiber.tag === HostRoot) {
+      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)', name, name, name);
+    } else {
+      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>', name, name, parentName, name, parentName);
+    }
+  }
+}
+
+function warnOnSymbolType(returnFiber, invalidChild) {
+  {
+    var parentName = getComponentNameFromFiber(returnFiber) || 'Component';
+
+    if (ownerHasSymbolTypeWarning[parentName]) {
+      return;
+    }
+
+    ownerHasSymbolTypeWarning[parentName] = true; // eslint-disable-next-line react-internal/safe-string-coercion
+
+    var name = String(invalidChild);
+
+    if (returnFiber.tag === HostRoot) {
+      error('Symbols are not valid as a React child.\n' + '  root.render(%s)', name);
+    } else {
+      error('Symbols are not valid as a React child.\n' + '  <%s>%s</%s>', parentName, name, parentName);
+    }
   }
 }
 
@@ -9012,25 +9592,35 @@ function createChildReconciler(shouldTrackSideEffects) {
     return newFiber;
   }
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
     if (current === null || current.tag !== HostText) {
       // Insert
       var created = createFiberFromText(textContent, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, textContent);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function updateElement(returnFiber, current, element, lanes) {
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
     var elementType = element.type;
 
     if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key, debugInfo);
     }
 
     if (current !== null) {
@@ -9042,12 +9632,12 @@ function createChildReconciler(shouldTrackSideEffects) {
       typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
         // Move based on index
         var existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
+        coerceRef(returnFiber, current, existing, element);
         existing.return = returnFiber;
 
         {
-          existing._debugSource = element._source;
           existing._debugOwner = element._owner;
+          existing._debugInfo = debugInfo;
         }
 
         return existing;
@@ -9056,46 +9646,76 @@ function createChildReconciler(shouldTrackSideEffects) {
 
 
     var created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
+    coerceRef(returnFiber, current, created, element);
     created.return = returnFiber;
+
+    {
+      created._debugInfo = debugInfo;
+    }
+
     return created;
   }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
     if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
       // Insert
       var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, portal.children || []);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
     if (current === null || current.tag !== Fragment) {
       // Insert
       var created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       // Update
       var existing = useFiber(current, fragment);
       existing.return = returnFiber;
+
+      {
+        existing._debugInfo = debugInfo;
+      }
+
       return existing;
     }
   }
 
-  function createChild(returnFiber, newChild, lanes) {
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
     if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
       // Text nodes don't have keys. If the previous node is implicitly keyed
       // we can continue to replace it without aborting even if it is not a text
       // node.
       var created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     }
 
@@ -9105,8 +9725,13 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var _created = createFiberFromElement(newChild, returnFiber.mode, lanes);
 
-            _created.ref = coerceRef(returnFiber, null, newChild);
+            coerceRef(returnFiber, null, _created, newChild);
             _created.return = returnFiber;
+
+            {
+              _created._debugInfo = mergeDebugInfo(debugInfo, newChild._debugInfo);
+            }
+
             return _created;
           }
 
@@ -9115,6 +9740,11 @@ function createChildReconciler(shouldTrackSideEffects) {
             var _created2 = createFiberFromPortal(newChild, returnFiber.mode, lanes);
 
             _created2.return = returnFiber;
+
+            {
+              _created2._debugInfo = debugInfo;
+            }
+
             return _created2;
           }
 
@@ -9122,7 +9752,8 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var payload = newChild._payload;
             var init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
+            return createChild(returnFiber, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo) // call merge after init
+            );
           }
       }
 
@@ -9130,6 +9761,11 @@ function createChildReconciler(shouldTrackSideEffects) {
         var _created3 = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
 
         _created3.return = returnFiber;
+
+        {
+          _created3._debugInfo = mergeDebugInfo(debugInfo, newChild._debugInfo);
+        }
+
         return _created3;
       } // Usable node types
       //
@@ -9138,12 +9774,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
+        return createChild(returnFiber, unwrapThenable(thenable), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9151,14 +9787,18 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
     return null;
   }
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
     // Update the fiber if the keys match, otherwise return null.
     var key = oldFiber !== null ? oldFiber.key : null;
 
@@ -9170,7 +9810,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         return null;
       }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes, debugInfo);
     }
 
     if (typeof newChild === 'object' && newChild !== null) {
@@ -9178,7 +9818,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         case REACT_ELEMENT_TYPE:
           {
             if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
+              return updateElement(returnFiber, oldFiber, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
             } else {
               return null;
             }
@@ -9187,7 +9827,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         case REACT_PORTAL_TYPE:
           {
             if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+              return updatePortal(returnFiber, oldFiber, newChild, lanes, debugInfo);
             } else {
               return null;
             }
@@ -9197,7 +9837,7 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var payload = newChild._payload;
             var init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
           }
       }
 
@@ -9206,7 +9846,7 @@ function createChildReconciler(shouldTrackSideEffects) {
           return null;
         }
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usable node types
       //
       // Unwrap the inner value and recursively call this function again.
@@ -9214,12 +9854,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes, debugInfo);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9227,19 +9867,23 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
     return null;
   }
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
     if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
       // Text nodes don't have keys, so we neither have to check the old nor
       // new node for the key. If both are text nodes, they match.
       var matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes, debugInfo);
     }
 
     if (typeof newChild === 'object' && newChild !== null) {
@@ -9248,26 +9892,26 @@ function createChildReconciler(shouldTrackSideEffects) {
           {
             var _matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
 
-            return updateElement(returnFiber, _matchedFiber, newChild, lanes);
+            return updateElement(returnFiber, _matchedFiber, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
           }
 
         case REACT_PORTAL_TYPE:
           {
             var _matchedFiber2 = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
 
-            return updatePortal(returnFiber, _matchedFiber2, newChild, lanes);
+            return updatePortal(returnFiber, _matchedFiber2, newChild, lanes, debugInfo);
           }
 
         case REACT_LAZY_TYPE:
           var payload = newChild._payload;
           var init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
       if (isArray(newChild) || getIteratorFn(newChild)) {
         var _matchedFiber3 = existingChildren.get(newIdx) || null;
 
-        return updateFragment(returnFiber, _matchedFiber3, newChild, lanes, null);
+        return updateFragment(returnFiber, _matchedFiber3, newChild, lanes, null, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usable node types
       //
       // Unwrap the inner value and recursively call this function again.
@@ -9275,12 +9919,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes, debugInfo);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9288,7 +9932,11 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     }
 
@@ -9341,7 +9989,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     return knownKeys;
   }
 
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
     // This algorithm can't optimize by searching from both ends since we
     // don't have backpointers on fibers. I'm trying to see how far we can get
     // with that model. If it ends up not being worth the tradeoffs, we can
@@ -9382,7 +10030,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         nextOldFiber = oldFiber.sibling;
       }
 
-      var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
+      var newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes, debugInfo);
 
       if (newFiber === null) {
         // TODO: This breaks on empty slots like null children. That's
@@ -9437,7 +10085,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       // If we don't have any more existing children we can choose a fast path
       // since the rest will all be insertions.
       for (; newIdx < newChildren.length; newIdx++) {
-        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes, debugInfo);
 
         if (_newFiber === null) {
           continue;
@@ -9467,7 +10115,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
     for (; newIdx < newChildren.length; newIdx++) {
-      var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
+      var _newFiber2 = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes, debugInfo);
 
       if (_newFiber2 !== null) {
         if (shouldTrackSideEffects) {
@@ -9508,7 +10156,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     return resultingFirstChild;
   }
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
     // This is the same implementation as reconcileChildrenArray(),
     // but using the iterator instead.
     var iteratorFn = getIteratorFn(newChildrenIterable);
@@ -9576,7 +10224,7 @@ function createChildReconciler(shouldTrackSideEffects) {
         nextOldFiber = oldFiber.sibling;
       }
 
-      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
+      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes, debugInfo);
 
       if (newFiber === null) {
         // TODO: This breaks on empty slots like null children. That's
@@ -9631,7 +10279,7 @@ function createChildReconciler(shouldTrackSideEffects) {
       // If we don't have any more existing children we can choose a fast path
       // since the rest will all be insertions.
       for (; !step.done; newIdx++, step = newChildren.next()) {
-        var _newFiber3 = createChild(returnFiber, step.value, lanes);
+        var _newFiber3 = createChild(returnFiber, step.value, lanes, debugInfo);
 
         if (_newFiber3 === null) {
           continue;
@@ -9661,7 +10309,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
     for (; !step.done; newIdx++, step = newChildren.next()) {
-      var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+      var _newFiber4 = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes, debugInfo);
 
       if (_newFiber4 !== null) {
         if (shouldTrackSideEffects) {
@@ -9722,7 +10370,7 @@ function createChildReconciler(shouldTrackSideEffects) {
     return created;
   }
 
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
     var key = element.key;
     var child = currentFirstChild;
 
@@ -9739,8 +10387,8 @@ function createChildReconciler(shouldTrackSideEffects) {
             existing.return = returnFiber;
 
             {
-              existing._debugSource = element._source;
               existing._debugOwner = element._owner;
+              existing._debugInfo = debugInfo;
             }
 
             return existing;
@@ -9756,12 +10404,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
             var _existing = useFiber(child, element.props);
 
-            _existing.ref = coerceRef(returnFiber, child, element);
+            coerceRef(returnFiber, child, _existing, element);
             _existing.return = returnFiber;
 
             {
-              _existing._debugSource = element._source;
               _existing._debugOwner = element._owner;
+              _existing._debugInfo = debugInfo;
             }
 
             return _existing;
@@ -9781,17 +10429,27 @@ function createChildReconciler(shouldTrackSideEffects) {
     if (element.type === REACT_FRAGMENT_TYPE) {
       var created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
       created.return = returnFiber;
+
+      {
+        created._debugInfo = debugInfo;
+      }
+
       return created;
     } else {
       var _created4 = createFiberFromElement(element, returnFiber.mode, lanes);
 
-      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
+      coerceRef(returnFiber, currentFirstChild, _created4, element);
       _created4.return = returnFiber;
+
+      {
+        _created4._debugInfo = debugInfo;
+      }
+
       return _created4;
     }
   }
 
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
     var key = portal.key;
     var child = currentFirstChild;
 
@@ -9823,7 +10481,7 @@ function createChildReconciler(shouldTrackSideEffects) {
   // children and the parent.
 
 
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
     // This function is not recursive.
     // If the top level item is an array, we treat it as a set of children,
     // not as a fragment. Nested arrays on the other hand will be treated as
@@ -9842,24 +10500,23 @@ function createChildReconciler(shouldTrackSideEffects) {
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo)));
 
         case REACT_PORTAL_TYPE:
           return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
 
         case REACT_LAZY_TYPE:
           var payload = newChild._payload;
-          var init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
+          var init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
       if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       }
 
       if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes, mergeDebugInfo(debugInfo, newChild._debugInfo));
       } // Usables are a valid React node type. When React encounters a Usable in
       // a child position, it unwraps it using the same algorithm as `use`. For
       // example, for promises, React will throw an exception to unwind the
@@ -9880,12 +10537,12 @@ function createChildReconciler(shouldTrackSideEffects) {
 
       if (typeof newChild.then === 'function') {
         var thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes, mergeDebugInfo(debugInfo, thenable._debugInfo));
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         var context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes, debugInfo);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
@@ -9897,7 +10554,11 @@ function createChildReconciler(shouldTrackSideEffects) {
 
     {
       if (typeof newChild === 'function') {
-        warnOnFunctionType(returnFiber);
+        warnOnFunctionType(returnFiber, newChild);
+      }
+
+      if (typeof newChild === 'symbol') {
+        warnOnSymbolType(returnFiber, newChild);
       }
     } // Remaining cases are all treated as empty.
 
@@ -9909,7 +10570,8 @@ function createChildReconciler(shouldTrackSideEffects) {
     // This indirection only exists so we can reset `thenableState` at the end.
     // It should get inlined by Closure.
     thenableIndexCounter$1 = 0;
-    var firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
+    var firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, null // debugInfo
+    );
     thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
     // set at the beginning.
 
@@ -10183,550 +10845,6 @@ var Passive =
 /*   */
 8;
 
-var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
-
-var firstScheduledRoot = null;
-var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
-
-var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
-// microtask, so we have to dedupe those separately. This wouldn't be an issue
-// if we required all `act` calls to be awaited, which we might in the future.
-
-var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
-
-var mightHavePendingSyncWork = false;
-var isFlushingWork = false;
-var currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
-    }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
-
-
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
-
-  if (ReactCurrentActQueue$2.current !== null) {
-    // We're inside an `act` scope.
-    if (!didScheduleMicrotask_act) {
-      didScheduleMicrotask_act = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  } else {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
-    }
-  }
-
-  if (ReactCurrentActQueue$2.isBatchingLegacy && root.tag === LegacyRoot) {
-    // Special `act` case: Record whenever a legacy update is scheduled.
-    ReactCurrentActQueue$2.didScheduleLegacyUpdate = true;
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
-
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
-  }
-
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
-
-
-  var didPerformSomeWork;
-  var errors = null;
-  isFlushingWork = true;
-
-  do {
-    didPerformSomeWork = false;
-    var root = firstScheduledRoot;
-
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        var workInProgressRoot = getWorkInProgressRoot();
-        var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
-          }
-        }
-      }
-
-      root = root.next;
-    }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
-
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (var i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
-
-        var firstError = errors[0];
-        throw firstError;
-      }
-    } else {
-      var error = errors[0];
-      throw error;
-    }
-  }
-}
-
-function throwError(error) {
-  throw error;
-}
-
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
-
-  {
-    didScheduleMicrotask_act = false;
-  } // We'll recompute this as we iterate through all the roots and schedule them.
-
-
-  mightHavePendingSyncWork = false;
-  var currentTime = now$1();
-  var prev = null;
-  var root = firstScheduledRoot;
-
-  while (root !== null) {
-    var next = root.next;
-
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
-
-    var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
-
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
-
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
-      } else {
-        prev.next = next;
-      }
-
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
-      }
-    } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
-
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
-      }
-    }
-
-    root = next;
-  }
-
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
-
-  flushSyncWorkOnAllRoots();
-}
-
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
-
-  var workInProgressRoot = getWorkInProgressRoot();
-  var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  var nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  var existingCallbackNode = root.callbackNode;
-
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
-
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
-
-
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
-
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    var existingCallbackPriority = root.callbackPriority;
-    var newCallbackPriority = getHighestPriorityLane(nextLanes);
-
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(ReactCurrentActQueue$2.current !== null && existingCallbackNode !== fakeActCallbackNode$1)) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
-
-    var schedulerPriorityLevel;
-
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
-
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
-
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
-
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-    }
-
-    var newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
-  }
-}
-
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now$1());
-
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
-
-  return null;
-}
-var fakeActCallbackNode$1 = {};
-
-function scheduleCallback$2(priorityLevel, callback) {
-  if (ReactCurrentActQueue$2.current !== null) {
-    // Special case: We're inside an `act` scope (a testing utility).
-    // Instead of scheduling work in the host environment, add it to a
-    // fake internal queue that's managed by the `act` implementation.
-    ReactCurrentActQueue$2.current.push(callback);
-    return fakeActCallbackNode$1;
-  } else {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
-}
-
-function cancelCallback(callbackNode) {
-  if (callbackNode === fakeActCallbackNode$1) ; else if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
-  }
-}
-
-function scheduleImmediateTask(cb) {
-  if (ReactCurrentActQueue$2.current !== null) {
-    // Special case: Inside an `act` scope, we push microtasks to the fake `act`
-    // callback queue. This is because we currently support calling `act`
-    // without awaiting the result. The plan is to deprecate that, and require
-    // that you always await the result so that the microtasks have a chance to
-    // run. But it hasn't happened yet.
-    ReactCurrentActQueue$2.current.push(function () {
-      cb();
-      return null;
-    });
-  } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
-  // Alternatively, can we move this check to the host config?
-
-
-  {
-    scheduleMicrotask(function () {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      var executionContext = getExecutionContext();
-
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
-      }
-
-      cb();
-    });
-  }
-}
-
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
-  }
-
-  return currentEventTransitionLane;
-}
-
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
-//
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
-
-var currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
-
-var currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
-
-var currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  var thenable = actionReturnValue;
-  var entangledListeners;
-
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
-  }
-
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  var resultThenable = createResultThenable(entangledListeners);
-  var resultStatus = 'pending';
-  var resultValue;
-  var rejectedReason;
-  thenable.then(function (value) {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, function (error) {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(function () {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          var fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
-
-      case 'rejected':
-        {
-          var rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
-        }
-
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw new Error('Thenable should have already resolved. This ' + 'is a bug in React.');
-        }
-    }
-  });
-  return resultThenable;
-}
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  var resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
-
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    var entangledListeners = currentEntangledListeners;
-    var resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(function () {
-      var fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
-  }
-}
-
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    var listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
-
-    for (var i = 0; i < listeners.length; i++) {
-      var listener = listeners[i];
-      listener();
-    }
-  }
-}
-
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  var resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
-    then: function (resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      var ping = resolve;
-      entangledListeners.push(ping);
-    }
-  };
-  return resultThenable;
-}
-
-function peekEntangledActionLane() {
-  return currentEntangledLane;
-}
-
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
     ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
 var didWarnAboutMismatchedHooksForComponent;
@@ -10865,7 +10983,7 @@ function warnOnHookMismatchInDev(currentHookName) {
   }
 }
 
-function warnIfAsyncClientComponent(Component, componentDoesIncludeHooks) {
+function warnIfAsyncClientComponent(Component) {
   {
     // This dev-only check only works for detecting native async functions,
     // not transpiled ones. There's also a prod check that we use to prevent
@@ -10876,32 +10994,13 @@ function warnIfAsyncClientComponent(Component, componentDoesIncludeHooks) {
     Object.prototype.toString.call(Component) === '[object AsyncFunction]';
 
     if (isAsyncFunction) {
-      // Encountered an async Client Component. This is not yet supported,
-      // except in certain constrained cases, like during a route navigation.
+      // Encountered an async Client Component. This is not yet supported.
       var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
 
       if (!didWarnAboutAsyncClientComponent.has(componentName)) {
-        didWarnAboutAsyncClientComponent.add(componentName); // Check if this is a sync update. We use the "root" render lanes here
-        // because the "subtree" render lanes may include additional entangled
-        // lanes related to revealing previously hidden content.
-
-        var root = getWorkInProgressRoot();
-        var rootRenderLanes = getWorkInProgressRootRenderLanes();
+        didWarnAboutAsyncClientComponent.add(componentName);
 
-        if (root !== null && includesBlockingLane(root, rootRenderLanes)) {
-          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.');
-        } else {
-          // This is a concurrent (Transition, Retry, etc) render. We don't
-          // warn in these cases.
-          //
-          // However, Async Components are forbidden to include hooks, even
-          // during a transition, so let's check for that here.
-          //
-          // TODO: Add a corresponding warning to Server Components runtime.
-          if (componentDoesIncludeHooks) {
-            error('Hooks are not supported inside an async component. This ' + "error is often caused by accidentally adding `'use client'` " + 'to a module that was originally written for the server.');
-          }
-        }
+        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.');
       }
     }
   }
@@ -10957,6 +11056,7 @@ function renderWithHooks(current, workInProgress, Component, props, secondArg, n
     hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
     ignorePreviousDependencies = current !== null && current.type !== workInProgress.type;
+    warnIfAsyncClientComponent(Component);
   }
 
   workInProgress.memoizedState = null;
@@ -11038,15 +11138,13 @@ function renderWithHooks(current, workInProgress, Component, props, secondArg, n
     }
   }
 
-  finishRenderingHooks(current, workInProgress, Component);
+  finishRenderingHooks(current, workInProgress);
   return children;
 }
 
 function finishRenderingHooks(current, workInProgress, Component) {
   {
     workInProgress._debugHookTypes = hookTypesDev;
-    var componentDoesIncludeHooks = workInProgressHook !== null || thenableIndexCounter !== 0;
-    warnIfAsyncClientComponent(Component, componentDoesIncludeHooks);
   } // We can assume the previous dispatcher is always this one, since we set it
   // at the beginning of the render phase and there's no re-entrance.
 
@@ -11119,7 +11217,7 @@ function replaySuspendedComponentWithHooks(current, workInProgress, Component, p
   }
 
   var children = renderWithHooksAgain(workInProgress, Component, props, secondArg);
-  finishRenderingHooks(current, workInProgress, Component);
+  finishRenderingHooks(current, workInProgress);
   return children;
 }
 
@@ -11404,7 +11502,7 @@ function use(usable) {
       // This is a thenable.
       var thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       var context = usable;
       return readContext(context);
     }
@@ -11425,6 +11523,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -11500,6 +11604,7 @@ function updateReducerImpl(hook, current, reducer) {
     var newBaseQueueFirst = null;
     var newBaseQueueLast = null;
     var update = first;
+    var didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -11559,6 +11664,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = _clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -11569,7 +11681,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             var _clone2 = {
@@ -11631,7 +11750,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        var entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -11922,8 +12057,16 @@ function mountStateImpl(initialState) {
   var hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    var initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -12048,8 +12191,10 @@ function runFormStateAction(actionQueue, setState, payload) {
   var prevState = actionQueue.state; // This is a fork of startTransition
 
   var prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
-  var currentTransition = ReactCurrentBatchConfig$3.transition;
+  var currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   {
     ReactCurrentBatchConfig$3.transition._updatedFibers = new Set();
@@ -12060,7 +12205,8 @@ function runFormStateAction(actionQueue, setState, payload) {
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      var thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      var thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(function (nextState) {
@@ -12069,14 +12215,9 @@ function runFormStateAction(actionQueue, setState, payload) {
       }, function () {
         return finishRunningFormStateAction(actionQueue, setState);
       });
-      var entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      var _entangledResult = requestSyncActionContext(returnValue, null);
-
-      setState(_entangledResult);
+      setState(returnValue);
       var nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -12456,12 +12597,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   var hook = mountWorkInProgressHook();
   var nextDeps = deps === undefined ? null : deps;
+  var nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  var nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -12479,11 +12622,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  var nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  var nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -12568,7 +12714,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   var previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   var prevTransition = ReactCurrentBatchConfig$3.transition;
-  var currentTransition = {};
+  var currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -12597,18 +12745,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        var thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        var thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        var entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        var thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        var _entangledResult2 = requestSyncActionContext(returnValue, finishedState);
-
-        dispatchSetState(fiber, queue, _entangledResult2);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -12938,8 +13082,10 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  var transition = requestCurrentTransition();
+
   {
-    if (ReactCurrentBatchConfig$3.transition === null) {
+    if (transition === null) {
       // An optimistic update occurred, but startTransition is not on the stack.
       // There are two likely scenarios.
       // One possibility is that the optimistic update is triggered by a regular
@@ -14308,18 +14454,19 @@ var didWarnOnInvalidCallback;
   Object.freeze(fakeInternalInstance);
 }
 
-function warnOnInvalidCallback$1(callback, callerName) {
+function warnOnInvalidCallback$1(callback) {
   {
     if (callback === null || typeof callback === 'function') {
       return;
-    }
+    } // eslint-disable-next-line react-internal/safe-string-coercion
 
-    var key = callerName + '_' + callback;
+
+    var key = String(callback);
 
     if (!didWarnOnInvalidCallback.has(key)) {
       didWarnOnInvalidCallback.add(key);
 
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -14380,7 +14527,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'setState');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14406,7 +14553,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'replaceState');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14432,7 +14579,7 @@ var classComponentUpdater = {
 
     if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback$1(callback, 'forceUpdate');
+        warnOnInvalidCallback$1(callback);
       }
 
       update.callback = callback;
@@ -14493,9 +14640,9 @@ function checkClassInstance(workInProgress, ctor, newProps) {
 
     if (!renderPresent) {
       if (ctor.prototype && typeof ctor.prototype.render === 'function') {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: did you accidentally return an object from the constructor?', name);
+        error('No `render` method found on the %s ' + 'instance: did you accidentally return an object from the constructor?', name);
       } else {
-        error('%s(...): No `render` method found on the returned component ' + 'instance: you may have forgotten to define `render`.', name);
+        error('No `render` method found on the %s ' + 'instance: you may have forgotten to define `render`.', name);
       }
     }
 
@@ -14554,7 +14701,7 @@ function checkClassInstance(workInProgress, ctor, newProps) {
     var hasMutatedProps = instance.props !== newProps;
 
     if (instance.props !== undefined && hasMutatedProps) {
-      error('%s(...): When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name, name);
+      error('When calling super() in `%s`, make sure to pass ' + "up the same props that your component's constructor was passed.", name);
     }
 
     if (instance.defaultProps) {
@@ -14611,7 +14758,7 @@ function constructClassInstance(workInProgress, ctor, props) {
   {
     if ('contextType' in ctor) {
       var isValid = // Allow null for conditional declaration
-      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE && contextType._context === undefined; // Not a <Context.Consumer>
+      contextType === null || contextType !== undefined && contextType.$$typeof === REACT_CONTEXT_TYPE;
 
       if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
         didWarnAboutInvalidateContextType.add(ctor);
@@ -14621,10 +14768,7 @@ function constructClassInstance(workInProgress, ctor, props) {
           addendum = ' However, it is set to undefined. ' + 'This can be caused by a typo or by mixing up named and default imports. ' + 'This can also happen due to a circular dependency, so ' + 'try moving the createContext() call to a separate file.';
         } else if (typeof contextType !== 'object') {
           addendum = ' However, it is set to a ' + typeof contextType + '.';
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = ' Did you accidentally pass the Context.Provider instead?';
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
+        } else if (contextType.$$typeof === REACT_CONSUMER_TYPE) {
           addendum = ' Did you accidentally pass the Context.Consumer instead?';
         } else {
           addendum = ' However, it is set to an object with keys {' + Object.keys(contextType).join(', ') + '}.';
@@ -14820,6 +14964,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -14864,6 +15009,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   var oldState = workInProgress.memoizedState;
   var newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -14968,6 +15114,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   var oldState = workInProgress.memoizedState;
   var newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -15048,17 +15195,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+var CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  var stack;
+
+  if (typeof value === 'object' && value !== null) {
+    var capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value: value,
     source: source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack: stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value: value,
     source: null,
@@ -15456,7 +15623,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -15491,7 +15658,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -15509,7 +15676,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           var uncaughtSuspenseError = new Error('A component suspended while responding to synchronous input. This ' + 'will cause the UI to be replaced with a loading indicator. To ' + 'fix, updates that suspend should be wrapped ' + 'with startTransition.');
@@ -15540,7 +15707,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -15549,6 +15716,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   var workInProgress = returnFiber;
 
   do {
@@ -15561,7 +15734,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           var update = createRootErrorUpdate(workInProgress, _errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -15580,7 +15753,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           var _update = createClassErrorUpdate(workInProgress, errorInfo, _lane);
 
           enqueueCapturedUpdate(workInProgress, _update);
-          return;
+          return false;
         }
 
         break;
@@ -15589,6 +15762,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -15656,21 +15831,14 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   // TODO: current can be non-null here even if the component
   // hasn't yet mounted. This happens after the first render suspends.
   // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
+  var render = Component.render;
+  var ref = workInProgress.ref;
+  var propsWithoutRef;
 
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
-      }
-    }
-  }
+  {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
 
-  var render = Component.render;
-  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
   var nextChildren;
   var hasId;
@@ -15683,7 +15851,7 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   {
     ReactCurrentOwner$2.current = workInProgress;
     setIsRendering(true);
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
     setIsRendering(false);
   }
@@ -15733,15 +15901,6 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
     }
 
     {
-      var innerPropTypes = type.propTypes;
-
-      if (innerPropTypes) {
-        // Inner memo component props aren't currently validated in createElement.
-        // We could move it there, but we'd still need this for lazy code path.
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(type));
-      }
-
       if (Component.defaultProps !== undefined) {
         var componentName = getComponentNameFromType(type) || 'Unknown';
 
@@ -15753,25 +15912,13 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       }
     }
 
-    var child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    var child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
     return child;
   }
 
-  {
-    var _type = Component.type;
-    var _innerPropTypes = _type.propTypes;
-
-    if (_innerPropTypes) {
-      // Inner memo component props aren't currently validated in createElement.
-      // We could move it there, but we'd still need this for lazy code path.
-      checkPropTypes(_innerPropTypes, nextProps, // Resolved props
-      'prop', getComponentNameFromType(_type));
-    }
-  }
-
   var currentChild = current.child; // This is always exactly one child
 
   var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(current, renderLanes);
@@ -15802,37 +15949,6 @@ function updateSimpleMemoComponent(current, workInProgress, Component, nextProps
   // TODO: current can be non-null here even if the component
   // hasn't yet mounted. This happens when the inner render suspends.
   // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var outerMemoType = workInProgress.elementType;
-
-      if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
-        // We warn when you define propTypes on lazy()
-        // so let's just skip over it to find memo() outer wrapper.
-        // Inner props for memo are validated later.
-        var lazyComponent = outerMemoType;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
-
-        try {
-          outerMemoType = init(payload);
-        } catch (x) {
-          outerMemoType = null;
-        } // Inner propTypes will be validated in the function component path.
-
-
-        var outerPropTypes = outerMemoType && outerMemoType.propTypes;
-
-        if (outerPropTypes) {
-          checkPropTypes(outerPropTypes, nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
-          'prop', getComponentNameFromType(outerMemoType));
-        }
-      }
-    }
-  }
-
   if (current !== null) {
     var prevProps = current.memoizedProps;
 
@@ -15888,7 +16004,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   var nextChildren = nextProps.children;
   var nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   var prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -16068,6 +16184,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     var prevState = current.memoizedState;
@@ -16139,7 +16256,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   var ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -16150,19 +16269,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
-      }
-    }
-  }
-
   var context;
 
   {
@@ -16269,17 +16375,6 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
           break;
         }
     }
-
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(innerPropTypes, nextProps, // Resolved props
-        'prop', getComponentNameFromType(Component));
-      }
-    }
   } // Push context providers early to prevent context stack mismatches.
   // During mounting we don't know the child context yet as the instance doesn't exist.
   // We will invalidate the child context in finishClassComponent() right after rendering.
@@ -16330,7 +16425,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -16444,9 +16539,13 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
+
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
 
   var nextChildren = nextState.element;
 
@@ -16518,12 +16617,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   var type = workInProgress.type;
   var nextProps = workInProgress.pendingProps;
   var prevProps = current !== null ? current.memoizedProps : null;
@@ -16585,13 +16683,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   var currentProps = current === null ? null : current.memoizedProps;
   var resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -16629,7 +16727,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -16690,17 +16788,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-        {
-          if (workInProgress.type !== workInProgress.elementType) {
-            var outerPropTypes = Component.propTypes;
-
-            if (outerPropTypes) {
-              checkPropTypes(outerPropTypes, resolvedProps, // Resolved for outer only
-              'prop', getComponentNameFromType(Component));
-            }
-          }
-        }
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -16862,24 +16949,20 @@ function validateFunctionComponentInDev(workInProgress, Component) {
   {
     if (Component) {
       if (Component.childContextTypes) {
-        error('%s(...): childContextTypes cannot be defined on a function component.', Component.displayName || Component.name || 'Component');
+        error('childContextTypes cannot be defined on a function component.\n' + '  %s.childContextTypes = ...', Component.displayName || Component.name || 'Component');
       }
     }
 
     if (workInProgress.ref !== null) {
       var info = '';
+      var componentName = getComponentNameFromType(Component) || 'Unknown';
       var ownerName = getCurrentFiberOwnerNameInDevOrNull();
 
       if (ownerName) {
         info += '\n\nCheck the render method of `' + ownerName + '`.';
       }
 
-      var warningKey = ownerName || '';
-      var debugSource = workInProgress._debugSource;
-
-      if (debugSource) {
-        warningKey = debugSource.fileName + ':' + debugSource.lineNumber;
-      }
+      var warningKey = componentName + '|' + (ownerName || '');
 
       if (!didWarnAboutFunctionRefs[warningKey]) {
         didWarnAboutFunctionRefs[warningKey] = true;
@@ -16889,32 +16972,32 @@ function validateFunctionComponentInDev(workInProgress, Component) {
     }
 
     if (Component.defaultProps !== undefined) {
-      var componentName = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
-        error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', componentName);
+      if (!didWarnAboutDefaultPropsOnFunctionComponent[_componentName3]) {
+        error('%s: Support for defaultProps will be removed from function components ' + 'in a future major release. Use JavaScript default parameters instead.', _componentName3);
 
-        didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+        didWarnAboutDefaultPropsOnFunctionComponent[_componentName3] = true;
       }
     }
 
     if (typeof Component.getDerivedStateFromProps === 'function') {
-      var _componentName3 = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]) {
-        error('%s: Function components do not support getDerivedStateFromProps.', _componentName3);
+      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4]) {
+        error('%s: Function components do not support getDerivedStateFromProps.', _componentName4);
 
-        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = true;
+        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4] = true;
       }
     }
 
     if (typeof Component.contextType === 'object' && Component.contextType !== null) {
-      var _componentName4 = getComponentNameFromType(Component) || 'Unknown';
+      var _componentName5 = getComponentNameFromType(Component) || 'Unknown';
 
-      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName4]) {
-        error('%s: Function components do not support contextType.', _componentName4);
+      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName5]) {
+        error('%s: Function components do not support contextType.', _componentName5);
 
-        didWarnAboutContextTypeOnFunctionComponent[_componentName4] = true;
+        didWarnAboutContextTypeOnFunctionComponent[_componentName5] = true;
       }
     }
   }
@@ -17417,7 +17500,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -17508,7 +17591,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
 
-      var _capturedValue = createCapturedValue(new Error('There was an error while hydrating this Suspense boundary. ' + 'Switched to client rendering.'));
+      var _capturedValue = createCapturedValueFromError(new Error('There was an error while hydrating this Suspense boundary. ' + 'Switched to client rendering.'));
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, _capturedValue);
     } else if (workInProgress.memoizedState !== null) {
@@ -17884,8 +17967,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 var hasWarnedAboutUsingNoValuePropOnContextProvider = false;
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  var providerType = workInProgress.type;
-  var context = providerType._context;
+  var context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   var newProps = workInProgress.pendingProps;
   var oldProps = workInProgress.memoizedProps;
   var newValue = newProps.value;
@@ -17898,12 +17985,6 @@ function updateContextProvider(current, workInProgress, renderLanes) {
         error('The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?');
       }
     }
-
-    var providerPropTypes = workInProgress.type.propTypes;
-
-    if (providerPropTypes) {
-      checkPropTypes(providerPropTypes, newProps, 'prop', 'Context.Provider');
-    }
   }
 
   pushProvider(workInProgress, context, newValue);
@@ -17930,31 +18011,16 @@ function updateContextProvider(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-var hasWarnedAboutUsingContextAsConsumer = false;
-
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
+  var context;
 
   {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
+    context = workInProgress.type;
 
-          error('Rendering <Context> directly is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-        }
+    {
+      if (context._context !== undefined) {
+        context = context._context;
       }
-    } else {
-      context = context._context;
     }
   }
 
@@ -18057,7 +18123,12 @@ function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
     newWorkInProgress.index = oldWorkInProgress.index;
     newWorkInProgress.sibling = oldWorkInProgress.sibling;
     newWorkInProgress.return = oldWorkInProgress.return;
-    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+    newWorkInProgress.ref = oldWorkInProgress.ref;
+
+    {
+      newWorkInProgress._debugInfo = oldWorkInProgress._debugInfo;
+    } // Replace the child/sibling pointers above it.
+
 
     if (oldWorkInProgress === returnFiber.child) {
       returnFiber.child = newWorkInProgress;
@@ -18152,7 +18223,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         var newValue = workInProgress.memoizedProps.value;
-        var context = workInProgress.type._context;
+        var context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -18312,7 +18388,7 @@ function beginWork$1(current, workInProgress, renderLanes) {
   {
     if (workInProgress._debugNeedsRemount && current !== null) {
       // This will restart the begin phase with a new fiber.
-      return remountFiber(current, workInProgress, createFiberFromTypeAndProps(workInProgress.type, workInProgress.key, workInProgress.pendingProps, workInProgress._debugSource || null, workInProgress._debugOwner || null, workInProgress.mode, workInProgress.lanes));
+      return remountFiber(current, workInProgress, createFiberFromTypeAndProps(workInProgress.type, workInProgress.key, workInProgress.pendingProps, workInProgress._debugOwner || null, workInProgress.mode, workInProgress.lanes));
     }
   }
 
@@ -18462,24 +18538,13 @@ function beginWork$1(current, workInProgress, renderLanes) {
 
     case MemoComponent:
       {
-        var _type2 = workInProgress.type;
+        var _type = workInProgress.type;
         var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
-        var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
-
-        {
-          if (workInProgress.type !== workInProgress.elementType) {
-            var outerPropTypes = _type2.propTypes;
-
-            if (outerPropTypes) {
-              checkPropTypes(outerPropTypes, _resolvedProps3, // Resolved for outer only
-              'prop', getComponentNameFromType(_type2));
-            }
-          }
-        }
+        var _resolvedProps3 = resolveDefaultProps(_type, _unresolvedProps3);
 
-        _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
-        return updateMemoComponent(current, workInProgress, _type2, _resolvedProps3, renderLanes);
+        _resolvedProps3 = resolveDefaultProps(_type.type, _resolvedProps3);
+        return updateMemoComponent(current, workInProgress, _type, _resolvedProps3, renderLanes);
       }
 
     case SimpleMemoComponent:
@@ -18589,9 +18654,7 @@ function popProvider(context, providerFiber) {
   var currentValue = valueCursor.current;
 
   {
-    {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
 
     {
       var currentRenderer = rendererCursorDEV.current;
@@ -18870,9 +18933,7 @@ var CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 
 {
@@ -18929,9 +18990,30 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 var ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-var NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  var transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  var callbacks = transition._callbacks;
+  callbacks.forEach(function (callback) {
+    return callback(transition, returnValue);
+  });
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -19045,10 +19127,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -19552,10 +19630,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -19579,10 +19653,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -19631,10 +19701,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -19663,11 +19729,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -19683,10 +19744,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, _type2, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -19726,11 +19783,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -19894,7 +19946,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      var context = workInProgress.type._context;
+      var context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context, workInProgress);
       bubbleProperties(workInProgress);
       return null;
@@ -20311,7 +20368,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      var context = workInProgress.type._context;
+      var context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context, workInProgress);
       return null;
 
@@ -20403,7 +20465,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      var context = interruptedWork.type._context;
+      var context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context, interruptedWork);
       break;
 
@@ -21685,7 +21752,6 @@ function detachFiberAfterEffects(fiber) {
   fiber.stateNode = null;
 
   {
-    fiber._debugSource = null;
     fiber._debugOwner = null;
   } // Theoretically, nothing in here should be necessary, because we already
   // disconnected the fiber from the tree. So even if something leaks this
@@ -24122,7 +24188,13 @@ var workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 var workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-var workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+var workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+var workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+var didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -24191,17 +24263,17 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  var isTransition = requestCurrentTransition() !== NoTransition;
+  var transition = requestCurrentTransition();
 
-  if (isTransition) {
-    if (ReactCurrentBatchConfig$1.transition !== null) {
-      var transition = ReactCurrentBatchConfig$1.transition;
+  if (transition !== null) {
+    {
+      var batchConfigTransition = ReactCurrentBatchConfig$1.transition;
 
-      if (!transition._updatedFibers) {
-        transition._updatedFibers = new Set();
+      if (!batchConfigTransition._updatedFibers) {
+        batchConfigTransition._updatedFibers = new Set();
       }
 
-      transition._updatedFibers.add(fiber);
+      batchConfigTransition._updatedFibers.add(fiber);
     }
 
     var actionScopeLane = peekEntangledActionLane();
@@ -24268,7 +24340,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -24612,7 +24684,7 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
 
   if (shouldForceFlushFallbacksInDEV()) {
     // We're inside an `act` scope. Commit immediately.
-    commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane);
+    commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane);
   } else {
     if (includesOnlyRetries(lanes) && (alwaysThrottleRetries )) {
       // This render only included retries, no updates. Throttle committing
@@ -24634,16 +24706,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -24667,14 +24739,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -24738,15 +24810,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -24812,7 +24922,7 @@ function performSyncWorkOnRoot(root, lanes) {
   var finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -24965,7 +25075,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -25299,7 +25410,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -25402,7 +25513,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -25469,7 +25580,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -25535,7 +25646,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -25547,7 +25658,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -25758,7 +25869,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner$1.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -25767,34 +25878,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   var returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    var didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -25814,6 +25918,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -25945,7 +26065,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   var previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -25954,7 +26074,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -25963,7 +26083,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -26021,7 +26141,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   var concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -26221,7 +26343,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     {
@@ -26654,6 +26779,17 @@ function throwIfInfiniteUpdateLoopDetected() {
     nestedPassiveUpdateCount = 0;
     rootWithNestedUpdates = null;
     rootWithPassiveNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw new Error('Maximum update depth exceeded. This can happen when a component ' + 'repeatedly calls setState inside componentWillUpdate or ' + 'componentDidUpdate. React limits the number of nested updates to ' + 'prevent infinite loops.');
   }
 
@@ -27443,7 +27579,7 @@ function FiberNode(tag, pendingProps, key, mode) {
 
   {
     // This isn't directly used but is handy for debugging internals:
-    this._debugSource = null;
+    this._debugInfo = null;
     this._debugOwner = null;
     this._debugNeedsRemount = false;
     this._debugHookTypes = null;
@@ -27514,7 +27650,6 @@ function createWorkInProgress(current, pendingProps) {
 
     {
       // DEV-only fields
-      workInProgress._debugSource = current._debugSource;
       workInProgress._debugOwner = current._debugOwner;
       workInProgress._debugHookTypes = current._debugHookTypes;
     }
@@ -27570,6 +27705,7 @@ function createWorkInProgress(current, pendingProps) {
   }
 
   {
+    workInProgress._debugInfo = current._debugInfo;
     workInProgress._debugNeedsRemount = current._debugNeedsRemount;
 
     switch (workInProgress.tag) {
@@ -27659,7 +27795,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -27676,7 +27812,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   var resolvedType = type;
@@ -27754,13 +27890,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -27807,28 +27952,24 @@ key, pendingProps, source, owner, mode, lanes) {
   fiber.lanes = lanes;
 
   {
-    fiber._debugSource = source;
     fiber._debugOwner = owner;
   }
 
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  var source = null;
   var owner = null;
 
   {
-    source = element._source;
     owner = element._owner;
   }
 
   var type = element.type;
   var key = element.key;
   var pendingProps = element.props;
-  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  var fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   {
-    fiber._debugSource = element._source;
     fiber._debugOwner = element._owner;
   }
 
@@ -27971,7 +28112,7 @@ function assignFiberPropertiesInDEV(target, source) {
     target.treeBaseDuration = source.treeBaseDuration;
   }
 
-  target._debugSource = source._debugSource;
+  target._debugInfo = source._debugInfo;
   target._debugOwner = source._debugOwner;
   target._debugNeedsRemount = source._debugNeedsRemount;
   target._debugHookTypes = source._debugHookTypes;
@@ -28080,7 +28221,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -28243,7 +28384,7 @@ function updateContainer(element, container, parentComponent, callback) {
   if (callback !== null) {
     {
       if (typeof callback !== 'function') {
-        error('render(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
+        error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
       }
     }
 
@@ -29855,7 +29996,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    var root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    var root = unblocked.ownerDocument || unblocked;
     var formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -32898,7 +33040,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -33208,6 +33352,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -34430,6 +34575,7 @@ function diffHydratedCustomComponent(domElement, tag, props, hostContext, extraA
       case 'defaultValue':
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         // Noop
         continue;
 
@@ -34488,7 +34634,7 @@ function diffHydratedCustomComponent(domElement, tag, props, hostContext, extraA
 
 
 var EXPECTED_FORM_ACTION_URL = // eslint-disable-next-line no-script-url
-"javascript:throw new Error('A React form was unexpectedly submitted.')";
+"javascript:throw new Error('React form unexpectedly submitted.')";
 
 function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAttributes) {
   for (var propKey in props) {
@@ -34529,6 +34675,7 @@ function diffHydratedGenericElement(domElement, tag, props, hostContext, extraAt
       case 'defaultValue':
       case 'defaultChecked':
       case 'innerHTML':
+      case 'ref':
         // Noop
         continue;
 
@@ -35962,6 +36109,13 @@ function getFirstHydratableChildWithinContainer(parentContainer) {
 function getFirstHydratableChildWithinSuspenseInstance(parentInstance) {
   return getNextHydratable(parentInstance.nextSibling);
 }
+function validateHydratableInstance(type, props, hostContext) {
+  {
+    // TODO: take namespace into account when validating.
+    var hostContextDev = hostContext;
+    return validateDOMNesting(type, hostContextDev.ancestorInfo);
+  }
+}
 function hydrateInstance(instance, type, props, hostContext, internalInstanceHandle, shouldWarnDev) {
   precacheFiberNode(internalInstanceHandle, instance); // TODO: Possibly defer this until the commit phase where all the events
   // get attached.
@@ -35972,6 +36126,18 @@ function hydrateInstance(instance, type, props, hostContext, internalInstanceHan
   var isConcurrentMode = (internalInstanceHandle.mode & ConcurrentMode) !== NoMode;
   diffHydratedProperties(instance, type, props, isConcurrentMode, shouldWarnDev, hostContext);
 }
+function validateHydratableTextInstance(text, hostContext) {
+  {
+    var hostContextDev = hostContext;
+    var ancestor = hostContextDev.ancestorInfo.current;
+
+    if (ancestor != null) {
+      return validateTextNesting(text, ancestor.tag);
+    }
+  }
+
+  return true;
+}
 function hydrateTextInstance(textInstance, text, internalInstanceHandle, shouldWarnDev) {
   precacheFiberNode(internalInstanceHandle, textInstance); // TODO: Temporary hack to check if we're in a concurrent root. We can delete
   return diffHydratedText(textInstance, text);
@@ -37495,11 +37661,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+var LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 var precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -37543,26 +37715,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   var instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   var precedence = instance.getAttribute('data-precedence');
-  var prior = precedences.get('p' + precedence) || last;
+  var prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -37614,7 +37786,7 @@ function (children) {
 
   {
     if (typeof arguments[1] === 'function') {
-      error('render(...): does not support the second callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
+      error('does not support the second callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
     } else if (isValidContainer(arguments[1])) {
       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.");
     } else if (typeof arguments[1] !== 'undefined') {
@@ -37630,7 +37802,7 @@ ReactDOMHydrationRoot.prototype.unmount = ReactDOMRoot.prototype.unmount = // $F
 function () {
   {
     if (typeof arguments[0] === 'function') {
-      error('unmount(...): does not support a callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
+      error('does not support a callback argument. ' + 'To execute a side effect after rendering, declare it in a component body with useEffect().');
     }
   }
 
@@ -37655,7 +37827,7 @@ function () {
 
 function createRoot$1(container, options) {
   if (!isValidContainer(container)) {
-    throw new Error('createRoot(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   warnIfReactDOMContainerInDEV(container);
@@ -37716,7 +37888,7 @@ function scheduleHydration(target) {
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
 function hydrateRoot$1(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw new Error('hydrateRoot(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   warnIfReactDOMContainerInDEV(container);
@@ -37800,7 +37972,7 @@ var topLevelUpdateWarnings;
 
       if (hostInstance) {
         if (hostInstance.parentNode !== container) {
-          error('render(...): It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.');
+          error('It looks like the React-rendered content of this ' + 'container was removed without using React. This is not ' + 'supported and will cause errors. Instead, call ' + 'ReactDOM.unmountComponentAtNode to empty a container.');
         }
       }
     }
@@ -37810,7 +37982,7 @@ var topLevelUpdateWarnings;
     var hasNonRootReactChild = !!(rootEl && getInstanceFromNode(rootEl));
 
     if (hasNonRootReactChild && !isRootRenderedBySomeReact) {
-      error('render(...): Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.');
+      error('Replacing React-rendered children with a new root ' + 'component. If you intended to update the children of this node, ' + 'you should instead have the existing children update their state ' + 'and render the new components instead of calling ReactDOM.render.');
     }
   };
 }
@@ -37892,10 +38064,10 @@ function legacyCreateRootFromDOMContainer(container, initialChildren, parentComp
   }
 }
 
-function warnOnInvalidCallback(callback, callerName) {
+function warnOnInvalidCallback(callback) {
   {
     if (callback !== null && typeof callback !== 'function') {
-      error('%s(...): Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callerName, callback);
+      error('Expected the last optional `callback` argument to be a ' + 'function. Instead received: %s.', callback);
     }
   }
 }
@@ -37903,7 +38075,7 @@ function warnOnInvalidCallback(callback, callerName) {
 function legacyRenderSubtreeIntoContainer(parentComponent, children, container, forceHydrate, callback) {
   {
     topLevelUpdateWarnings(container);
-    warnOnInvalidCallback(callback === undefined ? null : callback, 'render');
+    warnOnInvalidCallback(callback === undefined ? null : callback);
   }
 
   var maybeRoot = container._reactRootContainer;
@@ -38014,7 +38186,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw new Error('unmountComponentAtNode(...): Target container is not a DOM element.');
+    throw new Error('Target container is not a DOM element.');
   }
 
   {
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 864697be2ce42a..ba335f6f0d04c6 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
@@ -25,10 +25,14 @@ const Internals = {
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
@@ -52,7 +56,7 @@ const assign = Object.assign;
 
 const enableClientRenderFallbackOnTextMismatch = true;
 const enableFormActions = true;
-const enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+const enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -75,18 +79,6 @@ const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature
 const alwaysThrottleRetries = true;
 const syncLaneExpirationMs = 250;
 const transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
-//
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
-// -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
-
-const createRootStrictEffectsByDefault = false;
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -95,7 +87,7 @@ const createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-const disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
+const disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -182,9 +174,10 @@ const REACT_PORTAL_TYPE = Symbol.for('react.portal');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -232,9 +225,7 @@ const HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -454,6 +445,10 @@ const UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
 const NormalPriority$1 = Scheduler.unstable_NormalPriority;
 const LowPriority = Scheduler.unstable_LowPriority;
 const IdlePriority = Scheduler.unstable_IdlePriority; // this doesn't actually exist on the scheduler, but it *does*
+// on scheduler/unstable_mock, which we'll need for internal testing
+
+const log$1 = Scheduler.log;
+const unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue;
 
 let rendererID = null;
 let injectedHook = null;
@@ -523,6 +518,23 @@ function onCommitUnmount(fiber) {
     }
   }
 }
+function setIsStrictModeForDevtools(newIsStrictMode) {
+  {
+    if (typeof log$1 === 'function') {
+      // We're in a test because Scheduler.log only exists
+      // in SchedulerMock. To reduce the noise in strict mode tests,
+      // suppress warnings and disable scheduler yielding during the double render
+      unstable_setDisableYieldValue(newIsStrictMode);
+    }
+
+    if (injectedHook && typeof injectedHook.setStrictMode === 'function') {
+      try {
+        injectedHook.setStrictMode(rendererID, newIsStrictMode);
+      } catch (err) {
+      }
+    }
+  }
+} // Profiler API hooks
 
 function injectProfilingHooks(profilingHooks) {
 }
@@ -1118,7 +1130,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1155,7 +1167,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -1755,7 +1767,7 @@ function setValueForNamespacedAttribute(node, namespace, name, value) {
 }
 
 let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -1771,6 +1783,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 let reentry = false;
 let componentFrameCache;
 /**
@@ -1983,12 +1998,12 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -2033,7 +2048,10 @@ function getStackByFiberInDevAndProd(workInProgress) {
     let node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (false) ; // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -2110,13 +2128,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -2142,7 +2170,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
@@ -2168,12 +2195,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      const context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        const context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      const provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        const provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3447,7 +3478,7 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (const key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
+    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
 
@@ -3923,18 +3954,19 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
-
+  } // Validate that this is ok to render here before any mismatches.
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -3945,6 +3977,7 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -3957,15 +3990,12 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -3978,6 +4008,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   const text = fiber.pendingProps;
   const isHydratable = isHydratableText(text);
+
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
@@ -3985,11 +4016,13 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4000,6 +4033,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4012,15 +4046,12 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4068,11 +4099,6 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
-
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -4493,2416 +4519,2448 @@ function getRootForUpdatedFiber(sourceFiber) {
   return node.tag === HostRoot ? node.stateNode : null;
 }
 
-const UpdateState = 0;
-const ReplaceState = 1;
-const ForceUpdate = 2;
-const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
 
-let hasForceUpdate = false;
+let firstScheduledRoot = null;
+let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-function initializeUpdateQueue(fiber) {
-  const queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      lanes: NoLanes,
-      hiddenCallbacks: null
-    },
-    callbacks: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  const queue = workInProgress.updateQueue;
-  const currentQueue = current.updateQueue;
+let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-  if (queue === currentQueue) {
-    const clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      callbacks: null
-    };
-    workInProgress.updateQueue = clone;
+let mightHavePendingSyncWork = false;
+let isFlushingWork = false;
+let currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
   }
 }
-function createUpdate(lane) {
-  const update = {
-    lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
 }
-function enqueueUpdate(fiber, update, lane) {
-  const updateQueue = fiber.updateQueue;
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
   }
 
-  const sharedQueue = updateQueue.shared;
-
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    const pending = sharedQueue.pending;
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
 
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
-    } else {
-      update.next = pending.next;
-      pending.next = update;
-    }
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
+  let didPerformSomeWork;
+  let errors = null;
+  isFlushingWork = true;
 
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
-  }
-}
-function entangleTransitions(root, fiber, lane) {
-  const updateQueue = fiber.updateQueue;
+  do {
+    didPerformSomeWork = false;
+    let root = firstScheduledRoot;
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return;
-  }
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        const workInProgressRoot = getWorkInProgressRoot();
+        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
 
-  const sharedQueue = updateQueue.shared;
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
 
-  if (isTransitionLane(lane)) {
-    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
 
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
 
-    const newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (let i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
 
-    markRootEntangled(root, newQueueLanes);
+        const firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      const error = errors[0];
+      throw error;
+    }
   }
 }
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-  const current = workInProgress.alternate;
+function throwError(error) {
+  throw error;
+}
 
-  if (current !== null) {
-    const currentQueue = current.updateQueue;
-
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      let newFirst = null;
-      let newLast = null;
-      const firstBaseUpdate = queue.firstBaseUpdate;
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
 
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        let update = firstBaseUpdate;
 
-        do {
-          const clone = {
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
+  mightHavePendingSyncWork = false;
+  const currentTime = now();
+  let prev = null;
+  let root = firstScheduledRoot;
 
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+  while (root !== null) {
+    const next = root.next;
 
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
 
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
+    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
 
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
-        }
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
       } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
+        prev.next = next;
       }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        callbacks: currentQueue.callbacks
-      };
-      workInProgress.updateQueue = queue;
-      return;
-    }
-  } // Append the update to the end of the list.
-
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
 
-  const lastBaseUpdate = queue.lastBaseUpdate;
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
 
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
+    root = next;
   }
 
-  queue.lastBaseUpdate = capturedUpdate;
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
 }
 
-function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-  switch (update.tag) {
-    case ReplaceState:
-      {
-        const payload = update.payload;
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
 
-        if (typeof payload === 'function') {
+  const workInProgressRoot = getWorkInProgressRoot();
+  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  const existingCallbackNode = root.callbackNode;
 
-          const nextState = payload.call(instance, prevState, nextProps);
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
 
-          return nextState;
-        } // State object
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
 
 
-        return payload;
-      }
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
 
-    case CaptureUpdate:
-      {
-        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
-      }
-    // Intentional fallthrough
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    const existingCallbackPriority = root.callbackPriority;
+    const newCallbackPriority = getHighestPriorityLane(nextLanes);
 
-    case UpdateState:
-      {
-        const payload = update.payload;
-        let partialState;
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(false  )) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
 
-        if (typeof payload === 'function') {
+    let schedulerPriorityLevel;
 
-          partialState = payload.call(instance, prevState, nextProps);
-        } else {
-          // Partial state object
-          partialState = payload;
-        }
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
 
-        if (partialState === null || partialState === undefined) {
-          // Null and undefined are treated as no-ops.
-          return prevState;
-        } // Merge the partial state and the previous state.
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
 
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
 
-        return assign({}, prevState, partialState);
-      }
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
 
-    case ForceUpdate:
-      {
-        hasForceUpdate = true;
-        return prevState;
-      }
-  }
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
 
-  return prevState;
+    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
 }
 
-function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
-  const queue = workInProgress.updateQueue;
-  hasForceUpdate = false;
-
-  let firstBaseUpdate = queue.firstBaseUpdate;
-  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now());
 
-  let pendingQueue = queue.shared.pending;
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
 
-  if (pendingQueue !== null) {
-    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
-    // and last so that it's non-circular.
+  return null;
+}
 
-    const lastPendingUpdate = pendingQueue;
-    const firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null; // Append pending updates to base queue
+function scheduleCallback$2(priorityLevel, callback) {
+  {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
 
-    if (lastBaseUpdate === null) {
-      firstBaseUpdate = firstPendingUpdate;
-    } else {
-      lastBaseUpdate.next = firstPendingUpdate;
-    }
-
-    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
-    // we need to transfer the updates to that queue, too. Because the base
-    // queue is a singly-linked list with no cycles, we can append to both
-    // lists and take advantage of structural sharing.
-    // TODO: Pass `current` as argument
+function cancelCallback(callbackNode) {
+  if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
 
-    const current = workInProgress.alternate;
+function scheduleImmediateTask(cb) {
+  // Alternatively, can we move this check to the host config?
 
-    if (current !== null) {
-      // This is always non-null on a ClassComponent or HostRoot
-      const currentQueue = current.updateQueue;
-      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-      if (currentLastBaseUpdate !== lastBaseUpdate) {
-        if (currentLastBaseUpdate === null) {
-          currentQueue.firstBaseUpdate = firstPendingUpdate;
-        } else {
-          currentLastBaseUpdate.next = firstPendingUpdate;
-        }
+  {
+    scheduleMicrotask(() => {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      const executionContext = getExecutionContext();
 
-        currentQueue.lastBaseUpdate = lastPendingUpdate;
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
       }
-    }
-  } // These values may change as we process the queue.
-
-
-  if (firstBaseUpdate !== null) {
-    // Iterate through the list of updates to compute the result.
-    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-    // from the original lanes.
-
-    let newLanes = NoLanes;
-    let newBaseState = null;
-    let newFirstBaseUpdate = null;
-    let newLastBaseUpdate = null;
-    let update = firstBaseUpdate;
-
-    do {
-      // An extra OffscreenLane bit is added to updates that were made to
-      // a hidden tree, so that we can distinguish them from updates that were
-      // already there when the tree was hidden.
-      const updateLane = removeLanes(update.lane, OffscreenLane);
-      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
-      // it's not a "base" update and we should disregard the extra base lanes
-      // that were added to renderLanes when we entered the Offscreen tree.
-
-      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
-
-      if (shouldSkipUpdate) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        const clone = {
-          lane: updateLane,
-          tag: update.tag,
-          payload: update.payload,
-          callback: update.callback,
-          next: null
-        };
-
-        if (newLastBaseUpdate === null) {
-          newFirstBaseUpdate = newLastBaseUpdate = clone;
-          newBaseState = newState;
-        } else {
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Update the remaining priority in the queue.
 
+      cb();
+    });
+  }
+}
 
-        newLanes = mergeLanes(newLanes, updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newLastBaseUpdate !== null) {
-          const clone = {
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Process this update.
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
 
+  return currentEventTransitionLane;
+}
 
-        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
-        const callback = update.callback;
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
 
-        if (callback !== null) {
-          workInProgress.flags |= Callback;
+let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
 
-          if (isHiddenUpdate) {
-            workInProgress.flags |= Visibility;
-          }
+let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
 
-          const callbacks = queue.callbacks;
+let currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
 
-          if (callbacks === null) {
-            queue.callbacks = [callback];
-          } else {
-            callbacks.push(callback);
-          }
-        }
-      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+let currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    const entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    const entangledThenable = {
+      status: 'pending',
+      value: undefined,
 
+      then(resolve) {
+        entangledListeners.push(resolve);
+      }
 
-      update = update.next;
+    };
+    currentEntangledActionThenable = entangledThenable;
+  }
 
-      if (update === null) {
-        pendingQueue = queue.shared.pending;
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
 
-        if (pendingQueue === null) {
-          break;
-        } else {
-          // An update was scheduled from inside a reducer. Add the new
-          // pending updates to the end of the list and keep processing.
-          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-          // unravel them when transferring them to the base queue.
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      const fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
 
-          const firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = null;
-          update = firstPendingUpdate;
-          queue.lastBaseUpdate = lastPendingUpdate;
-          queue.shared.pending = null;
-        }
-      }
-    } while (true);
+    const listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
 
-    if (newLastBaseUpdate === null) {
-      newBaseState = newState;
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener();
     }
+  }
+}
 
-    queue.baseState = newBaseState;
-    queue.firstBaseUpdate = newFirstBaseUpdate;
-    queue.lastBaseUpdate = newLastBaseUpdate;
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  const listeners = [];
+  const thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
 
-    if (firstBaseUpdate === null) {
-      // `queue.lanes` is used for entangling transitions. We can set it back to
-      // zero once the queue is empty.
-      queue.shared.lanes = NoLanes;
-    } // Set the remaining expiration time to be whatever is remaining in the queue.
-    // This should be fine because the only two other things that contribute to
-    // expiration time are props and context. We're already in the middle of the
-    // begin phase by the time we start processing the queue, so we've already
-    // dealt with the props. Context in components that specify
-    // shouldComponentUpdate is tricky; but we'll have to account for
-    // that regardless.
+    then(resolve) {
+      listeners.push(resolve);
+    }
 
+  };
+  thenable.then(value => {
+    const fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
 
-    markSkippedUpdateLanes(newLanes);
-    workInProgress.lanes = newLanes;
-    workInProgress.memoizedState = newState;
-  }
-}
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener(result);
+    }
+  }, error => {
+    const rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
 
-function callCallback(callback, context) {
-  if (typeof callback !== 'function') {
-    throw Error(formatProdErrorMessage(191, callback));
-  }
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
 
-  callback.call(context);
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
 }
-
-function resetHasForceUpdateBeforeProcessing() {
-  hasForceUpdate = false;
+function peekEntangledActionLane() {
+  return currentEntangledLane;
 }
-function checkHasForceUpdateAfterProcessing() {
-  return hasForceUpdate;
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
 }
-function deferHiddenCallbacks(updateQueue) {
-  // When an update finishes on a hidden component, its callback should not
-  // be fired until/unless the component is made visible again. Stash the
-  // callback on the shared queue object so it can be fired later.
-  const newHiddenCallbacks = updateQueue.callbacks;
 
-  if (newHiddenCallbacks !== null) {
-    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+const UpdateState = 0;
+const ReplaceState = 1;
+const ForceUpdate = 2;
+const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
 
-    if (existingHiddenCallbacks === null) {
-      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
-    } else {
-      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
-    }
+let hasForceUpdate = false;
+
+function initializeUpdateQueue(fiber) {
+  const queue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: {
+      pending: null,
+      lanes: NoLanes,
+      hiddenCallbacks: null
+    },
+    callbacks: null
+  };
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  const queue = workInProgress.updateQueue;
+  const currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    const clone = {
+      baseState: currentQueue.baseState,
+      firstBaseUpdate: currentQueue.firstBaseUpdate,
+      lastBaseUpdate: currentQueue.lastBaseUpdate,
+      shared: currentQueue.shared,
+      callbacks: null
+    };
+    workInProgress.updateQueue = clone;
   }
 }
-function commitHiddenCallbacks(updateQueue, context) {
-  // This component is switching from hidden -> visible. Commit any callbacks
-  // that were previously deferred.
-  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+function createUpdate(lane) {
+  const update = {
+    lane,
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+    next: null
+  };
+  return update;
+}
+function enqueueUpdate(fiber, update, lane) {
+  const updateQueue = fiber.updateQueue;
 
-  if (hiddenCallbacks !== null) {
-    updateQueue.shared.hiddenCallbacks = null;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return null;
+  }
 
-    for (let i = 0; i < hiddenCallbacks.length; i++) {
-      const callback = hiddenCallbacks[i];
-      callCallback(callback, context);
+  const sharedQueue = updateQueue.shared;
+
+  if (isUnsafeClassRenderPhaseUpdate()) {
+    // This is an unsafe render phase update. Add directly to the update
+    // queue so we can process it immediately during the current render.
+    const pending = sharedQueue.pending;
+
+    if (pending === null) {
+      // This is the first update. Create a circular list.
+      update.next = update;
+    } else {
+      update.next = pending.next;
+      pending.next = update;
     }
+
+    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+    // this fiber. This is for backwards compatibility in the case where you
+    // update a different component during render phase than the one that is
+    // currently renderings (a pattern that is accompanied by a warning).
+
+    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+  } else {
+    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
   }
 }
-function commitCallbacks(updateQueue, context) {
-  const callbacks = updateQueue.callbacks;
+function entangleTransitions(root, fiber, lane) {
+  const updateQueue = fiber.updateQueue;
 
-  if (callbacks !== null) {
-    updateQueue.callbacks = null;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
+  }
 
-    for (let i = 0; i < callbacks.length; i++) {
-      const callback = callbacks[i];
-      callCallback(callback, context);
-    }
+  const sharedQueue = updateQueue.shared;
+
+  if (isTransitionLane(lane)) {
+    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+    // have finished. We can remove them from the shared queue, which represents
+    // a superset of the actually pending lanes. In some cases we may entangle
+    // more than we need to, but that's OK. In fact it's worse if we *don't*
+    // entangle when we should.
+
+    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+    const newQueueLanes = mergeLanes(queueLanes, lane);
+    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+    // the lane finished since the last time we entangled it. So we need to
+    // entangle it again, just to be sure.
+
+    markRootEntangled(root, newQueueLanes);
   }
 }
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  // Captured updates are updates that are thrown by a child during the render
+  // phase. They should be discarded if the render is aborted. Therefore,
+  // we should only put them on the work-in-progress queue, not the current one.
+  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
+  const current = workInProgress.alternate;
 
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) {
-    return true;
-  }
+  if (current !== null) {
+    const currentQueue = current.updateQueue;
 
-  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-    return false;
-  }
+    if (queue === currentQueue) {
+      // The work-in-progress queue is the same as current. This happens when
+      // we bail out on a parent fiber that then captures an error thrown by
+      // a child. Since we want to append the update only to the work-in
+      // -progress queue, we need to clone the updates. We usually clone during
+      // processUpdateQueue, but that didn't happen in this case because we
+      // skipped over the parent when we bailed out.
+      let newFirst = null;
+      let newLast = null;
+      const firstBaseUpdate = queue.firstBaseUpdate;
 
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
+      if (firstBaseUpdate !== null) {
+        // Loop through the updates and clone them.
+        let update = firstBaseUpdate;
 
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // Test for A's keys different from B.
+        do {
+          const clone = {
+            lane: update.lane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
 
+          if (newLast === null) {
+            newFirst = newLast = clone;
+          } else {
+            newLast.next = clone;
+            newLast = clone;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-  for (let i = 0; i < keysA.length; i++) {
-    const currentKey = keysA[i];
 
-    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
-    !objectIs(objA[currentKey], objB[currentKey])) {
-      return false;
-    }
-  }
+          update = update.next;
+        } while (update !== null); // Append the captured update the end of the cloned list.
 
-  return true;
-}
 
-// detect this is caught by userspace, we'll log a warning in development.
+        if (newLast === null) {
+          newFirst = newLast = capturedUpdate;
+        } else {
+          newLast.next = capturedUpdate;
+          newLast = capturedUpdate;
+        }
+      } else {
+        // There are no base updates.
+        newFirst = newLast = capturedUpdate;
+      }
 
-const SuspenseException = Error(formatProdErrorMessage(460));
-const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
-// TODO: It would be better to refactor throwException into multiple functions
-// so we can trigger a fallback directly without having to check the type. But
-// for now this will do.
+      queue = {
+        baseState: currentQueue.baseState,
+        firstBaseUpdate: newFirst,
+        lastBaseUpdate: newLast,
+        shared: currentQueue.shared,
+        callbacks: currentQueue.callbacks
+      };
+      workInProgress.updateQueue = queue;
+      return;
+    }
+  } // Append the update to the end of the list.
 
-const noopSuspenseyCommitThenable = {
-  then() {
+
+  const lastBaseUpdate = queue.lastBaseUpdate;
+
+  if (lastBaseUpdate === null) {
+    queue.firstBaseUpdate = capturedUpdate;
+  } else {
+    lastBaseUpdate.next = capturedUpdate;
   }
 
-};
-function createThenableState() {
-  // The ThenableState is created the first time a component suspends. If it
-  // suspends again, we'll reuse the same state.
-  return [];
-}
-function isThenableResolved(thenable) {
-  const status = thenable.status;
-  return status === 'fulfilled' || status === 'rejected';
+  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function noop$2() {}
+function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+  switch (update.tag) {
+    case ReplaceState:
+      {
+        const payload = update.payload;
 
-function trackUsedThenable(thenableState, thenable, index) {
+        if (typeof payload === 'function') {
 
-  const previous = thenableState[index];
+          const nextState = payload.call(instance, prevState, nextProps);
 
-  if (previous === undefined) {
-    thenableState.push(thenable);
-  } else {
-    if (previous !== thenable) {
-      // Reuse the previous thenable, and drop the new one. We can assume
-      // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
-      // intentionally ignore.
-      thenable.then(noop$2, noop$2);
-      thenable = previous;
-    }
-  } // We use an expando to track the status and result of a thenable so that we
-  // can synchronously unwrap the value. Think of this as an extension of the
-  // Promise API, or a custom interface that is a superset of Thenable.
-  //
-  // If the thenable doesn't have a status, set it to "pending" and attach
-  // a listener that will update its status and result when it resolves.
+          return nextState;
+        } // State object
 
 
-  switch (thenable.status) {
-    case 'fulfilled':
-      {
-        const fulfilledValue = thenable.value;
-        return fulfilledValue;
+        return payload;
       }
 
-    case 'rejected':
+    case CaptureUpdate:
       {
-        const rejectedError = thenable.reason;
-        checkIfUseWrappedInAsyncCatch(rejectedError);
-        throw rejectedError;
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
       }
+    // Intentional fallthrough
 
-    default:
+    case UpdateState:
       {
-        if (typeof thenable.status === 'string') {
-          // Only instrument the thenable if the status if not defined. If
-          // it's defined, but an unknown value, assume it's been instrumented by
-          // some custom userspace implementation. We treat it as "pending".
-          // Attach a dummy listener, to ensure that any lazy initialization can
-          // happen. Flight lazily parses JSON when the value is actually awaited.
-          thenable.then(noop$2, noop$2);
-        } else {
-          // This is an uncached thenable that we haven't seen before.
-          // Detect infinite ping loops caused by uncached promises.
-          const root = getWorkInProgressRoot();
-
-          if (root !== null && root.shellSuspendCounter > 100) {
-            // This root has suspended repeatedly in the shell without making any
-            // progress (i.e. committing something). This is highly suggestive of
-            // an infinite ping loop, often caused by an accidental Async Client
-            // Component.
-            //
-            // During a transition, we can suspend the work loop until the promise
-            // to resolve, but this is a sync render, so that's not an option. We
-            // also can't show a fallback, because none was provided. So our last
-            // resort is to throw an error.
-            //
-            // TODO: Remove this error in a future release. Other ways of handling
-            // this case include forcing a concurrent render, or putting the whole
-            // root into offscreen mode.
-            throw Error(formatProdErrorMessage(482));
-          }
+        const payload = update.payload;
+        let partialState;
 
-          const pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(fulfilledValue => {
-            if (thenable.status === 'pending') {
-              const fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, error => {
-            if (thenable.status === 'pending') {
-              const rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously.
+        if (typeof payload === 'function') {
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                const fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+          partialState = payload.call(instance, prevState, nextProps);
+        } else {
+          // Partial state object
+          partialState = payload;
+        }
 
-            case 'rejected':
-              {
-                const rejectedThenable = thenable;
-                const rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(rejectedError);
-                throw rejectedError;
-              }
-          }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
+        if (partialState === null || partialState === undefined) {
+          // Null and undefined are treated as no-ops.
+          return prevState;
+        } // Merge the partial state and the previous state.
 
 
-        suspendedThenable = thenable;
+        return assign({}, prevState, partialState);
+      }
 
-        throw SuspenseException;
+    case ForceUpdate:
+      {
+        hasForceUpdate = true;
+        return prevState;
       }
   }
+
+  return prevState;
 }
-function suspendCommit() {
-  // This extra indirection only exists so it can handle passing
-  // noopSuspenseyCommitThenable through to throwException.
-  // TODO: Factor the thenable check out of throwException
-  suspendedThenable = noopSuspenseyCommitThenable;
-  throw SuspenseyCommitException;
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
 
-let suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw Error(formatProdErrorMessage(459));
-  }
+let didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
 
-  const thenable = suspendedThenable;
-  suspendedThenable = null;
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    const entangledActionThenable = peekEntangledActionThenable();
 
-  return thenable;
-}
-function checkIfUseWrappedInAsyncCatch(rejectedReason) {
-  // This check runs in prod, too, because it prevents a more confusing
-  // downstream error, where SuspenseException is caught by a promise and
-  // thrown asynchronously.
-  // TODO: Another way to prevent SuspenseException from leaking into an async
-  // execution context is to check the dispatcher every time `use` is called,
-  // or some equivalent. That might be preferable for other reasons, too, since
-  // it matches how we prevent similar mistakes for other hooks.
-  if (rejectedReason === SuspenseException) {
-    throw Error(formatProdErrorMessage(483));
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
+    }
   }
 }
+function processUpdateQueue(workInProgress, props, instance, renderLanes) {
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-let thenableState$1 = null;
-let thenableIndexCounter$1 = 0;
+  const queue = workInProgress.updateQueue;
+  hasForceUpdate = false;
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter$1;
-  thenableIndexCounter$1 += 1;
+  let firstBaseUpdate = queue.firstBaseUpdate;
+  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
 
-  if (thenableState$1 === null) {
-    thenableState$1 = createThenableState();
-  }
+  let pendingQueue = queue.shared.pending;
 
-  return trackUsedThenable(thenableState$1, thenable, index);
-}
+  if (pendingQueue !== null) {
+    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
+    // and last so that it's non-circular.
 
-function coerceRef(returnFiber, current, element) {
-  const mixedRef = element.ref;
+    const lastPendingUpdate = pendingQueue;
+    const firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null; // Append pending updates to base queue
 
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    if (lastBaseUpdate === null) {
+      firstBaseUpdate = firstPendingUpdate;
+    } else {
+      lastBaseUpdate.next = firstPendingUpdate;
+    }
+
+    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
+    // we need to transfer the updates to that queue, too. Because the base
+    // queue is a singly-linked list with no cycles, we can append to both
+    // lists and take advantage of structural sharing.
+    // TODO: Pass `current` as argument
 
-    if (element._owner) {
-      const owner = element._owner;
-      let inst;
+    const current = workInProgress.alternate;
 
-      if (owner) {
-        const ownerFiber = owner;
+    if (current !== null) {
+      // This is always non-null on a ClassComponent or HostRoot
+      const currentQueue = current.updateQueue;
+      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw Error(formatProdErrorMessage(309));
+      if (currentLastBaseUpdate !== lastBaseUpdate) {
+        if (currentLastBaseUpdate === null) {
+          currentQueue.firstBaseUpdate = firstPendingUpdate;
+        } else {
+          currentLastBaseUpdate.next = firstPendingUpdate;
         }
 
-        inst = ownerFiber.stateNode;
+        currentQueue.lastBaseUpdate = lastPendingUpdate;
       }
+    }
+  } // These values may change as we process the queue.
 
-      if (!inst) {
-        throw Error(formatProdErrorMessage(147, mixedRef));
-      } // Assigning this to a const so Flow knows it won't change in the closure
 
+  if (firstBaseUpdate !== null) {
+    // Iterate through the list of updates to compute the result.
+    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+    // from the original lanes.
 
-      const resolvedInst = inst;
+    let newLanes = NoLanes;
+    let newBaseState = null;
+    let newFirstBaseUpdate = null;
+    let newLastBaseUpdate = null;
+    let update = firstBaseUpdate;
 
-      const stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
+    do {
+      // An extra OffscreenLane bit is added to updates that were made to
+      // a hidden tree, so that we can distinguish them from updates that were
+      // already there when the tree was hidden.
+      const updateLane = removeLanes(update.lane, OffscreenLane);
+      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+      // it's not a "base" update and we should disregard the extra base lanes
+      // that were added to renderLanes when we entered the Offscreen tree.
 
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
-      }
+      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
 
-      const ref = function (value) {
-        const refs = resolvedInst.refs;
+      if (shouldSkipUpdate) {
+        // Priority is insufficient. Skip this update. If this is the first
+        // skipped update, the previous update/state is the new base
+        // update/state.
+        const clone = {
+          lane: updateLane,
+          tag: update.tag,
+          payload: update.payload,
+          callback: update.callback,
+          next: null
+        };
 
-        if (value === null) {
-          delete refs[stringRef];
+        if (newLastBaseUpdate === null) {
+          newFirstBaseUpdate = newLastBaseUpdate = clone;
+          newBaseState = newState;
         } else {
-          refs[stringRef] = value;
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Update the remaining priority in the queue.
+
+
+        newLanes = mergeLanes(newLanes, updateLane);
+      } else {
+        // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
         }
-      };
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw Error(formatProdErrorMessage(284));
-      }
+        if (newLastBaseUpdate !== null) {
+          const clone = {
+            // This update is going to be committed so we never want uncommit
+            // it. Using NoLane works because 0 is a subset of all bitmasks, so
+            // this will never be skipped by the check above.
+            lane: NoLane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Process this update.
 
-      if (!element._owner) {
-        throw Error(formatProdErrorMessage(290, mixedRef));
-      }
-    }
-  }
 
-  return mixedRef;
-}
+        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
+        const callback = update.callback;
 
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  // $FlowFixMe[method-unbinding]
-  const childString = Object.prototype.toString.call(newChild);
-  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
-}
+        if (callback !== null) {
+          workInProgress.flags |= Callback;
 
-function resolveLazy(lazyType) {
-  const payload = lazyType._payload;
-  const init = lazyType._init;
-  return init(payload);
-} // This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
+          if (isHiddenUpdate) {
+            workInProgress.flags |= Visibility;
+          }
 
+          const callbacks = queue.callbacks;
 
-function createChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
+          if (callbacks === null) {
+            queue.callbacks = [callback];
+          } else {
+            callbacks.push(callback);
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    const deletions = returnFiber.deletions;
 
-    if (deletions === null) {
-      returnFiber.deletions = [childToDelete];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(childToDelete);
-    }
-  }
+      update = update.next;
 
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
+      if (update === null) {
+        pendingQueue = queue.shared.pending;
 
+        if (pendingQueue === null) {
+          break;
+        } else {
+          // An update was scheduled from inside a reducer. Add the new
+          // pending updates to the end of the list and keep processing.
+          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+          // unravel them when transferring them to the base queue.
 
-    let childToDelete = currentFirstChild;
+          const firstPendingUpdate = lastPendingUpdate.next;
+          lastPendingUpdate.next = null;
+          update = firstPendingUpdate;
+          queue.lastBaseUpdate = lastPendingUpdate;
+          queue.shared.pending = null;
+        }
+      }
+    } while (true);
 
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
+    if (newLastBaseUpdate === null) {
+      newBaseState = newState;
     }
 
-    return null;
-  }
-
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // Add the remaining children to a temporary map so that we can find them by
-    // keys quickly. Implicit (null) keys get added to this set with their index
-    // instead.
-    const existingChildren = new Map();
-    let existingChild = currentFirstChild;
+    queue.baseState = newBaseState;
+    queue.firstBaseUpdate = newFirstBaseUpdate;
+    queue.lastBaseUpdate = newLastBaseUpdate;
 
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
+    if (firstBaseUpdate === null) {
+      // `queue.lanes` is used for entangling transitions. We can set it back to
+      // zero once the queue is empty.
+      queue.shared.lanes = NoLanes;
+    } // Set the remaining expiration time to be whatever is remaining in the queue.
+    // This should be fine because the only two other things that contribute to
+    // expiration time are props and context. We're already in the middle of the
+    // begin phase by the time we start processing the queue, so we've already
+    // dealt with the props. Context in components that specify
+    // shouldComponentUpdate is tricky; but we'll have to account for
+    // that regardless.
 
-      existingChild = existingChild.sibling;
-    }
 
-    return existingChildren;
+    markSkippedUpdateLanes(newLanes);
+    workInProgress.lanes = newLanes;
+    workInProgress.memoizedState = newState;
   }
+}
 
-  function useFiber(fiber, pendingProps) {
-    // We currently set sibling to null and index to 0 here because it is easy
-    // to forget to do before returning it. E.g. for the single child case.
-    const clone = createWorkInProgress(fiber, pendingProps);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
+function callCallback(callback, context) {
+  if (typeof callback !== 'function') {
+    throw Error(formatProdErrorMessage(191, callback));
   }
 
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
-
-    if (!shouldTrackSideEffects) {
-      // During hydration, the useId algorithm needs to know which fibers are
-      // part of a list of children (arrays, iterators).
-      newFiber.flags |= Forked;
-      return lastPlacedIndex;
-    }
+  callback.call(context);
+}
 
-    const current = newFiber.alternate;
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+function deferHiddenCallbacks(updateQueue) {
+  // When an update finishes on a hidden component, its callback should not
+  // be fired until/unless the component is made visible again. Stash the
+  // callback on the shared queue object so it can be fired later.
+  const newHiddenCallbacks = updateQueue.callbacks;
 
-    if (current !== null) {
-      const oldIndex = current.index;
+  if (newHiddenCallbacks !== null) {
+    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.flags |= Placement | PlacementDEV;
-        return lastPlacedIndex;
-      } else {
-        // This item can stay in place.
-        return oldIndex;
-      }
+    if (existingHiddenCallbacks === null) {
+      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
     } else {
-      // This is an insertion.
-      newFiber.flags |= Placement | PlacementDEV;
-      return lastPlacedIndex;
+      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
     }
   }
+}
+function commitHiddenCallbacks(updateQueue, context) {
+  // This component is switching from hidden -> visible. Commit any callbacks
+  // that were previously deferred.
+  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.flags |= Placement | PlacementDEV;
-    }
+  if (hiddenCallbacks !== null) {
+    updateQueue.shared.hiddenCallbacks = null;
 
-    return newFiber;
+    for (let i = 0; i < hiddenCallbacks.length; i++) {
+      const callback = hiddenCallbacks[i];
+      callCallback(callback, context);
+    }
   }
+}
+function commitCallbacks(updateQueue, context) {
+  const callbacks = updateQueue.callbacks;
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, textContent);
-      existing.return = returnFiber;
-      return existing;
+  if (callbacks !== null) {
+    updateQueue.callbacks = null;
+
+    for (let i = 0; i < callbacks.length; i++) {
+      const callback = callbacks[i];
+      callCallback(callback, context);
     }
   }
+}
 
-  function updateElement(returnFiber, current, element, lanes) {
-    const elementType = element.type;
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
 
-    if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
-    }
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) {
+    return true;
+  }
 
-    if (current !== null) {
-      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-      false) || // Lazy types should reconcile their resolved type.
-      // We need to do this after the Hot Reloading check above,
-      // because hot reloading has different semantics than prod because
-      // it doesn't resuspend. So we can't let the call below suspend.
-      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
-        // Move based on index
-        const existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
-        existing.return = returnFiber;
+  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+    return false;
+  }
 
-        return existing;
-      }
-    } // Insert
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
 
+  if (keysA.length !== keysB.length) {
+    return false;
+  } // Test for A's keys different from B.
 
-    const created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
-    created.return = returnFiber;
-    return created;
-  }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
-    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
-      // Insert
-      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, portal.children || []);
-      existing.return = returnFiber;
-      return existing;
-    }
-  }
+  for (let i = 0; i < keysA.length; i++) {
+    const currentKey = keysA[i];
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, fragment);
-      existing.return = returnFiber;
-      return existing;
+    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
+    !objectIs(objA[currentKey], objB[currentKey])) {
+      return false;
     }
   }
 
-  function createChild(returnFiber, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    }
+  return true;
+}
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
-            created.ref = coerceRef(returnFiber, null, newChild);
-            created.return = returnFiber;
-            return created;
-          }
+function getThenablesFromState(state) {
+  {
+    const prodState = state;
+    return prodState;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
 
-        case REACT_PORTAL_TYPE:
-          {
-            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
-            created.return = returnFiber;
-            return created;
-          }
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
-          }
-      }
+const SuspenseException = Error(formatProdErrorMessage(460));
+const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
+// TODO: It would be better to refactor throwException into multiple functions
+// so we can trigger a fallback directly without having to check the type. But
+// for now this will do.
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
-        created.return = returnFiber;
-        return created;
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+const noopSuspenseyCommitThenable = {
+  then() {
+  }
 
+};
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  {
+    return [];
+  }
+}
+function isThenableResolved(thenable) {
+  const status = thenable.status;
+  return status === 'fulfilled' || status === 'rejected';
+}
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
-      }
+function noop$2() {}
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+function trackUsedThenable(thenableState, thenable, index) {
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+  const trackedThenables = getThenablesFromState(thenableState);
+  const previous = trackedThenables[index];
+
+  if (previous === undefined) {
+    trackedThenables.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // intentionally ignore.
+
+
+      thenable.then(noop$2, noop$2);
+      thenable = previous;
     }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
 
-    return null;
-  }
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
-    // Update the fiber if the keys match, otherwise return null.
-    const key = oldFiber !== null ? oldFiber.key : null;
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      if (key !== null) {
-        return null;
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        checkIfUseWrappedInAsyncCatch(rejectedError);
+        throw rejectedError;
       }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
-    }
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$2, noop$2);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // Detect infinite ping loops caused by uncached promises.
+          const root = getWorkInProgressRoot();
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
-            }
+          if (root !== null && root.shellSuspendCounter > 100) {
+            // This root has suspended repeatedly in the shell without making any
+            // progress (i.e. committing something). This is highly suggestive of
+            // an infinite ping loop, often caused by an accidental Async Client
+            // Component.
+            //
+            // During a transition, we can suspend the work loop until the promise
+            // to resolve, but this is a sync render, so that's not an option. We
+            // also can't show a fallback, because none was provided. So our last
+            // resort is to throw an error.
+            //
+            // TODO: Remove this error in a future release. Other ways of handling
+            // this case include forcing a concurrent render, or putting the whole
+            // root into offscreen mode.
+            throw Error(formatProdErrorMessage(482));
           }
 
-        case REACT_PORTAL_TYPE:
-          {
-            if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
             }
-          }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
-          }
-      }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
-        }
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(rejectedError);
+              throw rejectedError;
+            }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
 
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
-      }
+        suspendedThenable = thenable;
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        throw SuspenseException;
       }
+  }
+}
+function suspendCommit() {
+  // This extra indirection only exists so it can handle passing
+  // noopSuspenseyCommitThenable through to throwException.
+  // TODO: Factor the thenable check out of throwException
+  suspendedThenable = noopSuspenseyCommitThenable;
+  throw SuspenseyCommitException;
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+let suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw Error(formatProdErrorMessage(459));
+  }
 
-    return null;
+  const thenable = suspendedThenable;
+  suspendedThenable = null;
+
+  return thenable;
+}
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  // This check runs in prod, too, because it prevents a more confusing
+  // downstream error, where SuspenseException is caught by a promise and
+  // thrown asynchronously.
+  // TODO: Another way to prevent SuspenseException from leaking into an async
+  // execution context is to check the dispatcher every time `use` is called,
+  // or some equivalent. That might be preferable for other reasons, too, since
+  // it matches how we prevent similar mistakes for other hooks.
+  if (rejectedReason === SuspenseException) {
+    throw Error(formatProdErrorMessage(483));
   }
+}
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      const matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
-    }
+let thenableState$1 = null;
+let thenableIndexCounter$1 = 0;
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updateElement(returnFiber, matchedFiber, newChild, lanes);
-          }
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
 
-        case REACT_PORTAL_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
-          }
+  if (thenableState$1 === null) {
+    thenableState$1 = createThenableState();
+  }
 
-        case REACT_LAZY_TYPE:
-          const payload = newChild._payload;
-          const init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
-      }
+  return trackUsedThenable(thenableState$1, thenable, index);
+}
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const matchedFiber = existingChildren.get(newIdx) || null;
-        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  const owner = element._owner;
 
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw Error(formatProdErrorMessage(284));
+    }
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
-      }
+    throw Error(formatProdErrorMessage(290, mixedRef));
+  }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+  if (owner.tag !== ClassComponent) {
+    throw Error(formatProdErrorMessage(309));
+  } // At this point, we know the ref isn't an object or function but it could
 
-    return null;
-  }
+  const stringRef = '' + mixedRef;
 
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
+  const inst = owner.stateNode;
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
+  if (!inst) {
+    throw Error(formatProdErrorMessage(147, stringRef));
+  } // Check if previous string ref matches new string ref
 
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
 
-      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    const currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
 
-        break;
-      }
+  const ref = function (value) {
+    const refs = inst.refs;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
+    }
+  };
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  ref._stringRef = stringRef;
+  return ref;
+}
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+function coerceRef(returnFiber, current, workInProgress, element) {
+  let mixedRef;
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
+  {
+    // Old behavior.
+    mixedRef = element.ref;
+  }
 
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+  let coercedRef;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
 
-      return resultingFirstChild;
-    }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+  workInProgress.ref = coercedRef;
+}
 
-        if (newFiber === null) {
-          continue;
-        }
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  // $FlowFixMe[method-unbinding]
+  const childString = Object.prototype.toString.call(newChild);
+  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+}
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+function resolveLazy(lazyType) {
+  const payload = lazyType._payload;
+  const init = lazyType._init;
+  return init(payload);
+} // This wrapper function exists because I expect to clone the code in each path
+// to be able to optimize each path individually by branching early. This needs
+// a compiler or we can do it manually. Helpers that don't need this branching
+// live outside of this function.
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
 
-        previousNewFiber = newFiber;
-      }
+function createChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+    const deletions = returnFiber.deletions;
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+    if (deletions === null) {
+      returnFiber.deletions = [childToDelete];
+      returnFiber.flags |= ChildDeletion;
+    } else {
+      deletions.push(childToDelete);
+    }
+  }
 
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return null;
+    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
+    // assuming that after the first child we've already added everything.
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-    for (; newIdx < newChildren.length; newIdx++) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
+    let childToDelete = currentFirstChild;
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
-          }
-        }
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
+    }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+    return null;
+  }
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    // Add the remaining children to a temporary map so that we can find them by
+    // keys quickly. Implicit (null) keys get added to this set with their index
+    // instead.
+    const existingChildren = new Map();
+    let existingChild = currentFirstChild;
 
-        previousNewFiber = newFiber;
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
       }
-    }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
+      existingChild = existingChild.sibling;
     }
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
-    }
+    return existingChildren;
+  }
 
-    return resultingFirstChild;
+  function useFiber(fiber, pendingProps) {
+    // We currently set sibling to null and index to 0 here because it is easy
+    // to forget to do before returning it. E.g. for the single child case.
+    const clone = createWorkInProgress(fiber, pendingProps);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
   }
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    const iteratorFn = getIteratorFn(newChildrenIterable);
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
 
-    if (typeof iteratorFn !== 'function') {
-      throw Error(formatProdErrorMessage(150));
+    if (!shouldTrackSideEffects) {
+      // During hydration, the useId algorithm needs to know which fibers are
+      // part of a list of children (arrays, iterators).
+      newFiber.flags |= Forked;
+      return lastPlacedIndex;
     }
 
-    const newChildren = iteratorFn.call(newChildrenIterable);
-
-    if (newChildren == null) {
-      throw Error(formatProdErrorMessage(151));
-    }
+    const current = newFiber.alternate;
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
-    let step = newChildren.next();
+    if (current !== null) {
+      const oldIndex = current.index;
 
-    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.flags |= Placement | PlacementDEV;
+        return lastPlacedIndex;
       } else {
-        nextOldFiber = oldFiber.sibling;
+        // This item can stay in place.
+        return oldIndex;
       }
+    } else {
+      // This is an insertion.
+      newFiber.flags |= Placement | PlacementDEV;
+      return lastPlacedIndex;
+    }
+  }
 
-      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
+  function placeSingleChild(newFiber) {
+    // This is simpler for the single child case. We only need to do a
+    // placement for inserting new children.
+    if (shouldTrackSideEffects && newFiber.alternate === null) {
+      newFiber.flags |= Placement | PlacementDEV;
+    }
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
+    return newFiber;
+  }
 
-        break;
-      }
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
+    if (current === null || current.tag !== HostText) {
+      // Insert
+      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, textContent);
+      existing.return = returnFiber;
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+      return existing;
+    }
+  }
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
+    const elementType = element.type;
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
+    if (elementType === REACT_FRAGMENT_TYPE) {
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
     }
 
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+    if (current !== null) {
+      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+      false) || // Lazy types should reconcile their resolved type.
+      // We need to do this after the Hot Reloading check above,
+      // because hot reloading has different semantics than prod because
+      // it doesn't resuspend. So we can't let the call below suspend.
+      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
+        // Move based on index
+        const existing = useFiber(current, element.props);
+        coerceRef(returnFiber, current, existing, element);
+        existing.return = returnFiber;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
+        return existing;
       }
+    } // Insert
 
-      return resultingFirstChild;
-    }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        const newFiber = createChild(returnFiber, step.value, lanes);
+    const created = createFiberFromElement(element, returnFiber.mode, lanes);
+    coerceRef(returnFiber, current, created, element);
+    created.return = returnFiber;
 
-        if (newFiber === null) {
-          continue;
-        }
+    return created;
+  }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
+    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
+      // Insert
+      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, portal.children || []);
+      existing.return = returnFiber;
 
-        previousNewFiber = newFiber;
-      }
+      return existing;
+    }
+  }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
+    if (current === null || current.tag !== Fragment) {
+      // Insert
+      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
+      created.return = returnFiber;
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, fragment);
+      existing.return = returnFiber;
 
+      return existing;
+    }
+  }
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+      return created;
+    }
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
+            coerceRef(returnFiber, null, created, newChild);
+            created.return = returnFiber;
+
+            return created;
           }
-        }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+        case REACT_PORTAL_TYPE:
+          {
+            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
+            created.return = returnFiber;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+            return created;
+          }
 
-        previousNewFiber = newFiber;
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return createChild(returnFiber, init(payload), lanes);
+          }
       }
-    }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
+        created.return = returnFiber;
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
-    }
+        return created;
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-    return resultingFirstChild;
-  }
 
-  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      const existing = useFiber(currentFirstChild, textContent);
-      existing.return = returnFiber;
-      return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return createChild(returnFiber, unwrapThenable(thenable), lanes);
+      }
+
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
+    return null;
   }
 
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
-    const key = element.key;
-    let child = currentFirstChild;
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
+    // Update the fiber if the keys match, otherwise return null.
+    const key = oldFiber !== null ? oldFiber.key : null;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        const elementType = element.type;
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      if (key !== null) {
+        return null;
+      }
 
-        if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
+    }
 
-            return existing;
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            if (newChild.key === key) {
+              return updateElement(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } else {
-          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-          false) || // Lazy types should reconcile their resolved type.
-          // We need to do this after the Hot Reloading check above,
-          // because hot reloading has different semantics than prod because
-          // it doesn't resuspend. So we can't let the call below suspend.
-          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props);
-            existing.ref = coerceRef(returnFiber, child, element);
-            existing.return = returnFiber;
 
-            return existing;
+        case REACT_PORTAL_TYPE:
+          {
+            if (newChild.key === key) {
+              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } // Didn't match.
 
-
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+          }
       }
 
-      child = child.sibling;
-    }
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
 
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      const created = createFiberFromElement(element, returnFiber.mode, lanes);
-      created.ref = coerceRef(returnFiber, currentFirstChild, element);
-      created.return = returnFiber;
-      return created;
-    }
-  }
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
-    const key = portal.key;
-    let child = currentFirstChild;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          const existing = useFiber(child, portal.children || []);
-          existing.return = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
       }
 
-      child = child.sibling;
-    }
-
-    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    // TODO: Let's use recursion like we do for Usable nodes?
-    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
+    return null;
+  }
 
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys, so we neither have to check the old nor
+      // new node for the key. If both are text nodes, they match.
+      const matchedFiber = existingChildren.get(newIdx) || null;
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+    }
 
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updateElement(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_PORTAL_TYPE:
-          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_LAZY_TYPE:
           const payload = newChild._payload;
-          const init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
-      }
-
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
+          const init = newChild._init;
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
       }
 
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
-      } // Usables are a valid React node type. When React encounters a Usable in
-      // a child position, it unwraps it using the same algorithm as `use`. For
-      // example, for promises, React will throw an exception to unwind the
-      // stack, then replay the component once the promise resolves.
-      //
-      // A difference from `use` is that React will keep unwrapping the value
-      // until it reaches a non-Usable type.
-      //
-      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const matchedFiber = existingChildren.get(newIdx) || null;
+        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
+      } // Usable node types
       //
-      // The structure is a bit unfortunate. Ideally, we shouldn't need to
-      // replay the entire begin phase of the parent fiber in order to reconcile
-      // the children again. This would require a somewhat significant refactor,
-      // because reconcilation happens deep within the begin phase, and
-      // depending on the type of work, not always at the end. We should
-      // consider as an future improvement.
+      // Unwrap the inner value and recursively call this function again.
 
 
       if (typeof newChild.then === 'function') {
         const thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         const context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
-    }
+    return null;
+  }
 
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
 
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
 
-  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
-    // This indirection only exists so we can reset `thenableState` at the end.
-    // It should get inlined by Closure.
-    thenableIndexCounter$1 = 0;
-    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
-    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
-    // set at the beginning.
+    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
 
-    return firstChildFiber;
-  }
+      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
 
-  return reconcileChildFibers;
-}
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-const reconcileChildFibers = createChildReconciler(true);
-const mountChildFibers = createChildReconciler(false);
-function resetChildReconcilerOnUnwind() {
-  // On unwind, clear any pending thenables that were used.
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-}
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw Error(formatProdErrorMessage(153));
-  }
+        break;
+      }
 
-  if (workInProgress.child === null) {
-    return;
-  }
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
 
-  let currentChild = workInProgress.child;
-  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
-    newChild.return = workInProgress;
-  }
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
 
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
 
-function resetChildFibers(workInProgress, lanes) {
-  let child = workInProgress.child;
+    if (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
 
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-// TODO: This isn't being used yet, but it's intended to replace the
-// InvisibleParentContext that is currently managed by SuspenseContext.
+      return resultingFirstChild;
+    }
 
-const currentTreeHiddenStackCursor = createCursor(null);
-const prevEntangledRenderLanesCursor = createCursor(NoLanes);
-function pushHiddenContext(fiber, context) {
-  const prevEntangledRenderLanes = getEntangledRenderLanes();
-  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
-  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
-  // lanes that would have rendered if the hidden subtree hadn't been deferred.
-  // That is, in order to reveal content from hidden -> visible, we must commit
-  // all the updates that we skipped when we originally hid the tree.
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; newIdx < newChildren.length; newIdx++) {
+        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
 
-  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
-}
-function reuseHiddenContextOnStack(fiber) {
-  // This subtree is not currently hidden, so we don't need to add any lanes
-  // to the render lanes. But we still need to push something to avoid a
-  // context mismatch. Reuse the existing context on the stack.
-  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
-  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
-}
-function popHiddenContext(fiber) {
-  // Restore the previous render lanes from the stack
-  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
-  pop(currentTreeHiddenStackCursor);
-  pop(prevEntangledRenderLanesCursor);
-}
-function isCurrentTreeHidden() {
-  return currentTreeHiddenStackCursor.current !== null;
-}
+        if (newFiber === null) {
+          continue;
+        }
 
-// suspends, i.e. it's the nearest `catch` block on the stack.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
-// Everything above this is the "shell". When this is null, it means we're
-// rendering in the shell of the app. If it's non-null, it means we're rendering
-// deeper than the shell, inside a new tree that wasn't already visible.
-//
-// The main way we use this concept is to determine whether showing a fallback
-// would result in a desirable or undesirable loading state. Activing a fallback
-// in the shell is considered an undersirable loading state, because it would
-// mean hiding visible (albeit stale) content in the current tree — we prefer to
-// show the stale content, rather than switch to a fallback. But showing a
-// fallback in a new tree is fine, because there's no stale content to
-// prefer instead.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-let shellBoundary = null;
-function getShellBoundary() {
-  return shellBoundary;
-}
-function pushPrimaryTreeSuspenseHandler(handler) {
-  // TODO: Pass as argument
-  const current = handler.alternate;
-  // propagated a single level. For example, when ForceSuspenseFallback is set,
-  // it should only force the nearest Suspense boundary into fallback mode.
+        previousNewFiber = newFiber;
+      }
 
-  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
-  // to push a nested Suspense handler, because it will get replaced by the
-  // outer fallback, anyway. Consider this as a future optimization.
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-  push(suspenseHandlerStackCursor, handler);
 
-  if (shellBoundary === null) {
-    if (current === null || isCurrentTreeHidden()) {
-      // This boundary is not visible in the current UI.
-      shellBoundary = handler;
-    } else {
-      const prevState = current.memoizedState;
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-      if (prevState !== null) {
-        // This boundary is showing a fallback in the current UI.
-        shellBoundary = handler;
-      }
-    }
-  }
-}
-function pushFallbackTreeSuspenseHandler(fiber) {
-  // We're about to render the fallback. If something in the fallback suspends,
-  // it's akin to throwing inside of a `catch` block. This boundary should not
-  // capture. Reuse the existing handler on the stack.
-  reuseSuspenseHandlerOnStack(fiber);
-}
-function pushOffscreenSuspenseHandler(fiber) {
-  if (fiber.tag === OffscreenComponent) {
-    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
-    // Reuse the current value on the stack.
-    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
-    push(suspenseHandlerStackCursor, fiber);
+    for (; newIdx < newChildren.length; newIdx++) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
 
-    if (shellBoundary !== null) ; else {
-      const current = fiber.alternate;
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-      if (current !== null) {
-        const prevState = current.memoizedState;
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
         }
+
+        previousNewFiber = newFiber;
       }
     }
-  } else {
-    // This is a LegacyHidden component.
-    reuseSuspenseHandlerOnStack(fiber);
-  }
-}
-function reuseSuspenseHandlerOnStack(fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
-  push(suspenseHandlerStackCursor, getSuspenseHandler());
-}
-function getSuspenseHandler() {
-  return suspenseHandlerStackCursor.current;
-}
-function popSuspenseHandler(fiber) {
-  pop(suspenseHandlerStackCursor);
 
-  if (shellBoundary === fiber) {
-    // Popping back into the shell.
-    shellBoundary = null;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
+
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
+    }
+
+    return resultingFirstChild;
   }
 
-  popSuspenseListContext();
-} // SuspenseList context
-// TODO: Move to a separate module? We may change the SuspenseList
-// implementation to hide/show in the commit phase, anyway.
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+    const iteratorFn = getIteratorFn(newChildrenIterable);
 
-const DefaultSuspenseContext = 0b00;
-const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
+    if (typeof iteratorFn !== 'function') {
+      throw Error(formatProdErrorMessage(150));
+    }
 
-const ForceSuspenseFallback = 0b10;
-const suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseListContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseListContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseListContext(parentContext, shallowContext) {
-  return parentContext & SubtreeSuspenseContextMask | shallowContext;
-}
-function pushSuspenseListContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext);
-}
-function popSuspenseListContext(fiber) {
-  pop(suspenseStackCursor);
-}
+    const newChildren = iteratorFn.call(newChildrenIterable);
 
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
+    if (newChildren == null) {
+      throw Error(formatProdErrorMessage(151));
+    }
 
-function findFirstSuspended(row) {
-  let node = row;
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
+    let step = newChildren.next();
+
+    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
+
+      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      const state = node.memoizedState;
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-      if (state !== null) {
-        const dehydrated = state.dehydrated;
+        break;
+      }
 
-        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
-          return node;
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
         }
       }
-    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-    // keep track of whether it suspended or not.
-    node.memoizedProps.revealOrder !== undefined) {
-      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      if (didSuspend) {
-        return node;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
       }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
 
-    if (node === row) {
-      return null;
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
+    if (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
       }
 
-      node = node.return;
+      return resultingFirstChild;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; !step.done; newIdx++, step = newChildren.next()) {
+        const newFiber = createChild(returnFiber, step.value, lanes);
 
-  return null;
-}
+        if (newFiber === null) {
+          continue;
+        }
 
-const NoFlags =
-/*   */
-0b0000; // Represents whether effect should fire.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-const HasEffect =
-/* */
-0b0001; // Represents the phase in which the effect (not the clean-up) fires.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const Insertion =
-/* */
-0b0010;
-const Layout =
-/*    */
-0b0100;
-const Passive =
-/*   */
-0b1000;
+        previousNewFiber = newFiber;
+      }
 
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-let firstScheduledRoot = null;
-let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-let mightHavePendingSyncWork = false;
-let isFlushingWork = false;
-let currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
-    }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
+    for (; !step.done; newIdx++, step = newChildren.next()) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
 
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
+
+        previousNewFiber = newFiber;
+      }
     }
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
 
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
+
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
+    }
+
+    return resultingFirstChild;
   }
 
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
+  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
+    // There's no need to check for keys on text nodes since we don't have a
+    // way to define them.
+    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+      // We already have an existing node so let's just update it and delete
+      // the rest.
+      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+      const existing = useFiber(currentFirstChild, textContent);
+      existing.return = returnFiber;
+      return existing;
+    } // The existing first child is not a text node so we need to create one
+    // and delete the existing ones.
 
 
-  let didPerformSomeWork;
-  let errors = null;
-  isFlushingWork = true;
+    deleteRemainingChildren(returnFiber, currentFirstChild);
+    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  }
 
-  do {
-    didPerformSomeWork = false;
-    let root = firstScheduledRoot;
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
+    const key = element.key;
+    let child = currentFirstChild;
 
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        const workInProgressRoot = getWorkInProgressRoot();
-        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        const elementType = element.type;
 
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
+        if (elementType === REACT_FRAGMENT_TYPE) {
+          if (child.tag === Fragment) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props.children);
+            existing.return = returnFiber;
+
+            return existing;
+          }
+        } else {
+          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+          false) || // Lazy types should reconcile their resolved type.
+          // We need to do this after the Hot Reloading check above,
+          // because hot reloading has different semantics than prod because
+          // it doesn't resuspend. So we can't let the call below suspend.
+          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props);
+            coerceRef(returnFiber, child, existing, element);
+            existing.return = returnFiber;
+
+            return existing;
           }
-        }
+        } // Didn't match.
+
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
+      } else {
+        deleteChild(returnFiber, child);
       }
 
-      root = root.next;
+      child = child.sibling;
     }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
 
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (let i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
+      created.return = returnFiber;
 
-        const firstError = errors[0];
-        throw firstError;
-      }
+      return created;
     } else {
-      const error = errors[0];
-      throw error;
+      const created = createFiberFromElement(element, returnFiber.mode, lanes);
+      coerceRef(returnFiber, currentFirstChild, created, element);
+      created.return = returnFiber;
+
+      return created;
     }
   }
-}
 
-function throwError(error) {
-  throw error;
-}
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
+    const key = portal.key;
+    let child = currentFirstChild;
 
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          const existing = useFiber(child, portal.children || []);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
 
+      child = child.sibling;
+    }
 
-  mightHavePendingSyncWork = false;
-  const currentTime = now();
-  let prev = null;
-  let root = firstScheduledRoot;
+    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  } // This API will tag the children with the side-effect of the reconciliation
+  // itself. They will be added to the side-effect list as we pass through the
+  // children and the parent.
 
-  while (root !== null) {
-    const next = root.next;
 
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
+    // This function is not recursive.
+    // If the top level item is an array, we treat it as a set of children,
+    // not as a fragment. Nested arrays on the other hand will be treated as
+    // fragment nodes. Recursion happens at the normal flow.
+    // Handle top level unkeyed fragments as if they were arrays.
+    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // We treat the ambiguous cases above the same.
+    // TODO: Let's use recursion like we do for Usable nodes?
+    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
 
-    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    if (isUnkeyedTopLevelFragment) {
+      newChild = newChild.props.children;
+    } // Handle object types
 
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
 
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
-      } else {
-        prev.next = next;
-      }
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
 
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+
+        case REACT_LAZY_TYPE:
+          const payload = newChild._payload;
+          const init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes);
       }
-    } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
 
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
+      if (isArray(newChild)) {
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
       }
-    }
 
-    root = next;
-  }
+      if (getIteratorFn(newChild)) {
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
+      } // Usables are a valid React node type. When React encounters a Usable in
+      // a child position, it unwraps it using the same algorithm as `use`. For
+      // example, for promises, React will throw an exception to unwind the
+      // stack, then replay the component once the promise resolves.
+      //
+      // A difference from `use` is that React will keep unwrapping the value
+      // until it reaches a non-Usable type.
+      //
+      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      //
+      // The structure is a bit unfortunate. Ideally, we shouldn't need to
+      // replay the entire begin phase of the parent fiber in order to reconcile
+      // the children again. This would require a somewhat significant refactor,
+      // because reconcilation happens deep within the begin phase, and
+      // depending on the type of work, not always at the end. We should
+      // consider as an future improvement.
 
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
 
-  flushSyncWorkOnAllRoots();
-}
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+      }
 
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  const workInProgressRoot = getWorkInProgressRoot();
-  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  const existingCallbackNode = root.callbackNode;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
     }
 
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
 
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
 
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
+    // This indirection only exists so we can reset `thenableState` at the end.
+    // It should get inlined by Closure.
+    thenableIndexCounter$1 = 0;
+    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
+    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+    // set at the beginning.
 
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    const existingCallbackPriority = root.callbackPriority;
-    const newCallbackPriority = getHighestPriorityLane(nextLanes);
+    return firstChildFiber;
+  }
 
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(false  )) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
+  return reconcileChildFibers;
+}
 
-    let schedulerPriorityLevel;
+const reconcileChildFibers = createChildReconciler(true);
+const mountChildFibers = createChildReconciler(false);
+function resetChildReconcilerOnUnwind() {
+  // On unwind, clear any pending thenables that were used.
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+}
+function cloneChildFibers(current, workInProgress) {
+  if (current !== null && workInProgress.child !== current.child) {
+    throw Error(formatProdErrorMessage(153));
+  }
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+  if (workInProgress.child === null) {
+    return;
+  }
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+  let currentChild = workInProgress.child;
+  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
+  workInProgress.child = newChild;
+  newChild.return = workInProgress;
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
+    newChild.return = workInProgress;
+  }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+  newChild.sibling = null;
+} // Reset a workInProgress child set to prepare it for a second pass.
 
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-    }
+function resetChildFibers(workInProgress, lanes) {
+  let child = workInProgress.child;
 
-    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
+  while (child !== null) {
+    resetWorkInProgress(child, lanes);
+    child = child.sibling;
   }
 }
 
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now());
+// TODO: This isn't being used yet, but it's intended to replace the
+// InvisibleParentContext that is currently managed by SuspenseContext.
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
+const currentTreeHiddenStackCursor = createCursor(null);
+const prevEntangledRenderLanesCursor = createCursor(NoLanes);
+function pushHiddenContext(fiber, context) {
+  const prevEntangledRenderLanes = getEntangledRenderLanes();
+  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
+  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
+  // lanes that would have rendered if the hidden subtree hadn't been deferred.
+  // That is, in order to reveal content from hidden -> visible, we must commit
+  // all the updates that we skipped when we originally hid the tree.
 
-  return null;
+  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
 }
-
-function scheduleCallback$2(priorityLevel, callback) {
-  {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
+function reuseHiddenContextOnStack(fiber) {
+  // This subtree is not currently hidden, so we don't need to add any lanes
+  // to the render lanes. But we still need to push something to avoid a
+  // context mismatch. Reuse the existing context on the stack.
+  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext(fiber) {
+  // Restore the previous render lanes from the stack
+  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+function isCurrentTreeHidden() {
+  return currentTreeHiddenStackCursor.current !== null;
 }
 
-function cancelCallback(callbackNode) {
-  if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
-  }
+// suspends, i.e. it's the nearest `catch` block on the stack.
+
+const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+// Everything above this is the "shell". When this is null, it means we're
+// rendering in the shell of the app. If it's non-null, it means we're rendering
+// deeper than the shell, inside a new tree that wasn't already visible.
+//
+// The main way we use this concept is to determine whether showing a fallback
+// would result in a desirable or undesirable loading state. Activing a fallback
+// in the shell is considered an undersirable loading state, because it would
+// mean hiding visible (albeit stale) content in the current tree — we prefer to
+// show the stale content, rather than switch to a fallback. But showing a
+// fallback in a new tree is fine, because there's no stale content to
+// prefer instead.
+
+let shellBoundary = null;
+function getShellBoundary() {
+  return shellBoundary;
 }
+function pushPrimaryTreeSuspenseHandler(handler) {
+  // TODO: Pass as argument
+  const current = handler.alternate;
+  // propagated a single level. For example, when ForceSuspenseFallback is set,
+  // it should only force the nearest Suspense boundary into fallback mode.
 
-function scheduleImmediateTask(cb) {
-  // Alternatively, can we move this check to the host config?
+  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
+  // to push a nested Suspense handler, because it will get replaced by the
+  // outer fallback, anyway. Consider this as a future optimization.
 
 
-  {
-    scheduleMicrotask(() => {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      const executionContext = getExecutionContext();
+  push(suspenseHandlerStackCursor, handler);
 
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
+  if (shellBoundary === null) {
+    if (current === null || isCurrentTreeHidden()) {
+      // This boundary is not visible in the current UI.
+      shellBoundary = handler;
+    } else {
+      const prevState = current.memoizedState;
+
+      if (prevState !== null) {
+        // This boundary is showing a fallback in the current UI.
+        shellBoundary = handler;
       }
+    }
+  }
+}
+function pushFallbackTreeSuspenseHandler(fiber) {
+  // We're about to render the fallback. If something in the fallback suspends,
+  // it's akin to throwing inside of a `catch` block. This boundary should not
+  // capture. Reuse the existing handler on the stack.
+  reuseSuspenseHandlerOnStack(fiber);
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (fiber.tag === OffscreenComponent) {
+    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+    // Reuse the current value on the stack.
+    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+    // into separate functions for Suspense and Offscreen.
+    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    push(suspenseHandlerStackCursor, fiber);
 
-      cb();
-    });
+    if (shellBoundary !== null) ; else {
+      const current = fiber.alternate;
+
+      if (current !== null) {
+        const prevState = current.memoizedState;
+
+        if (prevState !== null) {
+          // This is the first boundary in the stack that's already showing
+          // a fallback. So everything outside is considered the shell.
+          shellBoundary = fiber;
+        }
+      }
+    }
+  } else {
+    // This is a LegacyHidden component.
+    reuseSuspenseHandlerOnStack(fiber);
   }
 }
+function reuseSuspenseHandlerOnStack(fiber) {
+  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, getSuspenseHandler());
+}
+function getSuspenseHandler() {
+  return suspenseHandlerStackCursor.current;
+}
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
 
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
   }
 
-  return currentEventTransitionLane;
-}
+  popSuspenseListContext();
+} // SuspenseList context
+// TODO: Move to a separate module? We may change the SuspenseList
+// implementation to hide/show in the commit phase, anyway.
 
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
-//
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
+const DefaultSuspenseContext = 0b00;
+const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+// items into their fallback state during one of the render passes.
 
-let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+const ForceSuspenseFallback = 0b10;
+const suspenseStackCursor = createCursor(DefaultSuspenseContext);
+function hasSuspenseListContext(parentContext, flag) {
+  return (parentContext & flag) !== 0;
+}
+function setDefaultShallowSuspenseListContext(parentContext) {
+  return parentContext & SubtreeSuspenseContextMask;
+}
+function setShallowSuspenseListContext(parentContext, shallowContext) {
+  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+}
+function pushSuspenseListContext(fiber, newContext) {
+  push(suspenseStackCursor, newContext);
+}
+function popSuspenseListContext(fiber) {
+  pop(suspenseStackCursor);
+}
 
-let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+// A non-null SuspenseState means that it is blocked for one reason or another.
+// - A non-null dehydrated field means it's blocked pending hydration.
+//   - A non-null dehydrated field can use isSuspenseInstancePending or
+//     isSuspenseInstanceFallback to query the reason for being dehydrated.
+// - A null dehydrated field means it's blocked by something suspending and
+//   we're currently showing a fallback instead.
 
-let currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  const thenable = actionReturnValue;
-  let entangledListeners;
+function findFirstSuspended(row) {
+  let node = row;
 
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
-  }
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      const state = node.memoizedState;
 
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  const resultThenable = createResultThenable(entangledListeners);
-  let resultStatus = 'pending';
-  let resultValue;
-  let rejectedReason;
-  thenable.then(value => {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, error => {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(() => {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          const fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
+      if (state !== null) {
+        const dehydrated = state.dehydrated;
 
-      case 'rejected':
-        {
-          const rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
+        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+          return node;
         }
+      }
+    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+    // keep track of whether it suspended or not.
+    node.memoizedProps.revealOrder !== undefined) {
+      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw Error(formatProdErrorMessage(478));
-        }
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-  });
-  return resultThenable;
-}
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  const resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
 
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    const entangledListeners = currentEntangledListeners;
-    const resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(() => {
-      const fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
-  }
-}
+    if (node === row) {
+      return null;
+    }
 
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    const listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
 
-    for (let i = 0; i < listeners.length; i++) {
-      const listener = listeners[i];
-      listener();
+      node = node.return;
     }
+
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
-}
 
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  const resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
+  return null;
+}
 
-    then(resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      const ping = resolve;
-      entangledListeners.push(ping);
-    }
+const NoFlags =
+/*   */
+0b0000; // Represents whether effect should fire.
 
-  };
-  return resultThenable;
-}
+const HasEffect =
+/* */
+0b0001; // Represents the phase in which the effect (not the clean-up) fires.
 
-function peekEntangledActionLane() {
-  return currentEntangledLane;
-}
+const Insertion =
+/* */
+0b0010;
+const Layout =
+/*    */
+0b0100;
+const Passive =
+/*   */
+0b1000;
 
 const ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
       ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -7336,7 +7394,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -7357,6 +7415,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -7424,6 +7488,7 @@ function updateReducerImpl(hook, current, reducer) {
     let newBaseQueueFirst = null;
     let newBaseQueueLast = null;
     let update = first;
+    let didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -7483,6 +7548,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -7493,7 +7565,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             const clone = {
@@ -7555,7 +7634,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        const entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -7812,8 +7907,16 @@ function mountStateImpl(initialState) {
   const hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    const initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -7938,27 +8041,27 @@ function runFormStateAction(actionQueue, setState, payload) {
   const prevState = actionQueue.state; // This is a fork of startTransition
 
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   try {
     const returnValue = action(prevState, payload);
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      const thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      const thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(nextState => {
         actionQueue.state = nextState;
         finishRunningFormStateAction(actionQueue, setState);
       }, () => finishRunningFormStateAction(actionQueue, setState));
-      const entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      const entangledResult = requestSyncActionContext(returnValue, null);
-      setState(entangledResult);
+      setState(returnValue);
       const nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -8300,12 +8403,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   const hook = mountWorkInProgressHook();
   const nextDeps = deps === undefined ? null : deps;
+  const nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8323,11 +8428,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  const nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8412,7 +8520,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   const previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  const currentTransition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -8437,17 +8547,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        const thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        const thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        const entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        const thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        const entangledResult = requestSyncActionContext(returnValue, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -8733,6 +8840,7 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  requestCurrentTransition();
 
   const update = {
     // An optimistic update commits synchronously.
@@ -9171,6 +9279,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -9211,6 +9320,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -9303,6 +9413,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -9383,17 +9494,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+const CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  let stack;
+
+  if (typeof value === 'object' && value !== null) {
+    const capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value,
     source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value,
     source: null,
@@ -9723,7 +9854,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -9757,7 +9888,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -9775,7 +9906,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           const uncaughtSuspenseError = Error(formatProdErrorMessage(426));
@@ -9803,7 +9934,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -9812,6 +9943,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   let workInProgress = returnFiber;
 
   do {
@@ -9824,7 +9961,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           const update = createRootErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -9840,7 +9977,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
           const update = createClassErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
         break;
@@ -9849,6 +9986,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 const ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -9892,16 +10031,24 @@ function forceUnmountCurrentAndReconcile(current, workInProgress, nextChildren,
 }
 
 function updateForwardRef(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens after the first render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   const render = Component.render;
-  const ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
+  const ref = workInProgress.ref;
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
+
 
   let nextChildren;
   let hasId;
   prepareToReadContext(workInProgress, renderLanes);
 
   {
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
   }
 
@@ -9937,7 +10084,7 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       return updateSimpleMemoComponent(current, workInProgress, resolvedType, nextProps, renderLanes);
     }
 
-    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
@@ -9971,7 +10118,9 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
 }
 
 function updateSimpleMemoComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens when the inner render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   if (current !== null) {
     const prevProps = current.memoizedProps;
 
@@ -10027,7 +10176,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   const nextChildren = nextProps.children;
   const nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   const prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -10206,6 +10355,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     const prevState = current.memoizedState;
@@ -10266,7 +10416,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   const ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -10277,7 +10429,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
   let context;
 
   {
@@ -10371,7 +10522,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -10461,10 +10612,14 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
 
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
+
   const nextChildren = nextState.element;
 
   if (prevState.isDehydrated) {
@@ -10534,12 +10689,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   const type = workInProgress.type;
   const nextProps = workInProgress.pendingProps;
   const prevProps = current !== null ? current.memoizedProps : null;
@@ -10601,13 +10755,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const currentProps = current === null ? null : current.memoizedProps;
   const resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -10645,7 +10799,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -10696,7 +10850,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -11252,7 +11405,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -11342,7 +11495,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       // Something errored during hydration. Try again without hydrating.
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
-      const capturedValue = createCapturedValue(Error(formatProdErrorMessage(422)));
+      const capturedValue = createCapturedValueFromError(Error(formatProdErrorMessage(422)));
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
     } else if (workInProgress.memoizedState !== null) {
       // Something suspended and we should still be in dehydrated mode.
@@ -11608,8 +11761,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 }
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  const providerType = workInProgress.type;
-  const context = providerType._context;
+  let context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   const newProps = workInProgress.pendingProps;
   const oldProps = workInProgress.memoizedProps;
   const newValue = newProps.value;
@@ -11639,7 +11796,11 @@ function updateContextProvider(current, workInProgress, renderLanes) {
 }
 
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  let context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
+  let context;
+
+  {
+    context = workInProgress.type;
+  }
 
   const newProps = workInProgress.pendingProps;
   const render = newProps.children;
@@ -11752,7 +11913,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         const newValue = workInProgress.memoizedProps.value;
-        const context = workInProgress.type._context;
+        let context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -12039,7 +12205,6 @@ function beginWork$1(current, workInProgress, renderLanes) {
         const unresolvedProps = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
         let resolvedProps = resolveDefaultProps(type, unresolvedProps);
-
         resolvedProps = resolveDefaultProps(type.type, resolvedProps);
         return updateMemoComponent(current, workInProgress, type, resolvedProps, renderLanes);
       }
@@ -12112,9 +12277,7 @@ function popProvider(context, providerFiber) {
   const currentValue = valueCursor.current;
 
   {
-    {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
   }
 
   pop(valueCursor);
@@ -12372,9 +12535,7 @@ const CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 // for retaining the cache once it is in use (retainCache), and releasing the cache
 // once it is no longer needed (releaseCache).
@@ -12414,9 +12575,28 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 const ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-const NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  const transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  const callbacks = transition._callbacks;
+  callbacks.forEach(callback => callback(transition, returnValue));
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -12530,10 +12710,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -12958,10 +13134,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -12985,10 +13157,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13037,10 +13205,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -13067,11 +13231,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -13087,10 +13246,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, type, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -13127,11 +13282,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -13275,7 +13425,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       bubbleProperties(workInProgress);
       return null;
@@ -13684,7 +13839,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       return null;
 
@@ -13772,7 +13932,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      const context = interruptedWork.type._context;
+      let context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context);
       break;
 
@@ -16702,7 +16867,13 @@ let workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 let workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-let workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+let workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+let workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+let didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -16764,9 +16935,9 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  const isTransition = requestCurrentTransition() !== NoTransition;
+  const transition = requestCurrentTransition();
 
-  if (isTransition) {
+  if (transition !== null) {
 
     const actionScopeLane = peekEntangledActionLane();
     return actionScopeLane !== NoLane ? // We're inside an async action scope. Reuse the same lane.
@@ -16832,7 +17003,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -17161,16 +17332,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -17194,14 +17365,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -17265,15 +17436,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -17335,7 +17544,7 @@ function performSyncWorkOnRoot(root, lanes) {
   const finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -17483,7 +17692,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -17763,7 +17973,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -17842,7 +18052,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -17909,7 +18119,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -17973,7 +18183,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -17985,7 +18195,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -18157,7 +18367,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -18166,34 +18376,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   const returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    const didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -18213,6 +18416,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -18312,7 +18531,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   const previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -18321,7 +18540,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -18330,7 +18549,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -18372,7 +18591,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   const concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -18529,7 +18750,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     // finishing. If there are too many, it indicates an infinite update loop.
@@ -18863,6 +19087,17 @@ function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
     rootWithNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw Error(formatProdErrorMessage(185));
   }
 }
@@ -19058,7 +19293,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -19068,7 +19303,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   let fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   let resolvedType = type;
@@ -19138,13 +19373,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -19177,13 +19421,12 @@ key, pendingProps, source, owner, mode, lanes) {
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  let source = null;
   let owner = null;
 
   const type = element.type;
   const key = element.key;
   const pendingProps = element.props;
-  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   return fiber;
 }
@@ -19341,7 +19584,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -20796,7 +21039,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    const root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    const root = unblocked.ownerDocument || unblocked;
     const formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -23618,7 +23862,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -23891,6 +24137,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -27019,11 +27266,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+const LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 let precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -27067,26 +27320,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   const instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   const precedence = instance.getAttribute('data-precedence');
-  const prior = precedences.get('p' + precedence) || last;
+  const prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -27208,7 +27461,7 @@ function scheduleHydration(target) {
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
 function hydrateRoot$1(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(405));
+    throw Error(formatProdErrorMessage(299));
   }
   // the hydration callbacks.
 
@@ -27365,7 +27618,7 @@ function findDOMNode(componentOrElement) {
 function hydrate(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
 
@@ -27374,7 +27627,7 @@ function hydrate(element, container, callback) {
 function render(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
@@ -27382,7 +27635,7 @@ function render(element, container, callback) {
 function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
 
   if (!isValidContainerLegacy(containerNode)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (parentComponent == null || !has(parentComponent)) {
@@ -27393,7 +27646,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(40));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (container._reactRootContainer) {
@@ -27557,7 +27810,7 @@ function createPortal(children, container) {
   let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   } // TODO: pass ReactDOM portal implementation as third argument
   // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js
index 756c62964cf29f..90cb1f85bc53b5 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.production.min.js
@@ -8,425 +8,428 @@
  LICENSE file in the root directory of this source tree.
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-'use strict';var aa=require("next/dist/compiled/react"),ba=require("next/dist/compiled/scheduler"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function u(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
-var C=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null},ia=[],ja=-1;function ka(a){return{current:a}}function D(a){0>ja||(a.current=ia[ja],ia[ja]=null,ja--)}function E(a,b){ja++;ia[ja]=a.current;a.current=b}
-var la=Symbol.for("react.element"),ma=Symbol.for("react.portal"),na=Symbol.for("react.fragment"),oa=Symbol.for("react.strict_mode"),pa=Symbol.for("react.profiler"),qa=Symbol.for("react.provider"),ra=Symbol.for("react.context"),sa=Symbol.for("react.server_context"),ta=Symbol.for("react.forward_ref"),ua=Symbol.for("react.suspense"),va=Symbol.for("react.suspense_list"),wa=Symbol.for("react.memo"),xa=Symbol.for("react.lazy"),ya=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
-var za=Symbol.for("react.offscreen"),Aa=Symbol.for("react.legacy_hidden"),Ba=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ca=Symbol.iterator;function Da(a){if(null===a||"object"!==typeof a)return null;a=Ca&&a[Ca]||a["@@iterator"];return"function"===typeof a?a:null}var Ea=ka(null),Fa=ka(null),Ga=ka(null),Ha=ka(null),Ia={$$typeof:ra,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};
-function Ja(a,b){E(Ga,b);E(Fa,a);E(Ea,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Ka(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Ka(a),b=La(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}D(Ea);E(Ea,b)}function Ma(){D(Ea);D(Fa);D(Ga)}function Na(a){null!==a.memoizedState&&E(Ha,a);var b=Ea.current;var c=La(b,a.type);b!==c&&(E(Fa,a),E(Ea,c))}
-function Oa(a){Fa.current===a&&(D(Ea),D(Fa));Ha.current===a&&(D(Ha),Ia._currentValue=null)}var Pa=ba.unstable_scheduleCallback,Qa=ba.unstable_cancelCallback,Ra=ba.unstable_shouldYield,Sa=ba.unstable_requestPaint,Ta=ba.unstable_now,Ua=ba.unstable_getCurrentPriorityLevel,Va=ba.unstable_ImmediatePriority,Wa=ba.unstable_UserBlockingPriority,Xa=ba.unstable_NormalPriority,Ya=ba.unstable_LowPriority,Za=ba.unstable_IdlePriority,$a=null,ab=null;
-function bb(a){if(ab&&"function"===typeof ab.onCommitFiberRoot)try{ab.onCommitFiberRoot($a,a,void 0,128===(a.current.flags&128))}catch(b){}}var db=Math.clz32?Math.clz32:cb,eb=Math.log,fb=Math.LN2;function cb(a){a>>>=0;return 0===a?32:31-(eb(a)/fb|0)|0}var gb=128,hb=4194304;
-function ib(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
-case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function jb(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=ib(c):(a&=f,0!==a&&(d=ib(a)))):(c&=~e,0!==c?d=ib(c):0!==a&&(d=ib(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
-function kb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
-function lb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function mb(){var a=hb;hb<<=1;0===(hb&62914560)&&(hb=4194304);return a}function nb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}function ob(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0)}
-function pb(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-db(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var p=k[g];null!==p&&(p.lane&=-536870913)}d&=~h}0!==c&&qb(a,c,0)}
-function qb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-db(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function rb(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-db(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function sb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-db(b);a.entanglements[1]|=c;b&=~c}}var F=0;function tb(a,b){var c=F;try{return F=a,b()}finally{F=c}}
-function ub(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}var vb=Object.prototype.hasOwnProperty,wb=Math.random().toString(36).slice(2),xb="__reactFiber$"+wb,yb="__reactProps$"+wb,zb="__reactContainer$"+wb,Ab="__reactEvents$"+wb,Bb="__reactListeners$"+wb,Cb="__reactHandles$"+wb,Db="__reactResources$"+wb,Fb="__reactMarker$"+wb;function Gb(a){delete a[xb];delete a[yb];delete a[Ab];delete a[Bb];delete a[Cb]}
-function Hb(a){var b=a[xb];if(b)return b;for(var c=a.parentNode;c;){if(b=c[zb]||c[xb]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Ib(a);null!==a;){if(c=a[xb])return c;a=Ib(a)}return b}a=c;c=a.parentNode}return null}function Jb(a){if(a=a[xb]||a[zb]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function Kb(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(u(33));}function Lb(a){return a[yb]||null}
-function Mb(a){var b=a[Db];b||(b=a[Db]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function Nb(a){a[Fb]=!0}var Ob=new Set,Pb={};function Qb(a,b){Rb(a,b);Rb(a+"Capture",b)}function Rb(a,b){Pb[a]=b;for(a=0;a<b.length;a++)Ob.add(b[a])}
-var Sb=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),Tb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Ub=
-{},Vb={};function Wb(a){if(vb.call(Vb,a))return!0;if(vb.call(Ub,a))return!1;if(Tb.test(a))return Vb[a]=!0;Ub[a]=!0;return!1}function Xb(a,b,c){if(Wb(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
-function Yb(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function Zb(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var $b;
-function ac(a){if(void 0===$b)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);$b=b&&b[1]||""}return"\n"+$b+a}var bc=!1;
-function cc(a,b){if(!a||bc)return"";bc=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(t){var r=t}Reflect.construct(a,[],w)}else{try{w.call()}catch(t){r=t}a.call(w.prototype)}}else{try{throw Error();}catch(t){r=t}(w=a())&&"function"===typeof w.catch&&
-w.catch(function(){})}}catch(t){if(t&&r&&"string"===typeof t.stack)return[t.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),p=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<p.length&&!p[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===p.length)for(d=k.length-1,e=p.length-1;1<=d&&0<=e&&k[d]!==p[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==p[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==p[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{bc=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?ac(c):""}
-function dc(a){switch(a.tag){case 26:case 27:case 5:return ac(a.type);case 16:return ac("Lazy");case 13:return ac("Suspense");case 19:return ac("SuspenseList");case 0:case 2:case 15:return a=cc(a.type,!1),a;case 11:return a=cc(a.type.render,!1),a;case 1:return a=cc(a.type,!0),a;default:return""}}var ec=Symbol.for("react.client.reference");
-function fc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===ec?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case na:return"Fragment";case ma:return"Portal";case pa:return"Profiler";case oa:return"StrictMode";case ua:return"Suspense";case va:return"SuspenseList";case Ba:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ra:return(a.displayName||"Context")+".Consumer";case qa:return(a._context.displayName||"Context")+".Provider";case ta:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case wa:return b=a.displayName||null,null!==b?b:fc(a.type)||"Memo";case xa:b=a._payload;a=a._init;try{return fc(a(b))}catch(c){}}return null}
-function gc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return fc(b);case 8:return b===oa?"StrictMode":"Mode";
-case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function hc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
-function ic(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
-function jc(a){var b=ic(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
-null;delete a[b]}}}}function kc(a){a._valueTracker||(a._valueTracker=jc(a))}function lc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=ic(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function mc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var nc=/[\n"\\]/g;
-function oc(a){return a.replace(nc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
-function pc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+hc(b)}else a.value!==""+hc(b)&&(a.value=""+hc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?qc(a,g,hc(b)):null!=c?qc(a,g,hc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
-typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+hc(h):a.removeAttribute("name")}
-function rc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+hc(c):"";b=null!=b?""+hc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
-function qc(a,b,c){"number"===b&&mc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var sc=Array.isArray;
-function tc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+hc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
-function uc(a,b,c){if(null!=b&&(b=""+hc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+hc(c):""}function vc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(u(92));if(sc(d)){if(1<d.length)throw Error(u(93));d=d[0]}c=d}null==c&&(c="");b=c}c=hc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}var wc;
-function xc(a,b){if("http://www.w3.org/2000/svg"!==a.namespaceURI||"innerHTML"in a)a.innerHTML=b;else{wc=wc||document.createElement("div");wc.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=wc.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}}var yc=xc;"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction&&(yc=function(a,b){return MSApp.execUnsafeLocalFunction(function(){return xc(a,b)})});var zc=yc;
-function Ac(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Bc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
-function Cc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Bc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
-function Dc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(u(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Cc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Cc(a,f,b[f])}
-function Ec(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
-var Fc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
+'use strict';var aa=require("next/dist/compiled/react"),ba=require("next/dist/compiled/scheduler"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function t(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var D=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null},ia=[],ja=-1;function ka(a){return{current:a}}function E(a){0>ja||(a.current=ia[ja],ia[ja]=null,ja--)}function F(a,b){ja++;ia[ja]=a.current;a.current=b}
+var la=Symbol.for("react.element"),ma=Symbol.for("react.portal"),na=Symbol.for("react.fragment"),oa=Symbol.for("react.strict_mode"),pa=Symbol.for("react.profiler"),qa=Symbol.for("react.provider"),ra=Symbol.for("react.consumer"),sa=Symbol.for("react.context"),ta=Symbol.for("react.forward_ref"),ua=Symbol.for("react.suspense"),va=Symbol.for("react.suspense_list"),wa=Symbol.for("react.memo"),xa=Symbol.for("react.lazy"),ya=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
+var za=Symbol.for("react.offscreen"),Aa=Symbol.for("react.legacy_hidden"),Ba=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ca=Symbol.iterator;function Da(a){if(null===a||"object"!==typeof a)return null;a=Ca&&a[Ca]||a["@@iterator"];return"function"===typeof a?a:null}var Ea=ka(null),Fa=ka(null),Ga=ka(null),Ha=ka(null),Ia={$$typeof:sa,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null};
+function Ja(a,b){F(Ga,b);F(Fa,a);F(Ea,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Ka(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Ka(a),b=La(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}E(Ea);F(Ea,b)}function Ma(){E(Ea);E(Fa);E(Ga)}function Na(a){null!==a.memoizedState&&F(Ha,a);var b=Ea.current;var c=La(b,a.type);b!==c&&(F(Fa,a),F(Ea,c))}
+function Oa(a){Fa.current===a&&(E(Ea),E(Fa));Ha.current===a&&(E(Ha),Ia._currentValue=null)}var Pa=ba.unstable_scheduleCallback,Qa=ba.unstable_cancelCallback,Ra=ba.unstable_shouldYield,Sa=ba.unstable_requestPaint,Ta=ba.unstable_now,Ua=ba.unstable_getCurrentPriorityLevel,Va=ba.unstable_ImmediatePriority,Wa=ba.unstable_UserBlockingPriority,Xa=ba.unstable_NormalPriority,Ya=ba.unstable_LowPriority,Za=ba.unstable_IdlePriority,$a=ba.log,ab=ba.unstable_setDisableYieldValue,bb=null,cb=null;
+function db(a){if(cb&&"function"===typeof cb.onCommitFiberRoot)try{cb.onCommitFiberRoot(bb,a,void 0,128===(a.current.flags&128))}catch(b){}}function eb(a){"function"===typeof $a&&ab(a);if(cb&&"function"===typeof cb.setStrictMode)try{cb.setStrictMode(bb,a)}catch(b){}}var gb=Math.clz32?Math.clz32:fb,hb=Math.log,ib=Math.LN2;function fb(a){a>>>=0;return 0===a?32:31-(hb(a)/ib|0)|0}var jb=128,kb=4194304;
+function lb(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
+case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function mb(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=lb(c):(a&=f,0!==a&&(d=lb(a)))):(c&=~e,0!==c?d=lb(c):0!==a&&(d=lb(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
+function nb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
+function ob(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function pb(){var a=jb;jb<<=1;0===(jb&4194176)&&(jb=128);return a}function qb(){var a=kb;kb<<=1;0===(kb&62914560)&&(kb=4194304);return a}function rb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}
+function sb(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-gb(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var n=k[g];null!==n&&(n.lane&=-536870913)}d&=~h}0!==c&&tb(a,c,0)}
+function tb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-gb(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function ub(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-gb(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function vb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-gb(b);a.entanglements[1]|=c;b&=~c}}var G=0;function wb(a,b){var c=G;try{return G=a,b()}finally{G=c}}
+function xb(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}var yb=Object.prototype.hasOwnProperty,zb=Math.random().toString(36).slice(2),Ab="__reactFiber$"+zb,Bb="__reactProps$"+zb,Cb="__reactContainer$"+zb,Db="__reactEvents$"+zb,Fb="__reactListeners$"+zb,Gb="__reactHandles$"+zb,Hb="__reactResources$"+zb,Ib="__reactMarker$"+zb;function Jb(a){delete a[Ab];delete a[Bb];delete a[Db];delete a[Fb];delete a[Gb]}
+function Kb(a){var b=a[Ab];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Cb]||c[Ab]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Lb(a);null!==a;){if(c=a[Ab])return c;a=Lb(a)}return b}a=c;c=a.parentNode}return null}function Mb(a){if(a=a[Ab]||a[Cb]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function Nb(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(t(33));}function Ob(a){return a[Bb]||null}
+function Pb(a){var b=a[Hb];b||(b=a[Hb]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function Qb(a){a[Ib]=!0}var Rb=new Set,Sb={};function Tb(a,b){Ub(a,b);Ub(a+"Capture",b)}function Ub(a,b){Sb[a]=b;for(a=0;a<b.length;a++)Rb.add(b[a])}
+var Vb=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),Wb=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),Xb=
+{},Yb={};function Zb(a){if(yb.call(Yb,a))return!0;if(yb.call(Xb,a))return!1;if(Wb.test(a))return Yb[a]=!0;Xb[a]=!0;return!1}function $b(a,b,c){if(Zb(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
+function ac(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function bc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var cc;
+function dc(a){if(void 0===cc)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);cc=b&&b[1]||""}return"\n"+cc+a}var ec=!1;
+function fc(a,b){if(!a||ec)return"";ec=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(r){var q=r}Reflect.construct(a,[],w)}else{try{w.call()}catch(r){q=r}a.call(w.prototype)}}else{try{throw Error();}catch(r){q=r}(w=a())&&"function"===typeof w.catch&&
+w.catch(function(){})}}catch(r){if(r&&q&&"string"===typeof r.stack)return[r.stack,q.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var u="\n"+k[d].replace(" at new "," at ");a.displayName&&u.includes("<anonymous>")&&(u=u.replace("<anonymous>",a.displayName));return u}while(1<=d&&0<=e)}break}}}finally{ec=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?dc(c):""}
+function gc(a){switch(a.tag){case 26:case 27:case 5:return dc(a.type);case 16:return dc("Lazy");case 13:return dc("Suspense");case 19:return dc("SuspenseList");case 0:case 2:case 15:return a=fc(a.type,!1),a;case 11:return a=fc(a.type.render,!1),a;case 1:return a=fc(a.type,!0),a;default:return""}}function hc(a){try{var b="";do b+=gc(a),a=a.return;while(a);return b}catch(c){return"\nError generating stack: "+c.message+"\n"+c.stack}}var ic=Symbol.for("react.client.reference");
+function jc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===ic?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case na:return"Fragment";case ma:return"Portal";case pa:return"Profiler";case oa:return"StrictMode";case ua:return"Suspense";case va:return"SuspenseList";case Ba:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case qa:return(a._context.displayName||"Context")+".Provider";case sa:return(a.displayName||"Context")+".Consumer";case ta:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case wa:return b=a.displayName||null,null!==b?b:jc(a.type)||"Memo";case xa:b=a._payload;a=a._init;try{return jc(a(b))}catch(c){}}return null}
+function kc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return jc(b);case 8:return b===oa?"StrictMode":"Mode";
+case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function lc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
+function mc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
+function nc(a){var b=mc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
+null;delete a[b]}}}}function oc(a){a._valueTracker||(a._valueTracker=nc(a))}function pc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=mc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function qc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var rc=/[\n"\\]/g;
+function sc(a){return a.replace(rc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
+function tc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+lc(b)}else a.value!==""+lc(b)&&(a.value=""+lc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?uc(a,g,lc(b)):null!=c?uc(a,g,lc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
+typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+lc(h):a.removeAttribute("name")}
+function vc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+lc(c):"";b=null!=b?""+lc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
+function uc(a,b,c){"number"===b&&qc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var wc=Array.isArray;
+function xc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+lc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
+function yc(a,b,c){if(null!=b&&(b=""+lc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+lc(c):""}function zc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(t(92));if(wc(d)){if(1<d.length)throw Error(t(93));d=d[0]}c=d}null==c&&(c="");b=c}c=lc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}var Ac;
+function Bc(a,b){if("http://www.w3.org/2000/svg"!==a.namespaceURI||"innerHTML"in a)a.innerHTML=b;else{Ac=Ac||document.createElement("div");Ac.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=Ac.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}}var Cc=Bc;"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction&&(Cc=function(a,b){return MSApp.execUnsafeLocalFunction(function(){return Bc(a,b)})});var Dc=Cc;
+function Ec(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Fc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
+function Gc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Fc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
+function Hc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(t(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Gc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Gc(a,f,b[f])}
+function Ic(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
+var Jc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Gc=null;function Hc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Ic=null,Jc=null;
-function Kc(a){var b=Jb(a);if(b&&(a=b.stateNode)){var c=Lb(a);a:switch(a=b.stateNode,b.type){case "input":pc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+oc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Lb(d);if(!e)throw Error(u(90));pc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
-e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&lc(d)}break a;case "textarea":uc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&tc(a,!!c.multiple,b,!1)}}}function Lc(a){Ic?Jc?Jc.push(a):Jc=[a]:Ic=a}function Mc(){if(Ic){var a=Ic,b=Jc;Jc=Ic=null;Kc(a);if(b)for(a=0;a<b.length;a++)Kc(b[a])}}function Nc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
-function Oc(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Pc(a){if(Nc(a)!==a)throw Error(u(188));}
-function Qc(a){var b=a.alternate;if(!b){b=Nc(a);if(null===b)throw Error(u(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Pc(e),a;if(f===d)return Pc(e),b;f=f.sibling}throw Error(u(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
-c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(u(189));}}if(c.alternate!==d)throw Error(u(190));}if(3!==c.tag)throw Error(u(188));return c.stateNode.current===c?a:b}function Rc(a){a=Qc(a);return null!==a?Sc(a):null}function Sc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=Sc(a);if(null!==b)return b;a=a.sibling}return null}var Tc={},Uc=ka(Tc),Vc=ka(!1),Wc=Tc;
-function Xc(a,b){var c=a.type.contextTypes;if(!c)return Tc;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function Yc(a){a=a.childContextTypes;return null!==a&&void 0!==a}function Zc(){D(Vc);D(Uc)}
-function $c(a,b,c){if(Uc.current!==Tc)throw Error(u(168));E(Uc,b);E(Vc,c)}function ad(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(u(108,gc(a)||"Unknown",e));return C({},c,d)}function bd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Tc;Wc=Uc.current;E(Uc,a);E(Vc,Vc.current);return!0}
-function cd(a,b,c){var d=a.stateNode;if(!d)throw Error(u(169));c?(a=ad(a,b,Wc),d.__reactInternalMemoizedMergedChildContext=a,D(Vc),D(Uc),E(Uc,a)):D(Vc);E(Vc,c)}function dd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var ed="function"===typeof Object.is?Object.is:dd,fd=[],gd=0,hd=null,id=0,jd=[],kd=0,ld=null,md=1,nd="";function od(a,b){fd[gd++]=id;fd[gd++]=hd;hd=a;id=b}
-function pd(a,b,c){jd[kd++]=md;jd[kd++]=nd;jd[kd++]=ld;ld=a;var d=md;a=nd;var e=32-db(d)-1;d&=~(1<<e);c+=1;var f=32-db(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;md=1<<32-db(b)+e|c<<e|d;nd=f+a}else md=1<<f|c<<e|d,nd=a}function qd(a){null!==a.return&&(od(a,1),pd(a,1,0))}function rd(a){for(;a===hd;)hd=fd[--gd],fd[gd]=null,id=fd[--gd],fd[gd]=null;for(;a===ld;)ld=jd[--kd],jd[kd]=null,nd=jd[--kd],jd[kd]=null,md=jd[--kd],jd[kd]=null}var G=null,J=null,K=!1,sd=null,td=!1;
-function ud(a,b){var c=vd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function wd(a,b){b.flags=b.flags&-4097|2}function xd(a,b){b=yd(b,a.type,a.pendingProps,td);return null!==b?(a.stateNode=b,G=a,J=zd(b.firstChild),td=!1,!0):!1}function Ad(a,b){b=Bd(b,a.pendingProps,td);return null!==b?(a.stateNode=b,G=a,J=null,!0):!1}
-function Cd(a,b){a:{var c=b;for(b=td;8!==c.nodeType;){if(!b){b=null;break a}c=Dd(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==ld?{id:md,overflow:nd}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=vd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,G=a,J=null,!0):!1}function Ed(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Fd(){throw Error(u(418));}
-function Gd(a){for(G=a.return;G;)switch(G.tag){case 3:case 27:td=!0;return;case 5:case 13:td=!1;return;default:G=G.return}}
-function Hd(a){if(a!==G)return!1;if(!K)return Gd(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Id(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=J))if(Ed(a))Jd(),Fd();else for(;b;)ud(a,b),b=Dd(b);Gd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(u(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){J=Dd(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}J=
-null}}else J=G?Dd(a.stateNode):null;return!0}function Jd(){for(var a=J;a;)a=Dd(a)}function Kd(){J=G=null;K=!1}function Ld(a){null===sd?sd=[a]:sd.push(a)}var Md=[],Nd=0,Od=0;function Pd(){for(var a=Nd,b=Od=Nd=0;b<a;){var c=Md[b];Md[b++]=null;var d=Md[b];Md[b++]=null;var e=Md[b];Md[b++]=null;var f=Md[b];Md[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&Qd(c,e,f)}}
-function Rd(a,b,c,d){Md[Nd++]=a;Md[Nd++]=b;Md[Nd++]=c;Md[Nd++]=d;Od|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function Sd(a,b,c,d){Rd(a,b,c,d);return Td(a)}function Ud(a,b){Rd(a,null,null,b);return Td(a)}
-function Qd(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-db(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function Td(a){if(50<Vd)throw Vd=0,Wd=null,Error(u(185));for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
-var Xd=!1;function Yd(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Zd(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function $d(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
-function ae(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(L&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=Td(a);Qd(a,null,c);return b}Rd(a,d,b,c);return Td(a)}function be(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;rb(a,c)}}
-function ce(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
-function de(a,b,c,d){var e=a.updateQueue;Xd=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,p=k.next;k.next=null;null===g?f=p:g.next=p;g=k;var q=a.alternate;null!==q&&(q=q.updateQueue,h=q.lastBaseUpdate,h!==g&&(null===h?q.firstBaseUpdate=p:h.next=p,q.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;q=p=k=null;h=f;do{var r=h.lane&-536870913,t=r!==h.lane;if(t?(M&r)===r:(d&r)===r){null!==q&&(q=q.next={lane:0,tag:h.tag,payload:h.payload,
-callback:null,next:null});a:{var z=a,B=h;r=b;var U=c;switch(B.tag){case 1:z=B.payload;if("function"===typeof z){w=z.call(U,w,r);break a}w=z;break a;case 3:z.flags=z.flags&-65537|128;case 0:z=B.payload;r="function"===typeof z?z.call(U,w,r):z;if(null===r||void 0===r)break a;w=C({},w,r);break a;case 2:Xd=!0}}r=h.callback;null!==r&&(a.flags|=64,t&&(a.flags|=8192),t=e.callbacks,null===t?e.callbacks=[r]:t.push(r))}else t={lane:r,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===q?(p=q=t,
-k=w):q=q.next=t,g|=r;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else t=h,h=t.next,t.next=null,e.lastBaseUpdate=t,e.shared.pending=null}while(1);null===q&&(k=w);e.baseState=k;e.firstBaseUpdate=p;e.lastBaseUpdate=q;null===f&&(e.shared.lanes=0);ee|=g;a.lanes=g;a.memoizedState=w}}function fe(a,b){if("function"!==typeof a)throw Error(u(191,a));a.call(b)}function ge(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)fe(c[a],b)}
-function he(a,b){if(ed(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!vb.call(b,e)||!ed(a[e],b[e]))return!1}return!0}var ie=Error(u(460)),je=Error(u(474)),ke={then:function(){}};function le(a){a=a.status;return"fulfilled"===a||"rejected"===a}function me(){}
-function ne(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(me,me),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===ie)throw Error(u(483));throw a;default:if("string"===typeof b.status)b.then(me,me);else{a=N;if(null!==a&&100<a.shellSuspendCounter)throw Error(u(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}});switch(b.status){case "fulfilled":return b.value;
-case "rejected":a=b.reason;if(a===ie)throw Error(u(483));throw a;}}oe=b;throw ie;}}var oe=null;function pe(){if(null===oe)throw Error(u(459));var a=oe;oe=null;return a}var qe=null,re=0;function se(a){var b=re;re+=1;null===qe&&(qe=[]);return ne(qe,a,b)}
-function te(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(u(309));var d=c.stateNode}if(!d)throw Error(u(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(g){var h=e.refs;null===g?delete h[f]:h[f]=g};b._stringRef=f;return b}if("string"!==typeof a)throw Error(u(284));if(!c._owner)throw Error(u(290,a));}return a}
-function ue(a,b){a=Object.prototype.toString.call(b);throw Error(u(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function ve(a){var b=a._init;return b(a._payload)}
-function we(a){function b(m,l){if(a){var n=m.deletions;null===n?(m.deletions=[l],m.flags|=16):n.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=xe(m,l);m.index=0;m.sibling=null;return m}function f(m,l,n){m.index=n;if(!a)return m.flags|=1048576,l;n=m.alternate;if(null!==n)return n=n.index,n<l?(m.flags|=33554434,l):n;m.flags|=33554434;return l}
-function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,n,v){if(null===l||6!==l.tag)return l=ye(n,m.mode,v),l.return=m,l;l=e(l,n);l.return=m;return l}function k(m,l,n,v){var x=n.type;if(x===na)return q(m,l,n.props.children,v,n.key);if(null!==l&&(l.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===xa&&ve(x)===l.type))return v=e(l,n.props),v.ref=te(m,l,n),v.return=m,v;v=ze(n.type,n.key,n.props,null,null,m.mode,v);v.ref=te(m,l,n);v.return=m;return v}function p(m,l,
-n,v){if(null===l||4!==l.tag||l.stateNode.containerInfo!==n.containerInfo||l.stateNode.implementation!==n.implementation)return l=Ae(n,m.mode,v),l.return=m,l;l=e(l,n.children||[]);l.return=m;return l}function q(m,l,n,v,x){if(null===l||7!==l.tag)return l=Be(n,m.mode,v,x),l.return=m,l;l=e(l,n);l.return=m;return l}function w(m,l,n){if("string"===typeof l&&""!==l||"number"===typeof l)return l=ye(""+l,m.mode,n),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case la:return n=ze(l.type,
-l.key,l.props,null,null,m.mode,n),n.ref=te(m,null,l),n.return=m,n;case ma:return l=Ae(l,m.mode,n),l.return=m,l;case xa:var v=l._init;return w(m,v(l._payload),n)}if(sc(l)||Da(l))return l=Be(l,m.mode,n,null),l.return=m,l;if("function"===typeof l.then)return w(m,se(l),n);if(l.$$typeof===ra||l.$$typeof===sa)return w(m,Ce(m,l,n),n);ue(m,l)}return null}function r(m,l,n,v){var x=null!==l?l.key:null;if("string"===typeof n&&""!==n||"number"===typeof n)return null!==x?null:h(m,l,""+n,v);if("object"===typeof n&&
-null!==n){switch(n.$$typeof){case la:return n.key===x?k(m,l,n,v):null;case ma:return n.key===x?p(m,l,n,v):null;case xa:return x=n._init,r(m,l,x(n._payload),v)}if(sc(n)||Da(n))return null!==x?null:q(m,l,n,v,null);if("function"===typeof n.then)return r(m,l,se(n),v);if(n.$$typeof===ra||n.$$typeof===sa)return r(m,l,Ce(m,n,v),v);ue(m,n)}return null}function t(m,l,n,v,x){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(n)||null,h(l,m,""+v,x);if("object"===typeof v&&null!==v){switch(v.$$typeof){case la:return m=
-m.get(null===v.key?n:v.key)||null,k(l,m,v,x);case ma:return m=m.get(null===v.key?n:v.key)||null,p(l,m,v,x);case xa:var A=v._init;return t(m,l,n,A(v._payload),x)}if(sc(v)||Da(v))return m=m.get(n)||null,q(l,m,v,x,null);if("function"===typeof v.then)return t(m,l,n,se(v),x);if(v.$$typeof===ra||v.$$typeof===sa)return t(m,l,n,Ce(l,v,x),x);ue(l,v)}return null}function z(m,l,n,v){for(var x=null,A=null,y=l,H=l=0,ha=null;null!==y&&H<n.length;H++){y.index>H?(ha=y,y=null):ha=y.sibling;var I=r(m,y,n[H],v);if(null===
-I){null===y&&(y=ha);break}a&&y&&null===I.alternate&&b(m,y);l=f(I,l,H);null===A?x=I:A.sibling=I;A=I;y=ha}if(H===n.length)return c(m,y),K&&od(m,H),x;if(null===y){for(;H<n.length;H++)y=w(m,n[H],v),null!==y&&(l=f(y,l,H),null===A?x=y:A.sibling=y,A=y);K&&od(m,H);return x}for(y=d(m,y);H<n.length;H++)ha=t(y,m,H,n[H],v),null!==ha&&(a&&null!==ha.alternate&&y.delete(null===ha.key?H:ha.key),l=f(ha,l,H),null===A?x=ha:A.sibling=ha,A=ha);a&&y.forEach(function(Eb){return b(m,Eb)});K&&od(m,H);return x}function B(m,
-l,n,v){var x=Da(n);if("function"!==typeof x)throw Error(u(150));n=x.call(n);if(null==n)throw Error(u(151));for(var A=x=null,y=l,H=l=0,ha=null,I=n.next();null!==y&&!I.done;H++,I=n.next()){y.index>H?(ha=y,y=null):ha=y.sibling;var Eb=r(m,y,I.value,v);if(null===Eb){null===y&&(y=ha);break}a&&y&&null===Eb.alternate&&b(m,y);l=f(Eb,l,H);null===A?x=Eb:A.sibling=Eb;A=Eb;y=ha}if(I.done)return c(m,y),K&&od(m,H),x;if(null===y){for(;!I.done;H++,I=n.next())I=w(m,I.value,v),null!==I&&(l=f(I,l,H),null===A?x=I:A.sibling=
-I,A=I);K&&od(m,H);return x}for(y=d(m,y);!I.done;H++,I=n.next())I=t(y,m,H,I.value,v),null!==I&&(a&&null!==I.alternate&&y.delete(null===I.key?H:I.key),l=f(I,l,H),null===A?x=I:A.sibling=I,A=I);a&&y.forEach(function(Lm){return b(m,Lm)});K&&od(m,H);return x}function U(m,l,n,v){"object"===typeof n&&null!==n&&n.type===na&&null===n.key&&(n=n.props.children);if("object"===typeof n&&null!==n){switch(n.$$typeof){case la:a:{for(var x=n.key,A=l;null!==A;){if(A.key===x){x=n.type;if(x===na){if(7===A.tag){c(m,A.sibling);
-l=e(A,n.props.children);l.return=m;m=l;break a}}else if(A.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===xa&&ve(x)===A.type){c(m,A.sibling);l=e(A,n.props);l.ref=te(m,A,n);l.return=m;m=l;break a}c(m,A);break}else b(m,A);A=A.sibling}n.type===na?(l=Be(n.props.children,m.mode,v,n.key),l.return=m,m=l):(v=ze(n.type,n.key,n.props,null,null,m.mode,v),v.ref=te(m,l,n),v.return=m,m=v)}return g(m);case ma:a:{for(A=n.key;null!==l;){if(l.key===A)if(4===l.tag&&l.stateNode.containerInfo===n.containerInfo&&
-l.stateNode.implementation===n.implementation){c(m,l.sibling);l=e(l,n.children||[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=Ae(n,m.mode,v);l.return=m;m=l}return g(m);case xa:return A=n._init,V(m,l,A(n._payload),v)}if(sc(n))return z(m,l,n,v);if(Da(n))return B(m,l,n,v);if("function"===typeof n.then)return U(m,l,se(n),v);if(n.$$typeof===ra||n.$$typeof===sa)return U(m,l,Ce(m,n,v),v);ue(m,n)}return"string"===typeof n&&""!==n||"number"===typeof n?(n=""+n,null!==l&&6===l.tag?(c(m,
-l.sibling),l=e(l,n),l.return=m,m=l):(c(m,l),l=ye(n,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}function V(m,l,n,v){re=0;m=U(m,l,n,v);qe=null;return m}return V}var De=we(!0),Ee=we(!1),Fe=ka(null),Ge=ka(0);function He(a,b){a=Ie;E(Ge,a);E(Fe,b);Ie=a|b.baseLanes}function Je(){E(Ge,Ie);E(Fe,Fe.current)}function Ke(){Ie=Ge.current;D(Fe);D(Ge)}var Le=ka(null),Me=null;function Ne(a){var b=a.alternate;E(Oe,Oe.current&1);E(Le,a);null===Me&&(null===b||null!==Fe.current?Me=a:null!==b.memoizedState&&(Me=a))}
-function Pe(a){if(22===a.tag){if(E(Oe,Oe.current),E(Le,a),null===Me){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Me=a)}}else Qe(a)}function Qe(){E(Oe,Oe.current);E(Le,Le.current)}function Re(a){D(Le);Me===a&&(Me=null);D(Oe)}var Oe=ka(0);
-function Se(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var Te=null,Ue=null,Ve=!1,We=!1,Xe=!1,Ye=0;
-function Ze(a){a!==Ue&&null===a.next&&(null===Ue?Te=Ue=a:Ue=Ue.next=a);We=!0;Ve||(Ve=!0,$e(af))}
-function bf(a){if(!Xe&&We){var b=null;Xe=!0;do{var c=!1;for(var d=Te;null!==d;){if(!a||0===d.tag){var e=M,f=jb(d,d===N?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(L&6))throw Error(u(327));if(!cf()){var g=df(e,f);if(0!==e.tag&&2===g){var h=f,k=lb(e,h);0!==k&&(f=k,g=ef(e,h,k))}if(1===g)throw h=ff,gf(e,0),hf(e,f,0),Ze(e),h;6===g?hf(e,f,jf):(e.finishedWork=e.current.alternate,e.finishedLanes=f,kf(e,lf,mf,jf))}Ze(e)}catch(p){null===b?b=[p]:b.push(p)}}d=d.next}}while(c);Xe=!1;if(null!==b){if(1<b.length){if("function"===
-typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)$e(nf.bind(null,b[a]))}throw b[0];}}}function nf(a){throw a;}function af(){We=Ve=!1;for(var a=Ta(),b=null,c=Te;null!==c;){var d=c.next;if(0!==Ye&&of()){var e=c,f=Ye;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=pf(c,a);0===e?(c.next=null,null===b?Te=d:b.next=d,null===d&&(Ue=b)):(b=c,0!==(e&3)&&(We=!0));c=d}Ye=0;bf(!1)}
-function pf(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-db(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=kb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=N;c=M;c=jb(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===O||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Qa(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Qa(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
-null!==d&&Qa(d);switch(ub(c)){case 2:c=Va;break;case 8:c=Wa;break;case 32:c=Xa;break;case 268435456:c=Za;break;default:c=Xa}d=qf.bind(null,a);c=Pa(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function $e(a){rf(function(){0!==(L&6)?Pa(Va,a):a()})}function sf(){if(0===Ye){var a=gb;gb<<=1;0===(gb&4194176)&&(gb=128);Ye=a}return Ye}var tf=null,uf=0,vf=0;
-function wf(a,b){if(null===tf){var c=tf=[];uf=0;vf=sf()}else c=tf;uf++;var d=xf(c),e="pending",f,g;a.then(function(h){e="fulfilled";f=null!==b?b:h;yf()},function(h){e="rejected";g=h;yf()});c.push(function(){switch(e){case "fulfilled":d.status="fulfilled";d.value=f;break;case "rejected":d.status="rejected";d.reason=g;break;default:throw Error(u(478));}});return d}function zf(a,b){var c=null!==b?b:a;if(null===tf)return c;a=tf;var d=xf(a);a.push(function(){d.status="fulfilled";d.value=c});return d}
-function yf(){if(null!==tf&&0===--uf){var a=tf;tf=null;for(var b=vf=0;b<a.length;b++)(0,a[b])()}}function xf(a){return{status:"pending",value:null,reason:null,then:function(b){a.push(b)}}}var Af=da.ReactCurrentDispatcher,Bf=da.ReactCurrentBatchConfig,Cf=0,P=null,Q=null,R=null,Df=!1,Ef=!1,Ff=!1,Gf=0,Hf=0,If=null,Jf=0;function Kf(){throw Error(u(321));}function Lf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!ed(a[c],b[c]))return!1;return!0}
-function Mf(a,b,c,d,e,f){Cf=f;P=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Af.current=null===a||null===a.memoizedState?Nf:Of;Ff=!1;a=c(d,e);Ff=!1;Ef&&(a=Pf(b,c,d,e));Qf();return a}function Qf(){Af.current=Rf;var a=null!==Q&&null!==Q.next;Cf=0;R=Q=P=null;Df=!1;Hf=0;If=null;if(a)throw Error(u(300));}function Pf(a,b,c,d){P=a;var e=0;do{Ef&&(If=null);Hf=0;Ef=!1;if(25<=e)throw Error(u(301));e+=1;R=Q=null;a.updateQueue=null;Af.current=Sf;var f=b(c,d)}while(Ef);return f}
-function Tf(){var a=Af.current.useState()[0];return"function"===typeof a.then?Uf(a):a}function Vf(){var a=0!==Gf;Gf=0;return a}function Wf(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}function Xf(a){if(Df){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Df=!1}Cf=0;R=Q=P=null;Ef=!1;Hf=Gf=0;If=null}function Yf(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===R?P.memoizedState=R=a:R=R.next=a;return R}
-function Zf(){if(null===Q){var a=P.alternate;a=null!==a?a.memoizedState:null}else a=Q.next;var b=null===R?P.memoizedState:R.next;if(null!==b)R=b,Q=a;else{if(null===a){if(null===P.alternate)throw Error(u(467));throw Error(u(310));}Q=a;a={memoizedState:Q.memoizedState,baseState:Q.baseState,baseQueue:Q.baseQueue,queue:Q.queue,next:null};null===R?P.memoizedState=R=a:R=R.next=a}return R}var $f;$f=function(){return{lastEffect:null,events:null,stores:null}};
-function Uf(a){var b=Hf;Hf+=1;null===If&&(If=[]);a=ne(If,a,b);null===P.alternate&&(null===R?null===P.memoizedState:null===R.next)&&(Af.current=Nf);return a}function ag(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return Uf(a);if(a.$$typeof===ra||a.$$typeof===sa)return bg(a)}throw Error(u(438,String(a)));}function cg(a,b){return"function"===typeof b?b(a):b}function dg(a){var b=Zf();return eg(b,Q,a)}
-function eg(a,b,c){var d=a.queue;if(null===d)throw Error(u(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,p=b;do{var q=p.lane&-536870913;if(q!==p.lane?(M&q)===q:(Cf&q)===q){q=p.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:p.action,hasEagerState:p.hasEagerState,eagerState:p.eagerState,next:null});
-else if((Cf&q)===q){p=p.next;continue}else{var w={lane:0,revertLane:p.revertLane,action:p.action,hasEagerState:p.hasEagerState,eagerState:p.eagerState,next:null};null===k?(h=k=w,g=f):k=k.next=w;P.lanes|=q;ee|=q}q=p.action;Ff&&c(f,q);f=p.hasEagerState?p.eagerState:c(f,q)}else w={lane:q,revertLane:p.revertLane,action:p.action,hasEagerState:p.hasEagerState,eagerState:p.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,P.lanes|=q,ee|=q;p=p.next}while(null!==p&&p!==b);null===k?g=f:k.next=h;ed(f,a.memoizedState)||
-(fg=!0);a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}function gg(a){var b=Zf(),c=b.queue;if(null===c)throw Error(u(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);ed(f,b.memoizedState)||(fg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
-function hg(a,b,c){var d=P,e=Zf(),f=K;if(f){if(void 0===c)throw Error(u(407));c=c()}else c=b();var g=!ed((Q||e).memoizedState,c);g&&(e.memoizedState=c,fg=!0);e=e.queue;ig(jg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==R&&R.memoizedState.tag&1){d.flags|=2048;kg(9,lg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===N)throw Error(u(349));f||0!==(Cf&60)||mg(d,b,c)}return c}
-function mg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=P.updateQueue;null===b?(b=$f(),P.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function lg(a,b,c,d){b.value=c;b.getSnapshot=d;ng(b)&&og(a)}function jg(a,b,c){return c(function(){ng(b)&&og(a)})}function ng(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!ed(a,c)}catch(d){return!0}}function og(a){var b=Ud(a,2);null!==b&&pg(b,a,2)}
-function qg(a){var b=Yf();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:cg,lastRenderedState:a};return b}function rg(a,b,c,d){a.baseState=c;return eg(a,Q,"function"===typeof d?d:cg)}function sg(a,b,c,d){if(tg(a))throw Error(u(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,ug(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
-function ug(a,b,c){var d=a.action,e=a.state,f=Bf.transition;Bf.transition={};try{var g=d(e,c);if(null!==g&&"object"===typeof g&&"function"===typeof g.then){g.then(function(p){a.state=p;vg(a,b)},function(){return vg(a,b)});var h=wf(g,null);b(h)}else{var k=zf(g,null);b(k);a.state=g;vg(a,b)}}catch(p){b({then:function(){},status:"rejected",reason:p}),vg(a,b)}finally{Bf.transition=f}}
-function vg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,ug(a,b,d.payload))}}function wg(a,b){return b}function xg(a,b,c){a=eg(a,b,wg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?Uf(a):a;b=Zf();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(P.flags|=2048,kg(9,yg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function yg(a,b){a.action=b}
-function kg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=P.updateQueue;null===b?(b=$f(),P.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function zg(){return Zf().memoizedState}function Ag(a,b,c,d){var e=Yf();P.flags|=a;e.memoizedState=kg(1|b,c,{destroy:void 0},void 0===d?null:d)}
-function Bg(a,b,c,d){var e=Zf();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==Q&&null!==d&&Lf(d,Q.memoizedState.deps)?e.memoizedState=kg(b,c,f,d):(P.flags|=a,e.memoizedState=kg(1|b,c,f,d))}function Cg(a,b){Ag(8390656,8,a,b)}function ig(a,b){Bg(2048,8,a,b)}function Dg(a,b){return Bg(4,2,a,b)}function Eg(a,b){return Bg(4,4,a,b)}function Fg(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}
-function Gg(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Bg(4,4,Fg.bind(null,b,a),c)}function Hg(){}function Ig(a,b){var c=Zf();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Lf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Jg(a,b){var c=Zf();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Lf(b,d[1]))return d[0];Ff&&a();a=a();c.memoizedState=[a,b];return a}
-function Kg(a,b,c){if(ed(c,b))return c;if(null!==Fe.current)return a.memoizedState=c,ed(c,b)||(fg=!0),c;if(0===(Cf&42))return fg=!0,a.memoizedState=c;0===jf&&(jf=0===(M&536870912)||K?sf():536870912);a=Le.current;null!==a&&(a.flags|=32);a=jf;P.lanes|=a;ee|=a;return b}
-function Lg(a,b,c,d,e){var f=F;F=0!==f&&8>f?f:8;var g=Bf.transition;Bf.transition={};Mg(a,!1,b,c);try{var h=e();if(null!==h&&"object"===typeof h&&"function"===typeof h.then){var k=wf(h,d);Ng(a,b,k)}else{var p=zf(h,d);Ng(a,b,p)}}catch(q){Ng(a,b,{then:function(){},status:"rejected",reason:q})}finally{F=f,Bf.transition=g}}
-function Og(a,b,c,d){if(5!==a.tag)throw Error(u(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:cg,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;Lg(a,f,b,fa,function(){return c(d)})}function Pg(){var a=bg(Ia);return null!==a?a:fa}function Qg(){return Zf().memoizedState}
-function Rg(){return Zf().memoizedState}function Sg(a){for(var b=a.return;null!==b;){switch(b.tag){case 24:case 3:var c=Tg(b);a=$d(c);var d=ae(b,a,c);null!==d&&(pg(d,b,c),be(d,b,c));b={cache:Ug()};a.payload=b;return}b=b.return}}function Vg(a,b,c){var d=Tg(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};tg(a)?Wg(b,c):(c=Sd(a,b,c,d),null!==c&&(pg(c,a,d),Xg(c,b,d)))}
-function Ng(a,b,c){var d=Tg(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(tg(a))Wg(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(ed(h,g)){Rd(a,b,e,0);null===N&&Pd();return}}catch(k){}finally{}c=Sd(a,b,e,d);null!==c&&(pg(c,a,d),Xg(c,b,d))}}
-function Mg(a,b,c,d){d={lane:2,revertLane:sf(),action:d,hasEagerState:!1,eagerState:null,next:null};if(tg(a)){if(b)throw Error(u(479));}else b=Sd(a,c,d,2),null!==b&&pg(b,a,2)}function tg(a){var b=a.alternate;return a===P||null!==b&&b===P}function Wg(a,b){Ef=Df=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function Xg(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;rb(a,c)}}
-var Rf={readContext:bg,use:ag,useCallback:Kf,useContext:Kf,useEffect:Kf,useImperativeHandle:Kf,useInsertionEffect:Kf,useLayoutEffect:Kf,useMemo:Kf,useReducer:Kf,useRef:Kf,useState:Kf,useDebugValue:Kf,useDeferredValue:Kf,useTransition:Kf,useSyncExternalStore:Kf,useId:Kf};Rf.useCacheRefresh=Kf;Rf.useHostTransitionStatus=Kf;Rf.useFormState=Kf;Rf.useOptimistic=Kf;
-var Nf={readContext:bg,use:ag,useCallback:function(a,b){Yf().memoizedState=[a,void 0===b?null:b];return a},useContext:bg,useEffect:Cg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Ag(4194308,4,Fg.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Ag(4194308,4,a,b)},useInsertionEffect:function(a,b){Ag(4,2,a,b)},useMemo:function(a,b){var c=Yf();b=void 0===b?null:b;Ff&&a();a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=Yf();b=void 0!==c?c(b):
-b;d.memoizedState=d.baseState=b;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=Vg.bind(null,P,a);return[d.memoizedState,a]},useRef:function(a){var b=Yf();a={current:a};return b.memoizedState=a},useState:function(a){a=qg(a);var b=a.queue,c=Ng.bind(null,P,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:Hg,useDeferredValue:function(a){Yf().memoizedState=a;return a},useTransition:function(){var a=qg(!1);a=Lg.bind(null,P,a.queue,!0,!1);
-Yf().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=P,e=Yf();if(K){if(void 0===c)throw Error(u(407));c=c()}else{c=b();if(null===N)throw Error(u(349));0!==(M&60)||mg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Cg(jg.bind(null,d,f,a),[a]);d.flags|=2048;kg(9,lg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=Yf(),b=N.identifierPrefix;if(K){var c=nd;var d=md;c=(d&~(1<<32-db(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Gf++;0<c&&(b+="H"+
-c.toString(32));b+=":"}else c=Jf++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return Yf().memoizedState=Sg.bind(null,P)}};Nf.useHostTransitionStatus=Pg;
-Nf.useFormState=function(a,b){if(K){var c=N.formState;if(null!==c){a:{if(K){if(J){b:{var d=J;for(var e=td;8!==d.nodeType;){if(!e){d=null;break b}d=Dd(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){J=Dd(d);d="F!"===d.data;break a}}Fd()}d=!1}d&&(b=c[0])}}c=Yf();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:wg,lastRenderedState:b};c.queue=d;c=Ng.bind(null,P,d);d.dispatch=c;d=Yf();e={state:b,dispatch:null,action:a,pending:null};d.queue=
-e;c=sg.bind(null,P,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};Nf.useOptimistic=function(a){var b=Yf();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=Mg.bind(null,P,!0,c);c.dispatch=b;return[a,b]};
-var Of={readContext:bg,use:ag,useCallback:Ig,useContext:bg,useEffect:ig,useImperativeHandle:Gg,useInsertionEffect:Dg,useLayoutEffect:Eg,useMemo:Jg,useReducer:dg,useRef:zg,useState:function(){return dg(cg)},useDebugValue:Hg,useDeferredValue:function(a){var b=Zf();return Kg(b,Q.memoizedState,a)},useTransition:function(){var a=dg(cg)[0],b=Zf().memoizedState;return["boolean"===typeof a?a:Uf(a),b]},useSyncExternalStore:hg,useId:Qg};Of.useCacheRefresh=Rg;Of.useHostTransitionStatus=Pg;
-Of.useFormState=function(a){var b=Zf();return xg(b,Q,a)};Of.useOptimistic=function(a,b){var c=Zf();return rg(c,Q,a,b)};
-var Sf={readContext:bg,use:ag,useCallback:Ig,useContext:bg,useEffect:ig,useImperativeHandle:Gg,useInsertionEffect:Dg,useLayoutEffect:Eg,useMemo:Jg,useReducer:gg,useRef:zg,useState:function(){return gg(cg)},useDebugValue:Hg,useDeferredValue:function(a){var b=Zf();return null===Q?(b.memoizedState=a,a):Kg(b,Q.memoizedState,a)},useTransition:function(){var a=gg(cg)[0],b=Zf().memoizedState;return["boolean"===typeof a?a:Uf(a),b]},useSyncExternalStore:hg,useId:Qg};Sf.useCacheRefresh=Rg;
-Sf.useHostTransitionStatus=Pg;Sf.useFormState=function(a){var b=Zf(),c=Q;if(null!==c)return xg(b,c,a);b=b.memoizedState;c=Zf();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};Sf.useOptimistic=function(a,b){var c=Zf();if(null!==Q)return rg(c,Q,a,b);c.baseState=a;return[a,c.queue.dispatch]};function Yg(a,b){if(a&&a.defaultProps){b=C({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function Zg(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:C({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
-var $g={isMounted:function(a){return(a=a._reactInternals)?Nc(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=Tg(a),e=$d(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=ae(a,e,d);null!==b&&(pg(b,a,d),be(b,a,d))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=Tg(a),e=$d(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=ae(a,e,d);null!==b&&(pg(b,a,d),be(b,a,d))},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=Tg(a),d=$d(c);d.tag=2;void 0!==
-b&&null!==b&&(d.callback=b);b=ae(a,d,c);null!==b&&(pg(b,a,c),be(b,a,c))}};function ah(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!he(c,d)||!he(e,f):!0}
-function bh(a,b,c){var d=!1,e=Tc;var f=b.contextType;"object"===typeof f&&null!==f?f=bg(f):(e=Yc(b)?Wc:Uc.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?Xc(a,e):Tc);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=$g;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
-function ch(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&$g.enqueueReplaceState(b,b.state,null)}
-function dh(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Yd(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=bg(f):(f=Yc(b)?Wc:Uc.current,e.context=Xc(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(Zg(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
-"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&$g.enqueueReplaceState(e,e.state,null),de(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function eh(a,b){try{var c="",d=b;do c+=dc(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}
-function fh(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function gh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function hh(a,b,c){c=$d(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){ih||(ih=!0,jh=d);gh(a,b)};return c}
-function kh(a,b,c){c=$d(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){gh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){gh(a,b);"function"!==typeof d&&(null===lh?lh=new Set([this]):lh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
-function mh(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=$d(2),b.tag=2,ae(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
-function nh(a,b,c,d,e){c.flags|=32768;if(null!==d&&"object"===typeof d&&"function"===typeof d.then){var f=c.tag;0!==(c.mode&1)||0!==f&&11!==f&&15!==f||((f=c.alternate)?(c.updateQueue=f.updateQueue,c.memoizedState=f.memoizedState,c.lanes=f.lanes):(c.updateQueue=null,c.memoizedState=null));f=Le.current;if(null!==f){switch(f.tag){case 13:c.mode&1&&(null===Me?oh():null===f.alternate&&0===ph&&(ph=3));f.flags&=-257;mh(f,b,c,a,e);d===ke?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):
-b.add(d),f.mode&1&&qh(a,d,e));return;case 22:if(f.mode&1){f.flags|=65536;d===ke?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(c=b.retryQueue,null===c?b.retryQueue=new Set([d]):c.add(d)),qh(a,d,e));return}}throw Error(u(435,f.tag));}if(1===a.tag){qh(a,d,e);oh();return}d=Error(u(426))}if(K&&c.mode&1&&(f=Le.current,null!==f)){0===(f.flags&65536)&&(f.flags|=256);mh(f,b,c,a,e);Ld(eh(d,c));return}a=d=eh(d,c);4!==ph&&(ph=2);
-null===rh?rh=[a]:rh.push(a);a=b;do{switch(a.tag){case 3:a.flags|=65536;e&=-e;a.lanes|=e;e=hh(a,d,e);ce(a,e);return;case 1:if(b=d,c=a.type,f=a.stateNode,0===(a.flags&128)&&("function"===typeof c.getDerivedStateFromError||null!==f&&"function"===typeof f.componentDidCatch&&(null===lh||!lh.has(f)))){a.flags|=65536;e&=-e;a.lanes|=e;e=kh(a,b,e);ce(a,e);return}}a=a.return}while(null!==a)}var sh=da.ReactCurrentOwner,th=Error(u(461)),fg=!1;
-function uh(a,b,c,d){b.child=null===a?Ee(b,null,c,d):De(b,a.child,c,d)}function vh(a,b,c,d,e){c=c.render;var f=b.ref;wh(b,e);d=Mf(a,b,c,d,f,e);c=Vf();if(null!==a&&!fg)return Wf(a,b,e),xh(a,b,e);K&&c&&qd(b);b.flags|=1;uh(a,b,d,e);return b.child}
-function yh(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!zh(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,Ah(a,b,f,d,e);a=ze(c.type,null,d,null,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:he;if(c(g,d)&&a.ref===b.ref)return xh(a,b,e)}b.flags|=1;a=xe(f,d);a.ref=b.ref;a.return=b;return b.child=a}
-function Ah(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(he(f,d)&&a.ref===b.ref)if(fg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(fg=!0);else return b.lanes=a.lanes,xh(a,b,e)}return Bh(a,b,c,d,e)}
-function Ch(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;Dh(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return Eh(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&Fh(b,null),Je(),Pe(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
-cachePool:null},null!==a&&Fh(b,null!==g?g.cachePool:null),null!==g?He(b,g):Je(),Pe(b);else return b.lanes=b.childLanes=536870912,Eh(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(Fh(b,g.cachePool),He(b,g),Qe(b),b.memoizedState=null):(null!==a&&Fh(b,null),Je(),Qe(b));uh(a,b,e,c);return b.child}function Eh(a,b,c){var d=Gh();d=null===d?null:{parent:S._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&Fh(b,null);Je();Pe(b);return null}
-function Dh(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function Bh(a,b,c,d,e){var f=Yc(c)?Wc:Uc.current;f=Xc(b,f);wh(b,e);c=Mf(a,b,c,d,f,e);d=Vf();if(null!==a&&!fg)return Wf(a,b,e),xh(a,b,e);K&&d&&qd(b);b.flags|=1;uh(a,b,c,e);return b.child}function Hh(a,b,c,d,e,f){wh(b,f);c=Pf(b,d,c,e);Qf();d=Vf();if(null!==a&&!fg)return Wf(a,b,f),xh(a,b,f);K&&d&&qd(b);b.flags|=1;uh(a,b,c,f);return b.child}
-function Ih(a,b,c,d,e){if(Yc(c)){var f=!0;bd(b)}else f=!1;wh(b,e);if(null===b.stateNode)Jh(a,b),bh(b,c,d),dh(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,p=c.contextType;"object"===typeof p&&null!==p?p=bg(p):(p=Yc(c)?Wc:Uc.current,p=Xc(b,p));var q=c.getDerivedStateFromProps,w="function"===typeof q||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
-(h!==d||k!==p)&&ch(b,g,d,p);Xd=!1;var r=b.memoizedState;g.state=r;de(b,d,g,e);k=b.memoizedState;h!==d||r!==k||Vc.current||Xd?("function"===typeof q&&(Zg(b,c,q,d),k=b.memoizedState),(h=Xd||ah(b,c,h,d,r,k,p))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):
-("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=p,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Zd(a,b);h=b.memoizedProps;p=b.type===b.elementType?h:Yg(b.type,h);g.props=p;w=b.pendingProps;r=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=bg(k):(k=Yc(c)?Wc:Uc.current,k=Xc(b,k));var t=c.getDerivedStateFromProps;(q="function"===typeof t||"function"===typeof g.getSnapshotBeforeUpdate)||
-"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||r!==k)&&ch(b,g,d,k);Xd=!1;r=b.memoizedState;g.state=r;de(b,d,g,e);var z=b.memoizedState;h!==w||r!==z||Vc.current||Xd?("function"===typeof t&&(Zg(b,c,t,d),z=b.memoizedState),(p=Xd||ah(b,c,p,d,r,z,k)||!1)?(q||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,z,k),"function"===typeof g.UNSAFE_componentWillUpdate&&
-g.UNSAFE_componentWillUpdate(d,z,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=z),g.props=d,g.state=z,g.context=k,d=p):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===
-a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),d=!1)}return Kh(a,b,c,d,f,e)}
-function Kh(a,b,c,d,e,f){Dh(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&cd(b,c,!1),xh(a,b,f);d=b.stateNode;sh.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=De(b,a.child,null,f),b.child=De(b,null,h,f)):uh(a,b,h,f);b.memoizedState=d.state;e&&cd(b,c,!0);return b.child}function Lh(a){var b=a.stateNode;b.pendingContext?$c(a,b.pendingContext,b.pendingContext!==b.context):b.context&&$c(a,b.context,!1);Ja(a,b.containerInfo)}
-function Mh(a,b,c,d,e){Kd();Ld(e);b.flags|=256;uh(a,b,c,d);return b.child}var Nh={dehydrated:null,treeContext:null,retryLane:0};function Oh(a){return{baseLanes:a,cachePool:Ph()}}function Qh(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=jf);return a}
-function Rh(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Oe.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?Ne(b):Qe(b);if(K){var h=f=J;if(!h)Ed(b)&&Fd(),wd(G,b),K=!1,G=b,J=f;else if(!Cd(b,h)){Ed(b)&&Fd();J=Dd(h);var k=G;J&&Cd(b,J)?ud(k,h):(wd(G,b),K=!1,G=b,J=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
-Re(b)}f=d.children;d=d.fallback;if(e)return Qe(b),e=b.mode,h=b.child,f={mode:"hidden",children:f},0===(e&1)&&null!==h?(h.childLanes=0,h.pendingProps=f):h=Sh(f,e,0,null),d=Be(d,e,c,null),h.return=b,d.return=b,h.sibling=d,b.child=h,e=b.child,e.memoizedState=Oh(c),e.childLanes=Qh(a,g,c),b.memoizedState=Nh,d;Ne(b);return Th(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return Uh(a,b,f,g,d,k,h,c);if(e){Qe(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var p={mode:"hidden",children:d.children};
-0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=p,b.deletions=null):(d=xe(h,p),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=xe(k,e):(e=Be(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=Oh(c):(h=f.cachePool,null!==h?(k=S._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=Ph(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=Qh(a,g,c);b.memoizedState=Nh;return d}Ne(b);g=a.child;a=g.sibling;
-g=xe(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function Th(a,b){b=Sh({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}function Vh(a,b,c,d){null!==d&&Ld(d);De(b,a.child,null,c);a=Th(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
-function Uh(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Ne(b),b.flags&=-257,f=fh(Error(u(422))),Vh(a,b,h,f);if(null!==b.memoizedState)return Qe(b),b.child=a.child,b.flags|=128,null;Qe(b);f=e.fallback;g=b.mode;e=Sh({mode:"visible",children:e.children},g,0,null);f=Be(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&De(b,a.child,null,h);g=b.child;g.memoizedState=Oh(h);g.childLanes=Qh(a,d,h);b.memoizedState=Nh;return f}Ne(b);if(0===(b.mode&1))return Vh(a,b,h,null);if("$!"===
-f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=Error(u(419));d.digest=f;f=fh(d,f,void 0);return Vh(a,b,h,f)}d=0!==(h&a.childLanes);if(fg||d){d=N;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=64;break;
-case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,Ud(a,e),pg(d,a,e),th;}"$?"!==f.data&&oh();return Vh(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=Wh.bind(null,a),f._reactRetry=b,null;a=g.treeContext;J=zd(f.nextSibling);G=b;K=!0;sd=null;td=!1;null!==a&&(jd[kd++]=md,jd[kd++]=nd,jd[kd++]=ld,md=a.id,nd=a.overflow,ld=b);b=Th(b,e.children);b.flags|=4096;return b}
-function Xh(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);Yh(a.return,b,c)}function Zh(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
-function $h(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;uh(a,b,d.children,c);d=Oe.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&Xh(a,c,b);else if(19===a.tag)Xh(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}E(Oe,d);if(0===(b.mode&1))b.memoizedState=
-null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Se(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Zh(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Se(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Zh(b,!0,c,null,f);break;case "together":Zh(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
-function Jh(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function xh(a,b,c){null!==a&&(b.dependencies=a.dependencies);ee|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(u(153));if(null!==b.child){a=b.child;c=xe(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=xe(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
-function ai(a,b,c){switch(b.tag){case 3:Lh(b);bi(b,S,a.memoizedState.cache);Kd();break;case 27:case 5:Na(b);break;case 1:Yc(b.type)&&bd(b);break;case 4:Ja(b,b.stateNode.containerInfo);break;case 10:bi(b,b.type._context,b.memoizedProps.value);break;case 13:var d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Ne(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return Rh(a,b,c);Ne(b);a=xh(a,b,c);return null!==a?a.sibling:null}Ne(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return $h(a,
-b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);E(Oe,Oe.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,Ch(a,b,c);case 24:bi(b,S,a.memoizedState.cache)}return xh(a,b,c)}var ci=ka(null),di=null,ei=null,fi=null;function gi(){fi=ei=di=null}function bi(a,b,c){E(ci,b._currentValue);b._currentValue=c}function hi(a){a._currentValue=ci.current;D(ci)}
-function Yh(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
-function ii(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=$d(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);Yh(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
-f)throw Error(u(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);Yh(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function wh(a,b){di=a;fi=ei=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(fg=!0),a.firstContext=null)}function bg(a){return ji(di,a)}function Ce(a,b,c){null===di&&wh(a,c);return ji(a,b)}
-function ji(a,b){var c=b._currentValue;if(fi!==b)if(b={context:b,memoizedValue:c,next:null},null===ei){if(null===a)throw Error(u(308));ei=b;a.dependencies={lanes:0,firstContext:b}}else ei=ei.next=b;return c}
-var ki="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},li=ba.unstable_scheduleCallback,mi=ba.unstable_NormalPriority,S={$$typeof:ra,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0,_defaultValue:null,_globalName:null};function Ug(){return{controller:new ki,data:new Map,refCount:0}}
-function ni(a){a.refCount--;0===a.refCount&&li(mi,function(){a.controller.abort()})}var oi=da.ReactCurrentBatchConfig,pi=ka(null);function Gh(){var a=pi.current;return null!==a?a:N.pooledCache}function Fh(a,b){null===b?E(pi,pi.current):E(pi,b.pool)}function Ph(){var a=Gh();return null===a?null:{parent:S._currentValue,pool:a}}function qi(a){a.flags|=4}function ri(a){a.flags|=2097664}
-function si(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(M&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(ti())a.flags|=8192;else throw oe=ke,je;}function ui(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?mb():536870912,a.lanes|=b)}
-function vi(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
-function T(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
-function wi(a,b,c){var d=b.pendingProps;rd(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return T(b),null;case 1:return Yc(b.type)&&Zc(),T(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);hi(S);Ma();D(Vc);D(Uc);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Hd(b)?qi(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
-1024,null!==sd&&(xi(sd),sd=null));T(b);return null;case 26:c=b.memoizedState;if(null===a)qi(b),null!==b.ref&&ri(b),null!==c?(T(b),si(b,c)):(T(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&qi(b);a.ref!==b.ref&&ri(b);null!==c?(T(b),c===e?b.flags&=-16777217:si(b,c)):(a.memoizedProps!==d&&qi(b),T(b),b.flags&=-16777217)}return null;case 27:Oa(b);c=Ga.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&qi(b),a.ref!==b.ref&&ri(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));
-T(b);return null}a=Ea.current;Hd(b)?yi(b.stateNode,b.type,b.memoizedProps,a,b):(a=zi(e,d,c),b.stateNode=a,qi(b));null!==b.ref&&ri(b)}T(b);return null;case 5:Oa(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&qi(b),a.ref!==b.ref&&ri(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));T(b);return null}a=Ea.current;if(Hd(b))yi(b.stateNode,b.type,b.memoizedProps,a,b);else{e=Ai(Ga.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",
-c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):
-e.createElement(c)}}a[xb]=b;a[yb]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(Bi(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&qi(b)}null!==b.ref&&
-ri(b)}T(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&qi(b);else{if("string"!==typeof d&&null===b.stateNode)throw Error(u(166));a=Ga.current;if(Hd(b)){a:{a=b.stateNode;c=b.memoizedProps;a[xb]=b;if(d=a.nodeValue!==c)if(e=G,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);Ci(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&Ci(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&qi(b)}else a=Ai(a).createTextNode(d),
-a[xb]=b,b.stateNode=a}T(b);return null;case 13:Re(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(K&&null!==J&&0!==(b.mode&1)&&0===(b.flags&128))Jd(),Kd(),b.flags|=384,e=!1;else if(e=Hd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(u(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(u(317));e[xb]=b}else Kd(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;T(b);e=!1}else null!==sd&&(xi(sd),sd=null),e=!0;if(!e)return b.flags&
-256?b:null}if(0!==(b.flags&128))return b.lanes=c,b;c=null!==d;a=null!==a&&null!==a.memoizedState;c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);ui(b,b.updateQueue);T(b);return null;case 4:return Ma(),null===a&&Di(b.stateNode.containerInfo),
-T(b),null;case 10:return hi(b.type._context),T(b),null;case 17:return Yc(b.type)&&Zc(),T(b),null;case 19:D(Oe);e=b.memoizedState;if(null===e)return T(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)vi(e,!1);else{if(0!==ph||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Se(a);if(null!==f){b.flags|=128;vi(e,!1);a=f.updateQueue;b.updateQueue=a;ui(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)Ei(c,a),c=c.sibling;E(Oe,Oe.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Ta()>
-Fi&&(b.flags|=128,d=!0,vi(e,!1),b.lanes=4194304)}else{if(!d)if(a=Se(f),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,b.updateQueue=a,ui(b,a),vi(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!K)return T(b),null}else 2*Ta()-e.renderingStartTime>Fi&&536870912!==c&&(b.flags|=128,d=!0,vi(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Ta(),
-b.sibling=null,a=Oe.current,E(Oe,d?a&1|2:a&1),b;T(b);return null;case 22:case 23:return Re(b),Ke(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(T(b),b.subtreeFlags&6&&(b.flags|=8192)):T(b),c=b.updateQueue,null!==c&&ui(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&
-(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&D(pi),null;case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),hi(S),T(b),null;case 25:return null}throw Error(u(156,b.tag));}
-function Gi(a,b){rd(b);switch(b.tag){case 1:return Yc(b.type)&&Zc(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return hi(S),Ma(),D(Vc),D(Uc),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Oa(b),null;case 13:Re(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(u(340));Kd()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return D(Oe),null;case 4:return Ma(),null;case 10:return hi(b.type._context),
-null;case 22:case 23:return Re(b),Ke(),null!==a&&D(pi),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 24:return hi(S),null;case 25:return null;default:return null}}
-function Hi(a,b){rd(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&Zc();break;case 3:hi(S);Ma();D(Vc);D(Uc);break;case 26:case 27:case 5:Oa(b);break;case 4:Ma();break;case 13:Re(b);break;case 19:D(Oe);break;case 10:hi(b.type._context);break;case 22:case 23:Re(b);Ke();null!==a&&D(pi);break;case 24:hi(S)}}function Ii(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
-var Ji=!1,Ki=null,Li=!1,Mi=null,Ni={onError:function(a){Ji=!0;Ki=a}};function Oi(a,b,c,d,e,f,g,h,k){Ji=!1;Ki=null;Ii.apply(Ni,arguments)}function Pi(a,b,c,d,e,f,g,h,k){Oi.apply(this,arguments);if(Ji){if(Ji){var p=Ki;Ji=!1;Ki=null}else throw Error(u(198));Li||(Li=!0,Mi=p)}}var Qi=!1,Ri=!1,Si="function"===typeof WeakSet?WeakSet:Set,Ti=null;
-function Ui(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}"function"===typeof c?a.refCleanup=c(e):c.current=e}}catch(f){W(a,b,f)}}function Vi(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{c(null)}catch(e){W(a,b,e)}else c.current=null}
-function Wi(a,b,c){try{c()}catch(d){W(a,b,d)}}var Xi=!1;
-function Yi(a,b){Zi=$i;a=aj();if(bj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(n){c=null;break a}var g=0,h=-1,k=-1,p=0,q=0,w=a,r=null;b:for(;;){for(var t;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
-w.nodeValue.length);if(null===(t=w.firstChild))break;r=w;w=t}for(;;){if(w===a)break b;r===c&&++p===e&&(h=g);r===f&&++q===d&&(k=g);if(null!==(t=w.nextSibling))break;w=r;r=w.parentNode}w=t}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;cj={focusedElem:a,selectionRange:c};$i=!1;for(Ti=b;null!==Ti;)if(b=Ti,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,Ti=a;else for(;null!==Ti;){b=Ti;try{var z=b.alternate,B=b.flags;switch(b.tag){case 0:break;case 11:case 15:break;
-case 1:if(0!==(B&1024)&&null!==z){var U=z.memoizedProps,V=z.memoizedState,m=b.stateNode,l=m.getSnapshotBeforeUpdate(b.elementType===b.type?U:Yg(b.type,U),V);m.__reactInternalSnapshotBeforeUpdate=l}break;case 3:0!==(B&1024)&&dj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(B&1024))throw Error(u(163));}}catch(n){W(b,b.return,n)}a=b.sibling;if(null!==a){a.return=b.return;Ti=a;break}Ti=b.return}z=Xi;Xi=!1;return z}
-function ej(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,Wi(b,c,g))}e=e.next}while(e!==d)}}function fj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create,e=c.inst;d=d();e.destroy=d}c=c.next}while(c!==b)}}function gj(a,b){try{fj(b,a)}catch(c){W(a,a.return,c)}}
-function hj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{ge(b,c)}catch(d){W(a,a.return,d)}}}function ij(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
-function jj(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:kj(a,c);d&4&&gj(c,5);break;case 1:kj(a,c);if(d&4)if(a=c.stateNode,null===b)try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:Yg(c.type,b.memoizedProps);b=b.memoizedState;try{a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&hj(c);d&512&&Ui(c,c.return);break;case 3:kj(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=
-c.child.stateNode;break;case 1:a=c.child.stateNode}try{ge(d,a)}catch(h){W(c,c.return,h)}}break;case 26:kj(a,c);d&512&&Ui(c,c.return);break;case 27:case 5:kj(a,c);null===b&&d&4&&ij(c);d&512&&Ui(c,c.return);break;case 12:kj(a,c);break;case 13:kj(a,c);d&4&&lj(a,c);break;case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||Qi,!e){b=null!==b&&null!==b.memoizedState||Ri;var f=Qi,g=Ri;Qi=e;(Ri=b)&&!g?mj(a,c,0!==(c.subtreeFlags&8772)):kj(a,c);Qi=f;Ri=g}}else kj(a,c);d&512&&("manual"===c.memoizedProps.mode?
-Ui(c,c.return):Vi(c,c.return));break;default:kj(a,c)}}function nj(a){var b=a.alternate;null!==b&&(a.alternate=null,nj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Gb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function oj(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
-function pj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||oj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
-function qj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=rj));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(qj(a,b,c),a=a.sibling;null!==a;)qj(a,b,c),a=a.sibling}
-function sj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(sj(a,b,c),a=a.sibling;null!==a;)sj(a,b,c),a=a.sibling}var tj=null,uj=!1;function vj(a,b,c){for(c=c.child;null!==c;)wj(a,b,c),c=c.sibling}
-function wj(a,b,c){if(ab&&"function"===typeof ab.onCommitFiberUnmount)try{ab.onCommitFiberUnmount($a,c)}catch(k){}switch(c.tag){case 26:Ri||Vi(c,b);vj(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:Ri||Vi(c,b);var d=tj,e=uj;tj=c.stateNode;vj(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Gb(c);tj=d;uj=e;break;case 5:Ri||Vi(c,b);case 6:d=tj;e=uj;tj=null;vj(a,b,c);tj=d;uj=e;null!==tj&&(uj?(a=tj,c=c.stateNode,
-8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):tj.removeChild(c.stateNode));break;case 18:null!==tj&&(uj?(a=tj,c=c.stateNode,8===a.nodeType?xj(a.parentNode,c):1===a.nodeType&&xj(a,c),yj(a)):xj(tj,c.stateNode));break;case 4:d=tj;e=uj;tj=c.stateNode.containerInfo;uj=!0;vj(a,b,c);tj=d;uj=e;break;case 0:case 11:case 14:case 15:if(!Ri&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,Wi(c,b,h)):
-0!==(f&4)&&(g.destroy=void 0,Wi(c,b,h)));e=e.next}while(e!==d)}vj(a,b,c);break;case 1:if(!Ri&&(Vi(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(k){W(c,b,k)}vj(a,b,c);break;case 21:vj(a,b,c);break;case 22:Vi(c,b);c.mode&1?(Ri=(d=Ri)||null!==c.memoizedState,vj(a,b,c),Ri=d):vj(a,b,c);break;default:vj(a,b,c)}}
-function lj(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{yj(a)}catch(c){W(b,b.return,c)}}function zj(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new Si);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new Si),b;default:throw Error(u(435,a.tag));}}function Aj(a,b){var c=zj(a);b.forEach(function(d){var e=Bj.bind(null,a,d);c.has(d)||(c.add(d),d.then(e,e))})}
-function Cj(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:tj=h.stateNode;uj=!1;break a;case 3:tj=h.stateNode.containerInfo;uj=!0;break a;case 4:tj=h.stateNode.containerInfo;uj=!0;break a}h=h.return}if(null===tj)throw Error(u(160));wj(f,g,e);tj=null;uj=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(p){W(e,b,p)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Dj(b,a),b=b.sibling}
-var Ej=null;
-function Dj(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Cj(b,a);Fj(a);if(d&4){try{ej(3,a,a.return),fj(3,a)}catch(t){W(a,a.return,t)}try{ej(5,a,a.return)}catch(t){W(a,a.return,t)}}break;case 1:Cj(b,a);Fj(a);d&512&&null!==c&&Vi(c,c.return);d&64&&Qi&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=Ej;Cj(b,a);Fj(a);d&512&&null!==c&&Vi(c,c.return);if(d&4)if(b=null!==
-c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Fb]||e[xb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));Bi(e,c,d);e[xb]=a;Nb(e);c=e;break a;case "link":var f=Gj("link","href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],
-e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);Bi(e,c,d);b.head.appendChild(e);break;case "meta":if(f=Gj("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==
-d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);Bi(e,c,d);b.head.appendChild(e);break;default:throw Error(u(468,c));}e[xb]=a;Nb(e);c=e}a.stateNode=c}else Hj(e,a.type,a.stateNode);else a.stateNode=Ij(e,d,a.memoizedProps);else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):
-b.count--,null===d?Hj(e,a.type,a.stateNode):Ij(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Jj(h,a.type,c.memoizedProps,k);h[yb]=k}catch(t){W(a,a.return,t)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var p=g.nextSibling,q=g.nodeName;g[Fb]||"HEAD"===q||"BODY"===q||"SCRIPT"===q||"STYLE"===q||"LINK"===q&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=p}g=a.type;for(p=
-e.attributes;p.length;)e.removeAttributeNode(p[0]);Bi(e,g,f);e[xb]=a;e[yb]=f}case 5:Cj(b,a);Fj(a);d&512&&null!==c&&Vi(c,c.return);if(a.flags&32){b=a.stateNode;try{Ac(b,"")}catch(t){W(a,a.return,t)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Jj(d,e,c,b),d[yb]=b}catch(t){W(a,a.return,t)}}break;case 6:Cj(b,a);Fj(a);if(d&4){if(null===a.stateNode)throw Error(u(162));c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(t){W(a,a.return,
-t)}}break;case 3:Kj=null;e=Ej;Ej=Lj(b.containerInfo);Cj(b,a);Ej=e;Fj(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{yj(b.containerInfo)}catch(t){W(a,a.return,t)}break;case 4:c=Ej;Ej=Lj(a.stateNode.containerInfo);Cj(b,a);Fj(a);Ej=c;break;case 13:Cj(b,a);Fj(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(Mj=Ta());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Aj(a,c)));break;case 22:d&512&&null!==c&&Vi(c,c.return);h=null!==a.memoizedState;k=null!==c&&
-null!==c.memoizedState;if(a.mode&1){var w=Qi,r=Ri;Qi=w||h;Ri=r||k;Cj(b,a);Ri=r;Qi=w}else Cj(b,a);Fj(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=Qi||Ri,null===c||k||b||0!==(a.mode&1)&&Nj(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display",
-"none","important"):f.display="none"):(g=b.stateNode,p=b.memoizedProps.style,q=void 0!==p&&null!==p&&p.hasOwnProperty("display")?p.display:null,g.style.display=null==q||"boolean"===typeof q?"":(""+q).trim())}catch(t){W(a,a.return,t)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(t){W(a,a.return,t)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===
-b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,Aj(a,d))));break;case 19:Cj(b,a);Fj(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Aj(a,c)));break;case 21:break;default:Cj(b,a),Fj(a)}}
-function Fj(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(oj(c)){var d=c;break b}c=c.return}throw Error(u(160));}switch(d.tag){case 27:var e=d.stateNode,f=pj(a);sj(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Ac(g,""),d.flags&=-33);var h=pj(a);sj(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,p=pj(a);qj(a,p,k);break;default:throw Error(u(161));}}}catch(q){W(a,a.return,q)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
-function kj(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)jj(a,b.alternate,b),b=b.sibling}
-function Nj(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:ej(4,b,b.return);Nj(b);break;case 1:Vi(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{var f=d;c.props=f.memoizedProps;c.state=f.memoizedState;c.componentWillUnmount()}catch(g){W(d,e,g)}}Nj(b);break;case 26:case 27:case 5:Vi(b,b.return);Nj(b);break;case 22:Vi(b,b.return);null===b.memoizedState&&Nj(b);break;default:Nj(b)}a=a.sibling}}
-function mj(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:mj(e,f,c);gj(f,4);break;case 1:mj(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)fe(h[d],e)}c&&g&64&&hj(f);Ui(f,f.return);break;case 26:case 27:case 5:mj(e,f,c);
-c&&null===d&&g&4&&ij(f);Ui(f,f.return);break;case 12:mj(e,f,c);break;case 13:mj(e,f,c);c&&g&4&&lj(e,f);break;case 22:null===f.memoizedState&&mj(e,f,c);Ui(f,f.return);break;default:mj(e,f,c)}b=b.sibling}}function Oj(a,b){try{fj(b,a)}catch(c){W(a,a.return,c)}}
-function Pj(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&ni(c))}function Qj(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&ni(a))}
-function Rj(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)Sj(a,b,c,d),b=b.sibling}
-function Sj(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:Rj(a,b,c,d);e&2048&&Oj(b,9);break;case 3:Rj(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&ni(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?Rj(a,b,c,d):b.mode&1?Tj(a,b):(f._visibility|=4,Rj(a,b,c,d)):f._visibility&4?Rj(a,b,c,d):(f._visibility|=4,Uj(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Pj(b.alternate,
-b);break;case 24:Rj(a,b,c,d);e&2048&&Qj(b.alternate,b);break;default:Rj(a,b,c,d)}}
-function Uj(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,p=g.flags;switch(g.tag){case 0:case 11:case 15:Uj(f,g,h,k,e);Oj(g,8);break;case 23:break;case 22:var q=g.stateNode;null!==g.memoizedState?q._visibility&4?Uj(f,g,h,k,e):g.mode&1?Tj(f,g):(q._visibility|=4,Uj(f,g,h,k,e)):(q._visibility|=4,Uj(f,g,h,k,e));e&&p&2048&&Pj(g.alternate,g);break;case 24:Uj(f,g,h,k,e);e&&p&2048&&Qj(g.alternate,g);break;default:Uj(f,g,h,k,e)}b=b.sibling}}
-function Tj(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:Tj(c,d);e&2048&&Pj(d.alternate,d);break;case 24:Tj(c,d);e&2048&&Qj(d.alternate,d);break;default:Tj(c,d)}b=b.sibling}}var Vj=8192;function Wj(a){if(a.subtreeFlags&Vj)for(a=a.child;null!==a;)Xj(a),a=a.sibling}
-function Xj(a){switch(a.tag){case 26:Wj(a);a.flags&Vj&&null!==a.memoizedState&&Yj(Ej,a.memoizedState,a.memoizedProps);break;case 5:Wj(a);break;case 3:case 4:var b=Ej;Ej=Lj(a.stateNode.containerInfo);Wj(a);Ej=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=Vj,Vj=16777216,Wj(a),Vj=b):Wj(a));break;default:Wj(a)}}function Zj(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
-function ak(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Ti=d;bk(d,a)}Zj(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)ck(a),a=a.sibling}function ck(a){switch(a.tag){case 0:case 11:case 15:ak(a);a.flags&2048&&ej(9,a,a.return);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,dk(a)):ak(a);break;default:ak(a)}}
-function dk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Ti=d;bk(d,a)}Zj(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:ej(8,b,b.return);dk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,dk(b));break;default:dk(b)}a=a.sibling}}
-function bk(a,b){for(;null!==Ti;){var c=Ti;switch(c.tag){case 0:case 11:case 15:ej(8,c,b);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:ni(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,Ti=d;else a:for(c=a;null!==Ti;){d=Ti;var e=d.sibling,f=d.return;nj(d);if(d===c){Ti=null;break a}if(null!==e){e.return=f;Ti=e;break a}Ti=f}}}
-var ek={getCacheSignal:function(){return bg(S).controller.signal},getCacheForType:function(a){var b=bg(S),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},fk="function"===typeof WeakMap?WeakMap:Map,gk=da.ReactCurrentDispatcher,hk=da.ReactCurrentCache,ik=da.ReactCurrentOwner,jk=da.ReactCurrentBatchConfig,L=0,N=null,X=null,M=0,O=0,kk=null,lk=!1,Ie=0,ph=0,ff=null,ee=0,mk=0,nk=0,jf=0,rh=null,lf=null,Mj=0,Fi=Infinity,mf=null,ih=!1,jh=null,lh=null,ok=!1,pk=null,qk=0,rk=0,sk=null,Vd=0,Wd=null;
-function Tg(a){if(0===(a.mode&1))return 2;if(0!==(L&2)&&0!==M)return M&-M;if(null!==oi.transition)return a=vf,0!==a?a:sf();a=F;if(0!==a)return a;a=window.event;a=void 0===a?32:tk(a.type);return a}function pg(a,b,c){if(a===N&&2===O||null!==a.cancelPendingCommit)gf(a,0),hf(a,M,jf);ob(a,c);if(0===(L&2)||a!==N)a===N&&(0===(L&2)&&(mk|=c),4===ph&&hf(a,M,jf)),Ze(a),2===c&&0===L&&0===(b.mode&1)&&(Fi=Ta()+500,bf(!0))}
-function qf(a,b){if(0!==(L&6))throw Error(u(327));var c=a.callbackNode;if(cf()&&a.callbackNode!==c)return null;var d=jb(a,a===N?M:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?uk(a,d):df(a,d);if(0!==b){var f=e;do{if(6===b)hf(a,d,0);else{e=a.current.alternate;if(f&&!vk(e)){b=df(a,d);f=!1;continue}if(2===b){f=d;var g=lb(a,f);0!==g&&(d=g,b=ef(a,f,g))}if(1===b)throw c=ff,gf(a,0),hf(a,d,0),Ze(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(u(345));
-case 4:if((d&4194176)===d){hf(f,d,jf);break a}break;case 2:case 3:case 5:break;default:throw Error(u(329));}if((d&62914560)===d&&(b=Mj+300-Ta(),10<b)){hf(f,d,jf);if(0!==jb(f,0))break a;f.timeoutHandle=wk(xk.bind(null,f,e,lf,mf,d,jf),b);break a}xk(f,e,lf,mf,d,jf)}}break}while(1)}Ze(a);pf(a,Ta());a=a.callbackNode===c?qf.bind(null,a):null;return a}
-function ef(a,b,c){var d=rh,e=a.current.memoizedState.isDehydrated;e&&(gf(a,c).flags|=256);c=df(a,c);if(2!==c){if(lk&&!e)return a.errorRecoveryDisabledLanes|=b,mk|=b,4;a=lf;lf=d;null!==a&&xi(a)}return c}function xi(a){null===lf?lf=a:lf.push.apply(lf,a)}function xk(a,b,c,d,e,f){if(0===(e&42)&&(yk={stylesheets:null,count:0,unsuspend:zk},Xj(b),b=Ak(),null!==b)){a.cancelPendingCommit=b(kf.bind(null,a,c,d));hf(a,e,f);return}kf(a,c,d,f)}
-function vk(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!ed(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
-function hf(a,b,c){b&=~nk;b&=~mk;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-db(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&qb(a,c,b)}function Bk(a,b){var c=L;L|=1;try{return a(b)}finally{L=c,0===L&&(Fi=Ta()+500,bf(!0))}}function Ck(a){null!==pk&&0===pk.tag&&0===(L&6)&&cf();var b=L;L|=1;var c=jk.transition,d=F;try{if(jk.transition=null,F=2,a)return a()}finally{F=d,jk.transition=c,L=b,0===(L&6)&&bf(!1)}}
-function Dk(){if(null!==X){if(0===O)var a=X.return;else a=X,gi(),Xf(a),qe=null,re=0,a=X;for(;null!==a;)Hi(a.alternate,a),a=a.return;X=null}}
-function gf(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Ek(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());Dk();N=a;X=c=xe(a.current,null);M=b;O=0;kk=null;lk=!1;ph=0;ff=null;jf=nk=mk=ee=0;lf=rh=null;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-db(d),f=1<<e;b|=a[e];d&=~f}Ie=b;Pd();return c}
-function Fk(a,b){P=null;Af.current=Rf;ik.current=null;b===ie?(b=pe(),O=ti()&&0===(ee&134217727)&&0===(mk&134217727)?2:3):b===je?(b=pe(),O=4):O=b===th?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;kk=b;null===X&&(ph=1,ff=b)}function ti(){var a=Le.current;return null===a?!0:(M&4194176)===M?null===Me?!0:!1:(M&62914560)===M||0!==(M&536870912)?a===Me:!1}function Gk(){var a=gk.current;gk.current=Rf;return null===a?Rf:a}function Hk(){var a=hk.current;hk.current=ek;return a}
-function oh(){ph=4;0===(ee&134217727)&&0===(mk&134217727)||null===N||hf(N,M,jf)}function df(a,b){var c=L;L|=2;var d=Gk(),e=Hk();if(N!==a||M!==b)mf=null,gf(a,b);b=!1;a:do try{if(0!==O&&null!==X){var f=X,g=kk;switch(O){case 8:Dk();ph=6;break a;case 3:case 2:b||null!==Le.current||(b=!0);default:O=0,kk=null,Ik(f,g)}}Jk();break}catch(h){Fk(a,h)}while(1);b&&a.shellSuspendCounter++;gi();L=c;gk.current=d;hk.current=e;if(null!==X)throw Error(u(261));N=null;M=0;Pd();return ph}
-function Jk(){for(;null!==X;)Kk(X)}
-function uk(a,b){var c=L;L|=2;var d=Gk(),e=Hk();if(N!==a||M!==b)mf=null,Fi=Ta()+500,gf(a,b);a:do try{if(0!==O&&null!==X){b=X;var f=kk;b:switch(O){case 1:O=0;kk=null;Ik(b,f);break;case 2:if(le(f)){O=0;kk=null;Lk(b);break}b=function(){2===O&&N===a&&(O=7);Ze(a)};f.then(b,b);break a;case 3:O=7;break a;case 4:O=5;break a;case 7:le(f)?(O=0,kk=null,Lk(b)):(O=0,kk=null,Ik(b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;O=0;kk=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==h?(X=
-h,Mk(h)):X=null}break b}O=0;kk=null;Ik(b,f);break;case 6:O=0;kk=null;Ik(b,f);break;case 8:Dk();ph=6;break a;default:throw Error(u(462));}}Nk();break}catch(k){Fk(a,k)}while(1);gi();gk.current=d;hk.current=e;L=c;if(null!==X)return 0;N=null;M=0;Pd();return ph}function Nk(){for(;null!==X&&!Ra();)Kk(X)}function Kk(a){var b=Ok(a.alternate,a,Ie);a.memoizedProps=a.pendingProps;null===b?Mk(a):X=b;ik.current=null}
-function Lk(a){var b=a.alternate;switch(a.tag){case 2:a.tag=0;case 15:case 0:var c=a.type,d=a.pendingProps;d=a.elementType===c?d:Yg(c,d);var e=Yc(c)?Wc:Uc.current;e=Xc(a,e);b=Hh(b,a,d,c,e,M);break;case 11:c=a.type.render;d=a.pendingProps;d=a.elementType===c?d:Yg(c,d);b=Hh(b,a,d,c,a.ref,M);break;case 5:Xf(a);default:Hi(b,a),a=X=Ei(a,Ie),b=Ok(b,a,Ie)}a.memoizedProps=a.pendingProps;null===b?Mk(a):X=b;ik.current=null}
-function Ik(a,b){gi();Xf(a);qe=null;re=0;var c=a.return;if(null===c||null===N)ph=1,ff=b,X=null;else{try{nh(N,c,a,b,M)}catch(d){throw X=c,d;}if(a.flags&32768)a:{do{b=Gi(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);ph=6;X=null}else Mk(a)}}function Mk(a){var b=a;do{a=b.return;var c=wi(b.alternate,b,Ie);if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===ph&&(ph=5)}
-function kf(a,b,c,d){var e=F,f=jk.transition;try{jk.transition=null,F=2,Pk(a,b,c,e,d)}finally{jk.transition=f,F=e}return null}
-function Pk(a,b,c,d,e){do cf();while(null!==pk);if(0!==(L&6))throw Error(u(327));var f=a.finishedWork,g=a.finishedLanes;if(null===f)return null;a.finishedWork=null;a.finishedLanes=0;if(f===a.current)throw Error(u(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var h=f.lanes|f.childLanes;h|=Od;pb(a,h,e);a===N&&(X=N=null,M=0);0===(f.subtreeFlags&10256)&&0===(f.flags&10256)||ok||(ok=!0,rk=h,sk=c,Qk(Xa,function(){cf();return null}));c=0!==(f.flags&15990);if(0!==(f.subtreeFlags&
-15990)||c){c=jk.transition;jk.transition=null;e=F;F=2;var k=L;L|=4;ik.current=null;Yi(a,f);Dj(f,a);Rk(cj);$i=!!Zi;cj=Zi=null;a.current=f;jj(a,f.alternate,f);Sa();L=k;F=e;jk.transition=c}else a.current=f;ok?(ok=!1,pk=a,qk=g):Sk(a,h);h=a.pendingLanes;0===h&&(lh=null);bb(f.stateNode,d);Ze(a);if(null!==b)for(d=a.onRecoverableError,f=0;f<b.length;f++)h=b[f],c={digest:h.digest,componentStack:h.stack},d(h.value,c);if(ih)throw ih=!1,a=jh,jh=null,a;0!==(qk&3)&&0!==a.tag&&cf();h=a.pendingLanes;0!==(g&4194218)&&
-0!==(h&42)?a===Wd?Vd++:(Vd=0,Wd=a):Vd=0;bf(!1);return null}function Sk(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,ni(b)))}
-function cf(){if(null!==pk){var a=pk,b=rk;rk=0;var c=ub(qk),d=32>c?32:c;c=jk.transition;var e=F;try{jk.transition=null;F=d;if(null===pk)var f=!1;else{d=sk;sk=null;var g=pk,h=qk;pk=null;qk=0;if(0!==(L&6))throw Error(u(331));var k=L;L|=4;ck(g.current);Sj(g,g.current,h,d);L=k;bf(!1);if(ab&&"function"===typeof ab.onPostCommitFiberRoot)try{ab.onPostCommitFiberRoot($a,g)}catch(p){}f=!0}return f}finally{F=e,jk.transition=c,Sk(a,b)}}return!1}
-function Tk(a,b,c){b=eh(c,b);b=hh(a,b,2);a=ae(a,b,2);null!==a&&(ob(a,2),Ze(a))}function W(a,b,c){if(3===a.tag)Tk(a,a,c);else for(;null!==b;){if(3===b.tag){Tk(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===lh||!lh.has(d))){a=eh(c,a);a=kh(b,a,2);b=ae(b,a,2);null!==b&&(ob(b,2),Ze(b));break}}b=b.return}}
-function qh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new fk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(lk=!0,e.add(c),a=Uk.bind(null,a,b,c),b.then(a,a))}function Uk(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;N===a&&(M&c)===c&&(4===ph||3===ph&&(M&62914560)===M&&300>Ta()-Mj?0===(L&2)&&gf(a,0):nk|=c);Ze(a)}function Vk(a,b){0===b&&(b=0===(a.mode&1)?2:mb());a=Ud(a,b);null!==a&&(ob(a,b),Ze(a))}
-function Wh(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Vk(a,c)}function Bj(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(u(314));}null!==d&&d.delete(b);Vk(a,c)}var Ok;
-Ok=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Vc.current)fg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return fg=!1,ai(a,b,c);fg=0!==(a.flags&131072)?!0:!1}else fg=!1,K&&0!==(b.flags&1048576)&&pd(b,id,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Jh(a,b);a=b.pendingProps;var e=Xc(b,Uc.current);wh(b,c);e=Mf(null,b,d,a,e,c);var f=Vf();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
-null,Yc(d)?(f=!0,bd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Yd(b),e.updater=$g,b.stateNode=e,e._reactInternals=b,dh(b,d,a,c),b=Kh(null,b,d,!0,f,c)):(b.tag=0,K&&f&&qd(b),uh(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Jh(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=Wk(d);a=Yg(d,a);switch(e){case 0:b=Bh(null,b,d,a,c);break a;case 1:b=Ih(null,b,d,a,c);break a;case 11:b=vh(null,b,d,a,c);break a;case 14:b=yh(null,b,d,Yg(d.type,a),c);break a}throw Error(u(306,
-d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Yg(d,e),Bh(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Yg(d,e),Ih(a,b,d,e,c);case 3:a:{Lh(b);if(null===a)throw Error(u(387));e=b.pendingProps;f=b.memoizedState;d=f.element;Zd(a,b);de(b,e,null,c);var g=b.memoizedState;e=g.cache;bi(b,S,e);e!==f.cache&&ii(b,S,c);e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){d=
-eh(Error(u(423)),b);b=Mh(a,b,e,c,d);break a}else if(e!==d){d=eh(Error(u(424)),b);b=Mh(a,b,e,c,d);break a}else for(J=zd(b.stateNode.containerInfo.firstChild),G=b,K=!0,sd=null,td=!0,c=Ee(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Kd();if(e===d){b=xh(a,b,c);break a}uh(a,b,e,c)}b=b.child}return b;case 26:return Dh(a,b),c=b.memoizedState=Xk(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=Ai(Ga.current).createElement(c),d[xb]=
-b,d[yb]=a,Bi(d,c,a),Nb(d),b.stateNode=d),null;case 27:return Na(b),null===a&&K&&(d=b.stateNode=zi(b.type,b.pendingProps,Ga.current),G=b,td=!0,J=zd(d.firstChild)),d=b.pendingProps.children,null!==a||K?uh(a,b,d,c):b.child=De(b,null,d,c),Dh(a,b),b.child;case 5:return Na(b),null===a&&K&&((e=d=J,e)?xd(b,e)||(Ed(b)&&Fd(),J=Dd(e),f=G,J&&xd(b,J)?ud(f,e):(wd(G,b),K=!1,G=b,J=d)):(Ed(b)&&Fd(),wd(G,b),K=!1,G=b,J=d)),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Id(e,f)?d=null:null!==
-g&&Id(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=Mf(a,b,Tf,null,null,c),Ia._currentValue=e,fg&&null!==a&&a.memoizedState.memoizedState!==e&&ii(b,Ia,c)),Dh(a,b),uh(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=J,a&&d)?Ad(b,a)||(Ed(b)&&Fd(),J=Dd(a),d=G,J&&Ad(b,J)?ud(d,a):(wd(G,b),K=!1,G=b,J=c)):(Ed(b)&&Fd(),wd(G,b),K=!1,G=b,J=c)),null;case 13:return Rh(a,b,c);case 4:return Ja(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=De(b,null,d,c):uh(a,b,d,c),b.child;
-case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Yg(d,e),vh(a,b,d,e,c);case 7:return uh(a,b,b.pendingProps,c),b.child;case 8:return uh(a,b,b.pendingProps.children,c),b.child;case 12:return uh(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;bi(b,d,g);if(null!==f)if(ed(f.value,g)){if(f.children===e.children&&!Vc.current){b=xh(a,b,c);break a}}else ii(b,d,c);uh(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=
-b.pendingProps.children,wh(b,c),e=bg(e),d=d(e),b.flags|=1,uh(a,b,d,c),b.child;case 14:return d=b.type,e=Yg(d,b.pendingProps),e=Yg(d.type,e),yh(a,b,d,e,c);case 15:return Ah(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Yg(d,e),Jh(a,b),b.tag=1,Yc(d)?(a=!0,bd(b)):a=!1,wh(b,c),bh(b,d,e),dh(b,d,e,c),Kh(null,b,d,!0,a,c);case 19:return $h(a,b,c);case 22:return Ch(a,b,c);case 24:return wh(b,c),d=bg(S),null===a?(e=Gh(),null===e&&(e=N,f=Ug(),e.pooledCache=f,f.refCount++,
-null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},Yd(b),bi(b,S,e)):(0!==(a.lanes&c)&&(Zd(a,b),de(b,null,null,c)),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),bi(b,S,d)):(d=f.cache,bi(b,S,d),d!==e.cache&&ii(b,S,c))),uh(a,b,b.pendingProps.children,c),b.child}throw Error(u(156,b.tag));};function Qk(a,b){return Pa(a,b)}
-function Yk(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function vd(a,b,c,d){return new Yk(a,b,c,d)}function zh(a){a=a.prototype;return!(!a||!a.isReactComponent)}
-function Wk(a){if("function"===typeof a)return zh(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===ta)return 11;if(a===wa)return 14}return 2}
-function xe(a,b){var c=a.alternate;null===c?(c=vd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Kc=null;function Lc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Mc=null,Nc=null;
+function Oc(a){var b=Mb(a);if(b&&(a=b.stateNode)){var c=Ob(a);a:switch(a=b.stateNode,b.type){case "input":tc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+sc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Ob(d);if(!e)throw Error(t(90));tc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
+e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&pc(d)}break a;case "textarea":yc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&xc(a,!!c.multiple,b,!1)}}}function Pc(a){Mc?Nc?Nc.push(a):Nc=[a]:Mc=a}function Qc(){if(Mc){var a=Mc,b=Nc;Nc=Mc=null;Oc(a);if(b)for(a=0;a<b.length;a++)Oc(b[a])}}function Rc(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
+function Sc(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function Tc(a){if(Rc(a)!==a)throw Error(t(188));}
+function Uc(a){var b=a.alternate;if(!b){b=Rc(a);if(null===b)throw Error(t(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return Tc(e),a;if(f===d)return Tc(e),b;f=f.sibling}throw Error(t(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
+c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(t(189));}}if(c.alternate!==d)throw Error(t(190));}if(3!==c.tag)throw Error(t(188));return c.stateNode.current===c?a:b}function Vc(a){a=Uc(a);return null!==a?Wc(a):null}function Wc(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=Wc(a);if(null!==b)return b;a=a.sibling}return null}var Xc={},Yc=ka(Xc),Zc=ka(!1),$c=Xc;
+function ad(a,b){var c=a.type.contextTypes;if(!c)return Xc;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function bd(a){a=a.childContextTypes;return null!==a&&void 0!==a}function cd(){E(Zc);E(Yc)}
+function dd(a,b,c){if(Yc.current!==Xc)throw Error(t(168));F(Yc,b);F(Zc,c)}function ed(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(t(108,kc(a)||"Unknown",e));return D({},c,d)}function fd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Xc;$c=Yc.current;F(Yc,a);F(Zc,Zc.current);return!0}
+function gd(a,b,c){var d=a.stateNode;if(!d)throw Error(t(169));c?(a=ed(a,b,$c),d.__reactInternalMemoizedMergedChildContext=a,E(Zc),E(Yc),F(Yc,a)):E(Zc);F(Zc,c)}function hd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var id="function"===typeof Object.is?Object.is:hd,jd=[],kd=0,ld=null,md=0,nd=[],od=0,pd=null,qd=1,rd="";function sd(a,b){jd[kd++]=md;jd[kd++]=ld;ld=a;md=b}
+function td(a,b,c){nd[od++]=qd;nd[od++]=rd;nd[od++]=pd;pd=a;var d=qd;a=rd;var e=32-gb(d)-1;d&=~(1<<e);c+=1;var f=32-gb(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;qd=1<<32-gb(b)+e|c<<e|d;rd=f+a}else qd=1<<f|c<<e|d,rd=a}function ud(a){null!==a.return&&(sd(a,1),td(a,1,0))}function vd(a){for(;a===ld;)ld=jd[--kd],jd[kd]=null,md=jd[--kd],jd[kd]=null;for(;a===pd;)pd=nd[--od],nd[od]=null,rd=nd[--od],nd[od]=null,qd=nd[--od],nd[od]=null}var H=null,I=null,K=!1,wd=null,xd=!1;
+function yd(a,b){var c=zd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Ad(a,b){b.flags=b.flags&-4097|2}function Bd(a,b){b=Cd(b,a.type,a.pendingProps,xd);return null!==b?(a.stateNode=b,H=a,I=Dd(b.firstChild),xd=!1,!0):!1}function Ed(a,b){b=Fd(b,a.pendingProps,xd);return null!==b?(a.stateNode=b,H=a,I=null,!0):!1}
+function Gd(a,b){a:{var c=b;for(b=xd;8!==c.nodeType;){if(!b){b=null;break a}c=Hd(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==pd?{id:qd,overflow:rd}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=zd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,H=a,I=null,!0):!1}function Id(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Jd(){throw Error(t(418));}
+function Kd(a){for(H=a.return;H;)switch(H.tag){case 3:case 27:xd=!0;return;case 5:case 13:xd=!1;return;default:H=H.return}}
+function Ld(a){if(a!==H)return!1;if(!K)return Kd(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Md(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=I))if(Id(a))Nd(),Jd();else for(;b;)yd(a,b),b=Hd(b);Kd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(t(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){I=Hd(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}I=
+null}}else I=H?Hd(a.stateNode):null;return!0}function Nd(){for(var a=I;a;)a=Hd(a)}function Od(){I=H=null;K=!1}function Pd(a){null===wd?wd=[a]:wd.push(a)}var Qd=[],Rd=0,Sd=0;function Td(){for(var a=Rd,b=Sd=Rd=0;b<a;){var c=Qd[b];Qd[b++]=null;var d=Qd[b];Qd[b++]=null;var e=Qd[b];Qd[b++]=null;var f=Qd[b];Qd[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&Ud(c,e,f)}}
+function Vd(a,b,c,d){Qd[Rd++]=a;Qd[Rd++]=b;Qd[Rd++]=c;Qd[Rd++]=d;Sd|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function Wd(a,b,c,d){Vd(a,b,c,d);return Xd(a)}function Yd(a,b){Vd(a,null,null,b);return Xd(a)}
+function Ud(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-gb(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function Xd(a){Zd();for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
+var $d=null,ae=null,be=!1,ce=!1,de=!1,ee=0;function fe(a){a!==ae&&null===a.next&&(null===ae?$d=ae=a:ae=ae.next=a);ce=!0;be||(be=!0,ge(he))}
+function ie(a){if(!de&&ce){var b=null;de=!0;do{var c=!1;for(var d=$d;null!==d;){if(!a||0===d.tag){var e=L,f=mb(d,d===M?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(N&6))throw Error(t(327));if(!je()){var g=ke(e,f);if(0!==e.tag&&2===g){var h=f,k=ob(e,h);0!==k&&(f=k,g=le(e,h,k))}if(1===g)throw h=me,ne(e,0),oe(e,f,0),fe(e),h;6===g?oe(e,f,pe):(e.finishedWork=e.current.alternate,e.finishedLanes=f,qe(e,re,se,te,pe))}fe(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);de=!1;if(null!==b){if(1<b.length){if("function"===
+typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)ge(ue.bind(null,b[a]))}throw b[0];}}}function ue(a){throw a;}function he(){ce=be=!1;for(var a=Ta(),b=null,c=$d;null!==c;){var d=c.next;if(0!==ee&&ve()){var e=c,f=ee;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=we(c,a);0===e?(c.next=null,null===b?$d=d:b.next=d,null===d&&(ae=b)):(b=c,0!==(e&3)&&(ce=!0));c=d}ee=0;ie(!1)}
+function we(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-gb(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=nb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=M;c=L;c=mb(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===O||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Qa(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Qa(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
+null!==d&&Qa(d);switch(xb(c)){case 2:c=Va;break;case 8:c=Wa;break;case 32:c=Xa;break;case 268435456:c=Za;break;default:c=Xa}d=xe.bind(null,a);c=Pa(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function ge(a){ye(function(){0!==(N&6)?Pa(Va,a):a()})}function ze(){0===ee&&(ee=pb());return ee}var Ae=null,Be=0,Ce=0,De=null;function Ee(a,b){if(null===Ae){var c=Ae=[];Be=0;Ce=ze();De={status:"pending",value:void 0,then:function(d){c.push(d)}}}Be++;b.then(Fe,Fe);return b}
+function Fe(){if(null!==Ae&&0===--Be){null!==De&&(De.status="fulfilled");var a=Ae;Ae=null;Ce=0;De=null;for(var b=0;b<a.length;b++)(0,a[b])()}}function Ge(a,b){var c=[],d={status:"pending",value:null,reason:null,then:function(e){c.push(e)}};a.then(function(){d.status="fulfilled";d.value=b;for(var e=0;e<c.length;e++)(0,c[e])(b)},function(e){d.status="rejected";d.reason=e;for(e=0;e<c.length;e++)(0,c[e])(void 0)});return d}var He=!1;
+function Ie(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Je(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function Ke(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
+function Le(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(N&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=Xd(a);Ud(a,null,c);return b}Vd(a,d,b,c);return Xd(a)}function Me(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;ub(a,c)}}
+function Ne(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
+var Oe=!1;function Pe(){if(Oe){var a=De;if(null!==a)throw a;}}
+function Qe(a,b,c,d){Oe=!1;var e=a.updateQueue;He=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var u=a.alternate;null!==u&&(u=u.updateQueue,h=u.lastBaseUpdate,h!==g&&(null===h?u.firstBaseUpdate=n:h.next=n,u.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;u=n=k=null;h=f;do{var q=h.lane&-536870913,r=q!==h.lane;if(r?(L&q)===q:(d&q)===q){0!==q&&q===Ce&&(Oe=!0);null!==u&&(u=u.next={lane:0,
+tag:h.tag,payload:h.payload,callback:null,next:null});a:{var y=a,C=h;q=b;var T=c;switch(C.tag){case 1:y=C.payload;if("function"===typeof y){w=y.call(T,w,q);break a}w=y;break a;case 3:y.flags=y.flags&-65537|128;case 0:y=C.payload;q="function"===typeof y?y.call(T,w,q):y;if(null===q||void 0===q)break a;w=D({},w,q);break a;case 2:He=!0}}q=h.callback;null!==q&&(a.flags|=64,r&&(a.flags|=8192),r=e.callbacks,null===r?e.callbacks=[q]:r.push(q))}else r={lane:q,tag:h.tag,payload:h.payload,callback:h.callback,
+next:null},null===u?(n=u=r,k=w):u=u.next=r,g|=q;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===u&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=u;null===f&&(e.shared.lanes=0);Re|=g;a.lanes=g;a.memoizedState=w}}function Se(a,b){if("function"!==typeof a)throw Error(t(191,a));a.call(b)}function Te(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)Se(c[a],b)}
+function Ue(a,b){if(id(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!yb.call(b,e)||!id(a[e],b[e]))return!1}return!0}var Ve=Error(t(460)),We=Error(t(474)),Xe={then:function(){}};function Ye(a){a=a.status;return"fulfilled"===a||"rejected"===a}function Ze(){}
+function $e(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ze,Ze),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===Ve)throw Error(t(483));throw a;default:if("string"===typeof b.status)b.then(Ze,Ze);else{a=M;if(null!==a&&100<a.shellSuspendCounter)throw Error(t(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}})}switch(b.status){case "fulfilled":return b.value;
+case "rejected":a=b.reason;if(a===Ve)throw Error(t(483));throw a;}af=b;throw Ve;}}var af=null;function bf(){if(null===af)throw Error(t(459));var a=af;af=null;return a}var cf=null,df=0;function ef(a){var b=df;df+=1;null===cf&&(cf=[]);return $e(cf,a,b)}
+function ff(a,b,c,d){function e(h){var k=g.refs;null===h?delete k[f]:k[f]=h}a=c._owner;if(!a){if("string"!==typeof d)throw Error(t(284));throw Error(t(290,d));}if(1!==a.tag)throw Error(t(309));var f=""+d,g=a.stateNode;if(!g)throw Error(t(147,f));if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;e._stringRef=f;return e}function gf(a,b,c,d){var e=d.ref;a=null!==e&&"function"!==typeof e&&"object"!==typeof e?ff(a,b,d,e):e;c.ref=a}
+function hf(a,b){a=Object.prototype.toString.call(b);throw Error(t(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function jf(a){var b=a._init;return b(a._payload)}
+function kf(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=lf(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
+function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=mf(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var x=p.type;if(x===na)return u(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===x||"object"===typeof x&&null!==x&&x.$$typeof===xa&&jf(x)===l.type))return v=e(l,p.props),gf(m,l,v,p),v.return=m,v;v=nf(p.type,p.key,p.props,null,m.mode,v);gf(m,l,v,p);v.return=m;return v}function n(m,l,p,v){if(null===
+l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=of(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function u(m,l,p,v,x){if(null===l||7!==l.tag)return l=pf(p,m.mode,v,x),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=mf(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case la:return p=nf(l.type,l.key,l.props,
+null,m.mode,p),gf(m,null,p,l),p.return=m,p;case ma:return l=of(l,m.mode,p),l.return=m,l;case xa:var v=l._init;return w(m,v(l._payload),p)}if(wc(l)||Da(l))return l=pf(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,ef(l),p);if(l.$$typeof===sa)return w(m,qf(m,l,p),p);hf(m,l)}return null}function q(m,l,p,v){var x=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==x?null:h(m,l,""+p,v);if("object"===typeof p&&null!==p){switch(p.$$typeof){case la:return p.key===
+x?k(m,l,p,v):null;case ma:return p.key===x?n(m,l,p,v):null;case xa:return x=p._init,q(m,l,x(p._payload),v)}if(wc(p)||Da(p))return null!==x?null:u(m,l,p,v,null);if("function"===typeof p.then)return q(m,l,ef(p),v);if(p.$$typeof===sa)return q(m,l,qf(m,p,v),v);hf(m,p)}return null}function r(m,l,p,v,x){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,x);if("object"===typeof v&&null!==v){switch(v.$$typeof){case la:return m=m.get(null===v.key?p:v.key)||null,k(l,m,v,
+x);case ma:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,x);case xa:var z=v._init;return r(m,l,p,z(v._payload),x)}if(wc(v)||Da(v))return m=m.get(p)||null,u(l,m,v,x,null);if("function"===typeof v.then)return r(m,l,p,ef(v),x);if(v.$$typeof===sa)return r(m,l,p,qf(l,v,x),x);hf(l,v)}return null}function y(m,l,p,v){for(var x=null,z=null,A=l,B=l=0,ha=null;null!==A&&B<p.length;B++){A.index>B?(ha=A,A=null):ha=A.sibling;var J=q(m,A,p[B],v);if(null===J){null===A&&(A=ha);break}a&&A&&null===J.alternate&&
+b(m,A);l=f(J,l,B);null===z?x=J:z.sibling=J;z=J;A=ha}if(B===p.length)return c(m,A),K&&sd(m,B),x;if(null===A){for(;B<p.length;B++)A=w(m,p[B],v),null!==A&&(l=f(A,l,B),null===z?x=A:z.sibling=A,z=A);K&&sd(m,B);return x}for(A=d(m,A);B<p.length;B++)ha=r(A,m,B,p[B],v),null!==ha&&(a&&null!==ha.alternate&&A.delete(null===ha.key?B:ha.key),l=f(ha,l,B),null===z?x=ha:z.sibling=ha,z=ha);a&&A.forEach(function(Eb){return b(m,Eb)});K&&sd(m,B);return x}function C(m,l,p,v){var x=Da(p);if("function"!==typeof x)throw Error(t(150));
+p=x.call(p);if(null==p)throw Error(t(151));for(var z=x=null,A=l,B=l=0,ha=null,J=p.next();null!==A&&!J.done;B++,J=p.next()){A.index>B?(ha=A,A=null):ha=A.sibling;var Eb=q(m,A,J.value,v);if(null===Eb){null===A&&(A=ha);break}a&&A&&null===Eb.alternate&&b(m,A);l=f(Eb,l,B);null===z?x=Eb:z.sibling=Eb;z=Eb;A=ha}if(J.done)return c(m,A),K&&sd(m,B),x;if(null===A){for(;!J.done;B++,J=p.next())J=w(m,J.value,v),null!==J&&(l=f(J,l,B),null===z?x=J:z.sibling=J,z=J);K&&sd(m,B);return x}for(A=d(m,A);!J.done;B++,J=p.next())J=
+r(A,m,B,J.value,v),null!==J&&(a&&null!==J.alternate&&A.delete(null===J.key?B:J.key),l=f(J,l,B),null===z?x=J:z.sibling=J,z=J);a&&A.forEach(function(an){return b(m,an)});K&&sd(m,B);return x}function T(m,l,p,v){"object"===typeof p&&null!==p&&p.type===na&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case la:a:{for(var x=p.key,z=l;null!==z;){if(z.key===x){x=p.type;if(x===na){if(7===z.tag){c(m,z.sibling);l=e(z,p.props.children);l.return=m;m=l;break a}}else if(z.elementType===
+x||"object"===typeof x&&null!==x&&x.$$typeof===xa&&jf(x)===z.type){c(m,z.sibling);l=e(z,p.props);gf(m,z,l,p);l.return=m;m=l;break a}c(m,z);break}else b(m,z);z=z.sibling}p.type===na?(l=pf(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=nf(p.type,p.key,p.props,null,m.mode,v),gf(m,l,v,p),v.return=m,m=v)}return g(m);case ma:a:{for(z=p.key;null!==l;){if(l.key===z)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||
+[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=of(p,m.mode,v);l.return=m;m=l}return g(m);case xa:return z=p._init,T(m,l,z(p._payload),v)}if(wc(p))return y(m,l,p,v);if(Da(p))return C(m,l,p,v);if("function"===typeof p.then)return T(m,l,ef(p),v);if(p.$$typeof===sa)return T(m,l,qf(m,p,v),v);hf(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=mf(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}return function(m,
+l,p,v){df=0;m=T(m,l,p,v);cf=null;return m}}var rf=kf(!0),sf=kf(!1),tf=ka(null),uf=ka(0);function vf(a,b){a=wf;F(uf,a);F(tf,b);wf=a|b.baseLanes}function xf(){F(uf,wf);F(tf,tf.current)}function yf(){wf=uf.current;E(tf);E(uf)}var zf=ka(null),Af=null;function Bf(a){var b=a.alternate;F(Cf,Cf.current&1);F(zf,a);null===Af&&(null===b||null!==tf.current?Af=a:null!==b.memoizedState&&(Af=a))}
+function Df(a){if(22===a.tag){if(F(Cf,Cf.current),F(zf,a),null===Af){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Af=a)}}else Ef(a)}function Ef(){F(Cf,Cf.current);F(zf,zf.current)}function Ff(a){E(zf);Af===a&&(Af=null);E(Cf)}var Cf=ka(0);
+function Gf(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}
+var Hf=da.ReactCurrentDispatcher,If=da.ReactCurrentBatchConfig,Jf=0,P=null,Q=null,R=null,Kf=!1,Lf=!1,Mf=!1,Nf=0,Of=0,Pf=null,Qf=0;function Rf(){throw Error(t(321));}function Sf(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!id(a[c],b[c]))return!1;return!0}function Tf(a,b,c,d,e,f){Jf=f;P=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Hf.current=null===a||null===a.memoizedState?Uf:Vf;Mf=!1;a=c(d,e);Mf=!1;Lf&&(a=Wf(b,c,d,e));Xf();return a}
+function Xf(){Hf.current=Yf;var a=null!==Q&&null!==Q.next;Jf=0;R=Q=P=null;Kf=!1;Of=0;Pf=null;if(a)throw Error(t(300));}function Wf(a,b,c,d){P=a;var e=0;do{Lf&&(Pf=null);Of=0;Lf=!1;if(25<=e)throw Error(t(301));e+=1;R=Q=null;a.updateQueue=null;Hf.current=Zf;var f=b(c,d)}while(Lf);return f}function $f(){var a=Hf.current.useState()[0];return"function"===typeof a.then?ag(a):a}function bg(){var a=0!==Nf;Nf=0;return a}function cg(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}
+function dg(a){if(Kf){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Kf=!1}Jf=0;R=Q=P=null;Lf=!1;Of=Nf=0;Pf=null}function eg(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===R?P.memoizedState=R=a:R=R.next=a;return R}
+function fg(){if(null===Q){var a=P.alternate;a=null!==a?a.memoizedState:null}else a=Q.next;var b=null===R?P.memoizedState:R.next;if(null!==b)R=b,Q=a;else{if(null===a){if(null===P.alternate)throw Error(t(467));throw Error(t(310));}Q=a;a={memoizedState:Q.memoizedState,baseState:Q.baseState,baseQueue:Q.baseQueue,queue:Q.queue,next:null};null===R?P.memoizedState=R=a:R=R.next=a}return R}var gg;gg=function(){return{lastEffect:null,events:null,stores:null}};
+function ag(a){var b=Of;Of+=1;null===Pf&&(Pf=[]);a=$e(Pf,a,b);null===P.alternate&&(null===R?null===P.memoizedState:null===R.next)&&(Hf.current=Uf);return a}function hg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return ag(a);if(a.$$typeof===sa)return ig(a)}throw Error(t(438,String(a)));}function jg(a,b){return"function"===typeof b?b(a):b}function kg(a){var b=fg();return lg(b,Q,a)}
+function lg(a,b,c){var d=a.queue;if(null===d)throw Error(t(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b,u=!1;do{var w=n.lane&-536870913;if(w!==n.lane?(L&w)===w:(Jf&w)===w){var q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,
+next:null}),w===Ce&&(u=!0);else if((Jf&q)===q){n=n.next;q===Ce&&(u=!0);continue}else w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,P.lanes|=q,Re|=q;w=n.action;Mf&&c(f,w);f=n.hasEagerState?n.eagerState:c(f,w)}else q={lane:w,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=q,g=f):k=k.next=q,P.lanes|=w,Re|=w;n=n.next}while(null!==n&&
+n!==b);null===k?g=f:k.next=h;if(!id(f,a.memoizedState)&&(mg=!0,u&&(c=De,null!==c)))throw c;a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}
+function ng(a){var b=fg(),c=b.queue;if(null===c)throw Error(t(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);id(f,b.memoizedState)||(mg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
+function og(a,b,c){var d=P,e=fg(),f=K;if(f){if(void 0===c)throw Error(t(407));c=c()}else c=b();var g=!id((Q||e).memoizedState,c);g&&(e.memoizedState=c,mg=!0);e=e.queue;pg(qg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==R&&R.memoizedState.tag&1){d.flags|=2048;rg(9,sg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===M)throw Error(t(349));f||0!==(Jf&60)||tg(d,b,c)}return c}
+function tg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=P.updateQueue;null===b?(b=gg(),P.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function sg(a,b,c,d){b.value=c;b.getSnapshot=d;ug(b)&&vg(a)}function qg(a,b,c){return c(function(){ug(b)&&vg(a)})}function ug(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!id(a,c)}catch(d){return!0}}function vg(a){var b=Yd(a,2);null!==b&&wg(b,a,2)}
+function xg(a){var b=eg();if("function"===typeof a){var c=a;a=c();Mf&&(eb(!0),c(),eb(!1))}b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:jg,lastRenderedState:a};return b}function yg(a,b,c,d){a.baseState=c;return lg(a,Q,"function"===typeof d?d:jg)}function zg(a,b,c,d){if(Ag(a))throw Error(t(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,Bg(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
+function Bg(a,b,c){var d=a.action,e=a.state,f=If.transition,g={_callbacks:new Set};If.transition=g;try{var h=d(e,c);null!==h&&"object"===typeof h&&"function"===typeof h.then?(Cg(g,h),h.then(function(k){a.state=k;Dg(a,b)},function(){return Dg(a,b)}),b(h)):(b(h),a.state=h,Dg(a,b))}catch(k){b({then:function(){},status:"rejected",reason:k}),Dg(a,b)}finally{If.transition=f}}function Dg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,Bg(a,b,d.payload))}}
+function Eg(a,b){return b}function Fg(a,b,c){a=lg(a,b,Eg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?ag(a):a;b=fg();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(P.flags|=2048,rg(9,Gg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Gg(a,b){a.action=b}
+function rg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=P.updateQueue;null===b?(b=gg(),P.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Hg(){return fg().memoizedState}function Ig(a,b,c,d){var e=eg();P.flags|=a;e.memoizedState=rg(1|b,c,{destroy:void 0},void 0===d?null:d)}
+function Jg(a,b,c,d){var e=fg();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==Q&&null!==d&&Sf(d,Q.memoizedState.deps)?e.memoizedState=rg(b,c,f,d):(P.flags|=a,e.memoizedState=rg(1|b,c,f,d))}function Kg(a,b){Ig(8390656,8,a,b)}function pg(a,b){Jg(2048,8,a,b)}function Lg(a,b){return Jg(4,2,a,b)}function Mg(a,b){return Jg(4,4,a,b)}function Ng(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}
+function Og(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Jg(4,4,Ng.bind(null,b,a),c)}function Pg(){}function Qg(a,b){var c=fg();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Sf(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Rg(a,b){var c=fg();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&Sf(b,d[1]))return d[0];d=a();Mf&&(eb(!0),a(),eb(!1));c.memoizedState=[d,b];return d}
+function Sg(a,b,c){if(id(c,b))return c;if(null!==tf.current)return a.memoizedState=c,id(c,b)||(mg=!0),c;if(0===(Jf&42))return mg=!0,a.memoizedState=c;0===pe&&(pe=0===(L&536870912)||K?pb():536870912);a=zf.current;null!==a&&(a.flags|=32);a=pe;P.lanes|=a;Re|=a;return b}
+function Tg(a,b,c,d,e){var f=G;G=0!==f&&8>f?f:8;var g=If.transition,h={_callbacks:new Set};If.transition=h;Ug(a,!1,b,c);try{var k=e();if(null!==k&&"object"===typeof k&&"function"===typeof k.then){Cg(h,k);var n=Ge(k,d);Vg(a,b,n)}else Vg(a,b,d)}catch(u){Vg(a,b,{then:function(){},status:"rejected",reason:u})}finally{G=f,If.transition=g}}
+function Wg(a,b,c,d){if(5!==a.tag)throw Error(t(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:jg,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;Tg(a,f,b,fa,function(){return c(d)})}function Xg(){var a=ig(Ia);return null!==a?a:fa}function Yg(){return fg().memoizedState}
+function Zg(){return fg().memoizedState}function $g(a){for(var b=a.return;null!==b;){switch(b.tag){case 24:case 3:var c=ah(b);a=Ke(c);var d=Le(b,a,c);null!==d&&(wg(d,b,c),Me(d,b,c));b={cache:bh()};a.payload=b;return}b=b.return}}function ch(a,b,c){var d=ah(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};Ag(a)?dh(b,c):(c=Wd(a,b,c,d),null!==c&&(wg(c,a,d),eh(c,b,d)))}
+function Vg(a,b,c){var d=ah(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(Ag(a))dh(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(id(h,g)){Vd(a,b,e,0);null===M&&Td();return}}catch(k){}finally{}c=Wd(a,b,e,d);null!==c&&(wg(c,a,d),eh(c,b,d))}}
+function Ug(a,b,c,d){fh();d={lane:2,revertLane:ze(),action:d,hasEagerState:!1,eagerState:null,next:null};if(Ag(a)){if(b)throw Error(t(479));}else b=Wd(a,c,d,2),null!==b&&wg(b,a,2)}function Ag(a){var b=a.alternate;return a===P||null!==b&&b===P}function dh(a,b){Lf=Kf=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function eh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;ub(a,c)}}
+var Yf={readContext:ig,use:hg,useCallback:Rf,useContext:Rf,useEffect:Rf,useImperativeHandle:Rf,useInsertionEffect:Rf,useLayoutEffect:Rf,useMemo:Rf,useReducer:Rf,useRef:Rf,useState:Rf,useDebugValue:Rf,useDeferredValue:Rf,useTransition:Rf,useSyncExternalStore:Rf,useId:Rf};Yf.useCacheRefresh=Rf;Yf.useHostTransitionStatus=Rf;Yf.useFormState=Rf;Yf.useOptimistic=Rf;
+var Uf={readContext:ig,use:hg,useCallback:function(a,b){eg().memoizedState=[a,void 0===b?null:b];return a},useContext:ig,useEffect:Kg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Ig(4194308,4,Ng.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Ig(4194308,4,a,b)},useInsertionEffect:function(a,b){Ig(4,2,a,b)},useMemo:function(a,b){var c=eg();b=void 0===b?null:b;var d=a();Mf&&(eb(!0),a(),eb(!1));c.memoizedState=[d,b];return d},useReducer:function(a,b,c){var d=
+eg();if(void 0!==c){var e=c(b);Mf&&(eb(!0),c(b),eb(!1))}else e=b;d.memoizedState=d.baseState=e;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:e};d.queue=a;a=a.dispatch=ch.bind(null,P,a);return[d.memoizedState,a]},useRef:function(a){var b=eg();a={current:a};return b.memoizedState=a},useState:function(a){a=xg(a);var b=a.queue,c=Vg.bind(null,P,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:Pg,useDeferredValue:function(a){eg().memoizedState=a;return a},useTransition:function(){var a=
+xg(!1);a=Tg.bind(null,P,a.queue,!0,!1);eg().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=P,e=eg();if(K){if(void 0===c)throw Error(t(407));c=c()}else{c=b();if(null===M)throw Error(t(349));0!==(L&60)||tg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Kg(qg.bind(null,d,f,a),[a]);d.flags|=2048;rg(9,sg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=eg(),b=M.identifierPrefix;if(K){var c=rd;var d=qd;c=(d&~(1<<32-gb(d)-1)).toString(32)+
+c;b=":"+b+"R"+c;c=Nf++;0<c&&(b+="H"+c.toString(32));b+=":"}else c=Qf++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return eg().memoizedState=$g.bind(null,P)}};Uf.useHostTransitionStatus=Xg;
+Uf.useFormState=function(a,b){if(K){var c=M.formState;if(null!==c){a:{if(K){if(I){b:{var d=I;for(var e=xd;8!==d.nodeType;){if(!e){d=null;break b}d=Hd(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){I=Hd(d);d="F!"===d.data;break a}}Jd()}d=!1}d&&(b=c[0])}}c=eg();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Eg,lastRenderedState:b};c.queue=d;c=Vg.bind(null,P,d);d.dispatch=c;d=eg();e={state:b,dispatch:null,action:a,pending:null};d.queue=
+e;c=zg.bind(null,P,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};Uf.useOptimistic=function(a){var b=eg();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=Ug.bind(null,P,!0,c);c.dispatch=b;return[a,b]};
+var Vf={readContext:ig,use:hg,useCallback:Qg,useContext:ig,useEffect:pg,useImperativeHandle:Og,useInsertionEffect:Lg,useLayoutEffect:Mg,useMemo:Rg,useReducer:kg,useRef:Hg,useState:function(){return kg(jg)},useDebugValue:Pg,useDeferredValue:function(a){var b=fg();return Sg(b,Q.memoizedState,a)},useTransition:function(){var a=kg(jg)[0],b=fg().memoizedState;return["boolean"===typeof a?a:ag(a),b]},useSyncExternalStore:og,useId:Yg};Vf.useCacheRefresh=Zg;Vf.useHostTransitionStatus=Xg;
+Vf.useFormState=function(a){var b=fg();return Fg(b,Q,a)};Vf.useOptimistic=function(a,b){var c=fg();return yg(c,Q,a,b)};
+var Zf={readContext:ig,use:hg,useCallback:Qg,useContext:ig,useEffect:pg,useImperativeHandle:Og,useInsertionEffect:Lg,useLayoutEffect:Mg,useMemo:Rg,useReducer:ng,useRef:Hg,useState:function(){return ng(jg)},useDebugValue:Pg,useDeferredValue:function(a){var b=fg();return null===Q?(b.memoizedState=a,a):Sg(b,Q.memoizedState,a)},useTransition:function(){var a=ng(jg)[0],b=fg().memoizedState;return["boolean"===typeof a?a:ag(a),b]},useSyncExternalStore:og,useId:Yg};Zf.useCacheRefresh=Zg;
+Zf.useHostTransitionStatus=Xg;Zf.useFormState=function(a){var b=fg(),c=Q;if(null!==c)return Fg(b,c,a);b=b.memoizedState;c=fg();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};Zf.useOptimistic=function(a,b){var c=fg();if(null!==Q)return yg(c,Q,a,b);c.baseState=a;return[a,c.queue.dispatch]};function gh(a,b){if(a&&a.defaultProps){b=D({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function hh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:D({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
+var ih={isMounted:function(a){return(a=a._reactInternals)?Rc(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=ah(a),e=Ke(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=Le(a,e,d);null!==b&&(wg(b,a,d),Me(b,a,d))},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=ah(a),e=Ke(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=Le(a,e,d);null!==b&&(wg(b,a,d),Me(b,a,d))},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=ah(a),d=Ke(c);d.tag=2;void 0!==
+b&&null!==b&&(d.callback=b);b=Le(a,d,c);null!==b&&(wg(b,a,c),Me(b,a,c))}};function jh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!Ue(c,d)||!Ue(e,f):!0}
+function kh(a,b,c){var d=!1,e=Xc;var f=b.contextType;"object"===typeof f&&null!==f?f=ig(f):(e=bd(b)?$c:Yc.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?ad(a,e):Xc);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=ih;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
+function lh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&ih.enqueueReplaceState(b,b.state,null)}
+function mh(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Ie(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=ig(f):(f=bd(b)?$c:Yc.current,e.context=ad(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(hh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
+"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&ih.enqueueReplaceState(e,e.state,null),Qe(a,c,e,d),Pe(),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}var nh=new WeakMap;function oh(a,b){if("object"===typeof a&&null!==a){var c=nh.get(a);"string"!==typeof c&&(c=hc(b),nh.set(a,c))}else c=hc(b);return{value:a,source:b,stack:c,digest:null}}
+function ph(a,b,c){"string"===typeof c&&nh.set(a,c);return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function qh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function rh(a,b,c){c=Ke(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){sh||(sh=!0,th=d);qh(a,b)};return c}
+function uh(a,b,c){c=Ke(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){qh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){qh(a,b);"function"!==typeof d&&(null===vh?vh=new Set([this]):vh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
+function wh(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Ke(2),b.tag=2,Le(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
+function xh(a,b,c,d,e){c.flags|=32768;if(null!==d&&"object"===typeof d&&"function"===typeof d.then){var f=c.tag;0!==(c.mode&1)||0!==f&&11!==f&&15!==f||((f=c.alternate)?(c.updateQueue=f.updateQueue,c.memoizedState=f.memoizedState,c.lanes=f.lanes):(c.updateQueue=null,c.memoizedState=null));f=zf.current;if(null!==f){switch(f.tag){case 13:return c.mode&1&&(null===Af?yh():null===f.alternate&&0===S&&(S=3)),f.flags&=-257,wh(f,b,c,a,e),d===Xe?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=new Set([d]):
+b.add(d),f.mode&1&&zh(a,d,e)),!1;case 22:if(f.mode&1)return f.flags|=65536,d===Xe?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(c=b.retryQueue,null===c?b.retryQueue=new Set([d]):c.add(d)),zh(a,d,e)),!1}throw Error(t(435,f.tag));}if(1===a.tag)return zh(a,d,e),yh(),!1;d=Error(t(426))}if(K&&c.mode&1&&(f=zf.current,null!==f))return 0===(f.flags&65536)&&(f.flags|=256),wh(f,b,c,a,e),Pd(oh(d,c)),!1;a=d=oh(d,c);4!==S&&(S=2);null===
+Ah?Ah=[a]:Ah.push(a);if(null===b)return!0;a=b;do{switch(a.tag){case 3:return a.flags|=65536,e&=-e,a.lanes|=e,e=rh(a,d,e),Ne(a,e),!1;case 1:if(b=d,c=a.type,f=a.stateNode,0===(a.flags&128)&&("function"===typeof c.getDerivedStateFromError||null!==f&&"function"===typeof f.componentDidCatch&&(null===vh||!vh.has(f))))return a.flags|=65536,e&=-e,a.lanes|=e,e=uh(a,b,e),Ne(a,e),!1}a=a.return}while(null!==a);return!1}var Bh=da.ReactCurrentOwner,Ch=Error(t(461)),mg=!1;
+function Dh(a,b,c,d){b.child=null===a?sf(b,null,c,d):rf(b,a.child,c,d)}function Eh(a,b,c,d,e){c=c.render;var f=b.ref;Fh(b,e);d=Tf(a,b,c,d,f,e);c=bg();if(null!==a&&!mg)return cg(a,b,e),Gh(a,b,e);K&&c&&ud(b);b.flags|=1;Dh(a,b,d,e);return b.child}
+function Hh(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!Ih(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,Jh(a,b,f,d,e);a=nf(c.type,null,d,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:Ue;if(c(g,d)&&a.ref===b.ref)return Gh(a,b,e)}b.flags|=1;a=lf(f,d);a.ref=b.ref;a.return=b;return b.child=a}
+function Jh(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(Ue(f,d)&&a.ref===b.ref)if(mg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(mg=!0);else return b.lanes=a.lanes,Gh(a,b,e)}return Kh(a,b,c,d,e)}
+function Lh(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;Mh(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return Nh(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&Oh(b,null),xf(),Df(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
+cachePool:null},null!==a&&Oh(b,null!==g?g.cachePool:null),null!==g?vf(b,g):xf(),Df(b);else return b.lanes=b.childLanes=536870912,Nh(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(Oh(b,g.cachePool),vf(b,g),Ef(b),b.memoizedState=null):(null!==a&&Oh(b,null),xf(),Ef(b));Dh(a,b,e,c);return b.child}function Nh(a,b,c){var d=Ph();d=null===d?null:{parent:U._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&Oh(b,null);xf();Df(b);return null}
+function Mh(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function Kh(a,b,c,d,e){var f=bd(c)?$c:Yc.current;f=ad(b,f);Fh(b,e);c=Tf(a,b,c,d,f,e);d=bg();if(null!==a&&!mg)return cg(a,b,e),Gh(a,b,e);K&&d&&ud(b);b.flags|=1;Dh(a,b,c,e);return b.child}function Qh(a,b,c,d,e,f){Fh(b,f);c=Wf(b,d,c,e);Xf();d=bg();if(null!==a&&!mg)return cg(a,b,f),Gh(a,b,f);K&&d&&ud(b);b.flags|=1;Dh(a,b,c,f);return b.child}
+function Rh(a,b,c,d,e){if(bd(c)){var f=!0;fd(b)}else f=!1;Fh(b,e);if(null===b.stateNode)Sh(a,b),kh(b,c,d),mh(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=ig(n):(n=bd(c)?$c:Yc.current,n=ad(b,n));var u=c.getDerivedStateFromProps,w="function"===typeof u||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
+(h!==d||k!==n)&&lh(b,g,d,n);He=!1;var q=b.memoizedState;g.state=q;Qe(b,d,g,e);Pe();k=b.memoizedState;h!==d||q!==k||Zc.current||He?("function"===typeof u&&(hh(b,c,u,d),k=b.memoizedState),(h=He||jh(b,c,h,d,q,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=
+4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Je(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:gh(b.type,h);g.props=n;w=b.pendingProps;q=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=ig(k):(k=bd(c)?$c:Yc.current,k=ad(b,k));var r=c.getDerivedStateFromProps;(u="function"===typeof r||"function"===typeof g.getSnapshotBeforeUpdate)||
+"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||q!==k)&&lh(b,g,d,k);He=!1;q=b.memoizedState;g.state=q;Qe(b,d,g,e);Pe();var y=b.memoizedState;h!==w||q!==y||Zc.current||He?("function"===typeof r&&(hh(b,c,r,d),y=b.memoizedState),(n=He||jh(b,c,n,d,q,y,k)||!1)?(u||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,y,k),"function"===
+typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,y,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=y),g.props=d,g.state=y,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||
+h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),d=!1)}return Th(a,b,c,d,f,e)}
+function Th(a,b,c,d,e,f){Mh(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&gd(b,c,!1),Gh(a,b,f);d=b.stateNode;Bh.current=b;var h=g&&"function"!==typeof c.getDerivedStateFromError?null:d.render();b.flags|=1;null!==a&&g?(b.child=rf(b,a.child,null,f),b.child=rf(b,null,h,f)):Dh(a,b,h,f);b.memoizedState=d.state;e&&gd(b,c,!0);return b.child}function Uh(a){var b=a.stateNode;b.pendingContext?dd(a,b.pendingContext,b.pendingContext!==b.context):b.context&&dd(a,b.context,!1);Ja(a,b.containerInfo)}
+function Vh(a,b,c,d,e){Od();Pd(e);b.flags|=256;Dh(a,b,c,d);return b.child}var Wh={dehydrated:null,treeContext:null,retryLane:0};function Xh(a){return{baseLanes:a,cachePool:Yh()}}function Zh(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=pe);return a}
+function $h(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Cf.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?Bf(b):Ef(b);if(K){var h=f=I;if(!h)Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=f;else if(!Gd(b,h)){Id(b)&&Jd();I=Hd(h);var k=H;I&&Gd(b,I)?yd(k,h):(Ad(H,b),K=!1,H=b,I=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
+Ff(b)}f=d.children;d=d.fallback;if(e)return Ef(b),e=b.mode,h=b.child,f={mode:"hidden",children:f},0===(e&1)&&null!==h?(h.childLanes=0,h.pendingProps=f):h=ai(f,e,0,null),d=pf(d,e,c,null),h.return=b,d.return=b,h.sibling=d,b.child=h,e=b.child,e.memoizedState=Xh(c),e.childLanes=Zh(a,g,c),b.memoizedState=Wh,d;Bf(b);return bi(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return ci(a,b,f,g,d,k,h,c);if(e){Ef(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};
+0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.deletions=null):(d=lf(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=lf(k,e):(e=pf(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===f?f=Xh(c):(h=f.cachePool,null!==h?(k=U._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=Yh(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=Zh(a,g,c);b.memoizedState=Wh;return d}Bf(b);g=a.child;a=g.sibling;
+g=lf(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}function bi(a,b){b=ai({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}function di(a,b,c,d){null!==d&&Pd(d);rf(b,a.child,null,c);a=bi(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
+function ci(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Bf(b),b.flags&=-257,f=ph(Error(t(422))),di(a,b,h,f);if(null!==b.memoizedState)return Ef(b),b.child=a.child,b.flags|=128,null;Ef(b);f=e.fallback;g=b.mode;e=ai({mode:"visible",children:e.children},g,0,null);f=pf(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&rf(b,a.child,null,h);g=b.child;g.memoizedState=Xh(h);g.childLanes=Zh(a,d,h);b.memoizedState=Wh;return f}Bf(b);if(0===(b.mode&1))return di(a,b,h,null);if("$!"===
+f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=Error(t(419));d.digest=f;f=ph(d,f,void 0);return di(a,b,h,f)}d=0!==(h&a.childLanes);if(mg||d){d=M;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=64;break;
+case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,Yd(a,e),wg(d,a,e),Ch;}"$?"!==f.data&&yh();return di(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=ei.bind(null,a),f._reactRetry=b,null;a=g.treeContext;I=Dd(f.nextSibling);H=b;K=!0;wd=null;xd=!1;null!==a&&(nd[od++]=qd,nd[od++]=rd,nd[od++]=pd,qd=a.id,rd=a.overflow,pd=b);b=bi(b,e.children);b.flags|=4096;return b}
+function fi(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);gi(a.return,b,c)}function hi(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
+function ii(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;Dh(a,b,d.children,c);d=Cf.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&fi(a,c,b);else if(19===a.tag)fi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}F(Cf,d);if(0===(b.mode&1))b.memoizedState=
+null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Gf(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);hi(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Gf(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}hi(b,!0,c,null,f);break;case "together":hi(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
+function Sh(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Gh(a,b,c){null!==a&&(b.dependencies=a.dependencies);Re|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(t(153));if(null!==b.child){a=b.child;c=lf(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=lf(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
+function ji(a,b,c){switch(b.tag){case 3:Uh(b);ki(b,U,a.memoizedState.cache);Od();break;case 27:case 5:Na(b);break;case 1:bd(b.type)&&fd(b);break;case 4:Ja(b,b.stateNode.containerInfo);break;case 10:ki(b,b.type._context,b.memoizedProps.value);break;case 13:var d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Bf(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return $h(a,b,c);Bf(b);a=Gh(a,b,c);return null!==a?a.sibling:null}Bf(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return ii(a,
+b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);F(Cf,Cf.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,Lh(a,b,c);case 24:ki(b,U,a.memoizedState.cache)}return Gh(a,b,c)}var li=ka(null),mi=null,ni=null,oi=null;function pi(){oi=ni=mi=null}function ki(a,b,c){F(li,b._currentValue);b._currentValue=c}function qi(a){a._currentValue=li.current;E(li)}
+function gi(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
+function ri(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=Ke(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);gi(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
+f)throw Error(t(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);gi(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function Fh(a,b){mi=a;oi=ni=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(mg=!0),a.firstContext=null)}function ig(a){return si(mi,a)}function qf(a,b,c){null===mi&&Fh(a,c);return si(a,b)}
+function si(a,b){var c=b._currentValue;if(oi!==b)if(b={context:b,memoizedValue:c,next:null},null===ni){if(null===a)throw Error(t(308));ni=b;a.dependencies={lanes:0,firstContext:b}}else ni=ni.next=b;return c}
+var ti="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},ui=ba.unstable_scheduleCallback,vi=ba.unstable_NormalPriority,U={$$typeof:sa,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function bh(){return{controller:new ti,data:new Map,refCount:0}}
+function wi(a){a.refCount--;0===a.refCount&&ui(vi,function(){a.controller.abort()})}var xi=da.ReactCurrentBatchConfig;function fh(){var a=xi.transition;null!==a&&a._callbacks.add(yi);return a}function yi(a,b){Ee(a,b)}function Cg(a,b){a._callbacks.forEach(function(c){return c(a,b)})}var zi=ka(null);function Ph(){var a=zi.current;return null!==a?a:M.pooledCache}function Oh(a,b){null===b?F(zi,zi.current):F(zi,b.pool)}function Yh(){var a=Ph();return null===a?null:{parent:U._currentValue,pool:a}}
+function Ai(a){a.flags|=4}function Bi(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(L&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(Ci())a.flags|=8192;else throw af=Xe,We;}function Di(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?qb():536870912,a.lanes|=b)}
+function Ei(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
+function V(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)for(var e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
+function Fi(a,b,c){var d=b.pendingProps;vd(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return bd(b.type)&&cd(),V(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);qi(U);Ma();E(Zc);E(Yc);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Ld(b)?Ai(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
+1024,null!==wd&&(Gi(wd),wd=null));V(b);return null;case 26:c=b.memoizedState;if(null===a)Ai(b),null!==c?(V(b),Bi(b,c)):(V(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&Ai(b);null!==c?(V(b),c===e?b.flags&=-16777217:Bi(b,c)):(a.memoizedProps!==d&&Ai(b),V(b),b.flags&=-16777217)}return null;case 27:Oa(b);c=Ga.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Ai(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));V(b);return null}a=Ea.current;Ld(b)?Hi(b.stateNode,b.type,
+b.memoizedProps,a,b):(a=Ii(e,d,c),b.stateNode=a,Ai(b))}V(b);return null;case 5:Oa(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Ai(b);else{if(!d){if(null===b.stateNode)throw Error(t(166));V(b);return null}a=Ea.current;if(Ld(b))Hi(b.stateNode,b.type,b.memoizedProps,a,b);else{e=Ji(Ga.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",
+c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):e.createElement(c)}}a[Ab]=b;a[Bb]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);
+else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(Ki(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&Ai(b)}}V(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&Ai(b);else{if("string"!==typeof d&&
+null===b.stateNode)throw Error(t(166));a=Ga.current;if(Ld(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Ab]=b;if(d=a.nodeValue!==c)if(e=H,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);Li(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&Li(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&Ai(b)}else a=Ji(a).createTextNode(d),a[Ab]=b,b.stateNode=a}V(b);return null;case 13:Ff(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==
+a.memoizedState.dehydrated){if(K&&null!==I&&0!==(b.mode&1)&&0===(b.flags&128))Nd(),Od(),b.flags|=384,e=!1;else if(e=Ld(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(t(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(t(317));e[Ab]=b}else Od(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4;V(b);e=!1}else null!==wd&&(Gi(wd),wd=null),e=!0;if(!e)return b.flags&256?b:null}if(0!==(b.flags&128))return b.lanes=c,b;c=null!==d;a=null!==a&&null!==a.memoizedState;
+c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);Di(b,b.updateQueue);V(b);return null;case 4:return Ma(),null===a&&Mi(b.stateNode.containerInfo),V(b),null;case 10:return qi(b.type._context),V(b),null;case 17:return bd(b.type)&&cd(),
+V(b),null;case 19:E(Cf);e=b.memoizedState;if(null===e)return V(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)Ei(e,!1);else{if(0!==S||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Gf(a);if(null!==f){b.flags|=128;Ei(e,!1);a=f.updateQueue;b.updateQueue=a;Di(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)Ni(c,a),c=c.sibling;F(Cf,Cf.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Ta()>Oi&&(b.flags|=128,d=!0,Ei(e,!1),b.lanes=4194304)}else{if(!d)if(a=Gf(f),null!==a){if(b.flags|=
+128,d=!0,a=a.updateQueue,b.updateQueue=a,Di(b,a),Ei(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!K)return V(b),null}else 2*Ta()-e.renderingStartTime>Oi&&536870912!==c&&(b.flags|=128,d=!0,Ei(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Ta(),b.sibling=null,a=Cf.current,F(Cf,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return Ff(b),
+yf(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),c=b.updateQueue,null!==c&&Di(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&E(zi),null;
+case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),qi(U),V(b),null;case 25:return null}throw Error(t(156,b.tag));}
+function Pi(a,b){vd(b);switch(b.tag){case 1:return bd(b.type)&&cd(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return qi(U),Ma(),E(Zc),E(Yc),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Oa(b),null;case 13:Ff(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(t(340));Od()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return E(Cf),null;case 4:return Ma(),null;case 10:return qi(b.type._context),
+null;case 22:case 23:return Ff(b),yf(),null!==a&&E(zi),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 24:return qi(U),null;case 25:return null;default:return null}}
+function Qi(a,b){vd(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&cd();break;case 3:qi(U);Ma();E(Zc);E(Yc);break;case 26:case 27:case 5:Oa(b);break;case 4:Ma();break;case 13:Ff(b);break;case 19:E(Cf);break;case 10:qi(b.type._context);break;case 22:case 23:Ff(b);yf();null!==a&&E(zi);break;case 24:qi(U)}}function Ri(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
+var Si=!1,Ti=null,Ui=!1,Vi=null,Wi={onError:function(a){Si=!0;Ti=a}};function Xi(a,b,c,d,e,f,g,h,k){Si=!1;Ti=null;Ri.apply(Wi,arguments)}function Yi(a,b,c,d,e,f,g,h,k){Xi.apply(this,arguments);if(Si){if(Si){var n=Ti;Si=!1;Ti=null}else throw Error(t(198));Ui||(Ui=!0,Vi=n)}}var Zi=!1,$i=!1,aj="function"===typeof WeakSet?WeakSet:Set,bj=null;
+function cj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}"function"===typeof c?a.refCleanup=c(e):c.current=e}}catch(f){W(a,b,f)}}function dj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{c(null)}catch(e){W(a,b,e)}else c.current=null}
+function ej(a,b,c){try{c()}catch(d){W(a,b,d)}}var fj=!1;
+function gj(a,b){hj=ij;a=jj();if(kj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(v){c=null;break a}var g=0,h=-1,k=-1,n=0,u=0,w=a,q=null;b:for(;;){for(var r;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
+w.nodeValue.length);if(null===(r=w.firstChild))break;q=w;w=r}for(;;){if(w===a)break b;q===c&&++n===e&&(h=g);q===f&&++u===d&&(k=g);if(null!==(r=w.nextSibling))break;w=q;q=w.parentNode}w=r}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;lj={focusedElem:a,selectionRange:c};ij=!1;for(bj=b;null!==bj;)if(b=bj,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,bj=a;else for(;null!==bj;){b=bj;try{var y=b.alternate,C=b.flags;switch(b.tag){case 0:break;case 11:case 15:break;
+case 1:if(0!==(C&1024)&&null!==y){var T=y.memoizedProps,m=y.memoizedState,l=b.stateNode,p=l.getSnapshotBeforeUpdate(b.elementType===b.type?T:gh(b.type,T),m);l.__reactInternalSnapshotBeforeUpdate=p}break;case 3:0!==(C&1024)&&mj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(C&1024))throw Error(t(163));}}catch(v){W(b,b.return,v)}a=b.sibling;if(null!==a){a.return=b.return;bj=a;break}bj=b.return}y=fj;fj=!1;return y}
+function nj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,ej(b,c,g))}e=e.next}while(e!==d)}}function oj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create,e=c.inst;d=d();e.destroy=d}c=c.next}while(c!==b)}}function pj(a,b){try{oj(b,a)}catch(c){W(a,a.return,c)}}
+function qj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{Te(b,c)}catch(d){W(a,a.return,d)}}}function rj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
+function sj(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:tj(a,c);d&4&&pj(c,5);break;case 1:tj(a,c);if(d&4)if(a=c.stateNode,null===b)try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:gh(c.type,b.memoizedProps);b=b.memoizedState;try{a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&qj(c);d&512&&cj(c,c.return);break;case 3:tj(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=
+c.child.stateNode;break;case 1:a=c.child.stateNode}try{Te(d,a)}catch(h){W(c,c.return,h)}}break;case 26:tj(a,c);d&512&&cj(c,c.return);break;case 27:case 5:tj(a,c);null===b&&d&4&&rj(c);d&512&&cj(c,c.return);break;case 12:tj(a,c);break;case 13:tj(a,c);d&4&&uj(a,c);break;case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||Zi,!e){b=null!==b&&null!==b.memoizedState||$i;var f=Zi,g=$i;Zi=e;($i=b)&&!g?vj(a,c,0!==(c.subtreeFlags&8772)):tj(a,c);Zi=f;$i=g}}else tj(a,c);d&512&&("manual"===c.memoizedProps.mode?
+cj(c,c.return):dj(c,c.return));break;default:tj(a,c)}}function wj(a){var b=a.alternate;null!==b&&(a.alternate=null,wj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Jb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function xj(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
+function yj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||xj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
+function zj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Aj));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(zj(a,b,c),a=a.sibling;null!==a;)zj(a,b,c),a=a.sibling}
+function Bj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Bj(a,b,c),a=a.sibling;null!==a;)Bj(a,b,c),a=a.sibling}var Cj=null,Dj=!1;function Ej(a,b,c){for(c=c.child;null!==c;)Fj(a,b,c),c=c.sibling}
+function Fj(a,b,c){if(cb&&"function"===typeof cb.onCommitFiberUnmount)try{cb.onCommitFiberUnmount(bb,c)}catch(k){}switch(c.tag){case 26:$i||dj(c,b);Ej(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:$i||dj(c,b);var d=Cj,e=Dj;Cj=c.stateNode;Ej(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Jb(c);Cj=d;Dj=e;break;case 5:$i||dj(c,b);case 6:d=Cj;e=Dj;Cj=null;Ej(a,b,c);Cj=d;Dj=e;null!==Cj&&(Dj?(a=Cj,c=c.stateNode,
+8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):Cj.removeChild(c.stateNode));break;case 18:null!==Cj&&(Dj?(a=Cj,c=c.stateNode,8===a.nodeType?Gj(a.parentNode,c):1===a.nodeType&&Gj(a,c),Hj(a)):Gj(Cj,c.stateNode));break;case 4:d=Cj;e=Dj;Cj=c.stateNode.containerInfo;Dj=!0;Ej(a,b,c);Cj=d;Dj=e;break;case 0:case 11:case 14:case 15:if(!$i&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,ej(c,b,h)):
+0!==(f&4)&&(g.destroy=void 0,ej(c,b,h)));e=e.next}while(e!==d)}Ej(a,b,c);break;case 1:if(!$i&&(dj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(k){W(c,b,k)}Ej(a,b,c);break;case 21:Ej(a,b,c);break;case 22:dj(c,b);c.mode&1?($i=(d=$i)||null!==c.memoizedState,Ej(a,b,c),$i=d):Ej(a,b,c);break;default:Ej(a,b,c)}}
+function uj(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{Hj(a)}catch(c){W(b,b.return,c)}}function Ij(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new aj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new aj),b;default:throw Error(t(435,a.tag));}}function Jj(a,b){var c=Ij(a);b.forEach(function(d){var e=Kj.bind(null,a,d);c.has(d)||(c.add(d),d.then(e,e))})}
+function Lj(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:Cj=h.stateNode;Dj=!1;break a;case 3:Cj=h.stateNode.containerInfo;Dj=!0;break a;case 4:Cj=h.stateNode.containerInfo;Dj=!0;break a}h=h.return}if(null===Cj)throw Error(t(160));Fj(f,g,e);Cj=null;Dj=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)Mj(b,a),b=b.sibling}
+var Nj=null;
+function Mj(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:Lj(b,a);Oj(a);if(d&4){try{nj(3,a,a.return),oj(3,a)}catch(r){W(a,a.return,r)}try{nj(5,a,a.return)}catch(r){W(a,a.return,r)}}break;case 1:Lj(b,a);Oj(a);d&512&&null!==c&&dj(c,c.return);d&64&&Zi&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=Nj;Lj(b,a);Oj(a);d&512&&null!==c&&dj(c,c.return);if(d&4)if(b=null!==
+c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Ib]||e[Ab]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));Ki(e,c,d);e[Ab]=a;Qb(e);c=e;break a;case "link":var f=Pj("link","href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],
+e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);Ki(e,c,d);b.head.appendChild(e);break;case "meta":if(f=Pj("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==
+d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);Ki(e,c,d);b.head.appendChild(e);break;default:throw Error(t(468,c));}e[Ab]=a;Qb(e);c=e}a.stateNode=c}else Qj(e,a.type,a.stateNode);else a.stateNode=Rj(e,d,a.memoizedProps);else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):
+b.count--,null===d?Qj(e,a.type,a.stateNode):Rj(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Sj(h,a.type,c.memoizedProps,k);h[Bb]=k}catch(r){W(a,a.return,r)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,u=g.nodeName;g[Ib]||"HEAD"===u||"BODY"===u||"SCRIPT"===u||"STYLE"===u||"LINK"===u&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=
+e.attributes;n.length;)e.removeAttributeNode(n[0]);Ki(e,g,f);e[Ab]=a;e[Bb]=f}case 5:Lj(b,a);Oj(a);d&512&&null!==c&&dj(c,c.return);if(a.flags&32){b=a.stateNode;try{Ec(b,"")}catch(r){W(a,a.return,r)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Sj(d,e,c,b),d[Bb]=b}catch(r){W(a,a.return,r)}}break;case 6:Lj(b,a);Oj(a);if(d&4){if(null===a.stateNode)throw Error(t(162));c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(r){W(a,a.return,
+r)}}break;case 3:Tj=null;e=Nj;Nj=Uj(b.containerInfo);Lj(b,a);Nj=e;Oj(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{Hj(b.containerInfo)}catch(r){W(a,a.return,r)}break;case 4:c=Nj;Nj=Uj(a.stateNode.containerInfo);Lj(b,a);Oj(a);Nj=c;break;case 13:Lj(b,a);Oj(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(Vj=Ta());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Jj(a,c)));break;case 22:d&512&&null!==c&&dj(c,c.return);h=null!==a.memoizedState;k=null!==c&&
+null!==c.memoizedState;if(a.mode&1){var w=Zi,q=$i;Zi=w||h;$i=q||k;Lj(b,a);$i=q;Zi=w}else Lj(b,a);Oj(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=Zi||$i,null===c||k||b||0!==(a.mode&1)&&Wj(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display",
+"none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,u=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==u||"boolean"===typeof u?"":(""+u).trim())}catch(r){W(a,a.return,r)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(r){W(a,a.return,r)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===
+b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,Jj(a,d))));break;case 19:Lj(b,a);Oj(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,Jj(a,c)));break;case 21:break;default:Lj(b,a),Oj(a)}}
+function Oj(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(xj(c)){var d=c;break b}c=c.return}throw Error(t(160));}switch(d.tag){case 27:var e=d.stateNode,f=yj(a);Bj(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Ec(g,""),d.flags&=-33);var h=yj(a);Bj(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=yj(a);zj(a,n,k);break;default:throw Error(t(161));}}}catch(u){W(a,a.return,u)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
+function tj(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)sj(a,b.alternate,b),b=b.sibling}
+function Wj(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:nj(4,b,b.return);Wj(b);break;case 1:dj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{var f=d;c.props=f.memoizedProps;c.state=f.memoizedState;c.componentWillUnmount()}catch(g){W(d,e,g)}}Wj(b);break;case 26:case 27:case 5:dj(b,b.return);Wj(b);break;case 22:dj(b,b.return);null===b.memoizedState&&Wj(b);break;default:Wj(b)}a=a.sibling}}
+function vj(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:vj(e,f,c);pj(f,4);break;case 1:vj(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)Se(h[d],e)}c&&g&64&&qj(f);cj(f,f.return);break;case 26:case 27:case 5:vj(e,f,c);
+c&&null===d&&g&4&&rj(f);cj(f,f.return);break;case 12:vj(e,f,c);break;case 13:vj(e,f,c);c&&g&4&&uj(e,f);break;case 22:null===f.memoizedState&&vj(e,f,c);cj(f,f.return);break;default:vj(e,f,c)}b=b.sibling}}function Xj(a,b){try{oj(b,a)}catch(c){W(a,a.return,c)}}
+function Yj(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&wi(c))}function Zj(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&wi(a))}
+function ak(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)bk(a,b,c,d),b=b.sibling}
+function bk(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:ak(a,b,c,d);e&2048&&Xj(b,9);break;case 3:ak(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&wi(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?ak(a,b,c,d):b.mode&1?ck(a,b):(f._visibility|=4,ak(a,b,c,d)):f._visibility&4?ak(a,b,c,d):(f._visibility|=4,dk(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Yj(b.alternate,
+b);break;case 24:ak(a,b,c,d);e&2048&&Zj(b.alternate,b);break;default:ak(a,b,c,d)}}
+function dk(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:dk(f,g,h,k,e);Xj(g,8);break;case 23:break;case 22:var u=g.stateNode;null!==g.memoizedState?u._visibility&4?dk(f,g,h,k,e):g.mode&1?ck(f,g):(u._visibility|=4,dk(f,g,h,k,e)):(u._visibility|=4,dk(f,g,h,k,e));e&&n&2048&&Yj(g.alternate,g);break;case 24:dk(f,g,h,k,e);e&&n&2048&&Zj(g.alternate,g);break;default:dk(f,g,h,k,e)}b=b.sibling}}
+function ck(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:ck(c,d);e&2048&&Yj(d.alternate,d);break;case 24:ck(c,d);e&2048&&Zj(d.alternate,d);break;default:ck(c,d)}b=b.sibling}}var ek=8192;function fk(a){if(a.subtreeFlags&ek)for(a=a.child;null!==a;)gk(a),a=a.sibling}
+function gk(a){switch(a.tag){case 26:fk(a);a.flags&ek&&null!==a.memoizedState&&hk(Nj,a.memoizedState,a.memoizedProps);break;case 5:fk(a);break;case 3:case 4:var b=Nj;Nj=Uj(a.stateNode.containerInfo);fk(a);Nj=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=ek,ek=16777216,fk(a),ek=b):fk(a));break;default:fk(a)}}function ik(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
+function jk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];bj=d;kk(d,a)}ik(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)lk(a),a=a.sibling}function lk(a){switch(a.tag){case 0:case 11:case 15:jk(a);a.flags&2048&&nj(9,a,a.return);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,mk(a)):jk(a);break;default:jk(a)}}
+function mk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];bj=d;kk(d,a)}ik(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:nj(8,b,b.return);mk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,mk(b));break;default:mk(b)}a=a.sibling}}
+function kk(a,b){for(;null!==bj;){var c=bj;switch(c.tag){case 0:case 11:case 15:nj(8,c,b);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:wi(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,bj=d;else a:for(c=a;null!==bj;){d=bj;var e=d.sibling,f=d.return;wj(d);if(d===c){bj=null;break a}if(null!==e){e.return=f;bj=e;break a}bj=f}}}
+var nk={getCacheSignal:function(){return ig(U).controller.signal},getCacheForType:function(a){var b=ig(U),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},ok="function"===typeof WeakMap?WeakMap:Map,pk=da.ReactCurrentDispatcher,qk=da.ReactCurrentCache,rk=da.ReactCurrentOwner,sk=da.ReactCurrentBatchConfig,N=0,M=null,X=null,L=0,O=0,tk=null,uk=!1,wf=0,S=0,me=null,Re=0,vk=0,wk=0,pe=0,Ah=null,re=null,te=!1,xk=!1,Vj=0,Oi=Infinity,se=null,sh=!1,th=null,vh=null,yk=!1,zk=null,Ak=0,Bk=0,Ck=null,
+Dk=0,Ek=null;function ah(a){if(0===(a.mode&1))return 2;if(0!==(N&2)&&0!==L)return L&-L;if(null!==fh())return a=Ce,0!==a?a:ze();a=G;if(0!==a)return a;a=window.event;a=void 0===a?32:Fk(a.type);return a}function wg(a,b,c){if(a===M&&2===O||null!==a.cancelPendingCommit)ne(a,0),oe(a,L,pe);Gk(a,c);if(0===(N&2)||a!==M)a===M&&(0===(N&2)&&(vk|=c),4===S&&oe(a,L,pe)),fe(a),2===c&&0===N&&0===(b.mode&1)&&(Oi=Ta()+500,ie(!0))}
+function xe(a,b){if(0!==(N&6))throw Error(t(327));var c=a.callbackNode;if(je()&&a.callbackNode!==c)return null;var d=mb(a,a===M?L:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?Hk(a,d):ke(a,d);if(0!==b){var f=e;do{if(6===b)oe(a,d,0);else{e=a.current.alternate;if(f&&!Ik(e)){b=ke(a,d);f=!1;continue}if(2===b){f=d;var g=ob(a,f);0!==g&&(d=g,b=le(a,f,g))}if(1===b)throw c=me,ne(a,0),oe(a,d,0),fe(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(t(345));
+case 4:if((d&4194176)===d){oe(f,d,pe);break a}break;case 2:case 3:case 5:break;default:throw Error(t(329));}if((d&62914560)===d&&(b=Vj+300-Ta(),10<b)){oe(f,d,pe);if(0!==mb(f,0))break a;f.timeoutHandle=Jk(Kk.bind(null,f,e,re,se,te,d,pe),b);break a}Kk(f,e,re,se,te,d,pe)}}break}while(1)}fe(a);we(a,Ta());a=a.callbackNode===c?xe.bind(null,a):null;return a}
+function le(a,b,c){var d=Ah,e=a.current.memoizedState.isDehydrated;e&&(ne(a,c).flags|=256);c=ke(a,c);if(2!==c){if(uk&&!e)return a.errorRecoveryDisabledLanes|=b,vk|=b,4;a=re;re=d;null!==a&&Gi(a)}return c}function Gi(a){null===re?re=a:re.push.apply(re,a)}function Kk(a,b,c,d,e,f,g){if(0===(f&42)&&(Lk={stylesheets:null,count:0,unsuspend:Mk},gk(b),b=Nk(),null!==b)){a.cancelPendingCommit=b(qe.bind(null,a,c,d,e));oe(a,f,g);return}qe(a,c,d,e,g)}
+function Ik(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!id(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
+function Gk(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0);N&2?te=!0:N&4&&(xk=!0);Zd()}function oe(a,b,c){b&=~wk;b&=~vk;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-gb(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&tb(a,c,b)}function Ok(a,b){var c=N;N|=1;try{return a(b)}finally{N=c,0===N&&(Oi=Ta()+500,ie(!0))}}
+function Pk(a){null!==zk&&0===zk.tag&&0===(N&6)&&je();var b=N;N|=1;var c=sk.transition,d=G;try{if(sk.transition=null,G=2,a)return a()}finally{G=d,sk.transition=c,N=b,0===(N&6)&&ie(!1)}}function Qk(){if(null!==X){if(0===O)var a=X.return;else a=X,pi(),dg(a),cf=null,df=0,a=X;for(;null!==a;)Qi(a.alternate,a),a=a.return;X=null}}
+function ne(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Rk(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());Qk();M=a;X=c=lf(a.current,null);L=b;O=0;tk=null;uk=!1;S=0;me=null;pe=wk=vk=Re=0;re=Ah=null;te=!1;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-gb(d),f=1<<e;b|=a[e];d&=~f}wf=b;Td();return c}
+function Sk(a,b){P=null;Hf.current=Yf;rk.current=null;b===Ve?(b=bf(),O=Ci()&&0===(Re&134217727)&&0===(vk&134217727)?2:3):b===We?(b=bf(),O=4):O=b===Ch?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;tk=b;null===X&&(S=1,me=b)}function Ci(){var a=zf.current;return null===a?!0:(L&4194176)===L?null===Af?!0:!1:(L&62914560)===L||0!==(L&536870912)?a===Af:!1}function Tk(){var a=pk.current;pk.current=Yf;return null===a?Yf:a}function Uk(){var a=qk.current;qk.current=nk;return a}
+function yh(){S=4;0===(Re&134217727)&&0===(vk&134217727)||null===M||oe(M,L,pe)}function ke(a,b){var c=N;N|=2;var d=Tk(),e=Uk();if(M!==a||L!==b)se=null,ne(a,b);b=!1;a:do try{if(0!==O&&null!==X){var f=X,g=tk;switch(O){case 8:Qk();S=6;break a;case 3:case 2:b||null!==zf.current||(b=!0);default:O=0,tk=null,Vk(a,f,g)}}Wk();break}catch(h){Sk(a,h)}while(1);b&&a.shellSuspendCounter++;pi();N=c;pk.current=d;qk.current=e;if(null!==X)throw Error(t(261));M=null;L=0;Td();return S}
+function Wk(){for(;null!==X;)Xk(X)}
+function Hk(a,b){var c=N;N|=2;var d=Tk(),e=Uk();if(M!==a||L!==b)se=null,Oi=Ta()+500,ne(a,b);a:do try{if(0!==O&&null!==X){b=X;var f=tk;b:switch(O){case 1:O=0;tk=null;Vk(a,b,f);break;case 2:if(Ye(f)){O=0;tk=null;Yk(b);break}b=function(){2===O&&M===a&&(O=7);fe(a)};f.then(b,b);break a;case 3:O=7;break a;case 4:O=5;break a;case 7:Ye(f)?(O=0,tk=null,Yk(b)):(O=0,tk=null,Vk(a,b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;O=0;tk=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==
+h?(X=h,Zk(h)):X=null}break b}O=0;tk=null;Vk(a,b,f);break;case 6:O=0;tk=null;Vk(a,b,f);break;case 8:Qk();S=6;break a;default:throw Error(t(462));}}$k();break}catch(k){Sk(a,k)}while(1);pi();pk.current=d;qk.current=e;N=c;if(null!==X)return 0;M=null;L=0;Td();return S}function $k(){for(;null!==X&&!Ra();)Xk(X)}function Xk(a){var b=al(a.alternate,a,wf);a.memoizedProps=a.pendingProps;null===b?Zk(a):X=b;rk.current=null}
+function Yk(a){var b=a.alternate;switch(a.tag){case 2:a.tag=0;case 15:case 0:var c=a.type,d=a.pendingProps;d=a.elementType===c?d:gh(c,d);var e=bd(c)?$c:Yc.current;e=ad(a,e);b=Qh(b,a,d,c,e,L);break;case 11:c=a.type.render;d=a.pendingProps;d=a.elementType===c?d:gh(c,d);b=Qh(b,a,d,c,a.ref,L);break;case 5:dg(a);default:Qi(b,a),a=X=Ni(a,wf),b=al(b,a,wf)}a.memoizedProps=a.pendingProps;null===b?Zk(a):X=b;rk.current=null}
+function Vk(a,b,c){pi();dg(b);cf=null;df=0;var d=b.return;try{if(xh(a,d,b,c,L)){S=1;me=c;X=null;return}}catch(e){if(null!==d)throw X=d,e;S=1;me=c;X=null;return}if(b.flags&32768)a:{a=b;do{b=Pi(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);S=6;X=null}else Zk(b)}
+function Zk(a){var b=a;do{a=b.return;var c=Fi(b.alternate,b,wf);if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===S&&(S=5)}function qe(a,b,c,d,e){var f=G,g=sk.transition;try{sk.transition=null,G=2,bl(a,b,c,d,f,e)}finally{sk.transition=g,G=f}return null}
+function bl(a,b,c,d,e,f){do je();while(null!==zk);if(0!==(N&6))throw Error(t(327));var g=a.finishedWork,h=a.finishedLanes;if(null===g)return null;a.finishedWork=null;a.finishedLanes=0;if(g===a.current)throw Error(t(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var k=g.lanes|g.childLanes;k|=Sd;sb(a,k,f);xk=!1;a===M&&(X=M=null,L=0);0===(g.subtreeFlags&10256)&&0===(g.flags&10256)||yk||(yk=!0,Bk=k,Ck=c,cl(Xa,function(){je();return null}));c=0!==(g.flags&15990);if(0!==(g.subtreeFlags&
+15990)||c){c=sk.transition;sk.transition=null;f=G;G=2;var n=N;N|=4;rk.current=null;gj(a,g);Mj(g,a);dl(lj);ij=!!hj;lj=hj=null;a.current=g;sj(a,g.alternate,g);Sa();N=n;G=f;sk.transition=c}else a.current=g;yk?(yk=!1,zk=a,Ak=h):el(a,k);k=a.pendingLanes;0===k&&(vh=null);db(g.stateNode,e);fe(a);if(null!==b)for(e=a.onRecoverableError,g=0;g<b.length;g++)k=b[g],c={digest:k.digest,componentStack:k.stack},e(k.value,c);if(sh)throw sh=!1,a=th,th=null,a;0!==(Ak&3)&&0!==a.tag&&je();k=a.pendingLanes;d||xk||0!==(h&
+4194218)&&0!==(k&42)?a===Ek?Dk++:(Dk=0,Ek=a):Dk=0;ie(!1);return null}function el(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,wi(b)))}
+function je(){if(null!==zk){var a=zk,b=Bk;Bk=0;var c=xb(Ak),d=32>c?32:c;c=sk.transition;var e=G;try{sk.transition=null;G=d;if(null===zk)var f=!1;else{d=Ck;Ck=null;var g=zk,h=Ak;zk=null;Ak=0;if(0!==(N&6))throw Error(t(331));var k=N;N|=4;lk(g.current);bk(g,g.current,h,d);N=k;ie(!1);if(cb&&"function"===typeof cb.onPostCommitFiberRoot)try{cb.onPostCommitFiberRoot(bb,g)}catch(n){}f=!0}return f}finally{G=e,sk.transition=c,el(a,b)}}return!1}
+function fl(a,b,c){b=oh(c,b);b=rh(a,b,2);a=Le(a,b,2);null!==a&&(Gk(a,2),fe(a))}function W(a,b,c){if(3===a.tag)fl(a,a,c);else for(;null!==b;){if(3===b.tag){fl(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===vh||!vh.has(d))){a=oh(c,a);a=uh(b,a,2);b=Le(b,a,2);null!==b&&(Gk(b,2),fe(b));break}}b=b.return}}
+function zh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new ok;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(uk=!0,e.add(c),a=gl.bind(null,a,b,c),b.then(a,a))}function gl(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;N&2?te=!0:N&4&&(xk=!0);Zd();M===a&&(L&c)===c&&(4===S||3===S&&(L&62914560)===L&&300>Ta()-Vj?0===(N&2)&&ne(a,0):wk|=c);fe(a)}
+function hl(a,b){0===b&&(b=0===(a.mode&1)?2:qb());a=Yd(a,b);null!==a&&(Gk(a,b),fe(a))}function ei(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);hl(a,c)}function Kj(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(t(314));}null!==d&&d.delete(b);hl(a,c)}
+function Zd(){if(50<Dk)throw Dk=0,Ek=null,N&2&&null!==M&&(M.errorRecoveryDisabledLanes|=L),Error(t(185));}var al;
+al=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Zc.current)mg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return mg=!1,ji(a,b,c);mg=0!==(a.flags&131072)?!0:!1}else mg=!1,K&&0!==(b.flags&1048576)&&td(b,md,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;Sh(a,b);a=b.pendingProps;var e=ad(b,Yc.current);Fh(b,c);e=Tf(null,b,d,a,e,c);var f=bg();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
+null,bd(d)?(f=!0,fd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Ie(b),e.updater=ih,b.stateNode=e,e._reactInternals=b,mh(b,d,a,c),b=Th(null,b,d,!0,f,c)):(b.tag=0,K&&f&&ud(b),Dh(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{Sh(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=il(d);a=gh(d,a);switch(e){case 0:b=Kh(null,b,d,a,c);break a;case 1:b=Rh(null,b,d,a,c);break a;case 11:b=Eh(null,b,d,a,c);break a;case 14:b=Hh(null,b,d,gh(d.type,a),c);break a}throw Error(t(306,
+d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:gh(d,e),Kh(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:gh(d,e),Rh(a,b,d,e,c);case 3:a:{Uh(b);if(null===a)throw Error(t(387));e=b.pendingProps;f=b.memoizedState;d=f.element;Je(a,b);Qe(b,e,null,c);var g=b.memoizedState;e=g.cache;ki(b,U,e);e!==f.cache&&ri(b,U,c);Pe();e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&
+256){d=oh(Error(t(423)),b);b=Vh(a,b,e,c,d);break a}else if(e!==d){d=oh(Error(t(424)),b);b=Vh(a,b,e,c,d);break a}else for(I=Dd(b.stateNode.containerInfo.firstChild),H=b,K=!0,wd=null,xd=!0,c=sf(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Od();if(e===d){b=Gh(a,b,c);break a}Dh(a,b,e,c)}b=b.child}return b;case 26:return Mh(a,b),c=b.memoizedState=jl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=Ji(Ga.current).createElement(c),
+d[Ab]=b,d[Bb]=a,Ki(d,c,a),Qb(d),b.stateNode=d),null;case 27:return Na(b),null===a&&K&&(d=b.stateNode=Ii(b.type,b.pendingProps,Ga.current),H=b,xd=!0,I=Dd(d.firstChild)),d=b.pendingProps.children,null!==a||K?Dh(a,b,d,c):b.child=rf(b,null,d,c),Mh(a,b),b.child;case 5:return null===a&&K&&((e=d=I,e)?Bd(b,e)||(Id(b)&&Jd(),I=Hd(e),f=H,I&&Bd(b,I)?yd(f,e):(Ad(H,b),K=!1,H=b,I=d)):(Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=d)),Na(b),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Md(e,f)?d=null:null!==
+g&&Md(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=Tf(a,b,$f,null,null,c),Ia._currentValue=e,mg&&null!==a&&a.memoizedState.memoizedState!==e&&ri(b,Ia,c)),Mh(a,b),Dh(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=I,a&&d)?Ed(b,a)||(Id(b)&&Jd(),I=Hd(a),d=H,I&&Ed(b,I)?yd(d,a):(Ad(H,b),K=!1,H=b,I=c)):(Id(b)&&Jd(),Ad(H,b),K=!1,H=b,I=c)),null;case 13:return $h(a,b,c);case 4:return Ja(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=rf(b,null,d,c):Dh(a,b,d,c),b.child;
+case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:gh(d,e),Eh(a,b,d,e,c);case 7:return Dh(a,b,b.pendingProps,c),b.child;case 8:return Dh(a,b,b.pendingProps.children,c),b.child;case 12:return Dh(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;ki(b,d,g);if(null!==f)if(id(f.value,g)){if(f.children===e.children&&!Zc.current){b=Gh(a,b,c);break a}}else ri(b,d,c);Dh(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=
+b.pendingProps.children,Fh(b,c),e=ig(e),d=d(e),b.flags|=1,Dh(a,b,d,c),b.child;case 14:return d=b.type,e=gh(d,b.pendingProps),e=gh(d.type,e),Hh(a,b,d,e,c);case 15:return Jh(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:gh(d,e),Sh(a,b),b.tag=1,bd(d)?(a=!0,fd(b)):a=!1,Fh(b,c),kh(b,d,e),mh(b,d,e,c),Th(null,b,d,!0,a,c);case 19:return ii(a,b,c);case 22:return Lh(a,b,c);case 24:return Fh(b,c),d=ig(U),null===a?(e=Ph(),null===e&&(e=M,f=bh(),e.pooledCache=f,f.refCount++,
+null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},Ie(b),ki(b,U,e)):(0!==(a.lanes&c)&&(Je(a,b),Qe(b,null,null,c),Pe()),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),ki(b,U,d)):(d=f.cache,ki(b,U,d),d!==e.cache&&ri(b,U,c))),Dh(a,b,b.pendingProps.children,c),b.child}throw Error(t(156,b.tag));};function cl(a,b){return Pa(a,b)}
+function kl(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function zd(a,b,c,d){return new kl(a,b,c,d)}function Ih(a){a=a.prototype;return!(!a||!a.isReactComponent)}
+function il(a){if("function"===typeof a)return Ih(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===ta)return 11;if(a===wa)return 14}return 2}
+function lf(a,b){var c=a.alternate;null===c?(c=zd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};
 c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;c.refCleanup=a.refCleanup;return c}
-function Ei(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext});
+function Ni(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext});
 return a}
-function ze(a,b,c,d,e,f,g){e=2;d=a;if("function"===typeof a)zh(a)&&(e=1);else if("string"===typeof a)e=Zk(a,c,Ea.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case na:return Be(c.children,f,g,b);case oa:e=8;f|=8;0!==(f&1)&&(f|=16);break;case pa:return a=vd(12,c,b,f|2),a.elementType=pa,a.lanes=g,a;case ua:return a=vd(13,c,b,f),a.elementType=ua,a.lanes=g,a;case va:return a=vd(19,c,b,f),a.elementType=va,a.lanes=g,a;case za:return Sh(c,f,g,b);case Aa:case ya:case Ba:return a=vd(24,
-c,b,f),a.elementType=Ba,a.lanes=g,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case qa:e=10;break a;case ra:e=9;break a;case ta:e=11;break a;case wa:e=14;break a;case xa:e=16;d=null;break a}throw Error(u(130,null==a?a:typeof a,""));}b=vd(e,c,b,f);b.elementType=a;b.type=d;b.lanes=g;return b}function Be(a,b,c,d){a=vd(7,a,d,b);a.lanes=c;return a}
-function Sh(a,b,c,d){a=vd(22,a,d,b);a.elementType=za;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0===(e._pendingVisibility&2)){var g=Ud(f,2);null!==g&&(e._pendingVisibility|=2,pg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0!==(e._pendingVisibility&2)){var g=Ud(f,2);null!==g&&(e._pendingVisibility&=-3,pg(g,f,2))}}};
-a.stateNode=e;return a}function ye(a,b,c){a=vd(6,a,null,b);a.lanes=c;return a}function Ae(a,b,c){b=vd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
-function $k(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=nb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=nb(0);this.hiddenUpdates=
-nb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map}function al(a,b,c,d,e,f,g,h,k,p,q){a=new $k(a,b,c,h,k,q);1===b?(b=1,!0===f&&(b|=24)):b=0;f=vd(3,null,null,b);a.current=f;f.stateNode=a;b=Ug();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};Yd(f);return a}
-function bl(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:ma,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
-function cl(a){if(!a)return Tc;a=a._reactInternals;a:{if(Nc(a)!==a||1!==a.tag)throw Error(u(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(Yc(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(u(171));}if(1===a.tag){var c=a.type;if(Yc(c))return ad(a,c,b)}return b}
-function dl(a,b,c,d,e,f,g,h,k,p,q){a=al(c,d,!0,a,e,f,g,h,k,p,q);a.context=cl(null);c=a.current;d=Tg(c);e=$d(d);e.callback=void 0!==b&&null!==b?b:null;ae(c,e,d);a.current.lanes=d;ob(a,d);Ze(a);return a}function el(a,b,c,d){var e=b.current,f=Tg(e);c=cl(c);null===b.context?b.context=c:b.pendingContext=c;b=$d(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=ae(e,b,f);null!==a&&(pg(a,e,f),be(a,e,f));return f}
-function fl(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}function gl(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=ib(b.pendingLanes);0!==c&&(sb(b,c),Ze(b),0===(L&6)&&(Fi=Ta()+500,bf(!1)))}break;case 13:Ck(function(){var d=Ud(a,2);null!==d&&pg(d,a,2)}),hl(a,2)}}
-function il(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function hl(a,b){il(a,b);(a=a.alternate)&&il(a,b)}function jl(a){if(13===a.tag){var b=Ud(a,67108864);null!==b&&pg(b,a,67108864);hl(a,67108864)}}function kl(){return null}var ll=!1;function ml(a,b,c){if(ll)return a(b,c);ll=!0;try{return Bk(a,b,c)}finally{if(ll=!1,null!==Ic||null!==Jc)Ck(),Mc()}}
-function nl(a,b){var c=a.stateNode;if(null===c)return null;var d=Lb(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
-typeof c)throw Error(u(231,b,typeof c));return c}var ol=!1;if(Sb)try{var pl={};Object.defineProperty(pl,"passive",{get:function(){ol=!0}});window.addEventListener("test",pl,pl);window.removeEventListener("test",pl,pl)}catch(a){ol=!1}function ql(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function rl(){return!0}function sl(){return!1}
-function tl(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?rl:sl;this.isPropagationStopped=sl;return this}C(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
-(c.returnValue=!1),this.isDefaultPrevented=rl)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=rl)},persist:function(){},isPersistent:rl});return b}
-var ul={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},vl=tl(ul),wl=C({},ul,{view:0,detail:0}),xl=tl(wl),yl,zl,Al,Cl=C({},wl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Bl,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
-a)return a.movementX;a!==Al&&(Al&&"mousemove"===a.type?(yl=a.screenX-Al.screenX,zl=a.screenY-Al.screenY):zl=yl=0,Al=a);return yl},movementY:function(a){return"movementY"in a?a.movementY:zl}}),Dl=tl(Cl),El=C({},Cl,{dataTransfer:0}),Fl=tl(El),Gl=C({},wl,{relatedTarget:0}),Hl=tl(Gl),Il=C({},ul,{animationName:0,elapsedTime:0,pseudoElement:0}),Jl=tl(Il),Kl=C({},ul,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Ll=tl(Kl),Ml=C({},ul,{data:0}),Nl=tl(Ml),Ol={Esc:"Escape",
-Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Pl={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
-119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ql={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Rl(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Ql[a])?!!b[a]:!1}function Bl(){return Rl}
-var Sl=C({},wl,{key:function(a){if(a.key){var b=Ol[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=ql(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Pl[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Bl,charCode:function(a){return"keypress"===a.type?ql(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
-a.type?ql(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Tl=tl(Sl),Ul=C({},Cl,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Vl=tl(Ul),Wl=C({},wl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Bl}),Xl=tl(Wl),Yl=C({},ul,{propertyName:0,elapsedTime:0,pseudoElement:0}),Zl=tl(Yl),$l=C({},Cl,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
-deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),am=tl($l);
-function bm(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=Lb(e).action,g=d.submitter;g&&(b=(b=Lb(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new vl("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var p=new FormData(e);k.parentNode.removeChild(k)}else p=
-new FormData(e);Og(c,{pending:!0,data:p,method:e.method,action:f},f,p)}},currentTarget:e}]})}}}var cm=!1,dm=null,em=null,fm=null,gm=new Map,hm=new Map,im=[],jm="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
-function km(a,b){switch(a){case "focusin":case "focusout":dm=null;break;case "dragenter":case "dragleave":em=null;break;case "mouseover":case "mouseout":fm=null;break;case "pointerover":case "pointerout":gm.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":hm.delete(b.pointerId)}}
-function lm(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Jb(b),null!==b&&jl(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
-function mm(a,b,c,d,e){switch(b){case "focusin":return dm=lm(dm,a,b,c,d,e),!0;case "dragenter":return em=lm(em,a,b,c,d,e),!0;case "mouseover":return fm=lm(fm,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;gm.set(f,lm(gm.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,hm.set(f,lm(hm.get(f)||null,a,b,c,d,e)),!0}return!1}
-function nm(a){var b=Hb(a.target);if(null!==b){var c=Nc(b);if(null!==c)if(b=c.tag,13===b){if(b=Oc(c),null!==b){a.blockedOn=b;tb(a.priority,function(){if(13===c.tag){var d=Tg(c),e=Ud(c,d);null!==e&&pg(e,c,d);hl(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
-function om(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=pm(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Gc=d;c.target.dispatchEvent(d);Gc=null}else return b=Jb(c),null!==b&&jl(b),a.blockedOn=c,!1;b.shift()}return!0}function qm(a,b,c){om(a)&&c.delete(b)}function rm(){cm=!1;null!==dm&&om(dm)&&(dm=null);null!==em&&om(em)&&(em=null);null!==fm&&om(fm)&&(fm=null);gm.forEach(qm);hm.forEach(qm)}
-function sm(a,b){a.blockedOn===b&&(a.blockedOn=null,cm||(cm=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,rm)))}var tm=null;function um(a){tm!==a&&(tm=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){tm===a&&(tm=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===vm(d||c))continue;else break;var f=Jb(c);null!==f&&(a.splice(b,3),b-=3,Og(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
-function yj(a){function b(k){return sm(k,a)}null!==dm&&sm(dm,a);null!==em&&sm(em,a);null!==fm&&sm(fm,a);gm.forEach(b);hm.forEach(b);for(var c=0;c<im.length;c++){var d=im[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<im.length&&(c=im[0],null===c.blockedOn);)nm(c),null===c.blockedOn&&im.shift();c=a.getRootNode().$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=Lb(e);if("function"===typeof f)g||um(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=Lb(f))h=
-g.formAction;else{if(null!==vm(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);um(c)}}}var wm=da.ReactCurrentBatchConfig,$i=!0;function xm(a,b,c,d){var e=F,f=wm.transition;wm.transition=null;try{F=2,ym(a,b,c,d)}finally{F=e,wm.transition=f}}function zm(a,b,c,d){var e=F,f=wm.transition;wm.transition=null;try{F=8,ym(a,b,c,d)}finally{F=e,wm.transition=f}}
-function ym(a,b,c,d){if($i){var e=pm(d);if(null===e)Am(a,b,d,Bm,c),km(a,d);else if(mm(e,a,b,c,d))d.stopPropagation();else if(km(a,d),b&4&&-1<jm.indexOf(a)){for(;null!==e;){var f=Jb(e);null!==f&&gl(f);f=pm(d);null===f&&Am(a,b,d,Bm,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Am(a,b,d,null,c)}}function pm(a){a=Hc(a);return vm(a)}var Bm=null;
-function vm(a){Bm=null;a=Hb(a);if(null!==a){var b=Nc(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=Oc(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}Bm=a;return null}
-function tk(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
-case "message":switch(Ua()){case Va:return 2;case Wa:return 8;case Xa:case Ya:return 32;case Za:return 268435456;default:return 32}default:return 32}}var Cm=null,Dm=null,Em=null;function Fm(){if(Em)return Em;var a,b=Dm,c=b.length,d,e="value"in Cm?Cm.value:Cm.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return Em=e.slice(a,1<d?1-d:void 0)}var Gm=[9,13,27,32],Hm=Sb&&"CompositionEvent"in window,Im=null;Sb&&"documentMode"in document&&(Im=document.documentMode);
-var Jm=Sb&&"TextEvent"in window&&!Im,Km=Sb&&(!Hm||Im&&8<Im&&11>=Im),Mm=String.fromCharCode(32),Nm=!1;function Om(a,b){switch(a){case "keyup":return-1!==Gm.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Pm(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var Qm=!1;
-function Rm(a,b){switch(a){case "compositionend":return Pm(b);case "keypress":if(32!==b.which)return null;Nm=!0;return Mm;case "textInput":return a=b.data,a===Mm&&Nm?null:a;default:return null}}
-function Sm(a,b){if(Qm)return"compositionend"===a||!Hm&&Om(a,b)?(a=Fm(),Em=Dm=Cm=null,Qm=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return Km&&"ko"!==b.locale?null:b.data;default:return null}}
-var Tm={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Um(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Tm[a.type]:"textarea"===b?!0:!1}function Vm(a,b,c,d){Lc(d);b=Wm(b,"onChange");0<b.length&&(c=new vl("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var Xm=null,Ym=null;function Zm(a){$m(a,0)}function an(a){var b=Kb(a);if(lc(b))return a}
-function bn(a,b){if("change"===a)return b}var cn=!1;if(Sb){var dn;if(Sb){var en="oninput"in document;if(!en){var fn=document.createElement("div");fn.setAttribute("oninput","return;");en="function"===typeof fn.oninput}dn=en}else dn=!1;cn=dn&&(!document.documentMode||9<document.documentMode)}function gn(){Xm&&(Xm.detachEvent("onpropertychange",hn),Ym=Xm=null)}function hn(a){if("value"===a.propertyName&&an(Ym)){var b=[];Vm(b,Ym,a,Hc(a));ml(Zm,b)}}
-function jn(a,b,c){"focusin"===a?(gn(),Xm=b,Ym=c,Xm.attachEvent("onpropertychange",hn)):"focusout"===a&&gn()}function kn(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return an(Ym)}function ln(a,b){if("click"===a)return an(b)}function mn(a,b){if("input"===a||"change"===a)return an(b)}function nn(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
-function on(a,b){var c=nn(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=nn(c)}}function pn(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?pn(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
-function aj(){for(var a=window,b=mc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=mc(a.document)}return b}function bj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
-function Rk(a){var b=aj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&pn(c.ownerDocument.documentElement,c)){if(null!==d&&bj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=on(c,f);var g=on(c,
+function nf(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)Ih(a)&&(g=1);else if("string"===typeof a)g=ll(a,c,Ea.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case na:return pf(c.children,e,f,b);case oa:g=8;e|=8;0!==(e&1)&&(e|=16);break;case pa:return a=zd(12,c,b,e|2),a.elementType=pa,a.lanes=f,a;case ua:return a=zd(13,c,b,e),a.elementType=ua,a.lanes=f,a;case va:return a=zd(19,c,b,e),a.elementType=va,a.lanes=f,a;case za:return ai(c,e,f,b);case Aa:case ya:case Ba:return a=zd(24,
+c,b,e),a.elementType=Ba,a.lanes=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case qa:g=10;break a;case sa:g=9;break a;case ra:case ta:g=11;break a;case wa:g=14;break a;case xa:g=16;d=null;break a}throw Error(t(130,null==a?a:typeof a,""));}b=zd(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function pf(a,b,c,d){a=zd(7,a,d,b);a.lanes=c;return a}
+function ai(a,b,c,d){a=zd(22,a,d,b);a.elementType=za;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0===(e._pendingVisibility&2)){var g=Yd(f,2);null!==g&&(e._pendingVisibility|=2,wg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(t(456));if(0!==(e._pendingVisibility&2)){var g=Yd(f,2);null!==g&&(e._pendingVisibility&=-3,wg(g,f,2))}}};
+a.stateNode=e;return a}function mf(a,b,c){a=zd(6,a,null,b);a.lanes=c;return a}function of(a,b,c){b=zd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
+function ml(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=rb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=rb(0);this.hiddenUpdates=
+rb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map}function nl(a,b,c,d,e,f,g,h,k,n,u){a=new ml(a,b,c,h,k,u);1===b?(b=1,!0===f&&(b|=24)):b=0;f=zd(3,null,null,b);a.current=f;f.stateNode=a;b=bh();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};Ie(f);return a}
+function ol(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:ma,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
+function pl(a){if(!a)return Xc;a=a._reactInternals;a:{if(Rc(a)!==a||1!==a.tag)throw Error(t(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(bd(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(t(171));}if(1===a.tag){var c=a.type;if(bd(c))return ed(a,c,b)}return b}
+function ql(a,b,c,d,e,f,g,h,k,n,u){a=nl(c,d,!0,a,e,f,g,h,k,n,u);a.context=pl(null);c=a.current;d=ah(c);e=Ke(d);e.callback=void 0!==b&&null!==b?b:null;Le(c,e,d);a.current.lanes=d;Gk(a,d);fe(a);return a}function rl(a,b,c,d){var e=b.current,f=ah(e);c=pl(c);null===b.context?b.context=c:b.pendingContext=c;b=Ke(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=Le(e,b,f);null!==a&&(wg(a,e,f),Me(a,e,f));return f}
+function sl(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}function tl(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=lb(b.pendingLanes);0!==c&&(vb(b,c),fe(b),0===(N&6)&&(Oi=Ta()+500,ie(!1)))}break;case 13:Pk(function(){var d=Yd(a,2);null!==d&&wg(d,a,2)}),ul(a,2)}}
+function vl(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function ul(a,b){vl(a,b);(a=a.alternate)&&vl(a,b)}function wl(a){if(13===a.tag){var b=Yd(a,67108864);null!==b&&wg(b,a,67108864);ul(a,67108864)}}function xl(){return null}var yl=!1;function zl(a,b,c){if(yl)return a(b,c);yl=!0;try{return Ok(a,b,c)}finally{if(yl=!1,null!==Mc||null!==Nc)Pk(),Qc()}}
+function Al(a,b){var c=a.stateNode;if(null===c)return null;var d=Ob(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
+typeof c)throw Error(t(231,b,typeof c));return c}var Bl=!1;if(Vb)try{var Cl={};Object.defineProperty(Cl,"passive",{get:function(){Bl=!0}});window.addEventListener("test",Cl,Cl);window.removeEventListener("test",Cl,Cl)}catch(a){Bl=!1}function Dl(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function El(){return!0}function Fl(){return!1}
+function Gl(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?El:Fl;this.isPropagationStopped=Fl;return this}D(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
+(c.returnValue=!1),this.isDefaultPrevented=El)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=El)},persist:function(){},isPersistent:El});return b}
+var Hl={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},Il=Gl(Hl),Jl=D({},Hl,{view:0,detail:0}),Kl=Gl(Jl),Ll,Ml,Nl,Pl=D({},Jl,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Ol,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
+a)return a.movementX;a!==Nl&&(Nl&&"mousemove"===a.type?(Ll=a.screenX-Nl.screenX,Ml=a.screenY-Nl.screenY):Ml=Ll=0,Nl=a);return Ll},movementY:function(a){return"movementY"in a?a.movementY:Ml}}),Ql=Gl(Pl),Rl=D({},Pl,{dataTransfer:0}),Sl=Gl(Rl),Tl=D({},Jl,{relatedTarget:0}),Ul=Gl(Tl),Vl=D({},Hl,{animationName:0,elapsedTime:0,pseudoElement:0}),Wl=Gl(Vl),Xl=D({},Hl,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Yl=Gl(Xl),Zl=D({},Hl,{data:0}),$l=Gl(Zl),am={Esc:"Escape",
+Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},bm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
+119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},cm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function dm(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=cm[a])?!!b[a]:!1}function Ol(){return dm}
+var em=D({},Jl,{key:function(a){if(a.key){var b=am[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=Dl(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?bm[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Ol,charCode:function(a){return"keypress"===a.type?Dl(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
+a.type?Dl(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),fm=Gl(em),gm=D({},Pl,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),hm=Gl(gm),im=D({},Jl,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Ol}),jm=Gl(im),km=D({},Hl,{propertyName:0,elapsedTime:0,pseudoElement:0}),lm=Gl(km),mm=D({},Pl,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
+deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),nm=Gl(mm);
+function om(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=Ob(e).action,g=d.submitter;g&&(b=(b=Ob(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new Il("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
+new FormData(e);Wg(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var pm=!1,qm=null,rm=null,sm=null,tm=new Map,um=new Map,vm=[],wm="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
+function xm(a,b){switch(a){case "focusin":case "focusout":qm=null;break;case "dragenter":case "dragleave":rm=null;break;case "mouseover":case "mouseout":sm=null;break;case "pointerover":case "pointerout":tm.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":um.delete(b.pointerId)}}
+function ym(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Mb(b),null!==b&&wl(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
+function zm(a,b,c,d,e){switch(b){case "focusin":return qm=ym(qm,a,b,c,d,e),!0;case "dragenter":return rm=ym(rm,a,b,c,d,e),!0;case "mouseover":return sm=ym(sm,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;tm.set(f,ym(tm.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,um.set(f,ym(um.get(f)||null,a,b,c,d,e)),!0}return!1}
+function Am(a){var b=Kb(a.target);if(null!==b){var c=Rc(b);if(null!==c)if(b=c.tag,13===b){if(b=Sc(c),null!==b){a.blockedOn=b;wb(a.priority,function(){if(13===c.tag){var d=ah(c),e=Yd(c,d);null!==e&&wg(e,c,d);ul(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
+function Bm(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=Cm(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Kc=d;c.target.dispatchEvent(d);Kc=null}else return b=Mb(c),null!==b&&wl(b),a.blockedOn=c,!1;b.shift()}return!0}function Dm(a,b,c){Bm(a)&&c.delete(b)}function Em(){pm=!1;null!==qm&&Bm(qm)&&(qm=null);null!==rm&&Bm(rm)&&(rm=null);null!==sm&&Bm(sm)&&(sm=null);tm.forEach(Dm);um.forEach(Dm)}
+function Fm(a,b){a.blockedOn===b&&(a.blockedOn=null,pm||(pm=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,Em)))}var Gm=null;function Hm(a){Gm!==a&&(Gm=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){Gm===a&&(Gm=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===Im(d||c))continue;else break;var f=Mb(c);null!==f&&(a.splice(b,3),b-=3,Wg(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
+function Hj(a){function b(k){return Fm(k,a)}null!==qm&&Fm(qm,a);null!==rm&&Fm(rm,a);null!==sm&&Fm(sm,a);tm.forEach(b);um.forEach(b);for(var c=0;c<vm.length;c++){var d=vm[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<vm.length&&(c=vm[0],null===c.blockedOn);)Am(c),null===c.blockedOn&&vm.shift();c=(a.ownerDocument||a).$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=Ob(e);if("function"===typeof f)g||Hm(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=Ob(f))h=
+g.formAction;else{if(null!==Im(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);Hm(c)}}}var Jm=da.ReactCurrentBatchConfig,ij=!0;function Km(a,b,c,d){var e=G,f=Jm.transition;Jm.transition=null;try{G=2,Lm(a,b,c,d)}finally{G=e,Jm.transition=f}}function Mm(a,b,c,d){var e=G,f=Jm.transition;Jm.transition=null;try{G=8,Lm(a,b,c,d)}finally{G=e,Jm.transition=f}}
+function Lm(a,b,c,d){if(ij){var e=Cm(d);if(null===e)Nm(a,b,d,Om,c),xm(a,d);else if(zm(e,a,b,c,d))d.stopPropagation();else if(xm(a,d),b&4&&-1<wm.indexOf(a)){for(;null!==e;){var f=Mb(e);null!==f&&tl(f);f=Cm(d);null===f&&Nm(a,b,d,Om,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else Nm(a,b,d,null,c)}}function Cm(a){a=Lc(a);return Im(a)}var Om=null;
+function Im(a){Om=null;a=Kb(a);if(null!==a){var b=Rc(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=Sc(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}Om=a;return null}
+function Fk(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
+case "message":switch(Ua()){case Va:return 2;case Wa:return 8;case Xa:case Ya:return 32;case Za:return 268435456;default:return 32}default:return 32}}var Pm=null,Qm=null,Rm=null;function Sm(){if(Rm)return Rm;var a,b=Qm,c=b.length,d,e="value"in Pm?Pm.value:Pm.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return Rm=e.slice(a,1<d?1-d:void 0)}var Tm=[9,13,27,32],Um=Vb&&"CompositionEvent"in window,Vm=null;Vb&&"documentMode"in document&&(Vm=document.documentMode);
+var Wm=Vb&&"TextEvent"in window&&!Vm,Xm=Vb&&(!Um||Vm&&8<Vm&&11>=Vm),Ym=String.fromCharCode(32),Zm=!1;function $m(a,b){switch(a){case "keyup":return-1!==Tm.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function bn(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var cn=!1;
+function dn(a,b){switch(a){case "compositionend":return bn(b);case "keypress":if(32!==b.which)return null;Zm=!0;return Ym;case "textInput":return a=b.data,a===Ym&&Zm?null:a;default:return null}}
+function en(a,b){if(cn)return"compositionend"===a||!Um&&$m(a,b)?(a=Sm(),Rm=Qm=Pm=null,cn=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return Xm&&"ko"!==b.locale?null:b.data;default:return null}}
+var fn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function gn(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!fn[a.type]:"textarea"===b?!0:!1}function hn(a,b,c,d){Pc(d);b=jn(b,"onChange");0<b.length&&(c=new Il("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var kn=null,ln=null;function mn(a){nn(a,0)}function on(a){var b=Nb(a);if(pc(b))return a}
+function pn(a,b){if("change"===a)return b}var qn=!1;if(Vb){var rn;if(Vb){var sn="oninput"in document;if(!sn){var tn=document.createElement("div");tn.setAttribute("oninput","return;");sn="function"===typeof tn.oninput}rn=sn}else rn=!1;qn=rn&&(!document.documentMode||9<document.documentMode)}function un(){kn&&(kn.detachEvent("onpropertychange",vn),ln=kn=null)}function vn(a){if("value"===a.propertyName&&on(ln)){var b=[];hn(b,ln,a,Lc(a));zl(mn,b)}}
+function wn(a,b,c){"focusin"===a?(un(),kn=b,ln=c,kn.attachEvent("onpropertychange",vn)):"focusout"===a&&un()}function xn(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return on(ln)}function yn(a,b){if("click"===a)return on(b)}function zn(a,b){if("input"===a||"change"===a)return on(b)}function An(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
+function Bn(a,b){var c=An(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=An(c)}}function Cn(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Cn(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
+function jj(){for(var a=window,b=qc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=qc(a.document)}return b}function kj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
+function dl(a){var b=jj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Cn(c.ownerDocument.documentElement,c)){if(null!==d&&kj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Bn(c,f);var g=Bn(c,
 d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}
-var qn=Sb&&"documentMode"in document&&11>=document.documentMode,rn=null,sn=null,tn=null,un=!1;
-function vn(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;un||null==rn||rn!==mc(d)||(d=rn,"selectionStart"in d&&bj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),tn&&he(tn,d)||(tn=d,d=Wm(sn,"onSelect"),0<d.length&&(b=new vl("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=rn)))}
-function wn(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var xn={animationend:wn("Animation","AnimationEnd"),animationiteration:wn("Animation","AnimationIteration"),animationstart:wn("Animation","AnimationStart"),transitionend:wn("Transition","TransitionEnd")},yn={},zn={};
-Sb&&(zn=document.createElement("div").style,"AnimationEvent"in window||(delete xn.animationend.animation,delete xn.animationiteration.animation,delete xn.animationstart.animation),"TransitionEvent"in window||delete xn.transitionend.transition);function An(a){if(yn[a])return yn[a];if(!xn[a])return a;var b=xn[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in zn)return yn[a]=b[c];return a}var Bn=An("animationend"),Cn=An("animationiteration"),Dn=An("animationstart"),En=An("transitionend"),Fn=new Map,Gn="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
-function Hn(a,b){Fn.set(a,b);Qb(b,[a])}for(var In=0;In<Gn.length;In++){var Jn=Gn[In],Kn=Jn.toLowerCase(),Ln=Jn[0].toUpperCase()+Jn.slice(1);Hn(Kn,"on"+Ln)}Hn(Bn,"onAnimationEnd");Hn(Cn,"onAnimationIteration");Hn(Dn,"onAnimationStart");Hn("dblclick","onDoubleClick");Hn("focusin","onFocus");Hn("focusout","onBlur");Hn(En,"onTransitionEnd");Rb("onMouseEnter",["mouseout","mouseover"]);Rb("onMouseLeave",["mouseout","mouseover"]);Rb("onPointerEnter",["pointerout","pointerover"]);
-Rb("onPointerLeave",["pointerout","pointerover"]);Qb("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Qb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Qb("onBeforeInput",["compositionend","keypress","textInput","paste"]);Qb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Qb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
-Qb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Mn="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Nn=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(Mn));
-function On(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Pi(d,b,void 0,a);a.currentTarget=null}
-function $m(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,p=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;On(e,h,p);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;p=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;On(e,h,p);f=k}}}if(Li)throw a=Mi,Li=!1,Mi=null,a;}
-function Y(a,b){var c=b[Ab];void 0===c&&(c=b[Ab]=new Set);var d=a+"__bubble";c.has(d)||(Pn(b,a,2,!1),c.add(d))}function Qn(a,b,c){var d=0;b&&(d|=4);Pn(c,a,d,b)}var Rn="_reactListening"+Math.random().toString(36).slice(2);function Di(a){if(!a[Rn]){a[Rn]=!0;Ob.forEach(function(c){"selectionchange"!==c&&(Nn.has(c)||Qn(c,!1,a),Qn(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[Rn]||(b[Rn]=!0,Qn("selectionchange",!1,b))}}
-function Pn(a,b,c,d){switch(tk(b)){case 2:var e=xm;break;case 8:e=zm;break;default:e=ym}c=e.bind(null,b,c,a);e=void 0;!ol||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
-function Am(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Hb(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}ml(function(){var p=
-f,q=Hc(c),w=[];a:{var r=Fn.get(a);if(void 0!==r){var t=vl,z=a;switch(a){case "keypress":if(0===ql(c))break a;case "keydown":case "keyup":t=Tl;break;case "focusin":z="focus";t=Hl;break;case "focusout":z="blur";t=Hl;break;case "beforeblur":case "afterblur":t=Hl;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":t=Dl;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":t=
-Fl;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":t=Xl;break;case Bn:case Cn:case Dn:t=Jl;break;case En:t=Zl;break;case "scroll":case "scrollend":t=xl;break;case "wheel":t=am;break;case "copy":case "cut":case "paste":t=Ll;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":t=Vl}var B=0!==(b&4),U=!B&&("scroll"===a||"scrollend"===a),V=B?null!==r?r+"Capture":
-null:r;B=[];for(var m=p,l;null!==m;){var n=m;l=n.stateNode;n=n.tag;5!==n&&26!==n&&27!==n||null===l||null===V||(n=nl(m,V),null!=n&&B.push(Sn(m,n,l)));if(U)break;m=m.return}0<B.length&&(r=new t(r,z,null,c,q),w.push({event:r,listeners:B}))}}if(0===(b&7)){a:{r="mouseover"===a||"pointerover"===a;t="mouseout"===a||"pointerout"===a;if(r&&c!==Gc&&(z=c.relatedTarget||c.fromElement)&&(Hb(z)||z[zb]))break a;if(t||r){r=q.window===q?q:(r=q.ownerDocument)?r.defaultView||r.parentWindow:window;if(t){if(z=c.relatedTarget||
-c.toElement,t=p,z=z?Hb(z):null,null!==z&&(U=Nc(z),B=z.tag,z!==U||5!==B&&27!==B&&6!==B))z=null}else t=null,z=p;if(t!==z){B=Dl;n="onMouseLeave";V="onMouseEnter";m="mouse";if("pointerout"===a||"pointerover"===a)B=Vl,n="onPointerLeave",V="onPointerEnter",m="pointer";U=null==t?r:Kb(t);l=null==z?r:Kb(z);r=new B(n,m+"leave",t,c,q);r.target=U;r.relatedTarget=l;n=null;Hb(q)===p&&(B=new B(V,m+"enter",z,c,q),B.target=l,B.relatedTarget=U,n=B);U=n;if(t&&z)b:{B=t;V=z;m=0;for(l=B;l;l=Tn(l))m++;l=0;for(n=V;n;n=Tn(n))l++;
-for(;0<m-l;)B=Tn(B),m--;for(;0<l-m;)V=Tn(V),l--;for(;m--;){if(B===V||null!==V&&B===V.alternate)break b;B=Tn(B);V=Tn(V)}B=null}else B=null;null!==t&&Un(w,r,t,B,!1);null!==z&&null!==U&&Un(w,U,z,B,!0)}}}a:{r=p?Kb(p):window;t=r.nodeName&&r.nodeName.toLowerCase();if("select"===t||"input"===t&&"file"===r.type)var v=bn;else if(Um(r))if(cn)v=mn;else{v=kn;var x=jn}else(t=r.nodeName)&&"input"===t.toLowerCase()&&("checkbox"===r.type||"radio"===r.type)&&(v=ln);if(v&&(v=v(a,p))){Vm(w,v,c,q);break a}x&&x(a,r,p);
-"focusout"===a&&p&&"number"===r.type&&null!=p.memoizedProps.value&&qc(r,"number",r.value)}x=p?Kb(p):window;switch(a){case "focusin":if(Um(x)||"true"===x.contentEditable)rn=x,sn=p,tn=null;break;case "focusout":tn=sn=rn=null;break;case "mousedown":un=!0;break;case "contextmenu":case "mouseup":case "dragend":un=!1;vn(w,c,q);break;case "selectionchange":if(qn)break;case "keydown":case "keyup":vn(w,c,q)}var A;if(Hm)b:{switch(a){case "compositionstart":var y="onCompositionStart";break b;case "compositionend":y=
-"onCompositionEnd";break b;case "compositionupdate":y="onCompositionUpdate";break b}y=void 0}else Qm?Om(a,c)&&(y="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(y="onCompositionStart");y&&(Km&&"ko"!==c.locale&&(Qm||"onCompositionStart"!==y?"onCompositionEnd"===y&&Qm&&(A=Fm()):(Cm=q,Dm="value"in Cm?Cm.value:Cm.textContent,Qm=!0)),x=Wm(p,y),0<x.length&&(y=new Nl(y,a,null,c,q),w.push({event:y,listeners:x}),A?y.data=A:(A=Pm(c),null!==A&&(y.data=A))));if(A=Jm?Rm(a,c):Sm(a,c))y=Wm(p,"onBeforeInput"),
-0<y.length&&(x=new Nl("onBeforeInput","beforeinput",null,c,q),w.push({event:x,listeners:y}),x.data=A);bm(w,a,p,c,q)}$m(w,b)})}function Sn(a,b,c){return{instance:a,listener:b,currentTarget:c}}function Wm(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=nl(a,c),null!=e&&d.unshift(Sn(a,e,f)),e=nl(a,b),null!=e&&d.push(Sn(a,e,f)));a=a.return}return d}
-function Tn(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function Un(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,p=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===p||(k=p,e?(p=nl(c,f),null!=p&&g.unshift(Sn(c,p,k))):e||(p=nl(c,f),null!=p&&g.push(Sn(c,p,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var Vn=/\r\n?/g,Wn=/\u0000|\uFFFD/g;
-function Xn(a){return("string"===typeof a?a:""+a).replace(Vn,"\n").replace(Wn,"")}function Ci(a,b,c){b=Xn(b);if(Xn(a)!==b&&c)throw Error(u(425));}function rj(){}
-function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Ac(a,d):"number"===typeof d&&"body"!==b&&Ac(a,""+d);break;case "className":Yb(a,"class",d);break;case "tabIndex":Yb(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":Yb(a,c,d);break;case "style":Dc(a,d,f);break;case "src":case "href":if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+
+var Dn=Vb&&"documentMode"in document&&11>=document.documentMode,En=null,Fn=null,Gn=null,Hn=!1;
+function In(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Hn||null==En||En!==qc(d)||(d=En,"selectionStart"in d&&kj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Gn&&Ue(Gn,d)||(Gn=d,d=jn(Fn,"onSelect"),0<d.length&&(b=new Il("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=En)))}
+function Jn(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var Kn={animationend:Jn("Animation","AnimationEnd"),animationiteration:Jn("Animation","AnimationIteration"),animationstart:Jn("Animation","AnimationStart"),transitionend:Jn("Transition","TransitionEnd")},Ln={},Mn={};
+Vb&&(Mn=document.createElement("div").style,"AnimationEvent"in window||(delete Kn.animationend.animation,delete Kn.animationiteration.animation,delete Kn.animationstart.animation),"TransitionEvent"in window||delete Kn.transitionend.transition);function Nn(a){if(Ln[a])return Ln[a];if(!Kn[a])return a;var b=Kn[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in Mn)return Ln[a]=b[c];return a}var On=Nn("animationend"),Pn=Nn("animationiteration"),Qn=Nn("animationstart"),Rn=Nn("transitionend"),Sn=new Map,Tn="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
+function Un(a,b){Sn.set(a,b);Tb(b,[a])}for(var Vn=0;Vn<Tn.length;Vn++){var Wn=Tn[Vn],Xn=Wn.toLowerCase(),Yn=Wn[0].toUpperCase()+Wn.slice(1);Un(Xn,"on"+Yn)}Un(On,"onAnimationEnd");Un(Pn,"onAnimationIteration");Un(Qn,"onAnimationStart");Un("dblclick","onDoubleClick");Un("focusin","onFocus");Un("focusout","onBlur");Un(Rn,"onTransitionEnd");Ub("onMouseEnter",["mouseout","mouseover"]);Ub("onMouseLeave",["mouseout","mouseover"]);Ub("onPointerEnter",["pointerout","pointerover"]);
+Ub("onPointerLeave",["pointerout","pointerover"]);Tb("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Tb("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Tb("onBeforeInput",["compositionend","keypress","textInput","paste"]);Tb("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Tb("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
+Tb("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Zn="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),$n=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(Zn));
+function ao(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Yi(d,b,void 0,a);a.currentTarget=null}
+function nn(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;ao(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;ao(e,h,n);f=k}}}if(Ui)throw a=Vi,Ui=!1,Vi=null,a;}
+function Y(a,b){var c=b[Db];void 0===c&&(c=b[Db]=new Set);var d=a+"__bubble";c.has(d)||(bo(b,a,2,!1),c.add(d))}function co(a,b,c){var d=0;b&&(d|=4);bo(c,a,d,b)}var eo="_reactListening"+Math.random().toString(36).slice(2);function Mi(a){if(!a[eo]){a[eo]=!0;Rb.forEach(function(c){"selectionchange"!==c&&($n.has(c)||co(c,!1,a),co(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[eo]||(b[eo]=!0,co("selectionchange",!1,b))}}
+function bo(a,b,c,d){switch(Fk(b)){case 2:var e=Km;break;case 8:e=Mm;break;default:e=Lm}c=e.bind(null,b,c,a);e=void 0;!Bl||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
+function Nm(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Kb(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}zl(function(){var n=
+f,u=Lc(c),w=[];a:{var q=Sn.get(a);if(void 0!==q){var r=Il,y=a;switch(a){case "keypress":if(0===Dl(c))break a;case "keydown":case "keyup":r=fm;break;case "focusin":y="focus";r=Ul;break;case "focusout":y="blur";r=Ul;break;case "beforeblur":case "afterblur":r=Ul;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":r=Ql;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":r=
+Sl;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":r=jm;break;case On:case Pn:case Qn:r=Wl;break;case Rn:r=lm;break;case "scroll":case "scrollend":r=Kl;break;case "wheel":r=nm;break;case "copy":case "cut":case "paste":r=Yl;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":r=hm}var C=0!==(b&4),T=!C&&("scroll"===a||"scrollend"===a),m=C?null!==q?q+"Capture":
+null:q;C=[];for(var l=n,p;null!==l;){var v=l;p=v.stateNode;v=v.tag;5!==v&&26!==v&&27!==v||null===p||null===m||(v=Al(l,m),null!=v&&C.push(fo(l,v,p)));if(T)break;l=l.return}0<C.length&&(q=new r(q,y,null,c,u),w.push({event:q,listeners:C}))}}if(0===(b&7)){a:{q="mouseover"===a||"pointerover"===a;r="mouseout"===a||"pointerout"===a;if(q&&c!==Kc&&(y=c.relatedTarget||c.fromElement)&&(Kb(y)||y[Cb]))break a;if(r||q){q=u.window===u?u:(q=u.ownerDocument)?q.defaultView||q.parentWindow:window;if(r){if(y=c.relatedTarget||
+c.toElement,r=n,y=y?Kb(y):null,null!==y&&(T=Rc(y),C=y.tag,y!==T||5!==C&&27!==C&&6!==C))y=null}else r=null,y=n;if(r!==y){C=Ql;v="onMouseLeave";m="onMouseEnter";l="mouse";if("pointerout"===a||"pointerover"===a)C=hm,v="onPointerLeave",m="onPointerEnter",l="pointer";T=null==r?q:Nb(r);p=null==y?q:Nb(y);q=new C(v,l+"leave",r,c,u);q.target=T;q.relatedTarget=p;v=null;Kb(u)===n&&(C=new C(m,l+"enter",y,c,u),C.target=p,C.relatedTarget=T,v=C);T=v;if(r&&y)b:{C=r;m=y;l=0;for(p=C;p;p=go(p))l++;p=0;for(v=m;v;v=go(v))p++;
+for(;0<l-p;)C=go(C),l--;for(;0<p-l;)m=go(m),p--;for(;l--;){if(C===m||null!==m&&C===m.alternate)break b;C=go(C);m=go(m)}C=null}else C=null;null!==r&&ho(w,q,r,C,!1);null!==y&&null!==T&&ho(w,T,y,C,!0)}}}a:{q=n?Nb(n):window;r=q.nodeName&&q.nodeName.toLowerCase();if("select"===r||"input"===r&&"file"===q.type)var x=pn;else if(gn(q))if(qn)x=zn;else{x=xn;var z=wn}else(r=q.nodeName)&&"input"===r.toLowerCase()&&("checkbox"===q.type||"radio"===q.type)&&(x=yn);if(x&&(x=x(a,n))){hn(w,x,c,u);break a}z&&z(a,q,n);
+"focusout"===a&&n&&"number"===q.type&&null!=n.memoizedProps.value&&uc(q,"number",q.value)}z=n?Nb(n):window;switch(a){case "focusin":if(gn(z)||"true"===z.contentEditable)En=z,Fn=n,Gn=null;break;case "focusout":Gn=Fn=En=null;break;case "mousedown":Hn=!0;break;case "contextmenu":case "mouseup":case "dragend":Hn=!1;In(w,c,u);break;case "selectionchange":if(Dn)break;case "keydown":case "keyup":In(w,c,u)}var A;if(Um)b:{switch(a){case "compositionstart":var B="onCompositionStart";break b;case "compositionend":B=
+"onCompositionEnd";break b;case "compositionupdate":B="onCompositionUpdate";break b}B=void 0}else cn?$m(a,c)&&(B="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(B="onCompositionStart");B&&(Xm&&"ko"!==c.locale&&(cn||"onCompositionStart"!==B?"onCompositionEnd"===B&&cn&&(A=Sm()):(Pm=u,Qm="value"in Pm?Pm.value:Pm.textContent,cn=!0)),z=jn(n,B),0<z.length&&(B=new $l(B,a,null,c,u),w.push({event:B,listeners:z}),A?B.data=A:(A=bn(c),null!==A&&(B.data=A))));if(A=Wm?dn(a,c):en(a,c))B=jn(n,"onBeforeInput"),
+0<B.length&&(z=new $l("onBeforeInput","beforeinput",null,c,u),w.push({event:z,listeners:B}),z.data=A);om(w,a,n,c,u)}nn(w,b)})}function fo(a,b,c){return{instance:a,listener:b,currentTarget:c}}function jn(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=Al(a,c),null!=e&&d.unshift(fo(a,e,f)),e=Al(a,b),null!=e&&d.push(fo(a,e,f)));a=a.return}return d}
+function go(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function ho(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=Al(c,f),null!=n&&g.unshift(fo(c,n,k))):e||(n=Al(c,f),null!=n&&g.push(fo(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var io=/\r\n?/g,jo=/\u0000|\uFFFD/g;
+function ko(a){return("string"===typeof a?a:""+a).replace(io,"\n").replace(jo,"")}function Li(a,b,c){b=ko(b);if(ko(a)!==b&&c)throw Error(t(425));}function Aj(){}
+function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Ec(a,d):"number"===typeof d&&"body"!==b&&Ec(a,""+d);break;case "className":ac(a,"class",d);break;case "tabIndex":ac(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":ac(a,c,d);break;case "style":Hc(a,d,f);break;case "src":case "href":if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+
 d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,e,null),Z(a,b,"formEncType",e.formEncType,e,null),Z(a,
-b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=rj);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in
-d))throw Error(u(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(u(60));zc(a,d)}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===typeof d||"boolean"===typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");
-break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
+b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=Aj);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in
+d))throw Error(t(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(t(60));Dc(a,d)}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":case "ref":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===typeof d||"boolean"===typeof d||"symbol"===
+typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
 "function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""):a.removeAttribute(c);break;case "capture":case "download":!0===d?a.setAttribute(c,""):!1!==d&&null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,d):a.removeAttribute(c);break;case "cols":case "rows":case "size":case "span":null!=d&&"function"!==typeof d&&"symbol"!==typeof d&&!isNaN(d)&&1<=d?a.setAttribute(c,d):a.removeAttribute(c);break;case "rowSpan":case "start":null==d||"function"===typeof d||"symbol"===typeof d||
-isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":Zb(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":Zb(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":Zb(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":Zb(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":Zb(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":Zb(a,"http://www.w3.org/1999/xlink","xlink:type",
-d);break;case "xmlBase":Zb(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":Zb(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":Zb(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":Xb(a,"is",d);break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Fc.get(c)||c,Xb(a,e,d)}}
-function Yn(a,b,c,d,e,f){switch(c){case "style":Dc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(u(61));b=d.__html;if(null!=b){if(null!=e.children)throw Error(u(60));zc(a,b)}}break;case "children":"string"===typeof d?Ac(a,d):"number"===typeof d&&Ac(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=rj);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":break;
-default:Pb.hasOwnProperty(c)||("boolean"===typeof d&&(d=""+d),Xb(a,c,d))}}
-function Bi(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(q in c)if(c.hasOwnProperty(q)){var p=c[q];if(null!=p)switch(q){case "name":d=p;break;case "type":e=p;break;case "checked":h=p;break;case "defaultChecked":k=p;break;case "value":f=p;break;case "defaultValue":g=p;break;case "children":case "dangerouslySetInnerHTML":if(null!=p)throw Error(u(137,b));break;default:Z(a,
-b,q,p,c,null)}}rc(a,f,g,h,k,e,d,!1);kc(a);return;case "select":Y("invalid",a);var q=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":q=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!q;null!=b?tc(a,!!q,b,!1):null!=c&&tc(a,!!q,c,!0);return;case "textarea":Y("invalid",a);f=d=q=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":q=g;break;case "defaultValue":d=g;break;case "children":f=
-g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(u(91));break;default:Z(a,b,e,g,c,null)}vc(a,q,d,f);kc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(q=c[g],null!=q))switch(g){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,g,q,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(q=0;q<Mn.length;q++)Y(Mn[q],a);break;case "image":Y("error",a);Y("load",
-a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(q=c[h],null!=q))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(u(137,b));default:Z(a,b,h,q,c,null)}return;default:if(Ec(b)){for(k in c)c.hasOwnProperty(k)&&(q=c[k],null!=q&&Yn(a,b,k,q,c,null));
-return}}for(f in c)c.hasOwnProperty(f)&&(q=c[f],null!=q&&Z(a,b,f,q,c,null))}
-function Jj(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,p=null,q=null;for(t in c){var w=c[t];if(c.hasOwnProperty(t)&&null!=w)switch(t){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(t)||Z(a,b,t,null,d,w)}}for(var r in d){var t=d[r];w=c[r];if(d.hasOwnProperty(r)&&(null!=t||null!=w))switch(r){case "type":f=t;break;case "name":e=t;break;case "checked":p=
-t;break;case "defaultChecked":q=t;break;case "value":g=t;break;case "defaultValue":h=t;break;case "children":case "dangerouslySetInnerHTML":if(null!=t)throw Error(u(137,b));break;default:t!==w&&Z(a,b,r,t,d,w)}}pc(a,g,h,k,p,q,f,e);return;case "select":t=g=h=r=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":t=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":r=
-f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=t;null!=r?tc(a,!!c,r,!1):!!d!==!!c&&(null!=b?tc(a,!!c,b,!0):tc(a,!!c,c?[]:"",!1));return;case "textarea":t=r=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":r=e;break;case "defaultValue":t=e;break;case "children":break;
-case "dangerouslySetInnerHTML":if(null!=e)throw Error(u(91));break;default:e!==f&&Z(a,b,g,e,d,f)}uc(a,r,t);return;case "option":for(var z in c)if(r=c[z],c.hasOwnProperty(z)&&null!=r&&!d.hasOwnProperty(z))switch(z){case "selected":a.selected=!1;break;default:Z(a,b,z,null,d,r)}for(k in d)if(r=d[k],t=c[k],d.hasOwnProperty(k)&&r!==t&&(null!=r||null!=t))switch(k){case "selected":a.selected=r&&"function"!==typeof r&&"symbol"!==typeof r;break;default:Z(a,b,k,r,d,t)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var B in c)r=
-c[B],c.hasOwnProperty(B)&&null!=r&&!d.hasOwnProperty(B)&&Z(a,b,B,null,d,r);for(p in d)if(r=d[p],t=c[p],d.hasOwnProperty(p)&&r!==t&&(null!=r||null!=t))switch(p){case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(u(137,b));break;default:Z(a,b,p,r,d,t)}return;default:if(Ec(b)){for(var U in c)r=c[U],c.hasOwnProperty(U)&&null!=r&&!d.hasOwnProperty(U)&&Yn(a,b,U,null,d,r);for(q in d)r=d[q],t=c[q],!d.hasOwnProperty(q)||r===t||null==r&&null==t||Yn(a,b,q,r,d,t);return}}for(var V in c)r=c[V],
-c.hasOwnProperty(V)&&null!=r&&!d.hasOwnProperty(V)&&Z(a,b,V,null,d,r);for(w in d)r=d[w],t=c[w],!d.hasOwnProperty(w)||r===t||null==r&&null==t||Z(a,b,w,r,d,t)}var Zi=null,cj=null;function Ai(a){return 9===a.nodeType?a:a.ownerDocument}function Ka(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
-function La(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Id(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var Zn=null;function of(){var a=window.event;if(a&&"popstate"===a.type){if(a===Zn)return!1;Zn=a;return!0}Zn=null;return!1}
-var wk="function"===typeof setTimeout?setTimeout:void 0,Ek="function"===typeof clearTimeout?clearTimeout:void 0,$n="function"===typeof Promise?Promise:void 0,rf="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof $n?function(a){return $n.resolve(null).then(a).catch(ao)}:wk;function ao(a){setTimeout(function(){throw a;})}
-function xj(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);yj(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);yj(b)}function dj(a){var b=a.nodeType;if(9===b)bo(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":bo(a);break;default:a.textContent=""}}
-function bo(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":bo(c);Gb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
-function yd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Fb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
+isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":bc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":bc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":bc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":bc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":bc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":bc(a,"http://www.w3.org/1999/xlink","xlink:type",
+d);break;case "xmlBase":bc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":bc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":bc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":$b(a,"is",d);break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Jc.get(c)||c,$b(a,e,d)}}
+function lo(a,b,c,d,e,f){switch(c){case "style":Hc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(t(61));b=d.__html;if(null!=b){if(null!=e.children)throw Error(t(60));Dc(a,b)}}break;case "children":"string"===typeof d?Ec(a,d):"number"===typeof d&&Ec(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=Aj);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":case "ref":break;
+default:Sb.hasOwnProperty(c)||("boolean"===typeof d&&(d=""+d),$b(a,c,d))}}
+function Ki(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(u in c)if(c.hasOwnProperty(u)){var n=c[u];if(null!=n)switch(u){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(t(137,b));break;default:Z(a,
+b,u,n,c,null)}}vc(a,f,g,h,k,e,d,!1);oc(a);return;case "select":Y("invalid",a);var u=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":u=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!u;null!=b?xc(a,!!u,b,!1):null!=c&&xc(a,!!u,c,!0);return;case "textarea":Y("invalid",a);f=d=u=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":u=g;break;case "defaultValue":d=g;break;case "children":f=
+g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(t(91));break;default:Z(a,b,e,g,c,null)}zc(a,u,d,f);oc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(u=c[g],null!=u))switch(g){case "selected":a.selected=u&&"function"!==typeof u&&"symbol"!==typeof u;break;default:Z(a,b,g,u,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(u=0;u<Zn.length;u++)Y(Zn[u],a);break;case "image":Y("error",a);Y("load",
+a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(u=c[h],null!=u))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(t(137,b));default:Z(a,b,h,u,c,null)}return;default:if(Ic(b)){for(k in c)c.hasOwnProperty(k)&&(u=c[k],null!=u&&lo(a,b,k,u,c,null));
+return}}for(f in c)c.hasOwnProperty(f)&&(u=c[f],null!=u&&Z(a,b,f,u,c,null))}
+function Sj(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,u=null;for(r in c){var w=c[r];if(c.hasOwnProperty(r)&&null!=w)switch(r){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(r)||Z(a,b,r,null,d,w)}}for(var q in d){var r=d[q];w=c[q];if(d.hasOwnProperty(q)&&(null!=r||null!=w))switch(q){case "type":f=r;break;case "name":e=r;break;case "checked":n=
+r;break;case "defaultChecked":u=r;break;case "value":g=r;break;case "defaultValue":h=r;break;case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(t(137,b));break;default:r!==w&&Z(a,b,q,r,d,w)}}tc(a,g,h,k,n,u,f,e);return;case "select":r=g=h=q=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":r=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":q=
+f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=r;null!=q?xc(a,!!c,q,!1):!!d!==!!c&&(null!=b?xc(a,!!c,b,!0):xc(a,!!c,c?[]:"",!1));return;case "textarea":r=q=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":q=e;break;case "defaultValue":r=e;break;case "children":break;
+case "dangerouslySetInnerHTML":if(null!=e)throw Error(t(91));break;default:e!==f&&Z(a,b,g,e,d,f)}yc(a,q,r);return;case "option":for(var y in c)if(q=c[y],c.hasOwnProperty(y)&&null!=q&&!d.hasOwnProperty(y))switch(y){case "selected":a.selected=!1;break;default:Z(a,b,y,null,d,q)}for(k in d)if(q=d[k],r=c[k],d.hasOwnProperty(k)&&q!==r&&(null!=q||null!=r))switch(k){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,k,q,d,r)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var C in c)q=
+c[C],c.hasOwnProperty(C)&&null!=q&&!d.hasOwnProperty(C)&&Z(a,b,C,null,d,q);for(n in d)if(q=d[n],r=c[n],d.hasOwnProperty(n)&&q!==r&&(null!=q||null!=r))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=q)throw Error(t(137,b));break;default:Z(a,b,n,q,d,r)}return;default:if(Ic(b)){for(var T in c)q=c[T],c.hasOwnProperty(T)&&null!=q&&!d.hasOwnProperty(T)&&lo(a,b,T,null,d,q);for(u in d)q=d[u],r=c[u],!d.hasOwnProperty(u)||q===r||null==q&&null==r||lo(a,b,u,q,d,r);return}}for(var m in c)q=c[m],
+c.hasOwnProperty(m)&&null!=q&&!d.hasOwnProperty(m)&&Z(a,b,m,null,d,q);for(w in d)q=d[w],r=c[w],!d.hasOwnProperty(w)||q===r||null==q&&null==r||Z(a,b,w,q,d,r)}var hj=null,lj=null;function Ji(a){return 9===a.nodeType?a:a.ownerDocument}function Ka(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
+function La(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Md(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var mo=null;function ve(){var a=window.event;if(a&&"popstate"===a.type){if(a===mo)return!1;mo=a;return!0}mo=null;return!1}
+var Jk="function"===typeof setTimeout?setTimeout:void 0,Rk="function"===typeof clearTimeout?clearTimeout:void 0,no="function"===typeof Promise?Promise:void 0,ye="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof no?function(a){return no.resolve(null).then(a).catch(oo)}:Jk;function oo(a){setTimeout(function(){throw a;})}
+function Gj(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);Hj(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);Hj(b)}function mj(a){var b=a.nodeType;if(9===b)po(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":po(a);break;default:a.textContent=""}}
+function po(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":po(c);Jb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
+function Cd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Ib])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
 a.getAttribute("href")!==(null==e.href?null:e.href)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin)||a.getAttribute("title")!==(null==e.title?null:e.title))break;return a;case "style":if(a.hasAttribute("data-precedence"))break;return a;case "script":f=a.getAttribute("src");if((f!==(null==e.src?null:e.src)||a.getAttribute("type")!==(null==e.type?null:e.type)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin))&&f&&a.hasAttribute("async")&&!a.hasAttribute("itemprop"))break;
-return a;default:return a}a=Dd(a);if(null===a)break}return null}function Bd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Dd(a);if(null===a)return null}return a}function zd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Dd(a){return zd(a.nextSibling)}
-function yi(a,b,c,d,e){a[xb]=e;a[yb]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<Mn.length;e++)Y(Mn[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);rc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);kc(a);break;case "select":Y("invalid",
-a);break;case "textarea":Y("invalid",a),vc(a,c.value,c.defaultValue,c.children),kc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&Ci(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=rj)}
-function Ib(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function zi(a,b,c){b=Ai(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(u(452));return a;case "head":a=b.head;if(!a)throw Error(u(453));return a;case "body":a=b.body;if(!a)throw Error(u(454));return a;default:throw Error(u(451));}}var co=new Map,eo=new Set;
-function Lj(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var mo={prefetchDNS:fo,preconnect:go,preload:ho,preloadModule:io,preinitStyle:jo,preinitScript:ko,preinitModuleScript:lo};
-function no(a,b,c){var d=document;if("string"===typeof b&&b){var e=oc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');eo.has(e)||(eo.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),Bi(b,"link",a),Nb(b),d.head.appendChild(b)))}}function fo(a){no("dns-prefetch",a,null)}function go(a,b){no("preconnect",a,b)}
-function ho(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+oc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+oc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+oc(c.imageSizes)+'"]')):e+='[href="'+oc(a)+'"]':e+='[href="'+oc(a)+'"]';var f=e;switch(b){case "style":f=oo(a);break;case "script":f=po(a)}co.has(f)||(a=C({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),co.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(qo(f))||
-"script"===b&&d.querySelector(ro(f))||(b=d.createElement("link"),Bi(b,"link",a),Nb(b),d.head.appendChild(b)))}}
-function io(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+oc(d)+'"][href="'+oc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=po(a)}if(!co.has(f)&&(a=C({rel:"modulepreload",href:a},b),co.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(ro(f)))return}d=c.createElement("link");
-Bi(d,"link",a);Nb(d);c.head.appendChild(d)}}}
-function jo(a,b,c){var d=document;if(a){var e=Mb(d).hoistableStyles,f=oo(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(qo(f)))h.loading=5;else{a=C({rel:"stylesheet",href:a,"data-precedence":b},c);(c=co.get(f))&&so(a,c);var k=g=d.createElement("link");Nb(k);Bi(k,"link",a);k._p=new Promise(function(p,q){k.onload=p;k.onerror=q});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;to(g,b,d)}g=
-{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function ko(a,b){var c=document;if(a){var d=Mb(c).hoistableScripts,e=po(a),f=d.get(e);f||(f=c.querySelector(ro(e)),f||(a=C({src:a,async:!0},b),(b=co.get(e))&&uo(a,b),f=c.createElement("script"),Nb(f),Bi(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function lo(a,b){var c=document;if(a){var d=Mb(c).hoistableScripts,e=po(a),f=d.get(e);f||(f=c.querySelector(ro(e)),f||(a=C({src:a,async:!0,type:"module"},b),(b=co.get(e))&&uo(a,b),f=c.createElement("script"),Nb(f),Bi(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function Xk(a,b,c){b=(b=Ga.current)?Lj(b):null;if(!b)throw Error(u(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=oo(c.href),b=Mb(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=oo(c.href);var d=Mb(b).hoistableStyles,e=d.get(a);
-e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),co.has(a)||vo(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=po(c.src),b=Mb(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
-instance:null,count:0,state:null};default:throw Error(u(444,a));}}function oo(a){return'href="'+oc(a)+'"'}function qo(a){return'link[rel="stylesheet"]['+a+"]"}function wo(a){return C({},a,{"data-precedence":a.precedence,precedence:null})}
-function vo(a,b,c,d){co.set(b,c);a.querySelector(qo(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),Bi(b,"link",c),Nb(b),a.head.appendChild(b)))}function po(a){return'[src="'+oc(a)+'"]'}function ro(a){return"script[async]"+a}
-function Ij(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+oc(c.href)+'"]');if(d)return b.instance=d,Nb(d),d;var e=C({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");Nb(d);Bi(d,"style",e);to(d,c.precedence,a);return b.instance=d;case "stylesheet":e=oo(c.href);var f=a.querySelector(qo(e));if(f)return b.state.loading|=4,b.instance=f,Nb(f),f;d=wo(c);(e=co.get(e))&&
-so(d,e);f=(a.ownerDocument||a).createElement("link");Nb(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});Bi(f,"link",d);b.state.loading|=4;to(f,c.precedence,a);return b.instance=f;case "script":f=po(c.src);if(e=a.querySelector(ro(f)))return b.instance=e,Nb(e),e;d=c;if(e=co.get(f))d=C({},c),uo(d,e);a=a.ownerDocument||a;e=a.createElement("script");Nb(e);Bi(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(u(443,b.type));}else"stylesheet"===
-b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,to(d,c.precedence,a));return b.instance}function to(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
-function so(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function uo(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var Kj=null;
-function Gj(a,b,c){if(null===Kj){var d=new Map;var e=Kj=new Map;e.set(c,d)}else e=Kj,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Fb]||f[xb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
-function Hj(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
-function Zk(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
-var yk=null;function zk(){}
-function Yj(a,b,c){if(null===yk)throw Error(u(475));var d=yk;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=oo(c.href),f=a.querySelector(qo(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=xo.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;Nb(f);return}f=a.ownerDocument||a;c=wo(c);(e=co.get(e))&&so(c,e);f=f.createElement("link");Nb(f);var g=f;g._p=new Promise(function(h,
-k){g.onload=h;g.onerror=k});Bi(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=xo.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
-function Ak(){if(null===yk)throw Error(u(475));var a=yk;a.stylesheets&&0===a.count&&yo(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&yo(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function xo(){this.count--;if(0===this.count)if(this.stylesheets)yo(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var zo=null;
-function yo(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,zo=new Map,b.forEach(Ao,a),zo=null,xo.call(a))}
-function Ao(a,b){if(!(b.state.loading&4)){var c=zo.get(a);if(c)var d=c.get("last");else{c=new Map;zo.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set("p"+g.dataset.precedence,g),d=g}d&&c.set("last",d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get("p"+g)||d;f===d&&c.set("last",e);c.set(g,e);this.count++;d=xo.bind(this);e.addEventListener("load",d);e.addEventListener("error",
-d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var Bo=ca.Dispatcher;"undefined"!==typeof document&&(Bo.current=mo);var Co="function"===typeof reportError?reportError:function(a){console.error(a)};function Do(a){this._internalRoot=a}Eo.prototype.render=Do.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(u(409));el(a,b,null,null)};
-Eo.prototype.unmount=Do.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Ck(function(){el(null,a,null,null)});b[zb]=null}};function Eo(a){this._internalRoot=a}Eo.prototype.unstable_scheduleHydration=function(a){if(a){var b=F;a={blockedOn:null,target:a,priority:b};for(var c=0;c<im.length&&0!==b&&b<im[c].priority;c++);im.splice(c,0,a);0===c&&nm(a)}};function Fo(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
-function Go(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Ho(){}
-function Io(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var p=fl(g);f.call(p)}}var g=dl(b,d,a,0,null,!1,!1,"",Ho,null,null);a._reactRootContainer=g;a[zb]=g.current;Di(8===a.nodeType?a.parentNode:a);Ck();return g}dj(a);if("function"===typeof d){var h=d;d=function(){var p=fl(k);h.call(p)}}var k=al(a,0,!1,null,null,!1,!1,"",Ho,null,null);a._reactRootContainer=k;a[zb]=k.current;Di(8===a.nodeType?a.parentNode:a);Ck(function(){el(b,k,c,d)});return k}
-function Jo(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=fl(g);h.call(k)}}el(b,g,a,e)}else g=Io(c,b,a,e,d);return fl(g)}function Ko(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var Lo=ca.Dispatcher;ca.Events=[Jb,Kb,Lb,Lc,Mc,Bk];var Mo={findFiberByHostInstance:Hb,bundleType:0,version:"18.3.0-canary-60a927d04-20240113",rendererPackageName:"react-dom"};
-var No={bundleType:Mo.bundleType,version:Mo.version,rendererPackageName:Mo.rendererPackageName,rendererConfig:Mo.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=Rc(a);return null===a?null:a.stateNode},findFiberByHostInstance:Mo.findFiberByHostInstance||
-kl,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-canary-60a927d04-20240113"};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var Oo=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!Oo.isDisabled&&Oo.supportsFiber)try{$a=Oo.inject(No),ab=Oo}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;
-exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Fo(b))throw Error(u(200));return bl(a,b,null,c)};
-exports.createRoot=function(a,b){if(!Fo(a))throw Error(u(299));var c=!1,d="",e=Co,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=al(a,1,!1,null,null,c,!1,d,e,f,null);a[zb]=b.current;Bo.current=mo;Di(8===a.nodeType?a.parentNode:a);return new Do(b)};
-exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(u(188));a=Object.keys(a).join(",");throw Error(u(268,a));}a=Rc(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return Ck(a)};exports.hydrate=function(a,b,c){if(!Go(b))throw Error(u(200));return Jo(null,a,b,!0,c)};
-exports.hydrateRoot=function(a,b,c){if(!Fo(a))throw Error(u(405));var d=!1,e="",f=Co,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=dl(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[zb]=b.current;Bo.current=mo;Di(a);return new Eo(b)};
-exports.preconnect=function(a,b){var c=Lo.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=Lo.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
-exports.preinit=function(a,b){var c=Lo.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=Ko(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
-exports.preinitModule=function(a,b){var c=Lo.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=Ko(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
-exports.preload=function(a,b){var c=Lo.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=Ko(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
-typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=Lo.current;if(c&&"string"===typeof a)if(b){var d=Ko(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!Go(b))throw Error(u(200));return Jo(null,a,b,!1,c)};
-exports.unmountComponentAtNode=function(a){if(!Go(a))throw Error(u(40));return a._reactRootContainer?(Ck(function(){Jo(null,null,a,!1,function(){a._reactRootContainer=null;a[zb]=null})}),!0):!1};exports.unstable_batchedUpdates=Bk;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!Go(c))throw Error(u(200));if(null==a||void 0===a._reactInternals)throw Error(u(38));return Jo(a,b,c,!1,d)};exports.useFormState=function(a,b,c){return ea.current.useFormState(a,b,c)};
-exports.useFormStatus=function(){return ea.current.useHostTransitionStatus()};exports.version="18.3.0-canary-60a927d04-20240113";
+return a;default:return a}a=Hd(a);if(null===a)break}return null}function Fd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Hd(a);if(null===a)return null}return a}function Dd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Hd(a){return Dd(a.nextSibling)}
+function Hi(a,b,c,d,e){a[Ab]=e;a[Bb]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<Zn.length;e++)Y(Zn[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);vc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);oc(a);break;case "select":Y("invalid",
+a);break;case "textarea":Y("invalid",a),zc(a,c.value,c.defaultValue,c.children),oc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&Li(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=Aj)}
+function Lb(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function Ii(a,b,c){b=Ji(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(t(452));return a;case "head":a=b.head;if(!a)throw Error(t(453));return a;case "body":a=b.body;if(!a)throw Error(t(454));return a;default:throw Error(t(451));}}var qo=new Map,ro=new Set;
+function Uj(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var zo={prefetchDNS:so,preconnect:to,preload:uo,preloadModule:vo,preinitStyle:wo,preinitScript:xo,preinitModuleScript:yo};
+function Ao(a,b,c){var d=document;if("string"===typeof b&&b){var e=sc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');ro.has(e)||(ro.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),Ki(b,"link",a),Qb(b),d.head.appendChild(b)))}}function so(a){Ao("dns-prefetch",a,null)}function to(a,b){Ao("preconnect",a,b)}
+function uo(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+sc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+sc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+sc(c.imageSizes)+'"]')):e+='[href="'+sc(a)+'"]':e+='[href="'+sc(a)+'"]';var f=e;switch(b){case "style":f=Bo(a);break;case "script":f=Co(a)}qo.has(f)||(a=D({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),qo.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(Do(f))||
+"script"===b&&d.querySelector(Eo(f))||(b=d.createElement("link"),Ki(b,"link",a),Qb(b),d.head.appendChild(b)))}}
+function vo(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+sc(d)+'"][href="'+sc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=Co(a)}if(!qo.has(f)&&(a=D({rel:"modulepreload",href:a},b),qo.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(Eo(f)))return}d=c.createElement("link");
+Ki(d,"link",a);Qb(d);c.head.appendChild(d)}}}
+function wo(a,b,c){var d=document;if(a){var e=Pb(d).hoistableStyles,f=Bo(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(Do(f)))h.loading=5;else{a=D({rel:"stylesheet",href:a,"data-precedence":b},c);(c=qo.get(f))&&Fo(a,c);var k=g=d.createElement("link");Qb(k);Ki(k,"link",a);k._p=new Promise(function(n,u){k.onload=n;k.onerror=u});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;Go(g,b,d)}g=
+{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function xo(a,b){var c=document;if(a){var d=Pb(c).hoistableScripts,e=Co(a),f=d.get(e);f||(f=c.querySelector(Eo(e)),f||(a=D({src:a,async:!0},b),(b=qo.get(e))&&Ho(a,b),f=c.createElement("script"),Qb(f),Ki(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function yo(a,b){var c=document;if(a){var d=Pb(c).hoistableScripts,e=Co(a),f=d.get(e);f||(f=c.querySelector(Eo(e)),f||(a=D({src:a,async:!0,type:"module"},b),(b=qo.get(e))&&Ho(a,b),f=c.createElement("script"),Qb(f),Ki(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function jl(a,b,c){b=(b=Ga.current)?Uj(b):null;if(!b)throw Error(t(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=Bo(c.href),b=Pb(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=Bo(c.href);var d=Pb(b).hoistableStyles,e=d.get(a);
+e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),qo.has(a)||Io(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=Co(c.src),b=Pb(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
+instance:null,count:0,state:null};default:throw Error(t(444,a));}}function Bo(a){return'href="'+sc(a)+'"'}function Do(a){return'link[rel="stylesheet"]['+a+"]"}function Jo(a){return D({},a,{"data-precedence":a.precedence,precedence:null})}
+function Io(a,b,c,d){qo.set(b,c);a.querySelector(Do(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),Ki(b,"link",c),Qb(b),a.head.appendChild(b)))}function Co(a){return'[src="'+sc(a)+'"]'}function Eo(a){return"script[async]"+a}
+function Rj(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+sc(c.href)+'"]');if(d)return b.instance=d,Qb(d),d;var e=D({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");Qb(d);Ki(d,"style",e);Go(d,c.precedence,a);return b.instance=d;case "stylesheet":e=Bo(c.href);var f=a.querySelector(Do(e));if(f)return b.state.loading|=4,b.instance=f,Qb(f),f;d=Jo(c);(e=qo.get(e))&&
+Fo(d,e);f=(a.ownerDocument||a).createElement("link");Qb(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});Ki(f,"link",d);b.state.loading|=4;Go(f,c.precedence,a);return b.instance=f;case "script":f=Co(c.src);if(e=a.querySelector(Eo(f)))return b.instance=e,Qb(e),e;d=c;if(e=qo.get(f))d=D({},c),Ho(d,e);a=a.ownerDocument||a;e=a.createElement("script");Qb(e);Ki(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(t(443,b.type));}else"stylesheet"===
+b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,Go(d,c.precedence,a));return b.instance}function Go(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
+function Fo(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function Ho(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var Tj=null;
+function Pj(a,b,c){if(null===Tj){var d=new Map;var e=Tj=new Map;e.set(c,d)}else e=Tj,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Ib]||f[Ab]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
+function Qj(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
+function ll(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
+var Lk=null;function Mk(){}
+function hk(a,b,c){if(null===Lk)throw Error(t(475));var d=Lk;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=Bo(c.href),f=a.querySelector(Do(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=Ko.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;Qb(f);return}f=a.ownerDocument||a;c=Jo(c);(e=qo.get(e))&&Fo(c,e);f=f.createElement("link");Qb(f);var g=f;g._p=new Promise(function(h,
+k){g.onload=h;g.onerror=k});Ki(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=Ko.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
+function Nk(){if(null===Lk)throw Error(t(475));var a=Lk;a.stylesheets&&0===a.count&&Lo(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&Lo(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function Ko(){this.count--;if(0===this.count)if(this.stylesheets)Lo(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var Mo=null;
+function Lo(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,Mo=new Map,b.forEach(No,a),Mo=null,Ko.call(a))}
+function No(a,b){if(!(b.state.loading&4)){var c=Mo.get(a);if(c)var d=c.get(null);else{c=new Map;Mo.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set(g.dataset.precedence,g),d=g}d&&c.set(null,d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get(g)||d;f===d&&c.set(null,e);c.set(g,e);this.count++;d=Ko.bind(this);e.addEventListener("load",d);e.addEventListener("error",
+d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var Oo=ca.Dispatcher;"undefined"!==typeof document&&(Oo.current=zo);var Po="function"===typeof reportError?reportError:function(a){console.error(a)};function Qo(a){this._internalRoot=a}Ro.prototype.render=Qo.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(t(409));rl(a,b,null,null)};
+Ro.prototype.unmount=Qo.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Pk(function(){rl(null,a,null,null)});b[Cb]=null}};function Ro(a){this._internalRoot=a}Ro.prototype.unstable_scheduleHydration=function(a){if(a){var b=G;a={blockedOn:null,target:a,priority:b};for(var c=0;c<vm.length&&0!==b&&b<vm[c].priority;c++);vm.splice(c,0,a);0===c&&Am(a)}};function So(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
+function To(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Uo(){}
+function Vo(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=sl(g);f.call(n)}}var g=ql(b,d,a,0,null,!1,!1,"",Uo,null,null);a._reactRootContainer=g;a[Cb]=g.current;Mi(8===a.nodeType?a.parentNode:a);Pk();return g}mj(a);if("function"===typeof d){var h=d;d=function(){var n=sl(k);h.call(n)}}var k=nl(a,0,!1,null,null,!1,!1,"",Uo,null,null);a._reactRootContainer=k;a[Cb]=k.current;Mi(8===a.nodeType?a.parentNode:a);Pk(function(){rl(b,k,c,d)});return k}
+function Wo(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=sl(g);h.call(k)}}rl(b,g,a,e)}else g=Vo(c,b,a,e,d);return sl(g)}function Xo(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var Yo=ca.Dispatcher;ca.Events=[Mb,Nb,Ob,Pc,Qc,Ok];var Zo={findFiberByHostInstance:Kb,bundleType:0,version:"18.3.0-canary-14898b6a9-20240318",rendererPackageName:"react-dom"};
+var $o={bundleType:Zo.bundleType,version:Zo.version,rendererPackageName:Zo.rendererPackageName,rendererConfig:Zo.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=Vc(a);return null===a?null:a.stateNode},findFiberByHostInstance:Zo.findFiberByHostInstance||
+xl,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-canary-14898b6a9-20240318"};if("undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var ap=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ap.isDisabled&&ap.supportsFiber)try{bb=ap.inject($o),cb=ap}catch(a){}}exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;
+exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!So(b))throw Error(t(299));return ol(a,b,null,c)};
+exports.createRoot=function(a,b){if(!So(a))throw Error(t(299));var c=!1,d="",e=Po,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=nl(a,1,!1,null,null,c,!1,d,e,f,null);a[Cb]=b.current;Oo.current=zo;Mi(8===a.nodeType?a.parentNode:a);return new Qo(b)};
+exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(t(188));a=Object.keys(a).join(",");throw Error(t(268,a));}a=Vc(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return Pk(a)};exports.hydrate=function(a,b,c){if(!To(b))throw Error(t(299));return Wo(null,a,b,!0,c)};
+exports.hydrateRoot=function(a,b,c){if(!So(a))throw Error(t(299));var d=!1,e="",f=Po,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=ql(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Cb]=b.current;Oo.current=zo;Mi(a);return new Ro(b)};
+exports.preconnect=function(a,b){var c=Yo.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=Yo.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
+exports.preinit=function(a,b){var c=Yo.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=Xo(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
+exports.preinitModule=function(a,b){var c=Yo.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=Xo(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
+exports.preload=function(a,b){var c=Yo.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=Xo(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
+typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=Yo.current;if(c&&"string"===typeof a)if(b){var d=Xo(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!To(b))throw Error(t(299));return Wo(null,a,b,!1,c)};
+exports.unmountComponentAtNode=function(a){if(!To(a))throw Error(t(299));return a._reactRootContainer?(Pk(function(){Wo(null,null,a,!1,function(){a._reactRootContainer=null;a[Cb]=null})}),!0):!1};exports.unstable_batchedUpdates=Ok;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!To(c))throw Error(t(299));if(null==a||void 0===a._reactInternals)throw Error(t(38));return Wo(a,b,c,!1,d)};exports.useFormState=function(a,b,c){return ea.current.useFormState(a,b,c)};
+exports.useFormStatus=function(){return ea.current.useHostTransitionStatus()};exports.version="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react-dom.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.js b/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.js
index dc73ec2f731b29..bbee2ae8a5d04f 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.js
@@ -34,10 +34,14 @@ const Internals = {
 // template literal strings. The messages will be replaced with error codes
 // during build.
 function formatProdErrorMessage(code) {
-  let url = 'https://reactjs.org/docs/error-decoder.html?invariant=' + code;
+  let url = 'https://react.dev/errors/' + code;
 
-  for (let i = 1; i < arguments.length; i++) {
-    url += '&args[]=' + encodeURIComponent(arguments[i]);
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
   }
 
   return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
@@ -61,7 +65,7 @@ const assign = Object.assign;
 
 const enableClientRenderFallbackOnTextMismatch = true;
 const enableFormActions = true;
-const enableAsyncActions = true; // Not sure if www still uses this. We don't have a replacement but whatever we
+const enableAsyncActions = true; // Need to remove didTimeout argument from Scheduler before landing
 // Slated for removal in the future (significant effort)
 //
 // These are experiments that didn't work out, and never shipped, but we can't
@@ -84,18 +88,6 @@ const enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature
 const alwaysThrottleRetries = true;
 const syncLaneExpirationMs = 250;
 const transitionLaneExpirationMs = 5000; // -----------------------------------------------------------------------------
-// Chopping Block
-//
-// Planned feature deprecations and breaking changes. Sorted roughly in order of
-// when we plan to enable them.
-// -----------------------------------------------------------------------------
-// This flag enables Strict Effects by default. We're not turning this on until
-// after 18 because it requires migration work. Recommendation is to use
-// <StrictMode /> to gradually upgrade components.
-// If TRUE, trees rendered with createRoot will be StrictEffectsMode.
-// If FALSE, these trees will be StrictLegacyMode.
-
-const createRootStrictEffectsByDefault = false;
 // React DOM Chopping Block
 //
 // Similar to main Chopping Block but only flags related to React DOM. These are
@@ -104,7 +96,7 @@ const createRootStrictEffectsByDefault = false;
 // Disable support for comment nodes as React DOM containers. Already disabled
 // in open source, but www codebase still relies on it. Need to remove.
 
-const disableCommentsAsDOMContainers = true; // Disable javascript: URL strings in href for XSS protection.
+const disableCommentsAsDOMContainers = true;
 // Debugging and DevTools
 // -----------------------------------------------------------------------------
 // Adds user timing marks for e.g. state updates, suspense, and work loop stuff,
@@ -195,9 +187,10 @@ const REACT_PORTAL_TYPE = Symbol.for('react.portal');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+const REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -245,9 +238,7 @@ const HostTransitionContext = {
   _currentValue2: null,
   _threadCount: 0,
   Provider: null,
-  Consumer: null,
-  _defaultValue: null,
-  _globalName: null
+  Consumer: null
 };
 
 function requiredContext(c) {
@@ -467,6 +458,10 @@ const UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
 const NormalPriority$1 = Scheduler.unstable_NormalPriority;
 const LowPriority = Scheduler.unstable_LowPriority;
 const IdlePriority = Scheduler.unstable_IdlePriority; // this doesn't actually exist on the scheduler, but it *does*
+// on scheduler/unstable_mock, which we'll need for internal testing
+
+const log$1 = Scheduler.log;
+const unstable_setDisableYieldValue = Scheduler.unstable_setDisableYieldValue;
 
 let rendererID = null;
 let injectedHook = null;
@@ -570,6 +565,23 @@ function onCommitUnmount(fiber) {
     }
   }
 }
+function setIsStrictModeForDevtools(newIsStrictMode) {
+  {
+    if (typeof log$1 === 'function') {
+      // We're in a test because Scheduler.log only exists
+      // in SchedulerMock. To reduce the noise in strict mode tests,
+      // suppress warnings and disable scheduler yielding during the double render
+      unstable_setDisableYieldValue(newIsStrictMode);
+    }
+
+    if (injectedHook && typeof injectedHook.setStrictMode === 'function') {
+      try {
+        injectedHook.setStrictMode(rendererID, newIsStrictMode);
+      } catch (err) {
+      }
+    }
+  }
+} // Profiler API hooks
 
 function injectProfilingHooks(profilingHooks) {
   injectedProfilingHooks = profilingHooks;
@@ -1405,7 +1417,7 @@ function createLaneMap(initial) {
 
   return laneMap;
 }
-function markRootUpdated(root, updateLane) {
+function markRootUpdated$1(root, updateLane) {
   root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
   // could unblock them. Clear the suspended lanes so that we can try rendering
   // them again.
@@ -1442,7 +1454,7 @@ function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
     markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
   }
 }
-function markRootPinged(root, pingedLanes) {
+function markRootPinged$1(root, pingedLanes) {
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
 }
 function markRootFinished(root, remainingLanes, spawnedLane) {
@@ -2086,7 +2098,7 @@ function setValueForNamespacedAttribute(node, namespace, name, value) {
 }
 
 let prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -2102,6 +2114,9 @@ function describeBuiltInComponentFrame(name, source, ownerFn) {
     return '\n' + prefix + name;
   }
 }
+function describeDebugInfoFrame(name, env) {
+  return describeBuiltInComponentFrame(name + (env ? ' (' + env + ')' : ''));
+}
 let reentry = false;
 let componentFrameCache;
 /**
@@ -2314,12 +2329,12 @@ function describeNativeComponentFrame(fn, construct) {
   return syntheticFrame;
 }
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
+function describeClassComponentFrame(ctor, ownerFn) {
   {
     return describeNativeComponentFrame(ctor, true);
   }
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -2364,7 +2379,10 @@ function getStackByFiberInDevAndProd(workInProgress) {
     let node = workInProgress;
 
     do {
-      info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
+      info += describeFiber(node);
+
+      if (false) ; // $FlowFixMe[incompatible-type] we bail out when we get a null
+
 
       node = node.return;
     } while (node);
@@ -2441,13 +2459,23 @@ function getComponentNameFromType(type) {
   if (typeof type === 'object') {
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          const provider = type;
+          return getContextName$1(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         const context = type;
-        return getContextName$1(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        const provider = type;
-        return getContextName$1(provider._context) + '.Provider';
+        {
+          return getContextName$1(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName$1(type, type.render, 'ForwardRef');
@@ -2473,7 +2501,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
@@ -2499,12 +2526,16 @@ function getComponentNameFromFiber(fiber) {
       return 'Cache';
 
     case ContextConsumer:
-      const context = type;
-      return getContextName(context) + '.Consumer';
+      {
+        const context = type;
+        return getContextName(context) + '.Consumer';
+      }
 
     case ContextProvider:
-      const provider = type;
-      return getContextName(provider._context) + '.Provider';
+      {
+        const provider = type;
+        return getContextName(provider._context) + '.Provider';
+      }
 
     case DehydratedFragment:
       return 'DehydratedFragment';
@@ -3778,7 +3809,7 @@ function getMaskedContext(workInProgress, unmaskedContext) {
 
     for (const key in contextTypes) {
       context[key] = unmaskedContext[key];
-    }
+    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
     // Context is created before the class component is instantiated so check for instance.
 
 
@@ -4254,18 +4285,19 @@ function claimHydratableSingleton(fiber) {
 function tryToClaimNextHydratableInstance(fiber) {
   if (!isHydrating) {
     return;
-  }
-
+  } // Validate that this is ok to render here before any mismatches.
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
   if (!nextInstance) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4276,6 +4308,7 @@ function tryToClaimNextHydratableInstance(fiber) {
 
   if (!tryHydrateInstance(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4288,15 +4321,12 @@ function tryToClaimNextHydratableInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateInstance(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4309,6 +4339,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   const text = fiber.pendingProps;
   const isHydratable = isHydratableText(text);
+
   const initialInstance = nextHydratableInstance;
   const nextInstance = nextHydratableInstance;
 
@@ -4316,11 +4347,13 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     // We exclude non hydrabable text because we know there are no matching hydratables.
     // We either throw or insert depending on the render mode.
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // Nothing to hydrate. Make it an insertion.
 
 
     insertNonHydratedInstance(hydrationParentFiber, fiber);
+
     isHydrating = false;
     hydrationParentFiber = fiber;
     nextHydratableInstance = initialInstance;
@@ -4331,6 +4364,7 @@ function tryToClaimNextHydratableTextInstance(fiber) {
 
   if (!tryHydrateText(fiber, nextInstance)) {
     if (shouldClientRenderOnMismatch(fiber)) {
+
       throwOnHydrationMismatch();
     } // If we can't hydrate this instance let's try the next one.
     // We use this as a heuristic. It's based on intuition and not data so it
@@ -4343,15 +4377,12 @@ function tryToClaimNextHydratableTextInstance(fiber) {
     if (!nextHydratableInstance || !tryHydrateText(fiber, nextHydratableInstance)) {
       // Nothing to hydrate. Make it an insertion.
       insertNonHydratedInstance(hydrationParentFiber, fiber);
+
       isHydrating = false;
       hydrationParentFiber = fiber;
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
 
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
@@ -4399,11 +4430,6 @@ function tryToClaimNextHydratableSuspenseInstance(fiber) {
       nextHydratableInstance = initialInstance;
       return;
     } // We matched the next one, we'll now assume that the first one was
-    // superfluous and we'll delete it. Since we can't eagerly delete it
-    // we'll have to schedule a deletion. To do that, this node needs a dummy
-    // fiber associated with it.
-
-
     deleteHydratableInstance(prevHydrationParentFiber, firstAttemptedInstance);
   }
 }
@@ -4824,2416 +4850,2448 @@ function getRootForUpdatedFiber(sourceFiber) {
   return node.tag === HostRoot ? node.stateNode : null;
 }
 
-const UpdateState = 0;
-const ReplaceState = 1;
-const ForceUpdate = 2;
-const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
+// there's only a single root, but we do support multi root apps, hence this
+// extra complexity. But this module is optimized for the single root case.
 
-let hasForceUpdate = false;
+let firstScheduledRoot = null;
+let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-function initializeUpdateQueue(fiber) {
-  const queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      lanes: NoLanes,
-      hiddenCallbacks: null
-    },
-    callbacks: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  const queue = workInProgress.updateQueue;
-  const currentQueue = current.updateQueue;
+let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-  if (queue === currentQueue) {
-    const clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      callbacks: null
-    };
-    workInProgress.updateQueue = clone;
+let mightHavePendingSyncWork = false;
+let isFlushingWork = false;
+let currentEventTransitionLane = NoLane;
+function ensureRootIsScheduled(root) {
+  // This function is called whenever a root receives an update. It does two
+  // things 1) it ensures the root is in the root schedule, and 2) it ensures
+  // there's a pending microtask to process the root schedule.
+  //
+  // Most of the actual scheduling logic does not happen until
+  // `scheduleTaskForRootDuringMicrotask` runs.
+  // Add the root to the schedule
+  if (root === lastScheduledRoot || root.next !== null) ; else {
+    if (lastScheduledRoot === null) {
+      firstScheduledRoot = lastScheduledRoot = root;
+    } else {
+      lastScheduledRoot.next = root;
+      lastScheduledRoot = root;
+    }
+  } // Any time a root received an update, we set this to true until the next time
+  // we process the schedule. If it's false, then we can quickly exit flushSync
+  // without consulting the schedule.
+
+
+  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+  // there's a task scheduled for each one at the correct priority.
+
+  {
+    if (!didScheduleMicrotask) {
+      didScheduleMicrotask = true;
+      scheduleImmediateTask(processRootScheduleInMicrotask);
+    }
   }
 }
-function createUpdate(lane) {
-  const update = {
-    lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
+function flushSyncWorkOnAllRoots() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(false);
+}
+function flushSyncWorkOnLegacyRootsOnly() {
+  // This is allowed to be called synchronously, but the caller should check
+  // the execution context first.
+  flushSyncWorkAcrossRoots_impl(true);
 }
-function enqueueUpdate(fiber, update, lane) {
-  const updateQueue = fiber.updateQueue;
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (isFlushingWork) {
+    // Prevent reentrancy.
+    // TODO: Is this overly defensive? The callers must check the execution
+    // context first regardless.
+    return;
   }
 
-  const sharedQueue = updateQueue.shared;
-
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    const pending = sharedQueue.pending;
+  if (!mightHavePendingSyncWork) {
+    // Fast path. There's no sync work to do.
+    return;
+  } // There may or may not be synchronous work scheduled. Let's check.
 
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
-    } else {
-      update.next = pending.next;
-      pending.next = update;
-    }
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
+  let didPerformSomeWork;
+  let errors = null;
+  isFlushingWork = true;
 
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
-  }
-}
-function entangleTransitions(root, fiber, lane) {
-  const updateQueue = fiber.updateQueue;
+  do {
+    didPerformSomeWork = false;
+    let root = firstScheduledRoot;
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return;
-  }
+    while (root !== null) {
+      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
+        const workInProgressRoot = getWorkInProgressRoot();
+        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
 
-  const sharedQueue = updateQueue.shared;
+        if (includesSyncLane(nextLanes)) {
+          // This root has pending sync work. Flush it now.
+          try {
+            didPerformSomeWork = true;
+            performSyncWorkOnRoot(root, nextLanes);
+          } catch (error) {
+            // Collect errors so we can rethrow them at the end
+            if (errors === null) {
+              errors = [error];
+            } else {
+              errors.push(error);
+            }
+          }
+        }
+      }
 
-  if (isTransitionLane(lane)) {
-    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
+      root = root.next;
+    }
+  } while (didPerformSomeWork);
 
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+  // TODO: Consider returning these to the caller, to allow them to decide
+  // how/when to rethrow.
 
-    const newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
+  if (errors !== null) {
+    if (errors.length > 1) {
+      if (typeof AggregateError === 'function') {
+        // eslint-disable-next-line no-undef
+        throw new AggregateError(errors);
+      } else {
+        for (let i = 1; i < errors.length; i++) {
+          scheduleImmediateTask(throwError.bind(null, errors[i]));
+        }
 
-    markRootEntangled(root, newQueueLanes);
+        const firstError = errors[0];
+        throw firstError;
+      }
+    } else {
+      const error = errors[0];
+      throw error;
+    }
   }
 }
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-  const current = workInProgress.alternate;
+function throwError(error) {
+  throw error;
+}
 
-  if (current !== null) {
-    const currentQueue = current.updateQueue;
-
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      let newFirst = null;
-      let newLast = null;
-      const firstBaseUpdate = queue.firstBaseUpdate;
+function processRootScheduleInMicrotask() {
+  // This function is always called inside a microtask. It should never be
+  // called synchronously.
+  didScheduleMicrotask = false;
 
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        let update = firstBaseUpdate;
 
-        do {
-          const clone = {
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
+  mightHavePendingSyncWork = false;
+  const currentTime = now$1();
+  let prev = null;
+  let root = firstScheduledRoot;
 
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          } // $FlowFixMe[incompatible-type] we bail out when we get a null
+  while (root !== null) {
+    const next = root.next;
 
+    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
+      // A transition was scheduled during an event, but we're going to try to
+      // render it synchronously anyway. We do this during a popstate event to
+      // preserve the scroll position of the previous page.
+      upgradePendingLaneToSync(root, currentEventTransitionLane);
+    }
 
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
+    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
+    if (nextLanes === NoLane) {
+      // This root has no more pending work. Remove it from the schedule. To
+      // guard against subtle reentrancy bugs, this microtask is the only place
+      // we do this — you can add roots to the schedule whenever, but you can
+      // only remove them here.
+      // Null this out so we know it's been removed from the schedule.
+      root.next = null;
 
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
-        }
+      if (prev === null) {
+        // This is the new head of the list
+        firstScheduledRoot = next;
       } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
+        prev.next = next;
       }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        callbacks: currentQueue.callbacks
-      };
-      workInProgress.updateQueue = queue;
-      return;
-    }
-  } // Append the update to the end of the list.
-
+      if (next === null) {
+        // This is the new tail of the list
+        lastScheduledRoot = prev;
+      }
+    } else {
+      // This root still has work. Keep it in the list.
+      prev = root;
 
-  const lastBaseUpdate = queue.lastBaseUpdate;
+      if (includesSyncLane(nextLanes)) {
+        mightHavePendingSyncWork = true;
+      }
+    }
 
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
+    root = next;
   }
 
-  queue.lastBaseUpdate = capturedUpdate;
+  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+  // to come at the end, because it does actual rendering work that might throw.
+
+  flushSyncWorkOnAllRoots();
 }
 
-function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
-  switch (update.tag) {
-    case ReplaceState:
-      {
-        const payload = update.payload;
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  // This function is always called inside a microtask, or at the very end of a
+  // rendering task right before we yield to the main thread. It should never be
+  // called synchronously.
+  //
+  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+  // that ASAP to unblock additional features we have planned.
+  //
+  // This function also never performs React work synchronously; it should
+  // only schedule work to be performed later, in a separate task or microtask.
+  // Check if any lanes are being starved by other work. If so, mark them as
+  // expired so we know to work on those next.
+  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
 
-        if (typeof payload === 'function') {
+  const workInProgressRoot = getWorkInProgressRoot();
+  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+  const existingCallbackNode = root.callbackNode;
 
-          const nextState = payload.call(instance, prevState, nextProps);
+  if ( // Check if there's nothing to work on
+  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+  // schedule a task to render it. We'll either wait for a ping, or wait to
+  // receive an update.
+  //
+  // Suspended render phase
+  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
+  root.cancelPendingCommit !== null) {
+    // Fast path: There's nothing to work on.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
 
-          return nextState;
-        } // State object
+    root.callbackNode = null;
+    root.callbackPriority = NoLane;
+    return NoLane;
+  } // Schedule a new callback in the host environment.
 
 
-        return payload;
-      }
+  if (includesSyncLane(nextLanes)) {
+    // Synchronous work is always flushed at the end of the microtask, so we
+    // don't need to schedule an additional task.
+    if (existingCallbackNode !== null) {
+      cancelCallback(existingCallbackNode);
+    }
 
-    case CaptureUpdate:
-      {
-        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
-      }
-    // Intentional fallthrough
+    root.callbackPriority = SyncLane;
+    root.callbackNode = null;
+    return SyncLane;
+  } else {
+    // We use the highest priority lane to represent the priority of the callback.
+    const existingCallbackPriority = root.callbackPriority;
+    const newCallbackPriority = getHighestPriorityLane(nextLanes);
 
-    case UpdateState:
-      {
-        const payload = update.payload;
-        let partialState;
+    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+    // Scheduler task, rather than an `act` task, cancel it and re-schedule
+    // on the `act` queue.
+    !(false  )) {
+      // The priority hasn't changed. We can reuse the existing task.
+      return newCallbackPriority;
+    } else {
+      // Cancel the existing callback. We'll schedule a new one below.
+      cancelCallback(existingCallbackNode);
+    }
 
-        if (typeof payload === 'function') {
+    let schedulerPriorityLevel;
 
-          partialState = payload.call(instance, prevState, nextProps);
-        } else {
-          // Partial state object
-          partialState = payload;
-        }
+    switch (lanesToEventPriority(nextLanes)) {
+      case DiscreteEventPriority:
+        schedulerPriorityLevel = ImmediatePriority;
+        break;
 
-        if (partialState === null || partialState === undefined) {
-          // Null and undefined are treated as no-ops.
-          return prevState;
-        } // Merge the partial state and the previous state.
+      case ContinuousEventPriority:
+        schedulerPriorityLevel = UserBlockingPriority;
+        break;
 
+      case DefaultEventPriority:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
 
-        return assign({}, prevState, partialState);
-      }
+      case IdleEventPriority:
+        schedulerPriorityLevel = IdlePriority;
+        break;
 
-    case ForceUpdate:
-      {
-        hasForceUpdate = true;
-        return prevState;
-      }
-  }
+      default:
+        schedulerPriorityLevel = NormalPriority$1;
+        break;
+    }
 
-  return prevState;
+    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
+    root.callbackPriority = newCallbackPriority;
+    root.callbackNode = newCallbackNode;
+    return newCallbackPriority;
+  }
 }
 
-function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
-  const queue = workInProgress.updateQueue;
-  hasForceUpdate = false;
-
-  let firstBaseUpdate = queue.firstBaseUpdate;
-  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+function getContinuationForRoot(root, originalCallbackNode) {
+  // This is called at the end of `performConcurrentWorkOnRoot` to determine
+  // if we need to schedule a continuation task.
+  //
+  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+  // however, since most of the logic for determining if we need a continuation
+  // versus a new task is the same, we cheat a bit and call it here. This is
+  // only safe to do because we know we're at the end of the browser task.
+  // So although it's not an actual microtask, it might as well be.
+  scheduleTaskForRootDuringMicrotask(root, now$1());
 
-  let pendingQueue = queue.shared.pending;
+  if (root.callbackNode === originalCallbackNode) {
+    // The task node scheduled for this root is the same one that's
+    // currently executed. Need to return a continuation.
+    return performConcurrentWorkOnRoot.bind(null, root);
+  }
 
-  if (pendingQueue !== null) {
-    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
-    // and last so that it's non-circular.
+  return null;
+}
 
-    const lastPendingUpdate = pendingQueue;
-    const firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null; // Append pending updates to base queue
+function scheduleCallback$2(priorityLevel, callback) {
+  {
+    return scheduleCallback$3(priorityLevel, callback);
+  }
+}
 
-    if (lastBaseUpdate === null) {
-      firstBaseUpdate = firstPendingUpdate;
-    } else {
-      lastBaseUpdate.next = firstPendingUpdate;
-    }
-
-    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
-    // we need to transfer the updates to that queue, too. Because the base
-    // queue is a singly-linked list with no cycles, we can append to both
-    // lists and take advantage of structural sharing.
-    // TODO: Pass `current` as argument
+function cancelCallback(callbackNode) {
+  if (callbackNode !== null) {
+    cancelCallback$1(callbackNode);
+  }
+}
 
-    const current = workInProgress.alternate;
+function scheduleImmediateTask(cb) {
+  // Alternatively, can we move this check to the host config?
 
-    if (current !== null) {
-      // This is always non-null on a ClassComponent or HostRoot
-      const currentQueue = current.updateQueue;
-      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-      if (currentLastBaseUpdate !== lastBaseUpdate) {
-        if (currentLastBaseUpdate === null) {
-          currentQueue.firstBaseUpdate = firstPendingUpdate;
-        } else {
-          currentLastBaseUpdate.next = firstPendingUpdate;
-        }
+  {
+    scheduleMicrotask(() => {
+      // In Safari, appending an iframe forces microtasks to run.
+      // https://github.com/facebook/react/issues/22459
+      // We don't support running callbacks in the middle of render
+      // or commit so we need to check against that.
+      const executionContext = getExecutionContext();
 
-        currentQueue.lastBaseUpdate = lastPendingUpdate;
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        // Note that this would still prematurely flush the callbacks
+        // if this happens outside render or commit phase (e.g. in an event).
+        // Intentionally using a macrotask instead of a microtask here. This is
+        // wrong semantically but it prevents an infinite loop. The bug is
+        // Safari's, not ours, so we just do our best to not crash even though
+        // the behavior isn't completely correct.
+        scheduleCallback$3(ImmediatePriority, cb);
+        return;
       }
-    }
-  } // These values may change as we process the queue.
-
-
-  if (firstBaseUpdate !== null) {
-    // Iterate through the list of updates to compute the result.
-    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-    // from the original lanes.
-
-    let newLanes = NoLanes;
-    let newBaseState = null;
-    let newFirstBaseUpdate = null;
-    let newLastBaseUpdate = null;
-    let update = firstBaseUpdate;
-
-    do {
-      // An extra OffscreenLane bit is added to updates that were made to
-      // a hidden tree, so that we can distinguish them from updates that were
-      // already there when the tree was hidden.
-      const updateLane = removeLanes(update.lane, OffscreenLane);
-      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
-      // it's not a "base" update and we should disregard the extra base lanes
-      // that were added to renderLanes when we entered the Offscreen tree.
-
-      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
-
-      if (shouldSkipUpdate) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        const clone = {
-          lane: updateLane,
-          tag: update.tag,
-          payload: update.payload,
-          callback: update.callback,
-          next: null
-        };
-
-        if (newLastBaseUpdate === null) {
-          newFirstBaseUpdate = newLastBaseUpdate = clone;
-          newBaseState = newState;
-        } else {
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Update the remaining priority in the queue.
 
+      cb();
+    });
+  }
+}
 
-        newLanes = mergeLanes(newLanes, updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newLastBaseUpdate !== null) {
-          const clone = {
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            tag: update.tag,
-            payload: update.payload,
-            // When this update is rebased, we should not fire its
-            // callback again.
-            callback: null,
-            next: null
-          };
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Process this update.
+function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+// check that it's inside a transition before calling this function.
+// TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+transition) {
+  // The algorithm for assigning an update to a lane should be stable for all
+  // updates at the same priority within the same event. To do this, the
+  // inputs to the algorithm must be the same.
+  //
+  // The trick we use is to cache the first of each of these inputs within an
+  // event. Then reset the cached values once we can be sure the event is
+  // over. Our heuristic for that is whenever we enter a concurrent work loop.
+  if (currentEventTransitionLane === NoLane) {
+    // All transitions within the same event are assigned the same lane.
+    currentEventTransitionLane = claimNextTransitionLane();
+  }
 
+  return currentEventTransitionLane;
+}
 
-        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
-        const callback = update.callback;
+// transition updates that occur while the async action is still in progress
+// are treated as part of the action.
+//
+// The ideal behavior would be to treat each async function as an independent
+// action. However, without a mechanism like AsyncContext, we can't tell which
+// action an update corresponds to. So instead, we entangle them all into one.
+// The listeners to notify once the entangled scope completes.
 
-        if (callback !== null) {
-          workInProgress.flags |= Callback;
+let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
 
-          if (isHiddenUpdate) {
-            workInProgress.flags |= Visibility;
-          }
+let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
 
-          const callbacks = queue.callbacks;
+let currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+// resolve to a particular value because it's only used for suspending the UI
+// until the async action scope has completed.
 
-          if (callbacks === null) {
-            queue.callbacks = [callback];
-          } else {
-            callbacks.push(callback);
-          }
-        }
-      } // $FlowFixMe[incompatible-type] we bail out when we get a null
+let currentEntangledActionThenable = null;
+function entangleAsyncAction(transition, thenable) {
+  // `thenable` is the return value of the async action scope function. Create
+  // a combined thenable that resolves once every entangled scope function
+  // has finished.
+  if (currentEntangledListeners === null) {
+    // There's no outer async action scope. Create a new one.
+    const entangledListeners = currentEntangledListeners = [];
+    currentEntangledPendingCount = 0;
+    currentEntangledLane = requestTransitionLane();
+    const entangledThenable = {
+      status: 'pending',
+      value: undefined,
 
+      then(resolve) {
+        entangledListeners.push(resolve);
+      }
 
-      update = update.next;
+    };
+    currentEntangledActionThenable = entangledThenable;
+  }
 
-      if (update === null) {
-        pendingQueue = queue.shared.pending;
+  currentEntangledPendingCount++;
+  thenable.then(pingEngtangledActionScope, pingEngtangledActionScope);
+  return thenable;
+}
 
-        if (pendingQueue === null) {
-          break;
-        } else {
-          // An update was scheduled from inside a reducer. Add the new
-          // pending updates to the end of the list and keep processing.
-          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-          // unravel them when transferring them to the base queue.
+function pingEngtangledActionScope() {
+  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
+    // All the actions have finished. Close the entangled async action scope
+    // and notify all the listeners.
+    if (currentEntangledActionThenable !== null) {
+      const fulfilledThenable = currentEntangledActionThenable;
+      fulfilledThenable.status = 'fulfilled';
+    }
 
-          const firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = null;
-          update = firstPendingUpdate;
-          queue.lastBaseUpdate = lastPendingUpdate;
-          queue.shared.pending = null;
-        }
-      }
-    } while (true);
+    const listeners = currentEntangledListeners;
+    currentEntangledListeners = null;
+    currentEntangledLane = NoLane;
+    currentEntangledActionThenable = null;
 
-    if (newLastBaseUpdate === null) {
-      newBaseState = newState;
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener();
     }
+  }
+}
 
-    queue.baseState = newBaseState;
-    queue.firstBaseUpdate = newFirstBaseUpdate;
-    queue.lastBaseUpdate = newLastBaseUpdate;
+function chainThenableValue(thenable, result) {
+  // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+  // cheat a bit since we know that that this thenable is only ever consumed
+  // by React.
+  //
+  // We don't technically require promise support on the client yet, hence this
+  // extra code.
+  const listeners = [];
+  const thenableWithOverride = {
+    status: 'pending',
+    value: null,
+    reason: null,
 
-    if (firstBaseUpdate === null) {
-      // `queue.lanes` is used for entangling transitions. We can set it back to
-      // zero once the queue is empty.
-      queue.shared.lanes = NoLanes;
-    } // Set the remaining expiration time to be whatever is remaining in the queue.
-    // This should be fine because the only two other things that contribute to
-    // expiration time are props and context. We're already in the middle of the
-    // begin phase by the time we start processing the queue, so we've already
-    // dealt with the props. Context in components that specify
-    // shouldComponentUpdate is tricky; but we'll have to account for
-    // that regardless.
+    then(resolve) {
+      listeners.push(resolve);
+    }
 
+  };
+  thenable.then(value => {
+    const fulfilledThenable = thenableWithOverride;
+    fulfilledThenable.status = 'fulfilled';
+    fulfilledThenable.value = result;
 
-    markSkippedUpdateLanes(newLanes);
-    workInProgress.lanes = newLanes;
-    workInProgress.memoizedState = newState;
-  }
-}
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i];
+      listener(result);
+    }
+  }, error => {
+    const rejectedThenable = thenableWithOverride;
+    rejectedThenable.status = 'rejected';
+    rejectedThenable.reason = error;
 
-function callCallback(callback, context) {
-  if (typeof callback !== 'function') {
-    throw Error(formatProdErrorMessage(191, callback));
-  }
+    for (let i = 0; i < listeners.length; i++) {
+      const listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+      // instead of `onReject`, because we know that React is the only
+      // consumer of these promises, and it passes the same listener to both.
+      // We also know that it will read the error directly off the
+      // `.reason` field.
 
-  callback.call(context);
+      listener(undefined);
+    }
+  });
+  return thenableWithOverride;
 }
-
-function resetHasForceUpdateBeforeProcessing() {
-  hasForceUpdate = false;
+function peekEntangledActionLane() {
+  return currentEntangledLane;
 }
-function checkHasForceUpdateAfterProcessing() {
-  return hasForceUpdate;
+function peekEntangledActionThenable() {
+  return currentEntangledActionThenable;
 }
-function deferHiddenCallbacks(updateQueue) {
-  // When an update finishes on a hidden component, its callback should not
-  // be fired until/unless the component is made visible again. Stash the
-  // callback on the shared queue object so it can be fired later.
-  const newHiddenCallbacks = updateQueue.callbacks;
 
-  if (newHiddenCallbacks !== null) {
-    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+const UpdateState = 0;
+const ReplaceState = 1;
+const ForceUpdate = 2;
+const CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+// It should only be read right after calling `processUpdateQueue`, via
+// `checkHasForceUpdateAfterProcessing`.
 
-    if (existingHiddenCallbacks === null) {
-      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
-    } else {
-      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
-    }
+let hasForceUpdate = false;
+
+function initializeUpdateQueue(fiber) {
+  const queue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: {
+      pending: null,
+      lanes: NoLanes,
+      hiddenCallbacks: null
+    },
+    callbacks: null
+  };
+  fiber.updateQueue = queue;
+}
+function cloneUpdateQueue(current, workInProgress) {
+  // Clone the update queue from current. Unless it's already a clone.
+  const queue = workInProgress.updateQueue;
+  const currentQueue = current.updateQueue;
+
+  if (queue === currentQueue) {
+    const clone = {
+      baseState: currentQueue.baseState,
+      firstBaseUpdate: currentQueue.firstBaseUpdate,
+      lastBaseUpdate: currentQueue.lastBaseUpdate,
+      shared: currentQueue.shared,
+      callbacks: null
+    };
+    workInProgress.updateQueue = clone;
   }
 }
-function commitHiddenCallbacks(updateQueue, context) {
-  // This component is switching from hidden -> visible. Commit any callbacks
-  // that were previously deferred.
-  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
+function createUpdate(lane) {
+  const update = {
+    lane,
+    tag: UpdateState,
+    payload: null,
+    callback: null,
+    next: null
+  };
+  return update;
+}
+function enqueueUpdate(fiber, update, lane) {
+  const updateQueue = fiber.updateQueue;
 
-  if (hiddenCallbacks !== null) {
-    updateQueue.shared.hiddenCallbacks = null;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return null;
+  }
 
-    for (let i = 0; i < hiddenCallbacks.length; i++) {
-      const callback = hiddenCallbacks[i];
-      callCallback(callback, context);
+  const sharedQueue = updateQueue.shared;
+
+  if (isUnsafeClassRenderPhaseUpdate()) {
+    // This is an unsafe render phase update. Add directly to the update
+    // queue so we can process it immediately during the current render.
+    const pending = sharedQueue.pending;
+
+    if (pending === null) {
+      // This is the first update. Create a circular list.
+      update.next = update;
+    } else {
+      update.next = pending.next;
+      pending.next = update;
     }
+
+    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+    // this fiber. This is for backwards compatibility in the case where you
+    // update a different component during render phase than the one that is
+    // currently renderings (a pattern that is accompanied by a warning).
+
+    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+  } else {
+    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
   }
 }
-function commitCallbacks(updateQueue, context) {
-  const callbacks = updateQueue.callbacks;
+function entangleTransitions(root, fiber, lane) {
+  const updateQueue = fiber.updateQueue;
 
-  if (callbacks !== null) {
-    updateQueue.callbacks = null;
+  if (updateQueue === null) {
+    // Only occurs if the fiber has been unmounted.
+    return;
+  }
 
-    for (let i = 0; i < callbacks.length; i++) {
-      const callback = callbacks[i];
-      callCallback(callback, context);
-    }
+  const sharedQueue = updateQueue.shared;
+
+  if (isTransitionLane(lane)) {
+    let queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+    // have finished. We can remove them from the shared queue, which represents
+    // a superset of the actually pending lanes. In some cases we may entangle
+    // more than we need to, but that's OK. In fact it's worse if we *don't*
+    // entangle when we should.
+
+    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+    const newQueueLanes = mergeLanes(queueLanes, lane);
+    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+    // the lane finished since the last time we entangled it. So we need to
+    // entangle it again, just to be sure.
+
+    markRootEntangled(root, newQueueLanes);
   }
 }
+function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+  // Captured updates are updates that are thrown by a child during the render
+  // phase. They should be discarded if the render is aborted. Therefore,
+  // we should only put them on the work-in-progress queue, not the current one.
+  let queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
+  const current = workInProgress.alternate;
 
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) {
-    return true;
-  }
+  if (current !== null) {
+    const currentQueue = current.updateQueue;
 
-  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
-    return false;
-  }
+    if (queue === currentQueue) {
+      // The work-in-progress queue is the same as current. This happens when
+      // we bail out on a parent fiber that then captures an error thrown by
+      // a child. Since we want to append the update only to the work-in
+      // -progress queue, we need to clone the updates. We usually clone during
+      // processUpdateQueue, but that didn't happen in this case because we
+      // skipped over the parent when we bailed out.
+      let newFirst = null;
+      let newLast = null;
+      const firstBaseUpdate = queue.firstBaseUpdate;
 
-  const keysA = Object.keys(objA);
-  const keysB = Object.keys(objB);
+      if (firstBaseUpdate !== null) {
+        // Loop through the updates and clone them.
+        let update = firstBaseUpdate;
 
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // Test for A's keys different from B.
+        do {
+          const clone = {
+            lane: update.lane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
 
+          if (newLast === null) {
+            newFirst = newLast = clone;
+          } else {
+            newLast.next = clone;
+            newLast = clone;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-  for (let i = 0; i < keysA.length; i++) {
-    const currentKey = keysA[i];
 
-    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
-    !objectIs(objA[currentKey], objB[currentKey])) {
-      return false;
-    }
-  }
+          update = update.next;
+        } while (update !== null); // Append the captured update the end of the cloned list.
 
-  return true;
-}
 
-// detect this is caught by userspace, we'll log a warning in development.
+        if (newLast === null) {
+          newFirst = newLast = capturedUpdate;
+        } else {
+          newLast.next = capturedUpdate;
+          newLast = capturedUpdate;
+        }
+      } else {
+        // There are no base updates.
+        newFirst = newLast = capturedUpdate;
+      }
 
-const SuspenseException = Error(formatProdErrorMessage(460));
-const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
-// TODO: It would be better to refactor throwException into multiple functions
-// so we can trigger a fallback directly without having to check the type. But
-// for now this will do.
+      queue = {
+        baseState: currentQueue.baseState,
+        firstBaseUpdate: newFirst,
+        lastBaseUpdate: newLast,
+        shared: currentQueue.shared,
+        callbacks: currentQueue.callbacks
+      };
+      workInProgress.updateQueue = queue;
+      return;
+    }
+  } // Append the update to the end of the list.
 
-const noopSuspenseyCommitThenable = {
-  then() {
+
+  const lastBaseUpdate = queue.lastBaseUpdate;
+
+  if (lastBaseUpdate === null) {
+    queue.firstBaseUpdate = capturedUpdate;
+  } else {
+    lastBaseUpdate.next = capturedUpdate;
   }
 
-};
-function createThenableState() {
-  // The ThenableState is created the first time a component suspends. If it
-  // suspends again, we'll reuse the same state.
-  return [];
-}
-function isThenableResolved(thenable) {
-  const status = thenable.status;
-  return status === 'fulfilled' || status === 'rejected';
+  queue.lastBaseUpdate = capturedUpdate;
 }
 
-function noop$2() {}
+function getStateFromUpdate(workInProgress, queue, update, prevState, nextProps, instance) {
+  switch (update.tag) {
+    case ReplaceState:
+      {
+        const payload = update.payload;
 
-function trackUsedThenable(thenableState, thenable, index) {
+        if (typeof payload === 'function') {
 
-  const previous = thenableState[index];
+          const nextState = payload.call(instance, prevState, nextProps);
 
-  if (previous === undefined) {
-    thenableState.push(thenable);
-  } else {
-    if (previous !== thenable) {
-      // Reuse the previous thenable, and drop the new one. We can assume
-      // they represent the same value, because components are idempotent.
-      // Avoid an unhandled rejection errors for the Promises that we'll
-      // intentionally ignore.
-      thenable.then(noop$2, noop$2);
-      thenable = previous;
-    }
-  } // We use an expando to track the status and result of a thenable so that we
-  // can synchronously unwrap the value. Think of this as an extension of the
-  // Promise API, or a custom interface that is a superset of Thenable.
-  //
-  // If the thenable doesn't have a status, set it to "pending" and attach
-  // a listener that will update its status and result when it resolves.
+          return nextState;
+        } // State object
 
 
-  switch (thenable.status) {
-    case 'fulfilled':
-      {
-        const fulfilledValue = thenable.value;
-        return fulfilledValue;
+        return payload;
       }
 
-    case 'rejected':
+    case CaptureUpdate:
       {
-        const rejectedError = thenable.reason;
-        checkIfUseWrappedInAsyncCatch(rejectedError);
-        throw rejectedError;
+        workInProgress.flags = workInProgress.flags & ~ShouldCapture | DidCapture;
       }
+    // Intentional fallthrough
 
-    default:
+    case UpdateState:
       {
-        if (typeof thenable.status === 'string') {
-          // Only instrument the thenable if the status if not defined. If
-          // it's defined, but an unknown value, assume it's been instrumented by
-          // some custom userspace implementation. We treat it as "pending".
-          // Attach a dummy listener, to ensure that any lazy initialization can
-          // happen. Flight lazily parses JSON when the value is actually awaited.
-          thenable.then(noop$2, noop$2);
-        } else {
-          // This is an uncached thenable that we haven't seen before.
-          // Detect infinite ping loops caused by uncached promises.
-          const root = getWorkInProgressRoot();
-
-          if (root !== null && root.shellSuspendCounter > 100) {
-            // This root has suspended repeatedly in the shell without making any
-            // progress (i.e. committing something). This is highly suggestive of
-            // an infinite ping loop, often caused by an accidental Async Client
-            // Component.
-            //
-            // During a transition, we can suspend the work loop until the promise
-            // to resolve, but this is a sync render, so that's not an option. We
-            // also can't show a fallback, because none was provided. So our last
-            // resort is to throw an error.
-            //
-            // TODO: Remove this error in a future release. Other ways of handling
-            // this case include forcing a concurrent render, or putting the whole
-            // root into offscreen mode.
-            throw Error(formatProdErrorMessage(482));
-          }
+        const payload = update.payload;
+        let partialState;
 
-          const pendingThenable = thenable;
-          pendingThenable.status = 'pending';
-          pendingThenable.then(fulfilledValue => {
-            if (thenable.status === 'pending') {
-              const fulfilledThenable = thenable;
-              fulfilledThenable.status = 'fulfilled';
-              fulfilledThenable.value = fulfilledValue;
-            }
-          }, error => {
-            if (thenable.status === 'pending') {
-              const rejectedThenable = thenable;
-              rejectedThenable.status = 'rejected';
-              rejectedThenable.reason = error;
-            }
-          }); // Check one more time in case the thenable resolved synchronously.
+        if (typeof payload === 'function') {
 
-          switch (thenable.status) {
-            case 'fulfilled':
-              {
-                const fulfilledThenable = thenable;
-                return fulfilledThenable.value;
-              }
+          partialState = payload.call(instance, prevState, nextProps);
+        } else {
+          // Partial state object
+          partialState = payload;
+        }
 
-            case 'rejected':
-              {
-                const rejectedThenable = thenable;
-                const rejectedError = rejectedThenable.reason;
-                checkIfUseWrappedInAsyncCatch(rejectedError);
-                throw rejectedError;
-              }
-          }
-        } // Suspend.
-        //
-        // Throwing here is an implementation detail that allows us to unwind the
-        // call stack. But we shouldn't allow it to leak into userspace. Throw an
-        // opaque placeholder value instead of the actual thenable. If it doesn't
-        // get captured by the work loop, log a warning, because that means
-        // something in userspace must have caught it.
+        if (partialState === null || partialState === undefined) {
+          // Null and undefined are treated as no-ops.
+          return prevState;
+        } // Merge the partial state and the previous state.
 
 
-        suspendedThenable = thenable;
+        return assign({}, prevState, partialState);
+      }
 
-        throw SuspenseException;
+    case ForceUpdate:
+      {
+        hasForceUpdate = true;
+        return prevState;
       }
   }
+
+  return prevState;
 }
-function suspendCommit() {
-  // This extra indirection only exists so it can handle passing
-  // noopSuspenseyCommitThenable through to throwException.
-  // TODO: Factor the thenable check out of throwException
-  suspendedThenable = noopSuspenseyCommitThenable;
-  throw SuspenseyCommitException;
-} // This is used to track the actual thenable that suspended so it can be
-// passed to the rest of the Suspense implementation — which, for historical
-// reasons, expects to receive a thenable.
 
-let suspendedThenable = null;
-function getSuspendedThenable() {
-  // This is called right after `use` suspends by throwing an exception. `use`
-  // throws an opaque value instead of the thenable itself so that it can't be
-  // caught in userspace. Then the work loop accesses the actual thenable using
-  // this function.
-  if (suspendedThenable === null) {
-    throw Error(formatProdErrorMessage(459));
-  }
+let didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+// only in a separate function because in updateHostRoot, it must happen after
+// all the context stacks have been pushed to, to prevent a stack mismatch. A
+// bit unfortunate.
 
-  const thenable = suspendedThenable;
-  suspendedThenable = null;
+function suspendIfUpdateReadFromEntangledAsyncAction() {
+  // Check if this update is part of a pending async action. If so, we'll
+  // need to suspend until the action has finished, so that it's batched
+  // together with future updates in the same action.
+  // TODO: Once we support hooks inside useMemo (or an equivalent
+  // memoization boundary like Forget), hoist this logic so that it only
+  // suspends if the memo boundary produces a new value.
+  if (didReadFromEntangledAsyncAction) {
+    const entangledActionThenable = peekEntangledActionThenable();
 
-  return thenable;
-}
-function checkIfUseWrappedInAsyncCatch(rejectedReason) {
-  // This check runs in prod, too, because it prevents a more confusing
-  // downstream error, where SuspenseException is caught by a promise and
-  // thrown asynchronously.
-  // TODO: Another way to prevent SuspenseException from leaking into an async
-  // execution context is to check the dispatcher every time `use` is called,
-  // or some equivalent. That might be preferable for other reasons, too, since
-  // it matches how we prevent similar mistakes for other hooks.
-  if (rejectedReason === SuspenseException) {
-    throw Error(formatProdErrorMessage(483));
+    if (entangledActionThenable !== null) {
+      // TODO: Instead of the throwing the thenable directly, throw a
+      // special object like `use` does so we can detect if it's captured
+      // by userspace.
+      throw entangledActionThenable;
+    }
   }
 }
+function processUpdateQueue(workInProgress, props, instance, renderLanes) {
+  didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-let thenableState$1 = null;
-let thenableIndexCounter$1 = 0;
+  const queue = workInProgress.updateQueue;
+  hasForceUpdate = false;
 
-function unwrapThenable(thenable) {
-  const index = thenableIndexCounter$1;
-  thenableIndexCounter$1 += 1;
+  let firstBaseUpdate = queue.firstBaseUpdate;
+  let lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
 
-  if (thenableState$1 === null) {
-    thenableState$1 = createThenableState();
-  }
+  let pendingQueue = queue.shared.pending;
 
-  return trackUsedThenable(thenableState$1, thenable, index);
-}
+  if (pendingQueue !== null) {
+    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
+    // and last so that it's non-circular.
 
-function coerceRef(returnFiber, current, element) {
-  const mixedRef = element.ref;
+    const lastPendingUpdate = pendingQueue;
+    const firstPendingUpdate = lastPendingUpdate.next;
+    lastPendingUpdate.next = null; // Append pending updates to base queue
 
-  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    if (lastBaseUpdate === null) {
+      firstBaseUpdate = firstPendingUpdate;
+    } else {
+      lastBaseUpdate.next = firstPendingUpdate;
+    }
+
+    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
+    // we need to transfer the updates to that queue, too. Because the base
+    // queue is a singly-linked list with no cycles, we can append to both
+    // lists and take advantage of structural sharing.
+    // TODO: Pass `current` as argument
 
-    if (element._owner) {
-      const owner = element._owner;
-      let inst;
+    const current = workInProgress.alternate;
 
-      if (owner) {
-        const ownerFiber = owner;
+    if (current !== null) {
+      // This is always non-null on a ClassComponent or HostRoot
+      const currentQueue = current.updateQueue;
+      const currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw Error(formatProdErrorMessage(309));
+      if (currentLastBaseUpdate !== lastBaseUpdate) {
+        if (currentLastBaseUpdate === null) {
+          currentQueue.firstBaseUpdate = firstPendingUpdate;
+        } else {
+          currentLastBaseUpdate.next = firstPendingUpdate;
         }
 
-        inst = ownerFiber.stateNode;
+        currentQueue.lastBaseUpdate = lastPendingUpdate;
       }
+    }
+  } // These values may change as we process the queue.
 
-      if (!inst) {
-        throw Error(formatProdErrorMessage(147, mixedRef));
-      } // Assigning this to a const so Flow knows it won't change in the closure
 
+  if (firstBaseUpdate !== null) {
+    // Iterate through the list of updates to compute the result.
+    let newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+    // from the original lanes.
 
-      const resolvedInst = inst;
+    let newLanes = NoLanes;
+    let newBaseState = null;
+    let newFirstBaseUpdate = null;
+    let newLastBaseUpdate = null;
+    let update = firstBaseUpdate;
 
-      const stringRef = '' + mixedRef; // Check if previous string ref matches new string ref
+    do {
+      // An extra OffscreenLane bit is added to updates that were made to
+      // a hidden tree, so that we can distinguish them from updates that were
+      // already there when the tree was hidden.
+      const updateLane = removeLanes(update.lane, OffscreenLane);
+      const isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+      // it's not a "base" update and we should disregard the extra base lanes
+      // that were added to renderLanes when we entered the Offscreen tree.
 
-      if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
-        return current.ref;
-      }
+      const shouldSkipUpdate = isHiddenUpdate ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane) : !isSubsetOfLanes(renderLanes, updateLane);
 
-      const ref = function (value) {
-        const refs = resolvedInst.refs;
+      if (shouldSkipUpdate) {
+        // Priority is insufficient. Skip this update. If this is the first
+        // skipped update, the previous update/state is the new base
+        // update/state.
+        const clone = {
+          lane: updateLane,
+          tag: update.tag,
+          payload: update.payload,
+          callback: update.callback,
+          next: null
+        };
 
-        if (value === null) {
-          delete refs[stringRef];
+        if (newLastBaseUpdate === null) {
+          newFirstBaseUpdate = newLastBaseUpdate = clone;
+          newBaseState = newState;
         } else {
-          refs[stringRef] = value;
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Update the remaining priority in the queue.
+
+
+        newLanes = mergeLanes(newLanes, updateLane);
+      } else {
+        // This update does have sufficient priority.
+        // Check if this update is part of a pending async action. If so,
+        // we'll need to suspend until the action has finished, so that it's
+        // batched together with future updates in the same action.
+        if (updateLane !== NoLane && updateLane === peekEntangledActionLane()) {
+          didReadFromEntangledAsyncAction = true;
         }
-      };
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== 'string') {
-        throw Error(formatProdErrorMessage(284));
-      }
+        if (newLastBaseUpdate !== null) {
+          const clone = {
+            // This update is going to be committed so we never want uncommit
+            // it. Using NoLane works because 0 is a subset of all bitmasks, so
+            // this will never be skipped by the check above.
+            lane: NoLane,
+            tag: update.tag,
+            payload: update.payload,
+            // When this update is rebased, we should not fire its
+            // callback again.
+            callback: null,
+            next: null
+          };
+          newLastBaseUpdate = newLastBaseUpdate.next = clone;
+        } // Process this update.
 
-      if (!element._owner) {
-        throw Error(formatProdErrorMessage(290, mixedRef));
-      }
-    }
-  }
 
-  return mixedRef;
-}
+        newState = getStateFromUpdate(workInProgress, queue, update, newState, props, instance);
+        const callback = update.callback;
 
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  // $FlowFixMe[method-unbinding]
-  const childString = Object.prototype.toString.call(newChild);
-  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
-}
+        if (callback !== null) {
+          workInProgress.flags |= Callback;
 
-function resolveLazy(lazyType) {
-  const payload = lazyType._payload;
-  const init = lazyType._init;
-  return init(payload);
-} // This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
+          if (isHiddenUpdate) {
+            workInProgress.flags |= Visibility;
+          }
 
+          const callbacks = queue.callbacks;
 
-function createChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
+          if (callbacks === null) {
+            queue.callbacks = [callback];
+          } else {
+            callbacks.push(callback);
+          }
+        }
+      } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    const deletions = returnFiber.deletions;
 
-    if (deletions === null) {
-      returnFiber.deletions = [childToDelete];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(childToDelete);
-    }
-  }
+      update = update.next;
 
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
+      if (update === null) {
+        pendingQueue = queue.shared.pending;
 
+        if (pendingQueue === null) {
+          break;
+        } else {
+          // An update was scheduled from inside a reducer. Add the new
+          // pending updates to the end of the list and keep processing.
+          const lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+          // unravel them when transferring them to the base queue.
 
-    let childToDelete = currentFirstChild;
+          const firstPendingUpdate = lastPendingUpdate.next;
+          lastPendingUpdate.next = null;
+          update = firstPendingUpdate;
+          queue.lastBaseUpdate = lastPendingUpdate;
+          queue.shared.pending = null;
+        }
+      }
+    } while (true);
 
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
+    if (newLastBaseUpdate === null) {
+      newBaseState = newState;
     }
 
-    return null;
-  }
-
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // Add the remaining children to a temporary map so that we can find them by
-    // keys quickly. Implicit (null) keys get added to this set with their index
-    // instead.
-    const existingChildren = new Map();
-    let existingChild = currentFirstChild;
+    queue.baseState = newBaseState;
+    queue.firstBaseUpdate = newFirstBaseUpdate;
+    queue.lastBaseUpdate = newLastBaseUpdate;
 
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
+    if (firstBaseUpdate === null) {
+      // `queue.lanes` is used for entangling transitions. We can set it back to
+      // zero once the queue is empty.
+      queue.shared.lanes = NoLanes;
+    } // Set the remaining expiration time to be whatever is remaining in the queue.
+    // This should be fine because the only two other things that contribute to
+    // expiration time are props and context. We're already in the middle of the
+    // begin phase by the time we start processing the queue, so we've already
+    // dealt with the props. Context in components that specify
+    // shouldComponentUpdate is tricky; but we'll have to account for
+    // that regardless.
 
-      existingChild = existingChild.sibling;
-    }
 
-    return existingChildren;
+    markSkippedUpdateLanes(newLanes);
+    workInProgress.lanes = newLanes;
+    workInProgress.memoizedState = newState;
   }
+}
 
-  function useFiber(fiber, pendingProps) {
-    // We currently set sibling to null and index to 0 here because it is easy
-    // to forget to do before returning it. E.g. for the single child case.
-    const clone = createWorkInProgress(fiber, pendingProps);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
+function callCallback(callback, context) {
+  if (typeof callback !== 'function') {
+    throw Error(formatProdErrorMessage(191, callback));
   }
 
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
-
-    if (!shouldTrackSideEffects) {
-      // During hydration, the useId algorithm needs to know which fibers are
-      // part of a list of children (arrays, iterators).
-      newFiber.flags |= Forked;
-      return lastPlacedIndex;
-    }
+  callback.call(context);
+}
 
-    const current = newFiber.alternate;
+function resetHasForceUpdateBeforeProcessing() {
+  hasForceUpdate = false;
+}
+function checkHasForceUpdateAfterProcessing() {
+  return hasForceUpdate;
+}
+function deferHiddenCallbacks(updateQueue) {
+  // When an update finishes on a hidden component, its callback should not
+  // be fired until/unless the component is made visible again. Stash the
+  // callback on the shared queue object so it can be fired later.
+  const newHiddenCallbacks = updateQueue.callbacks;
 
-    if (current !== null) {
-      const oldIndex = current.index;
+  if (newHiddenCallbacks !== null) {
+    const existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.flags |= Placement | PlacementDEV;
-        return lastPlacedIndex;
-      } else {
-        // This item can stay in place.
-        return oldIndex;
-      }
+    if (existingHiddenCallbacks === null) {
+      updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
     } else {
-      // This is an insertion.
-      newFiber.flags |= Placement | PlacementDEV;
-      return lastPlacedIndex;
+      updateQueue.shared.hiddenCallbacks = existingHiddenCallbacks.concat(newHiddenCallbacks);
     }
   }
+}
+function commitHiddenCallbacks(updateQueue, context) {
+  // This component is switching from hidden -> visible. Commit any callbacks
+  // that were previously deferred.
+  const hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.flags |= Placement | PlacementDEV;
-    }
+  if (hiddenCallbacks !== null) {
+    updateQueue.shared.hiddenCallbacks = null;
 
-    return newFiber;
+    for (let i = 0; i < hiddenCallbacks.length; i++) {
+      const callback = hiddenCallbacks[i];
+      callCallback(callback, context);
+    }
   }
+}
+function commitCallbacks(updateQueue, context) {
+  const callbacks = updateQueue.callbacks;
 
-  function updateTextNode(returnFiber, current, textContent, lanes) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, textContent);
-      existing.return = returnFiber;
-      return existing;
+  if (callbacks !== null) {
+    updateQueue.callbacks = null;
+
+    for (let i = 0; i < callbacks.length; i++) {
+      const callback = callbacks[i];
+      callCallback(callback, context);
     }
   }
+}
 
-  function updateElement(returnFiber, current, element, lanes) {
-    const elementType = element.type;
+/**
+ * Performs equality by iterating through keys on an object and returning false
+ * when any key has values which are not strictly equal between the arguments.
+ * Returns true when the values of all keys are strictly equal.
+ */
 
-    if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
-    }
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) {
+    return true;
+  }
 
-    if (current !== null) {
-      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-      false) || // Lazy types should reconcile their resolved type.
-      // We need to do this after the Hot Reloading check above,
-      // because hot reloading has different semantics than prod because
-      // it doesn't resuspend. So we can't let the call below suspend.
-      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
-        // Move based on index
-        const existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
-        existing.return = returnFiber;
+  if (typeof objA !== 'object' || objA === null || typeof objB !== 'object' || objB === null) {
+    return false;
+  }
 
-        return existing;
-      }
-    } // Insert
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
 
+  if (keysA.length !== keysB.length) {
+    return false;
+  } // Test for A's keys different from B.
 
-    const created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
-    created.return = returnFiber;
-    return created;
-  }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
-    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
-      // Insert
-      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, portal.children || []);
-      existing.return = returnFiber;
-      return existing;
-    }
-  }
+  for (let i = 0; i < keysA.length; i++) {
+    const currentKey = keysA[i];
 
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      const existing = useFiber(current, fragment);
-      existing.return = returnFiber;
-      return existing;
+    if (!hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
+    !objectIs(objA[currentKey], objB[currentKey])) {
+      return false;
     }
   }
 
-  function createChild(returnFiber, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    }
+  return true;
+}
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
-            created.ref = coerceRef(returnFiber, null, newChild);
-            created.return = returnFiber;
-            return created;
-          }
+function getThenablesFromState(state) {
+  {
+    const prodState = state;
+    return prodState;
+  }
+} // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+// detect this is caught by userspace, we'll log a warning in development.
 
-        case REACT_PORTAL_TYPE:
-          {
-            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
-            created.return = returnFiber;
-            return created;
-          }
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return createChild(returnFiber, init(payload), lanes);
-          }
-      }
+const SuspenseException = Error(formatProdErrorMessage(460));
+const SuspenseyCommitException = Error(formatProdErrorMessage(474)); // This is a noop thenable that we use to trigger a fallback in throwException.
+// TODO: It would be better to refactor throwException into multiple functions
+// so we can trigger a fallback directly without having to check the type. But
+// for now this will do.
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
-        created.return = returnFiber;
-        return created;
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+const noopSuspenseyCommitThenable = {
+  then() {
+  }
 
+};
+function createThenableState() {
+  // The ThenableState is created the first time a component suspends. If it
+  // suspends again, we'll reuse the same state.
+  {
+    return [];
+  }
+}
+function isThenableResolved(thenable) {
+  const status = thenable.status;
+  return status === 'fulfilled' || status === 'rejected';
+}
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return createChild(returnFiber, unwrapThenable(thenable), lanes);
-      }
+function noop$2() {}
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
+function trackUsedThenable(thenableState, thenable, index) {
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+  const trackedThenables = getThenablesFromState(thenableState);
+  const previous = trackedThenables[index];
+
+  if (previous === undefined) {
+    trackedThenables.push(thenable);
+  } else {
+    if (previous !== thenable) {
+      // intentionally ignore.
+
+
+      thenable.then(noop$2, noop$2);
+      thenable = previous;
     }
+  } // We use an expando to track the status and result of a thenable so that we
+  // can synchronously unwrap the value. Think of this as an extension of the
+  // Promise API, or a custom interface that is a superset of Thenable.
+  //
+  // If the thenable doesn't have a status, set it to "pending" and attach
+  // a listener that will update its status and result when it resolves.
 
-    return null;
-  }
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
-    // Update the fiber if the keys match, otherwise return null.
-    const key = oldFiber !== null ? oldFiber.key : null;
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      if (key !== null) {
-        return null;
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        checkIfUseWrappedInAsyncCatch(rejectedError);
+        throw rejectedError;
       }
 
-      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
-    }
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$2, noop$2);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // Detect infinite ping loops caused by uncached promises.
+          const root = getWorkInProgressRoot();
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            if (newChild.key === key) {
-              return updateElement(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
-            }
+          if (root !== null && root.shellSuspendCounter > 100) {
+            // This root has suspended repeatedly in the shell without making any
+            // progress (i.e. committing something). This is highly suggestive of
+            // an infinite ping loop, often caused by an accidental Async Client
+            // Component.
+            //
+            // During a transition, we can suspend the work loop until the promise
+            // to resolve, but this is a sync render, so that's not an option. We
+            // also can't show a fallback, because none was provided. So our last
+            // resort is to throw an error.
+            //
+            // TODO: Remove this error in a future release. Other ways of handling
+            // this case include forcing a concurrent render, or putting the whole
+            // root into offscreen mode.
+            throw Error(formatProdErrorMessage(482));
           }
 
-        case REACT_PORTAL_TYPE:
-          {
-            if (newChild.key === key) {
-              return updatePortal(returnFiber, oldFiber, newChild, lanes);
-            } else {
-              return null;
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
             }
-          }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = newChild._payload;
-            const init = newChild._init;
-            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
-          }
-      }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
-        }
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              checkIfUseWrappedInAsyncCatch(rejectedError);
+              throw rejectedError;
+            }
+        } // Suspend.
+        //
+        // Throwing here is an implementation detail that allows us to unwind the
+        // call stack. But we shouldn't allow it to leak into userspace. Throw an
+        // opaque placeholder value instead of the actual thenable. If it doesn't
+        // get captured by the work loop, log a warning, because that means
+        // something in userspace must have caught it.
 
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
-      }
+        suspendedThenable = thenable;
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        throw SuspenseException;
       }
+  }
+}
+function suspendCommit() {
+  // This extra indirection only exists so it can handle passing
+  // noopSuspenseyCommitThenable through to throwException.
+  // TODO: Factor the thenable check out of throwException
+  suspendedThenable = noopSuspenseyCommitThenable;
+  throw SuspenseyCommitException;
+} // This is used to track the actual thenable that suspended so it can be
+// passed to the rest of the Suspense implementation — which, for historical
+// reasons, expects to receive a thenable.
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+let suspendedThenable = null;
+function getSuspendedThenable() {
+  // This is called right after `use` suspends by throwing an exception. `use`
+  // throws an opaque value instead of the thenable itself so that it can't be
+  // caught in userspace. Then the work loop accesses the actual thenable using
+  // this function.
+  if (suspendedThenable === null) {
+    throw Error(formatProdErrorMessage(459));
+  }
 
-    return null;
+  const thenable = suspendedThenable;
+  suspendedThenable = null;
+
+  return thenable;
+}
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  // This check runs in prod, too, because it prevents a more confusing
+  // downstream error, where SuspenseException is caught by a promise and
+  // thrown asynchronously.
+  // TODO: Another way to prevent SuspenseException from leaking into an async
+  // execution context is to check the dispatcher every time `use` is called,
+  // or some equivalent. That might be preferable for other reasons, too, since
+  // it matches how we prevent similar mistakes for other hooks.
+  if (rejectedReason === SuspenseException) {
+    throw Error(formatProdErrorMessage(483));
   }
+}
 
-  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes) {
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      const matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
-    }
+let thenableState$1 = null;
+let thenableIndexCounter$1 = 0;
 
-    if (typeof newChild === 'object' && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updateElement(returnFiber, matchedFiber, newChild, lanes);
-          }
+function unwrapThenable(thenable) {
+  const index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
 
-        case REACT_PORTAL_TYPE:
-          {
-            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
-            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
-          }
+  if (thenableState$1 === null) {
+    thenableState$1 = createThenableState();
+  }
 
-        case REACT_LAZY_TYPE:
-          const payload = newChild._payload;
-          const init = newChild._init;
-          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
-      }
+  return trackUsedThenable(thenableState$1, thenable, index);
+}
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        const matchedFiber = existingChildren.get(newIdx) || null;
-        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
-      } // Usable node types
-      //
-      // Unwrap the inner value and recursively call this function again.
+function convertStringRefToCallbackRef(returnFiber, current, element, mixedRef) {
+  const owner = element._owner;
 
+  if (!owner) {
+    if (typeof mixedRef !== 'string') {
+      throw Error(formatProdErrorMessage(284));
+    }
 
-      if (typeof newChild.then === 'function') {
-        const thenable = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
-      }
+    throw Error(formatProdErrorMessage(290, mixedRef));
+  }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-        const context = newChild;
-        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+  if (owner.tag !== ClassComponent) {
+    throw Error(formatProdErrorMessage(309));
+  } // At this point, we know the ref isn't an object or function but it could
 
-    return null;
-  }
+  const stringRef = '' + mixedRef;
 
-  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes) {
+  const inst = owner.stateNode;
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
+  if (!inst) {
+    throw Error(formatProdErrorMessage(147, stringRef));
+  } // Check if previous string ref matches new string ref
 
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
 
-      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
+  if (current !== null && current.ref !== null && typeof current.ref === 'function' && current.ref._stringRef === stringRef) {
+    // Reuse the existing string ref
+    const currentRef = current.ref;
+    return currentRef;
+  } // Create a new string ref
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
 
-        break;
-      }
+  const ref = function (value) {
+    const refs = inst.refs;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+    if (value === null) {
+      delete refs[stringRef];
+    } else {
+      refs[stringRef] = value;
+    }
+  };
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  ref._stringRef = stringRef;
+  return ref;
+}
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+function coerceRef(returnFiber, current, workInProgress, element) {
+  let mixedRef;
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
+  {
+    // Old behavior.
+    mixedRef = element.ref;
+  }
 
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+  let coercedRef;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+  if (mixedRef !== null && typeof mixedRef !== 'function' && typeof mixedRef !== 'object') {
+    // Assume this is a string ref. If it's not, then this will throw an error
+    // to the user.
+    coercedRef = convertStringRefToCallbackRef(returnFiber, current, element, mixedRef);
+  } else {
+    coercedRef = mixedRef;
+  } // TODO: If enableRefAsProp is on, we shouldn't use the `ref` field. We
+  // should always read the ref from the prop.
 
-      return resultingFirstChild;
-    }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+  workInProgress.ref = coercedRef;
+}
 
-        if (newFiber === null) {
-          continue;
-        }
+function throwOnInvalidObjectType(returnFiber, newChild) {
+  // $FlowFixMe[method-unbinding]
+  const childString = Object.prototype.toString.call(newChild);
+  throw Error(formatProdErrorMessage(31, childString === '[object Object]' ? 'object with keys {' + Object.keys(newChild).join(', ') + '}' : childString));
+}
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+function resolveLazy(lazyType) {
+  const payload = lazyType._payload;
+  const init = lazyType._init;
+  return init(payload);
+} // This wrapper function exists because I expect to clone the code in each path
+// to be able to optimize each path individually by branching early. This needs
+// a compiler or we can do it manually. Helpers that don't need this branching
+// live outside of this function.
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
 
-        previousNewFiber = newFiber;
-      }
+function createChildReconciler(shouldTrackSideEffects) {
+  function deleteChild(returnFiber, childToDelete) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return;
+    }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+    const deletions = returnFiber.deletions;
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+    if (deletions === null) {
+      returnFiber.deletions = [childToDelete];
+      returnFiber.flags |= ChildDeletion;
+    } else {
+      deletions.push(childToDelete);
+    }
+  }
 
+  function deleteRemainingChildren(returnFiber, currentFirstChild) {
+    if (!shouldTrackSideEffects) {
+      // Noop.
+      return null;
+    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
+    // assuming that after the first child we've already added everything.
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-    for (; newIdx < newChildren.length; newIdx++) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
+    let childToDelete = currentFirstChild;
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
-          }
-        }
+    while (childToDelete !== null) {
+      deleteChild(returnFiber, childToDelete);
+      childToDelete = childToDelete.sibling;
+    }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+    return null;
+  }
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+  function mapRemainingChildren(returnFiber, currentFirstChild) {
+    // Add the remaining children to a temporary map so that we can find them by
+    // keys quickly. Implicit (null) keys get added to this set with their index
+    // instead.
+    const existingChildren = new Map();
+    let existingChild = currentFirstChild;
 
-        previousNewFiber = newFiber;
+    while (existingChild !== null) {
+      if (existingChild.key !== null) {
+        existingChildren.set(existingChild.key, existingChild);
+      } else {
+        existingChildren.set(existingChild.index, existingChild);
       }
-    }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
+      existingChild = existingChild.sibling;
     }
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
-    }
+    return existingChildren;
+  }
 
-    return resultingFirstChild;
+  function useFiber(fiber, pendingProps) {
+    // We currently set sibling to null and index to 0 here because it is easy
+    // to forget to do before returning it. E.g. for the single child case.
+    const clone = createWorkInProgress(fiber, pendingProps);
+    clone.index = 0;
+    clone.sibling = null;
+    return clone;
   }
 
-  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    const iteratorFn = getIteratorFn(newChildrenIterable);
+  function placeChild(newFiber, lastPlacedIndex, newIndex) {
+    newFiber.index = newIndex;
 
-    if (typeof iteratorFn !== 'function') {
-      throw Error(formatProdErrorMessage(150));
+    if (!shouldTrackSideEffects) {
+      // During hydration, the useId algorithm needs to know which fibers are
+      // part of a list of children (arrays, iterators).
+      newFiber.flags |= Forked;
+      return lastPlacedIndex;
     }
 
-    const newChildren = iteratorFn.call(newChildrenIterable);
-
-    if (newChildren == null) {
-      throw Error(formatProdErrorMessage(151));
-    }
+    const current = newFiber.alternate;
 
-    let resultingFirstChild = null;
-    let previousNewFiber = null;
-    let oldFiber = currentFirstChild;
-    let lastPlacedIndex = 0;
-    let newIdx = 0;
-    let nextOldFiber = null;
-    let step = newChildren.next();
+    if (current !== null) {
+      const oldIndex = current.index;
 
-    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
+      if (oldIndex < lastPlacedIndex) {
+        // This is a move.
+        newFiber.flags |= Placement | PlacementDEV;
+        return lastPlacedIndex;
       } else {
-        nextOldFiber = oldFiber.sibling;
+        // This item can stay in place.
+        return oldIndex;
       }
+    } else {
+      // This is an insertion.
+      newFiber.flags |= Placement | PlacementDEV;
+      return lastPlacedIndex;
+    }
+  }
 
-      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
+  function placeSingleChild(newFiber) {
+    // This is simpler for the single child case. We only need to do a
+    // placement for inserting new children.
+    if (shouldTrackSideEffects && newFiber.alternate === null) {
+      newFiber.flags |= Placement | PlacementDEV;
+    }
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
+    return newFiber;
+  }
 
-        break;
-      }
+  function updateTextNode(returnFiber, current, textContent, lanes, debugInfo) {
+    if (current === null || current.tag !== HostText) {
+      // Insert
+      const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, textContent);
+      existing.return = returnFiber;
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+      return existing;
+    }
+  }
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+  function updateElement(returnFiber, current, element, lanes, debugInfo) {
+    const elementType = element.type;
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
+    if (elementType === REACT_FRAGMENT_TYPE) {
+      return updateFragment(returnFiber, current, element.props.children, lanes, element.key);
     }
 
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+    if (current !== null) {
+      if (current.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+      false) || // Lazy types should reconcile their resolved type.
+      // We need to do this after the Hot Reloading check above,
+      // because hot reloading has different semantics than prod because
+      // it doesn't resuspend. So we can't let the call below suspend.
+      typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === current.type) {
+        // Move based on index
+        const existing = useFiber(current, element.props);
+        coerceRef(returnFiber, current, existing, element);
+        existing.return = returnFiber;
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
+        return existing;
       }
+    } // Insert
 
-      return resultingFirstChild;
-    }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        const newFiber = createChild(returnFiber, step.value, lanes);
+    const created = createFiberFromElement(element, returnFiber.mode, lanes);
+    coerceRef(returnFiber, current, created, element);
+    created.return = returnFiber;
 
-        if (newFiber === null) {
-          continue;
-        }
+    return created;
+  }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+  function updatePortal(returnFiber, current, portal, lanes, debugInfo) {
+    if (current === null || current.tag !== HostPortal || current.stateNode.containerInfo !== portal.containerInfo || current.stateNode.implementation !== portal.implementation) {
+      // Insert
+      const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, portal.children || []);
+      existing.return = returnFiber;
 
-        previousNewFiber = newFiber;
-      }
+      return existing;
+    }
+  }
 
-      if (getIsHydrating()) {
-        const numberOfForks = newIdx;
-        pushTreeFork(returnFiber, numberOfForks);
-      }
+  function updateFragment(returnFiber, current, fragment, lanes, key, debugInfo) {
+    if (current === null || current.tag !== Fragment) {
+      // Insert
+      const created = createFiberFromFragment(fragment, returnFiber.mode, lanes, key);
+      created.return = returnFiber;
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+      return created;
+    } else {
+      // Update
+      const existing = useFiber(current, fragment);
+      existing.return = returnFiber;
 
+      return existing;
+    }
+  }
 
-    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+  function createChild(returnFiber, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      const created = createFiberFromText('' + newChild, returnFiber.mode, lanes);
+      created.return = returnFiber;
 
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
+      return created;
+    }
 
-      if (newFiber !== null) {
-        if (shouldTrackSideEffects) {
-          if (newFiber.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            const created = createFiberFromElement(newChild, returnFiber.mode, lanes);
+            coerceRef(returnFiber, null, created, newChild);
+            created.return = returnFiber;
+
+            return created;
           }
-        }
 
-        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+        case REACT_PORTAL_TYPE:
+          {
+            const created = createFiberFromPortal(newChild, returnFiber.mode, lanes);
+            created.return = returnFiber;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = newFiber;
-        } else {
-          previousNewFiber.sibling = newFiber;
-        }
+            return created;
+          }
 
-        previousNewFiber = newFiber;
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return createChild(returnFiber, init(payload), lanes);
+          }
       }
-    }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(child => deleteChild(returnFiber, child));
-    }
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const created = createFiberFromFragment(newChild, returnFiber.mode, lanes, null);
+        created.return = returnFiber;
 
-    if (getIsHydrating()) {
-      const numberOfForks = newIdx;
-      pushTreeFork(returnFiber, numberOfForks);
-    }
+        return created;
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-    return resultingFirstChild;
-  }
 
-  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      const existing = useFiber(currentFirstChild, textContent);
-      existing.return = returnFiber;
-      return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return createChild(returnFiber, unwrapThenable(thenable), lanes);
+      }
+
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return createChild(returnFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
+    return null;
   }
 
-  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes) {
-    const key = element.key;
-    let child = currentFirstChild;
+  function updateSlot(returnFiber, oldFiber, newChild, lanes, debugInfo) {
+    // Update the fiber if the keys match, otherwise return null.
+    const key = oldFiber !== null ? oldFiber.key : null;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        const elementType = element.type;
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys. If the previous node is implicitly keyed
+      // we can continue to replace it without aborting even if it is not a text
+      // node.
+      if (key !== null) {
+        return null;
+      }
 
-        if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
+      return updateTextNode(returnFiber, oldFiber, '' + newChild, lanes);
+    }
 
-            return existing;
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          {
+            if (newChild.key === key) {
+              return updateElement(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } else {
-          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
-          false) || // Lazy types should reconcile their resolved type.
-          // We need to do this after the Hot Reloading check above,
-          // because hot reloading has different semantics than prod because
-          // it doesn't resuspend. So we can't let the call below suspend.
-          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            const existing = useFiber(child, element.props);
-            existing.ref = coerceRef(returnFiber, child, element);
-            existing.return = returnFiber;
 
-            return existing;
+        case REACT_PORTAL_TYPE:
+          {
+            if (newChild.key === key) {
+              return updatePortal(returnFiber, oldFiber, newChild, lanes);
+            } else {
+              return null;
+            }
           }
-        } // Didn't match.
 
-
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
+        case REACT_LAZY_TYPE:
+          {
+            const payload = newChild._payload;
+            const init = newChild._init;
+            return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+          }
       }
 
-      child = child.sibling;
-    }
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        if (key !== null) {
+          return null;
+        }
 
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
-      created.return = returnFiber;
-      return created;
-    } else {
-      const created = createFiberFromElement(element, returnFiber.mode, lanes);
-      created.ref = coerceRef(returnFiber, currentFirstChild, element);
-      created.return = returnFiber;
-      return created;
-    }
-  }
+        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      } // Usable node types
+      //
+      // Unwrap the inner value and recursively call this function again.
 
-  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes) {
-    const key = portal.key;
-    let child = currentFirstChild;
 
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          const existing = useFiber(child, portal.children || []);
-          existing.return = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
-        }
-      } else {
-        deleteChild(returnFiber, child);
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return updateSlot(returnFiber, oldFiber, unwrapThenable(thenable), lanes);
       }
 
-      child = child.sibling;
-    }
-
-    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return updateSlot(returnFiber, oldFiber, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    // TODO: Let's use recursion like we do for Usable nodes?
-    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
+    return null;
+  }
 
+  function updateFromMap(existingChildren, returnFiber, newIdx, newChild, lanes, debugInfo) {
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      // Text nodes don't have keys, so we neither have to check the old nor
+      // new node for the key. If both are text nodes, they match.
+      const matchedFiber = existingChildren.get(newIdx) || null;
+      return updateTextNode(returnFiber, matchedFiber, '' + newChild, lanes);
+    }
 
     if (typeof newChild === 'object' && newChild !== null) {
       switch (newChild.$$typeof) {
         case REACT_ELEMENT_TYPE:
-          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updateElement(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_PORTAL_TYPE:
-          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+          {
+            const matchedFiber = existingChildren.get(newChild.key === null ? newIdx : newChild.key) || null;
+            return updatePortal(returnFiber, matchedFiber, newChild, lanes);
+          }
 
         case REACT_LAZY_TYPE:
           const payload = newChild._payload;
-          const init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(returnFiber, currentFirstChild, init(payload), lanes);
-      }
-
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
+          const init = newChild._init;
+          return updateFromMap(existingChildren, returnFiber, newIdx, init(payload), lanes);
       }
 
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
-      } // Usables are a valid React node type. When React encounters a Usable in
-      // a child position, it unwraps it using the same algorithm as `use`. For
-      // example, for promises, React will throw an exception to unwind the
-      // stack, then replay the component once the promise resolves.
-      //
-      // A difference from `use` is that React will keep unwrapping the value
-      // until it reaches a non-Usable type.
-      //
-      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      if (isArray(newChild) || getIteratorFn(newChild)) {
+        const matchedFiber = existingChildren.get(newIdx) || null;
+        return updateFragment(returnFiber, matchedFiber, newChild, lanes, null);
+      } // Usable node types
       //
-      // The structure is a bit unfortunate. Ideally, we shouldn't need to
-      // replay the entire begin phase of the parent fiber in order to reconcile
-      // the children again. This would require a somewhat significant refactor,
-      // because reconcilation happens deep within the begin phase, and
-      // depending on the type of work, not always at the end. We should
-      // consider as an future improvement.
+      // Unwrap the inner value and recursively call this function again.
 
 
       if (typeof newChild.then === 'function') {
         const thenable = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, unwrapThenable(thenable), lanes);
       }
 
-      if (newChild.$$typeof === REACT_CONTEXT_TYPE || newChild.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
         const context = newChild;
-        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+        return updateFromMap(existingChildren, returnFiber, newIdx, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
       }
 
       throwOnInvalidObjectType(returnFiber, newChild);
     }
 
-    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
-      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
-    }
+    return null;
+  }
 
+  function reconcileChildrenArray(returnFiber, currentFirstChild, newChildren, lanes, debugInfo) {
 
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
 
-  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
-    // This indirection only exists so we can reset `thenableState` at the end.
-    // It should get inlined by Closure.
-    thenableIndexCounter$1 = 0;
-    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
-    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
-    // set at the beginning.
+    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
 
-    return firstChildFiber;
-  }
+      const newFiber = updateSlot(returnFiber, oldFiber, newChildren[newIdx], lanes);
 
-  return reconcileChildFibers;
-}
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-const reconcileChildFibers = createChildReconciler(true);
-const mountChildFibers = createChildReconciler(false);
-function resetChildReconcilerOnUnwind() {
-  // On unwind, clear any pending thenables that were used.
-  thenableState$1 = null;
-  thenableIndexCounter$1 = 0;
-}
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw Error(formatProdErrorMessage(153));
-  }
+        break;
+      }
 
-  if (workInProgress.child === null) {
-    return;
-  }
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
+        }
+      }
 
-  let currentChild = workInProgress.child;
-  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
-    newChild.return = workInProgress;
-  }
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
+      }
 
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
+    }
 
-function resetChildFibers(workInProgress, lanes) {
-  let child = workInProgress.child;
+    if (newIdx === newChildren.length) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
 
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-// TODO: This isn't being used yet, but it's intended to replace the
-// InvisibleParentContext that is currently managed by SuspenseContext.
+      return resultingFirstChild;
+    }
 
-const currentTreeHiddenStackCursor = createCursor(null);
-const prevEntangledRenderLanesCursor = createCursor(NoLanes);
-function pushHiddenContext(fiber, context) {
-  const prevEntangledRenderLanes = getEntangledRenderLanes();
-  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
-  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
-  // lanes that would have rendered if the hidden subtree hadn't been deferred.
-  // That is, in order to reveal content from hidden -> visible, we must commit
-  // all the updates that we skipped when we originally hid the tree.
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; newIdx < newChildren.length; newIdx++) {
+        const newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
 
-  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
-}
-function reuseHiddenContextOnStack(fiber) {
-  // This subtree is not currently hidden, so we don't need to add any lanes
-  // to the render lanes. But we still need to push something to avoid a
-  // context mismatch. Reuse the existing context on the stack.
-  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
-  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
-}
-function popHiddenContext(fiber) {
-  // Restore the previous render lanes from the stack
-  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
-  pop(currentTreeHiddenStackCursor);
-  pop(prevEntangledRenderLanesCursor);
-}
-function isCurrentTreeHidden() {
-  return currentTreeHiddenStackCursor.current !== null;
-}
+        if (newFiber === null) {
+          continue;
+        }
 
-// suspends, i.e. it's the nearest `catch` block on the stack.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
-// Everything above this is the "shell". When this is null, it means we're
-// rendering in the shell of the app. If it's non-null, it means we're rendering
-// deeper than the shell, inside a new tree that wasn't already visible.
-//
-// The main way we use this concept is to determine whether showing a fallback
-// would result in a desirable or undesirable loading state. Activing a fallback
-// in the shell is considered an undersirable loading state, because it would
-// mean hiding visible (albeit stale) content in the current tree — we prefer to
-// show the stale content, rather than switch to a fallback. But showing a
-// fallback in a new tree is fine, because there's no stale content to
-// prefer instead.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-let shellBoundary = null;
-function getShellBoundary() {
-  return shellBoundary;
-}
-function pushPrimaryTreeSuspenseHandler(handler) {
-  // TODO: Pass as argument
-  const current = handler.alternate;
-  // propagated a single level. For example, when ForceSuspenseFallback is set,
-  // it should only force the nearest Suspense boundary into fallback mode.
+        previousNewFiber = newFiber;
+      }
 
-  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
-  // to push a nested Suspense handler, because it will get replaced by the
-  // outer fallback, anyway. Consider this as a future optimization.
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-  push(suspenseHandlerStackCursor, handler);
 
-  if (shellBoundary === null) {
-    if (current === null || isCurrentTreeHidden()) {
-      // This boundary is not visible in the current UI.
-      shellBoundary = handler;
-    } else {
-      const prevState = current.memoizedState;
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-      if (prevState !== null) {
-        // This boundary is showing a fallback in the current UI.
-        shellBoundary = handler;
-      }
-    }
-  }
-}
-function pushFallbackTreeSuspenseHandler(fiber) {
-  // We're about to render the fallback. If something in the fallback suspends,
-  // it's akin to throwing inside of a `catch` block. This boundary should not
-  // capture. Reuse the existing handler on the stack.
-  reuseSuspenseHandlerOnStack(fiber);
-}
-function pushOffscreenSuspenseHandler(fiber) {
-  if (fiber.tag === OffscreenComponent) {
-    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
-    // Reuse the current value on the stack.
-    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
-    // into separate functions for Suspense and Offscreen.
-    pushSuspenseListContext(fiber, suspenseStackCursor.current);
-    push(suspenseHandlerStackCursor, fiber);
+    for (; newIdx < newChildren.length; newIdx++) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, newChildren[newIdx], lanes);
 
-    if (shellBoundary !== null) ; else {
-      const current = fiber.alternate;
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-      if (current !== null) {
-        const prevState = current.memoizedState;
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-        if (prevState !== null) {
-          // This is the first boundary in the stack that's already showing
-          // a fallback. So everything outside is considered the shell.
-          shellBoundary = fiber;
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
         }
+
+        previousNewFiber = newFiber;
       }
     }
-  } else {
-    // This is a LegacyHidden component.
-    reuseSuspenseHandlerOnStack(fiber);
-  }
-}
-function reuseSuspenseHandlerOnStack(fiber) {
-  pushSuspenseListContext(fiber, suspenseStackCursor.current);
-  push(suspenseHandlerStackCursor, getSuspenseHandler());
-}
-function getSuspenseHandler() {
-  return suspenseHandlerStackCursor.current;
-}
-function popSuspenseHandler(fiber) {
-  pop(suspenseHandlerStackCursor);
 
-  if (shellBoundary === fiber) {
-    // Popping back into the shell.
-    shellBoundary = null;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
+
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
+    }
+
+    return resultingFirstChild;
   }
 
-  popSuspenseListContext();
-} // SuspenseList context
-// TODO: Move to a separate module? We may change the SuspenseList
-// implementation to hide/show in the commit phase, anyway.
+  function reconcileChildrenIterator(returnFiber, currentFirstChild, newChildrenIterable, lanes, debugInfo) {
+    // This is the same implementation as reconcileChildrenArray(),
+    // but using the iterator instead.
+    const iteratorFn = getIteratorFn(newChildrenIterable);
 
-const DefaultSuspenseContext = 0b00;
-const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
+    if (typeof iteratorFn !== 'function') {
+      throw Error(formatProdErrorMessage(150));
+    }
 
-const ForceSuspenseFallback = 0b10;
-const suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseListContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseListContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseListContext(parentContext, shallowContext) {
-  return parentContext & SubtreeSuspenseContextMask | shallowContext;
-}
-function pushSuspenseListContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext);
-}
-function popSuspenseListContext(fiber) {
-  pop(suspenseStackCursor);
-}
+    const newChildren = iteratorFn.call(newChildrenIterable);
 
-// A non-null SuspenseState means that it is blocked for one reason or another.
-// - A non-null dehydrated field means it's blocked pending hydration.
-//   - A non-null dehydrated field can use isSuspenseInstancePending or
-//     isSuspenseInstanceFallback to query the reason for being dehydrated.
-// - A null dehydrated field means it's blocked by something suspending and
-//   we're currently showing a fallback instead.
+    if (newChildren == null) {
+      throw Error(formatProdErrorMessage(151));
+    }
 
-function findFirstSuspended(row) {
-  let node = row;
+    let resultingFirstChild = null;
+    let previousNewFiber = null;
+    let oldFiber = currentFirstChild;
+    let lastPlacedIndex = 0;
+    let newIdx = 0;
+    let nextOldFiber = null;
+    let step = newChildren.next();
+
+    for (; oldFiber !== null && !step.done; newIdx++, step = newChildren.next()) {
+      if (oldFiber.index > newIdx) {
+        nextOldFiber = oldFiber;
+        oldFiber = null;
+      } else {
+        nextOldFiber = oldFiber.sibling;
+      }
+
+      const newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      const state = node.memoizedState;
+      if (newFiber === null) {
+        // TODO: This breaks on empty slots like null children. That's
+        // unfortunate because it triggers the slow path all the time. We need
+        // a better way to communicate whether this was a miss or null,
+        // boolean, undefined, etc.
+        if (oldFiber === null) {
+          oldFiber = nextOldFiber;
+        }
 
-      if (state !== null) {
-        const dehydrated = state.dehydrated;
+        break;
+      }
 
-        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
-          return node;
+      if (shouldTrackSideEffects) {
+        if (oldFiber && newFiber.alternate === null) {
+          // We matched the slot, but we didn't reuse the existing fiber, so we
+          // need to delete the existing child.
+          deleteChild(returnFiber, oldFiber);
         }
       }
-    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-    // keep track of whether it suspended or not.
-    node.memoizedProps.revealOrder !== undefined) {
-      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      if (didSuspend) {
-        return node;
+      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+      if (previousNewFiber === null) {
+        // TODO: Move out of the loop. This only happens for the first run.
+        resultingFirstChild = newFiber;
+      } else {
+        // TODO: Defer siblings if we're not at the right index for this slot.
+        // I.e. if we had null values before, then we want to defer this
+        // for each null value. However, we also don't want to call updateSlot
+        // with the previous one.
+        previousNewFiber.sibling = newFiber;
       }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
 
-    if (node === row) {
-      return null;
+      previousNewFiber = newFiber;
+      oldFiber = nextOldFiber;
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
+    if (step.done) {
+      // We've reached the end of the new children. We can delete the rest.
+      deleteRemainingChildren(returnFiber, oldFiber);
+
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
       }
 
-      node = node.return;
+      return resultingFirstChild;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+    if (oldFiber === null) {
+      // If we don't have any more existing children we can choose a fast path
+      // since the rest will all be insertions.
+      for (; !step.done; newIdx++, step = newChildren.next()) {
+        const newFiber = createChild(returnFiber, step.value, lanes);
 
-  return null;
-}
+        if (newFiber === null) {
+          continue;
+        }
 
-const NoFlags =
-/*   */
-0b0000; // Represents whether effect should fire.
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-const HasEffect =
-/* */
-0b0001; // Represents the phase in which the effect (not the clean-up) fires.
+        if (previousNewFiber === null) {
+          // TODO: Move out of the loop. This only happens for the first run.
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
 
-const Insertion =
-/* */
-0b0010;
-const Layout =
-/*    */
-0b0100;
-const Passive =
-/*   */
-0b1000;
+        previousNewFiber = newFiber;
+      }
 
-// there's only a single root, but we do support multi root apps, hence this
-// extra complexity. But this module is optimized for the single root case.
+      if (getIsHydrating()) {
+        const numberOfForks = newIdx;
+        pushTreeFork(returnFiber, numberOfForks);
+      }
 
-let firstScheduledRoot = null;
-let lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
+      return resultingFirstChild;
+    } // Add all children to a key map for quick lookups.
 
-let didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
 
-let mightHavePendingSyncWork = false;
-let isFlushingWork = false;
-let currentEventTransitionLane = NoLane;
-function ensureRootIsScheduled(root) {
-  // This function is called whenever a root receives an update. It does two
-  // things 1) it ensures the root is in the root schedule, and 2) it ensures
-  // there's a pending microtask to process the root schedule.
-  //
-  // Most of the actual scheduling logic does not happen until
-  // `scheduleTaskForRootDuringMicrotask` runs.
-  // Add the root to the schedule
-  if (root === lastScheduledRoot || root.next !== null) ; else {
-    if (lastScheduledRoot === null) {
-      firstScheduledRoot = lastScheduledRoot = root;
-    } else {
-      lastScheduledRoot.next = root;
-      lastScheduledRoot = root;
-    }
-  } // Any time a root received an update, we set this to true until the next time
-  // we process the schedule. If it's false, then we can quickly exit flushSync
-  // without consulting the schedule.
+    const existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
+    for (; !step.done; newIdx++, step = newChildren.next()) {
+      const newFiber = updateFromMap(existingChildren, returnFiber, newIdx, step.value, lanes);
 
-  mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
-  // there's a task scheduled for each one at the correct priority.
+      if (newFiber !== null) {
+        if (shouldTrackSideEffects) {
+          if (newFiber.alternate !== null) {
+            // The new fiber is a work in progress, but if there exists a
+            // current, that means that we reused the fiber. We need to delete
+            // it from the child list so that we don't add it to the deletion
+            // list.
+            existingChildren.delete(newFiber.key === null ? newIdx : newFiber.key);
+          }
+        }
 
-  {
-    if (!didScheduleMicrotask) {
-      didScheduleMicrotask = true;
-      scheduleImmediateTask(processRootScheduleInMicrotask);
+        lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+
+        if (previousNewFiber === null) {
+          resultingFirstChild = newFiber;
+        } else {
+          previousNewFiber.sibling = newFiber;
+        }
+
+        previousNewFiber = newFiber;
+      }
     }
-  }
-}
-function flushSyncWorkOnAllRoots() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(false);
-}
-function flushSyncWorkOnLegacyRootsOnly() {
-  // This is allowed to be called synchronously, but the caller should check
-  // the execution context first.
-  flushSyncWorkAcrossRoots_impl(true);
-}
 
-function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
-  if (isFlushingWork) {
-    // Prevent reentrancy.
-    // TODO: Is this overly defensive? The callers must check the execution
-    // context first regardless.
-    return;
+    if (shouldTrackSideEffects) {
+      // Any existing children that weren't consumed above were deleted. We need
+      // to add them to the deletion list.
+      existingChildren.forEach(child => deleteChild(returnFiber, child));
+    }
+
+    if (getIsHydrating()) {
+      const numberOfForks = newIdx;
+      pushTreeFork(returnFiber, numberOfForks);
+    }
+
+    return resultingFirstChild;
   }
 
-  if (!mightHavePendingSyncWork) {
-    // Fast path. There's no sync work to do.
-    return;
-  } // There may or may not be synchronous work scheduled. Let's check.
+  function reconcileSingleTextNode(returnFiber, currentFirstChild, textContent, lanes) {
+    // There's no need to check for keys on text nodes since we don't have a
+    // way to define them.
+    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+      // We already have an existing node so let's just update it and delete
+      // the rest.
+      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+      const existing = useFiber(currentFirstChild, textContent);
+      existing.return = returnFiber;
+      return existing;
+    } // The existing first child is not a text node so we need to create one
+    // and delete the existing ones.
 
 
-  let didPerformSomeWork;
-  let errors = null;
-  isFlushingWork = true;
+    deleteRemainingChildren(returnFiber, currentFirstChild);
+    const created = createFiberFromText(textContent, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  }
 
-  do {
-    didPerformSomeWork = false;
-    let root = firstScheduledRoot;
+  function reconcileSingleElement(returnFiber, currentFirstChild, element, lanes, debugInfo) {
+    const key = element.key;
+    let child = currentFirstChild;
 
-    while (root !== null) {
-      if (onlyLegacy && root.tag !== LegacyRoot) ; else {
-        const workInProgressRoot = getWorkInProgressRoot();
-        const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-        const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        const elementType = element.type;
 
-        if (includesSyncLane(nextLanes)) {
-          // This root has pending sync work. Flush it now.
-          try {
-            didPerformSomeWork = true;
-            performSyncWorkOnRoot(root, nextLanes);
-          } catch (error) {
-            // Collect errors so we can rethrow them at the end
-            if (errors === null) {
-              errors = [error];
-            } else {
-              errors.push(error);
-            }
+        if (elementType === REACT_FRAGMENT_TYPE) {
+          if (child.tag === Fragment) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props.children);
+            existing.return = returnFiber;
+
+            return existing;
+          }
+        } else {
+          if (child.elementType === elementType || ( // Keep this check inline so it only runs on the false path:
+          false) || // Lazy types should reconcile their resolved type.
+          // We need to do this after the Hot Reloading check above,
+          // because hot reloading has different semantics than prod because
+          // it doesn't resuspend. So we can't let the call below suspend.
+          typeof elementType === 'object' && elementType !== null && elementType.$$typeof === REACT_LAZY_TYPE && resolveLazy(elementType) === child.type) {
+            deleteRemainingChildren(returnFiber, child.sibling);
+            const existing = useFiber(child, element.props);
+            coerceRef(returnFiber, child, existing, element);
+            existing.return = returnFiber;
+
+            return existing;
           }
-        }
+        } // Didn't match.
+
+
+        deleteRemainingChildren(returnFiber, child);
+        break;
+      } else {
+        deleteChild(returnFiber, child);
       }
 
-      root = root.next;
+      child = child.sibling;
     }
-  } while (didPerformSomeWork);
-
-  isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
-  // TODO: Consider returning these to the caller, to allow them to decide
-  // how/when to rethrow.
 
-  if (errors !== null) {
-    if (errors.length > 1) {
-      if (typeof AggregateError === 'function') {
-        // eslint-disable-next-line no-undef
-        throw new AggregateError(errors);
-      } else {
-        for (let i = 1; i < errors.length; i++) {
-          scheduleImmediateTask(throwError.bind(null, errors[i]));
-        }
+    if (element.type === REACT_FRAGMENT_TYPE) {
+      const created = createFiberFromFragment(element.props.children, returnFiber.mode, lanes, element.key);
+      created.return = returnFiber;
 
-        const firstError = errors[0];
-        throw firstError;
-      }
+      return created;
     } else {
-      const error = errors[0];
-      throw error;
+      const created = createFiberFromElement(element, returnFiber.mode, lanes);
+      coerceRef(returnFiber, currentFirstChild, created, element);
+      created.return = returnFiber;
+
+      return created;
     }
   }
-}
 
-function throwError(error) {
-  throw error;
-}
+  function reconcileSinglePortal(returnFiber, currentFirstChild, portal, lanes, debugInfo) {
+    const key = portal.key;
+    let child = currentFirstChild;
 
-function processRootScheduleInMicrotask() {
-  // This function is always called inside a microtask. It should never be
-  // called synchronously.
-  didScheduleMicrotask = false;
+    while (child !== null) {
+      // TODO: If key === null and child.key === null, then this only applies to
+      // the first item in the list.
+      if (child.key === key) {
+        if (child.tag === HostPortal && child.stateNode.containerInfo === portal.containerInfo && child.stateNode.implementation === portal.implementation) {
+          deleteRemainingChildren(returnFiber, child.sibling);
+          const existing = useFiber(child, portal.children || []);
+          existing.return = returnFiber;
+          return existing;
+        } else {
+          deleteRemainingChildren(returnFiber, child);
+          break;
+        }
+      } else {
+        deleteChild(returnFiber, child);
+      }
 
+      child = child.sibling;
+    }
 
-  mightHavePendingSyncWork = false;
-  const currentTime = now$1();
-  let prev = null;
-  let root = firstScheduledRoot;
+    const created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+    created.return = returnFiber;
+    return created;
+  } // This API will tag the children with the side-effect of the reconciliation
+  // itself. They will be added to the side-effect list as we pass through the
+  // children and the parent.
 
-  while (root !== null) {
-    const next = root.next;
 
-    if (currentEventTransitionLane !== NoLane && shouldAttemptEagerTransition()) {
-      // A transition was scheduled during an event, but we're going to try to
-      // render it synchronously anyway. We do this during a popstate event to
-      // preserve the scroll position of the previous page.
-      upgradePendingLaneToSync(root, currentEventTransitionLane);
-    }
+  function reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes, debugInfo) {
+    // This function is not recursive.
+    // If the top level item is an array, we treat it as a set of children,
+    // not as a fragment. Nested arrays on the other hand will be treated as
+    // fragment nodes. Recursion happens at the normal flow.
+    // Handle top level unkeyed fragments as if they were arrays.
+    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+    // We treat the ambiguous cases above the same.
+    // TODO: Let's use recursion like we do for Usable nodes?
+    const isUnkeyedTopLevelFragment = typeof newChild === 'object' && newChild !== null && newChild.type === REACT_FRAGMENT_TYPE && newChild.key === null;
 
-    const nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    if (isUnkeyedTopLevelFragment) {
+      newChild = newChild.props.children;
+    } // Handle object types
 
-    if (nextLanes === NoLane) {
-      // This root has no more pending work. Remove it from the schedule. To
-      // guard against subtle reentrancy bugs, this microtask is the only place
-      // we do this — you can add roots to the schedule whenever, but you can
-      // only remove them here.
-      // Null this out so we know it's been removed from the schedule.
-      root.next = null;
 
-      if (prev === null) {
-        // This is the new head of the list
-        firstScheduledRoot = next;
-      } else {
-        prev.next = next;
-      }
+    if (typeof newChild === 'object' && newChild !== null) {
+      switch (newChild.$$typeof) {
+        case REACT_ELEMENT_TYPE:
+          return placeSingleChild(reconcileSingleElement(returnFiber, currentFirstChild, newChild, lanes));
 
-      if (next === null) {
-        // This is the new tail of the list
-        lastScheduledRoot = prev;
+        case REACT_PORTAL_TYPE:
+          return placeSingleChild(reconcileSinglePortal(returnFiber, currentFirstChild, newChild, lanes));
+
+        case REACT_LAZY_TYPE:
+          const payload = newChild._payload;
+          const init = newChild._init;
+          return reconcileChildFibersImpl(returnFiber, currentFirstChild, init(payload), lanes);
       }
-    } else {
-      // This root still has work. Keep it in the list.
-      prev = root;
 
-      if (includesSyncLane(nextLanes)) {
-        mightHavePendingSyncWork = true;
+      if (isArray(newChild)) {
+        return reconcileChildrenArray(returnFiber, currentFirstChild, newChild, lanes);
       }
-    }
 
-    root = next;
-  }
+      if (getIteratorFn(newChild)) {
+        return reconcileChildrenIterator(returnFiber, currentFirstChild, newChild, lanes);
+      } // Usables are a valid React node type. When React encounters a Usable in
+      // a child position, it unwraps it using the same algorithm as `use`. For
+      // example, for promises, React will throw an exception to unwind the
+      // stack, then replay the component once the promise resolves.
+      //
+      // A difference from `use` is that React will keep unwrapping the value
+      // until it reaches a non-Usable type.
+      //
+      // e.g. Usable<Usable<Usable<T>>> should resolve to T
+      //
+      // The structure is a bit unfortunate. Ideally, we shouldn't need to
+      // replay the entire begin phase of the parent fiber in order to reconcile
+      // the children again. This would require a somewhat significant refactor,
+      // because reconcilation happens deep within the begin phase, and
+      // depending on the type of work, not always at the end. We should
+      // consider as an future improvement.
 
-  currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
-  // to come at the end, because it does actual rendering work that might throw.
 
-  flushSyncWorkOnAllRoots();
-}
+      if (typeof newChild.then === 'function') {
+        const thenable = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, unwrapThenable(thenable), lanes);
+      }
 
-function scheduleTaskForRootDuringMicrotask(root, currentTime) {
-  // This function is always called inside a microtask, or at the very end of a
-  // rendering task right before we yield to the main thread. It should never be
-  // called synchronously.
-  //
-  // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
-  // that ASAP to unblock additional features we have planned.
-  //
-  // This function also never performs React work synchronously; it should
-  // only schedule work to be performed later, in a separate task or microtask.
-  // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+        const context = newChild;
+        return reconcileChildFibersImpl(returnFiber, currentFirstChild, readContextDuringReconcilation(returnFiber, context, lanes), lanes);
+      }
 
-  const workInProgressRoot = getWorkInProgressRoot();
-  const workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
-  const nextLanes = getNextLanes(root, root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes);
-  const existingCallbackNode = root.callbackNode;
+      throwOnInvalidObjectType(returnFiber, newChild);
+    }
 
-  if ( // Check if there's nothing to work on
-  nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
-  // schedule a task to render it. We'll either wait for a ping, or wait to
-  // receive an update.
-  //
-  // Suspended render phase
-  root === workInProgressRoot && isWorkLoopSuspendedOnData() || // Suspended commit phase
-  root.cancelPendingCommit !== null) {
-    // Fast path: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
+    if (typeof newChild === 'string' && newChild !== '' || typeof newChild === 'number') {
+      return placeSingleChild(reconcileSingleTextNode(returnFiber, currentFirstChild, '' + newChild, lanes));
     }
 
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return NoLane;
-  } // Schedule a new callback in the host environment.
 
+    return deleteRemainingChildren(returnFiber, currentFirstChild);
+  }
 
-  if (includesSyncLane(nextLanes)) {
-    // Synchronous work is always flushed at the end of the microtask, so we
-    // don't need to schedule an additional task.
-    if (existingCallbackNode !== null) {
-      cancelCallback(existingCallbackNode);
-    }
+  function reconcileChildFibers(returnFiber, currentFirstChild, newChild, lanes) {
+    // This indirection only exists so we can reset `thenableState` at the end.
+    // It should get inlined by Closure.
+    thenableIndexCounter$1 = 0;
+    const firstChildFiber = reconcileChildFibersImpl(returnFiber, currentFirstChild, newChild, lanes);
+    thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+    // set at the beginning.
 
-    root.callbackPriority = SyncLane;
-    root.callbackNode = null;
-    return SyncLane;
-  } else {
-    // We use the highest priority lane to represent the priority of the callback.
-    const existingCallbackPriority = root.callbackPriority;
-    const newCallbackPriority = getHighestPriorityLane(nextLanes);
+    return firstChildFiber;
+  }
 
-    if (newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-schedule
-    // on the `act` queue.
-    !(false  )) {
-      // The priority hasn't changed. We can reuse the existing task.
-      return newCallbackPriority;
-    } else {
-      // Cancel the existing callback. We'll schedule a new one below.
-      cancelCallback(existingCallbackNode);
-    }
+  return reconcileChildFibers;
+}
 
-    let schedulerPriorityLevel;
+const reconcileChildFibers = createChildReconciler(true);
+const mountChildFibers = createChildReconciler(false);
+function resetChildReconcilerOnUnwind() {
+  // On unwind, clear any pending thenables that were used.
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+}
+function cloneChildFibers(current, workInProgress) {
+  if (current !== null && workInProgress.child !== current.child) {
+    throw Error(formatProdErrorMessage(153));
+  }
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+  if (workInProgress.child === null) {
+    return;
+  }
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+  let currentChild = workInProgress.child;
+  let newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
+  workInProgress.child = newChild;
+  newChild.return = workInProgress;
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
+  while (currentChild.sibling !== null) {
+    currentChild = currentChild.sibling;
+    newChild = newChild.sibling = createWorkInProgress(currentChild, currentChild.pendingProps);
+    newChild.return = workInProgress;
+  }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+  newChild.sibling = null;
+} // Reset a workInProgress child set to prepare it for a second pass.
 
-      default:
-        schedulerPriorityLevel = NormalPriority$1;
-        break;
-    }
+function resetChildFibers(workInProgress, lanes) {
+  let child = workInProgress.child;
 
-    const newCallbackNode = scheduleCallback$2(schedulerPriorityLevel, performConcurrentWorkOnRoot.bind(null, root));
-    root.callbackPriority = newCallbackPriority;
-    root.callbackNode = newCallbackNode;
-    return newCallbackPriority;
+  while (child !== null) {
+    resetWorkInProgress(child, lanes);
+    child = child.sibling;
   }
 }
 
-function getContinuationForRoot(root, originalCallbackNode) {
-  // This is called at the end of `performConcurrentWorkOnRoot` to determine
-  // if we need to schedule a continuation task.
-  //
-  // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
-  // however, since most of the logic for determining if we need a continuation
-  // versus a new task is the same, we cheat a bit and call it here. This is
-  // only safe to do because we know we're at the end of the browser task.
-  // So although it's not an actual microtask, it might as well be.
-  scheduleTaskForRootDuringMicrotask(root, now$1());
+// TODO: This isn't being used yet, but it's intended to replace the
+// InvisibleParentContext that is currently managed by SuspenseContext.
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
+const currentTreeHiddenStackCursor = createCursor(null);
+const prevEntangledRenderLanesCursor = createCursor(NoLanes);
+function pushHiddenContext(fiber, context) {
+  const prevEntangledRenderLanes = getEntangledRenderLanes();
+  push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes);
+  push(currentTreeHiddenStackCursor, context); // When rendering a subtree that's currently hidden, we must include all
+  // lanes that would have rendered if the hidden subtree hadn't been deferred.
+  // That is, in order to reveal content from hidden -> visible, we must commit
+  // all the updates that we skipped when we originally hid the tree.
 
-  return null;
+  setEntangledRenderLanes(mergeLanes(prevEntangledRenderLanes, context.baseLanes));
 }
-
-function scheduleCallback$2(priorityLevel, callback) {
-  {
-    return scheduleCallback$3(priorityLevel, callback);
-  }
+function reuseHiddenContextOnStack(fiber) {
+  // This subtree is not currently hidden, so we don't need to add any lanes
+  // to the render lanes. But we still need to push something to avoid a
+  // context mismatch. Reuse the existing context on the stack.
+  push(prevEntangledRenderLanesCursor, getEntangledRenderLanes());
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext(fiber) {
+  // Restore the previous render lanes from the stack
+  setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+function isCurrentTreeHidden() {
+  return currentTreeHiddenStackCursor.current !== null;
 }
 
-function cancelCallback(callbackNode) {
-  if (callbackNode !== null) {
-    cancelCallback$1(callbackNode);
-  }
+// suspends, i.e. it's the nearest `catch` block on the stack.
+
+const suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+// Everything above this is the "shell". When this is null, it means we're
+// rendering in the shell of the app. If it's non-null, it means we're rendering
+// deeper than the shell, inside a new tree that wasn't already visible.
+//
+// The main way we use this concept is to determine whether showing a fallback
+// would result in a desirable or undesirable loading state. Activing a fallback
+// in the shell is considered an undersirable loading state, because it would
+// mean hiding visible (albeit stale) content in the current tree — we prefer to
+// show the stale content, rather than switch to a fallback. But showing a
+// fallback in a new tree is fine, because there's no stale content to
+// prefer instead.
+
+let shellBoundary = null;
+function getShellBoundary() {
+  return shellBoundary;
 }
+function pushPrimaryTreeSuspenseHandler(handler) {
+  // TODO: Pass as argument
+  const current = handler.alternate;
+  // propagated a single level. For example, when ForceSuspenseFallback is set,
+  // it should only force the nearest Suspense boundary into fallback mode.
 
-function scheduleImmediateTask(cb) {
-  // Alternatively, can we move this check to the host config?
+  pushSuspenseListContext(handler, setDefaultShallowSuspenseListContext(suspenseStackCursor.current)); // Experimental feature: Some Suspense boundaries are marked as having an
+  // to push a nested Suspense handler, because it will get replaced by the
+  // outer fallback, anyway. Consider this as a future optimization.
 
 
-  {
-    scheduleMicrotask(() => {
-      // In Safari, appending an iframe forces microtasks to run.
-      // https://github.com/facebook/react/issues/22459
-      // We don't support running callbacks in the middle of render
-      // or commit so we need to check against that.
-      const executionContext = getExecutionContext();
+  push(suspenseHandlerStackCursor, handler);
 
-      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-        // Note that this would still prematurely flush the callbacks
-        // if this happens outside render or commit phase (e.g. in an event).
-        // Intentionally using a macrotask instead of a microtask here. This is
-        // wrong semantically but it prevents an infinite loop. The bug is
-        // Safari's, not ours, so we just do our best to not crash even though
-        // the behavior isn't completely correct.
-        scheduleCallback$3(ImmediatePriority, cb);
-        return;
+  if (shellBoundary === null) {
+    if (current === null || isCurrentTreeHidden()) {
+      // This boundary is not visible in the current UI.
+      shellBoundary = handler;
+    } else {
+      const prevState = current.memoizedState;
+
+      if (prevState !== null) {
+        // This boundary is showing a fallback in the current UI.
+        shellBoundary = handler;
       }
+    }
+  }
+}
+function pushFallbackTreeSuspenseHandler(fiber) {
+  // We're about to render the fallback. If something in the fallback suspends,
+  // it's akin to throwing inside of a `catch` block. This boundary should not
+  // capture. Reuse the existing handler on the stack.
+  reuseSuspenseHandlerOnStack(fiber);
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (fiber.tag === OffscreenComponent) {
+    // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+    // Reuse the current value on the stack.
+    // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+    // into separate functions for Suspense and Offscreen.
+    pushSuspenseListContext(fiber, suspenseStackCursor.current);
+    push(suspenseHandlerStackCursor, fiber);
 
-      cb();
-    });
+    if (shellBoundary !== null) ; else {
+      const current = fiber.alternate;
+
+      if (current !== null) {
+        const prevState = current.memoizedState;
+
+        if (prevState !== null) {
+          // This is the first boundary in the stack that's already showing
+          // a fallback. So everything outside is considered the shell.
+          shellBoundary = fiber;
+        }
+      }
+    }
+  } else {
+    // This is a LegacyHidden component.
+    reuseSuspenseHandlerOnStack(fiber);
   }
 }
+function reuseSuspenseHandlerOnStack(fiber) {
+  pushSuspenseListContext(fiber, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, getSuspenseHandler());
+}
+function getSuspenseHandler() {
+  return suspenseHandlerStackCursor.current;
+}
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
 
-function requestTransitionLane() {
-  // The algorithm for assigning an update to a lane should be stable for all
-  // updates at the same priority within the same event. To do this, the
-  // inputs to the algorithm must be the same.
-  //
-  // The trick we use is to cache the first of each of these inputs within an
-  // event. Then reset the cached values once we can be sure the event is
-  // over. Our heuristic for that is whenever we enter a concurrent work loop.
-  if (currentEventTransitionLane === NoLane) {
-    // All transitions within the same event are assigned the same lane.
-    currentEventTransitionLane = claimNextTransitionLane();
+  if (shellBoundary === fiber) {
+    // Popping back into the shell.
+    shellBoundary = null;
   }
 
-  return currentEventTransitionLane;
-}
+  popSuspenseListContext();
+} // SuspenseList context
+// TODO: Move to a separate module? We may change the SuspenseList
+// implementation to hide/show in the commit phase, anyway.
 
-// transition updates that occur while the async action is still in progress
-// are treated as part of the action.
-//
-// The ideal behavior would be to treat each async function as an independent
-// action. However, without a mechanism like AsyncContext, we can't tell which
-// action an update corresponds to. So instead, we entangle them all into one.
-// The listeners to notify once the entangled scope completes.
+const DefaultSuspenseContext = 0b00;
+const SubtreeSuspenseContextMask = 0b01; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+// items into their fallback state during one of the render passes.
 
-let currentEntangledListeners = null; // The number of pending async actions in the entangled scope.
+const ForceSuspenseFallback = 0b10;
+const suspenseStackCursor = createCursor(DefaultSuspenseContext);
+function hasSuspenseListContext(parentContext, flag) {
+  return (parentContext & flag) !== 0;
+}
+function setDefaultShallowSuspenseListContext(parentContext) {
+  return parentContext & SubtreeSuspenseContextMask;
+}
+function setShallowSuspenseListContext(parentContext, shallowContext) {
+  return parentContext & SubtreeSuspenseContextMask | shallowContext;
+}
+function pushSuspenseListContext(fiber, newContext) {
+  push(suspenseStackCursor, newContext);
+}
+function popSuspenseListContext(fiber) {
+  pop(suspenseStackCursor);
+}
 
-let currentEntangledPendingCount = 0; // The transition lane shared by all updates in the entangled scope.
+// A non-null SuspenseState means that it is blocked for one reason or another.
+// - A non-null dehydrated field means it's blocked pending hydration.
+//   - A non-null dehydrated field can use isSuspenseInstancePending or
+//     isSuspenseInstanceFallback to query the reason for being dehydrated.
+// - A null dehydrated field means it's blocked by something suspending and
+//   we're currently showing a fallback instead.
 
-let currentEntangledLane = NoLane;
-function requestAsyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  // This is an async action.
-  //
-  // Return a thenable that resolves once the action scope (i.e. the async
-  // function passed to startTransition) has finished running.
-  const thenable = actionReturnValue;
-  let entangledListeners;
+function findFirstSuspended(row) {
+  let node = row;
 
-  if (currentEntangledListeners === null) {
-    // There's no outer async action scope. Create a new one.
-    entangledListeners = currentEntangledListeners = [];
-    currentEntangledPendingCount = 0;
-    currentEntangledLane = requestTransitionLane();
-  } else {
-    entangledListeners = currentEntangledListeners;
-  }
+  while (node !== null) {
+    if (node.tag === SuspenseComponent) {
+      const state = node.memoizedState;
 
-  currentEntangledPendingCount++; // Create a thenable that represents the result of this action, but doesn't
-  // resolve until the entire entangled scope has finished.
-  //
-  // Expressed using promises:
-  //   const [thisResult] = await Promise.all([thisAction, entangledAction]);
-  //   return thisResult;
-
-  const resultThenable = createResultThenable(entangledListeners);
-  let resultStatus = 'pending';
-  let resultValue;
-  let rejectedReason;
-  thenable.then(value => {
-    resultStatus = 'fulfilled';
-    resultValue = overrideReturnValue !== null ? overrideReturnValue : value;
-    pingEngtangledActionScope();
-  }, error => {
-    resultStatus = 'rejected';
-    rejectedReason = error;
-    pingEngtangledActionScope();
-  }); // Attach a listener to fill in the result.
-
-  entangledListeners.push(() => {
-    switch (resultStatus) {
-      case 'fulfilled':
-        {
-          const fulfilledThenable = resultThenable;
-          fulfilledThenable.status = 'fulfilled';
-          fulfilledThenable.value = resultValue;
-          break;
-        }
+      if (state !== null) {
+        const dehydrated = state.dehydrated;
 
-      case 'rejected':
-        {
-          const rejectedThenable = resultThenable;
-          rejectedThenable.status = 'rejected';
-          rejectedThenable.reason = rejectedReason;
-          break;
+        if (dehydrated === null || isSuspenseInstancePending(dehydrated) || isSuspenseInstanceFallback(dehydrated)) {
+          return node;
         }
+      }
+    } else if (node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+    // keep track of whether it suspended or not.
+    node.memoizedProps.revealOrder !== undefined) {
+      const didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-      case 'pending':
-      default:
-        {
-          // The listener above should have been called first, so `resultStatus`
-          // should already be set to the correct value.
-          throw Error(formatProdErrorMessage(478));
-        }
+      if (didSuspend) {
+        return node;
+      }
+    } else if (node.child !== null) {
+      node.child.return = node;
+      node = node.child;
+      continue;
     }
-  });
-  return resultThenable;
-}
-function requestSyncActionContext(actionReturnValue, // If this is provided, this resulting thenable resolves to this value instead
-// of the return value of the action. This is a perf trick to avoid composing
-// an extra async function.
-overrideReturnValue) {
-  const resultValue = overrideReturnValue !== null ? overrideReturnValue : actionReturnValue; // This is not an async action, but it may be part of an outer async action.
 
-  if (currentEntangledListeners === null) {
-    return resultValue;
-  } else {
-    // Return a thenable that does not resolve until the entangled actions
-    // have finished.
-    const entangledListeners = currentEntangledListeners;
-    const resultThenable = createResultThenable(entangledListeners);
-    entangledListeners.push(() => {
-      const fulfilledThenable = resultThenable;
-      fulfilledThenable.status = 'fulfilled';
-      fulfilledThenable.value = resultValue;
-    });
-    return resultThenable;
-  }
-}
+    if (node === row) {
+      return null;
+    }
 
-function pingEngtangledActionScope() {
-  if (currentEntangledListeners !== null && --currentEntangledPendingCount === 0) {
-    // All the actions have finished. Close the entangled async action scope
-    // and notify all the listeners.
-    const listeners = currentEntangledListeners;
-    currentEntangledListeners = null;
-    currentEntangledLane = NoLane;
+    while (node.sibling === null) {
+      if (node.return === null || node.return === row) {
+        return null;
+      }
 
-    for (let i = 0; i < listeners.length; i++) {
-      const listener = listeners[i];
-      listener();
+      node = node.return;
     }
+
+    node.sibling.return = node.return;
+    node = node.sibling;
   }
-}
 
-function createResultThenable(entangledListeners) {
-  // Waits for the entangled async action to complete, then resolves to the
-  // result of an individual action.
-  const resultThenable = {
-    status: 'pending',
-    value: null,
-    reason: null,
+  return null;
+}
 
-    then(resolve) {
-      // This is a bit of a cheat. `resolve` expects a value of type `S` to be
-      // passed, but because we're instrumenting the `status` field ourselves,
-      // and we know this thenable will only be used by React, we also know
-      // the value isn't actually needed. So we add the resolve function
-      // directly to the entangled listeners.
-      //
-      // This is also why we don't need to check if the thenable is still
-      // pending; the Suspense implementation already performs that check.
-      const ping = resolve;
-      entangledListeners.push(ping);
-    }
+const NoFlags =
+/*   */
+0b0000; // Represents whether effect should fire.
 
-  };
-  return resultThenable;
-}
+const HasEffect =
+/* */
+0b0001; // Represents the phase in which the effect (not the clean-up) fires.
 
-function peekEntangledActionLane() {
-  return currentEntangledLane;
-}
+const Insertion =
+/* */
+0b0010;
+const Layout =
+/*    */
+0b0100;
+const Passive =
+/*   */
+0b1000;
 
 const ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
       ReactCurrentBatchConfig$3 = ReactSharedInternals.ReactCurrentBatchConfig;
@@ -7667,7 +7725,7 @@ function use(usable) {
       // This is a thenable.
       const thenable = usable;
       return useThenable(thenable);
-    } else if (usable.$$typeof === REACT_CONTEXT_TYPE || usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
       const context = usable;
       return readContext(context);
     }
@@ -7688,6 +7746,12 @@ function mountReducer(reducer, initialArg, init) {
 
   if (init !== undefined) {
     initialState = init(initialArg);
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true);
+      init(initialArg);
+      setIsStrictModeForDevtools(false);
+    }
   } else {
     initialState = initialArg;
   }
@@ -7755,6 +7819,7 @@ function updateReducerImpl(hook, current, reducer) {
     let newBaseQueueFirst = null;
     let newBaseQueueLast = null;
     let update = first;
+    let didReadFromEntangledAsyncAction = false;
 
     do {
       // An extra OffscreenLane bit is added to updates that were made to
@@ -7814,6 +7879,13 @@ function updateReducerImpl(hook, current, reducer) {
               next: null
             };
             newBaseQueueLast = newBaseQueueLast.next = clone;
+          } // Check if this update is part of a pending async action. If so,
+          // we'll need to suspend until the action has finished, so that it's
+          // batched together with future updates in the same action.
+
+
+          if (updateLane === peekEntangledActionLane()) {
+            didReadFromEntangledAsyncAction = true;
           }
         } else {
           // This is an optimistic update. If the "revert" priority is
@@ -7824,7 +7896,14 @@ function updateReducerImpl(hook, current, reducer) {
             // The transition that this optimistic update is associated with
             // has finished. Pretend the update doesn't exist by skipping
             // over it.
-            update = update.next;
+            update = update.next; // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+
+            if (revertLane === peekEntangledActionLane()) {
+              didReadFromEntangledAsyncAction = true;
+            }
+
             continue;
           } else {
             const clone = {
@@ -7886,7 +7965,23 @@ function updateReducerImpl(hook, current, reducer) {
 
 
     if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+
+      if (didReadFromEntangledAsyncAction) {
+        const entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
     }
 
     hook.memoizedState = newState;
@@ -8143,8 +8238,16 @@ function mountStateImpl(initialState) {
   const hook = mountWorkInProgressHook();
 
   if (typeof initialState === 'function') {
-    // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
-    initialState = initialState();
+    const initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+    initialState = initialStateInitializer();
+
+    if (shouldDoubleInvokeUserFnsInHooksDEV) {
+      setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+
+      initialStateInitializer();
+      setIsStrictModeForDevtools(false);
+    }
   }
 
   hook.memoizedState = hook.baseState = initialState;
@@ -8269,27 +8372,27 @@ function runFormStateAction(actionQueue, setState, payload) {
   const prevState = actionQueue.state; // This is a fork of startTransition
 
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  ReactCurrentBatchConfig$3.transition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
+  ReactCurrentBatchConfig$3.transition = currentTransition;
 
   try {
     const returnValue = action(prevState, payload);
 
     if (returnValue !== null && typeof returnValue === 'object' && // $FlowFixMe[method-unbinding]
     typeof returnValue.then === 'function') {
-      const thenable = returnValue; // Attach a listener to read the return state of the action. As soon as
+      const thenable = returnValue;
+      notifyTransitionCallbacks(currentTransition, thenable); // Attach a listener to read the return state of the action. As soon as
       // this resolves, we can run the next action in the sequence.
 
       thenable.then(nextState => {
         actionQueue.state = nextState;
         finishRunningFormStateAction(actionQueue, setState);
       }, () => finishRunningFormStateAction(actionQueue, setState));
-      const entangledResult = requestAsyncActionContext(thenable, null);
-      setState(entangledResult);
+      setState(thenable);
     } else {
-      // This is either `returnValue` or a thenable that resolves to
-      // `returnValue`, depending on whether we're inside an async action scope.
-      const entangledResult = requestSyncActionContext(returnValue, null);
-      setState(entangledResult);
+      setState(returnValue);
       const nextState = returnValue;
       actionQueue.state = nextState;
       finishRunningFormStateAction(actionQueue, setState);
@@ -8631,12 +8734,14 @@ function updateCallback(callback, deps) {
 function mountMemo(nextCreate, deps) {
   const hook = mountWorkInProgressHook();
   const nextDeps = deps === undefined ? null : deps;
+  const nextValue = nextCreate();
 
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8654,11 +8759,14 @@ function updateMemo(nextCreate, deps) {
     }
   }
 
+  const nextValue = nextCreate();
+
   if (shouldDoubleInvokeUserFnsInHooksDEV) {
+    setIsStrictModeForDevtools(true);
     nextCreate();
+    setIsStrictModeForDevtools(false);
   }
 
-  const nextValue = nextCreate();
   hook.memoizedState = [nextValue, nextDeps];
   return nextValue;
 }
@@ -8743,7 +8851,9 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
   const previousPriority = getCurrentUpdatePriority();
   setCurrentUpdatePriority(higherEventPriority(previousPriority, ContinuousEventPriority));
   const prevTransition = ReactCurrentBatchConfig$3.transition;
-  const currentTransition = {};
+  const currentTransition = {
+    _callbacks: new Set()
+  };
 
   {
     // We don't really need to use an optimistic update here, because we
@@ -8768,17 +8878,14 @@ function startTransition(fiber, queue, pendingState, finishedState, callback, op
       // action scope has finished.
 
       if (returnValue !== null && typeof returnValue === 'object' && typeof returnValue.then === 'function') {
-        const thenable = returnValue; // This is a thenable that resolves to `finishedState` once the async
-        // action scope has finished.
+        const thenable = returnValue;
+        notifyTransitionCallbacks(currentTransition, thenable); // Create a thenable that resolves to `finishedState` once the async
+        // action has completed.
 
-        const entangledResult = requestAsyncActionContext(thenable, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        const thenableForFinishedState = chainThenableValue(thenable, finishedState);
+        dispatchSetState(fiber, queue, thenableForFinishedState);
       } else {
-        // This is either `finishedState` or a thenable that resolves to
-        // `finishedState`, depending on whether we're inside an async
-        // action scope.
-        const entangledResult = requestSyncActionContext(returnValue, finishedState);
-        dispatchSetState(fiber, queue, entangledResult);
+        dispatchSetState(fiber, queue, finishedState);
       }
     }
   } catch (error) {
@@ -9068,6 +9175,7 @@ function dispatchSetState(fiber, queue, action) {
 }
 
 function dispatchOptimisticSetState(fiber, throwIfDuringRender, queue, action) {
+  requestCurrentTransition();
 
   const update = {
     // An optimistic update commits synchronously.
@@ -9689,6 +9797,7 @@ function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
     // process them now.
 
     processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+    suspendIfUpdateReadFromEntangledAsyncAction();
     instance.state = workInProgress.memoizedState;
   }
 
@@ -9729,6 +9838,7 @@ function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (oldProps === newProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing()) {
@@ -9821,6 +9931,7 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   const oldState = workInProgress.memoizedState;
   let newState = instance.state = oldState;
   processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+  suspendIfUpdateReadFromEntangledAsyncAction();
   newState = workInProgress.memoizedState;
 
   if (unresolvedOldProps === unresolvedNewProps && oldState === newState && !hasContextChanged() && !checkHasForceUpdateAfterProcessing() && !(enableLazyContextPropagation   )) {
@@ -9901,17 +10012,37 @@ function updateClassInstance(current, workInProgress, ctor, newProps, renderLane
   return shouldUpdate;
 }
 
+const CapturedStacks = new WeakMap();
 function createCapturedValueAtFiber(value, source) {
   // If the value is an error, call this function immediately after it is thrown
   // so the stack is accurate.
+  let stack;
+
+  if (typeof value === 'object' && value !== null) {
+    const capturedStack = CapturedStacks.get(value);
+
+    if (typeof capturedStack === 'string') {
+      stack = capturedStack;
+    } else {
+      stack = getStackByFiberInDevAndProd(source);
+      CapturedStacks.set(value, stack);
+    }
+  } else {
+    stack = getStackByFiberInDevAndProd(source);
+  }
+
   return {
     value,
     source,
-    stack: getStackByFiberInDevAndProd(source),
+    stack,
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
+function createCapturedValueFromError(value, digest, stack) {
+  if (typeof stack === 'string') {
+    CapturedStacks.set(value, stack);
+  }
+
   return {
     value,
     source: null,
@@ -10248,7 +10379,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                 }
               }
 
-              return;
+              return false;
             }
 
           case OffscreenComponent:
@@ -10282,7 +10413,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
                   attachPingListener(root, wakeable, rootRenderLanes);
                 }
 
-                return;
+                return false;
               }
             }
         }
@@ -10300,7 +10431,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           // and potentially log a warning. Revisit this for a future release.
           attachPingListener(root, wakeable, rootRenderLanes);
           renderDidSuspendDelayIfPossible();
-          return;
+          return false;
         } else {
           // In a legacy root, suspending without a boundary is always an error.
           const uncaughtSuspenseError = Error(formatProdErrorMessage(426));
@@ -10328,7 +10459,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
       // still log it so it can be fixed.
 
       queueHydrationError(createCapturedValueAtFiber(value, sourceFiber));
-      return;
+      return false;
     }
   }
 
@@ -10337,6 +10468,12 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
   // over and traverse parent path again, this time treating the exception
   // as an error.
 
+  if (returnFiber === null) {
+    // There's no return fiber, which means the root errored. This should never
+    // happen. Return `true` to trigger a fatal error (panic).
+    return true;
+  }
+
   let workInProgress = returnFiber;
 
   do {
@@ -10349,7 +10486,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
           workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
           const update = createRootErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
       case ClassComponent:
@@ -10365,7 +10502,7 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
           const update = createClassErrorUpdate(workInProgress, errorInfo, lane);
           enqueueCapturedUpdate(workInProgress, update);
-          return;
+          return false;
         }
 
         break;
@@ -10374,6 +10511,8 @@ function throwException(root, returnFiber, sourceFiber, value, rootRenderLanes)
 
     workInProgress = workInProgress.return;
   } while (workInProgress !== null);
+
+  return false;
 }
 
 const ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
@@ -10417,9 +10556,17 @@ function forceUnmountCurrentAndReconcile(current, workInProgress, nextChildren,
 }
 
 function updateForwardRef(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens after the first render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   const render = Component.render;
-  const ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
+  const ref = workInProgress.ref;
+  let propsWithoutRef;
+
+  {
+    propsWithoutRef = nextProps;
+  } // The rest is a fork of updateFunctionComponent
+
 
   let nextChildren;
   let hasId;
@@ -10430,7 +10577,7 @@ function updateForwardRef(current, workInProgress, Component, nextProps, renderL
   }
 
   {
-    nextChildren = renderWithHooks(current, workInProgress, render, nextProps, ref, renderLanes);
+    nextChildren = renderWithHooks(current, workInProgress, render, propsWithoutRef, ref, renderLanes);
     hasId = checkDidRenderIdHook();
   }
 
@@ -10470,7 +10617,7 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
       return updateSimpleMemoComponent(current, workInProgress, resolvedType, nextProps, renderLanes);
     }
 
-    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, null, workInProgress, workInProgress.mode, renderLanes);
+    const child = createFiberFromTypeAndProps(Component.type, null, nextProps, workInProgress, workInProgress.mode, renderLanes);
     child.ref = workInProgress.ref;
     child.return = workInProgress;
     workInProgress.child = child;
@@ -10504,7 +10651,9 @@ function updateMemoComponent(current, workInProgress, Component, nextProps, rend
 }
 
 function updateSimpleMemoComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
+  // TODO: current can be non-null here even if the component
+  // hasn't yet mounted. This happens when the inner render suspends.
+  // We'll need to figure out if this is fine or can cause issues.
   if (current !== null) {
     const prevProps = current.memoizedProps;
 
@@ -10560,7 +10709,7 @@ function updateOffscreenComponent(current, workInProgress, renderLanes) {
   const nextChildren = nextProps.children;
   const nextIsDetached = (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
   const prevState = current !== null ? current.memoizedState : null;
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
 
   if (nextProps.mode === 'hidden' || enableLegacyHidden  || nextIsDetached) {
     // Rendering a hidden tree.
@@ -10739,6 +10888,7 @@ function updateCacheComponent(current, workInProgress, renderLanes) {
     if (includesSomeLane(current.lanes, renderLanes)) {
       cloneUpdateQueue(current, workInProgress);
       processUpdateQueue(workInProgress, null, null, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
     }
 
     const prevState = current.memoizedState;
@@ -10810,7 +10960,9 @@ function updateProfiler(current, workInProgress, renderLanes) {
   return workInProgress.child;
 }
 
-function markRef$1(current, workInProgress) {
+function markRef(current, workInProgress) {
+  // TODO: This is also where we should check the type of the ref and error if
+  // an invalid one is passed, instead of during child reconcilation.
   const ref = workInProgress.ref;
 
   if (current === null && ref !== null || current !== null && current.ref !== ref) {
@@ -10821,7 +10973,6 @@ function markRef$1(current, workInProgress) {
 }
 
 function updateFunctionComponent(current, workInProgress, Component, nextProps, renderLanes) {
-
   let context;
 
   {
@@ -10931,7 +11082,7 @@ function updateClassComponent(current, workInProgress, Component, nextProps, ren
 
 function finishClassComponent(current, workInProgress, Component, shouldUpdate, hasContext, renderLanes) {
   // Refs should update even if shouldComponentUpdate returns false
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
   if (!shouldUpdate && !didCaptureError) {
@@ -11032,10 +11183,14 @@ function updateHostRoot(current, workInProgress, renderLanes) {
       // The root cache refreshed.
       propagateContextChange(workInProgress, CacheContext, renderLanes);
     }
-  } // Caution: React DevTools currently depends on this property
-  // being called "element".
+  } // This would ideally go inside processUpdateQueue, but because it suspends,
+  // it needs to happen after the `pushCacheProvider` call above to avoid a
+  // context stack mismatch. A bit unfortunate.
 
 
+  suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+  // being called "element".
+
   const nextChildren = nextState.element;
 
   if (prevState.isDehydrated) {
@@ -11105,12 +11260,11 @@ function mountHostRootWithoutHydrating(current, workInProgress, nextChildren, re
 }
 
 function updateHostComponent$1(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
-
   if (current === null) {
     tryToClaimNextHydratableInstance(workInProgress);
   }
 
+  pushHostContext(workInProgress);
   const type = workInProgress.type;
   const nextProps = workInProgress.pendingProps;
   const prevProps = current !== null ? current.memoizedProps : null;
@@ -11172,13 +11326,13 @@ function updateHostComponent$1(current, workInProgress, renderLanes) {
     }
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
 
 function updateHostHoistable(current, workInProgress, renderLanes) {
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   const currentProps = current === null ? null : current.memoizedProps;
   const resource = workInProgress.memoizedState = getResource(workInProgress.type, currentProps, workInProgress.pendingProps);
 
@@ -11216,7 +11370,7 @@ function updateHostSingleton(current, workInProgress, renderLanes) {
     reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   }
 
-  markRef$1(current, workInProgress);
+  markRef(current, workInProgress);
   return workInProgress.child;
 }
 
@@ -11267,7 +11421,6 @@ function mountLazyComponent(_current, workInProgress, elementType, renderLanes)
 
     case MemoComponent:
       {
-
         child = updateMemoComponent(null, workInProgress, Component, resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
         renderLanes);
         return child;
@@ -11853,7 +12006,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
         }
 
         error.digest = digest;
-        capturedValue = createCapturedValue(error, digest, stack);
+        capturedValue = createCapturedValueFromError(error, digest, stack);
       }
 
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
@@ -11943,7 +12096,7 @@ function updateDehydratedSuspenseComponent(current, workInProgress, didSuspend,
       // Something errored during hydration. Try again without hydrating.
       pushPrimaryTreeSuspenseHandler(workInProgress);
       workInProgress.flags &= ~ForceClientRender;
-      const capturedValue = createCapturedValue(Error(formatProdErrorMessage(422)));
+      const capturedValue = createCapturedValueFromError(Error(formatProdErrorMessage(422)));
       return retrySuspenseComponentWithoutHydrating(current, workInProgress, renderLanes, capturedValue);
     } else if (workInProgress.memoizedState !== null) {
       // Something suspended and we should still be in dehydrated mode.
@@ -12209,8 +12362,12 @@ function updatePortalComponent(current, workInProgress, renderLanes) {
 }
 
 function updateContextProvider(current, workInProgress, renderLanes) {
-  const providerType = workInProgress.type;
-  const context = providerType._context;
+  let context;
+
+  {
+    context = workInProgress.type._context;
+  }
+
   const newProps = workInProgress.pendingProps;
   const oldProps = workInProgress.memoizedProps;
   const newValue = newProps.value;
@@ -12240,7 +12397,11 @@ function updateContextProvider(current, workInProgress, renderLanes) {
 }
 
 function updateContextConsumer(current, workInProgress, renderLanes) {
-  let context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
+  let context;
+
+  {
+    context = workInProgress.type;
+  }
 
   const newProps = workInProgress.pendingProps;
   const render = newProps.children;
@@ -12366,7 +12527,12 @@ function attemptEarlyBailoutIfNoScheduledUpdate(current, workInProgress, renderL
     case ContextProvider:
       {
         const newValue = workInProgress.memoizedProps.value;
-        const context = workInProgress.type._context;
+        let context;
+
+        {
+          context = workInProgress.type._context;
+        }
+
         pushProvider(workInProgress, context, newValue);
         break;
       }
@@ -12669,7 +12835,6 @@ function beginWork$1(current, workInProgress, renderLanes) {
         const unresolvedProps = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
 
         let resolvedProps = resolveDefaultProps(type, unresolvedProps);
-
         resolvedProps = resolveDefaultProps(type.type, resolvedProps);
         return updateMemoComponent(current, workInProgress, type, resolvedProps, renderLanes);
       }
@@ -12742,9 +12907,7 @@ function popProvider(context, providerFiber) {
   const currentValue = valueCursor.current;
 
   {
-    {
-      context._currentValue = currentValue;
-    }
+    context._currentValue = currentValue;
   }
 
   pop(valueCursor);
@@ -13002,9 +13165,7 @@ const CacheContext = {
   // We'll initialize these at the root.
   _currentValue: null,
   _currentValue2: null,
-  _threadCount: 0,
-  _defaultValue: null,
-  _globalName: null
+  _threadCount: 0
 } ;
 // for retaining the cache once it is in use (retainCache), and releasing the cache
 // once it is no longer needed (releaseCache).
@@ -13044,9 +13205,28 @@ function popCacheProvider(workInProgress, cache) {
 }
 
 const ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
-const NoTransition = null;
 function requestCurrentTransition() {
-  return ReactCurrentBatchConfig$2.transition;
+  const transition = ReactCurrentBatchConfig$2.transition;
+
+  if (transition !== null) {
+    // Whenever a transition update is scheduled, register a callback on the
+    // transition object so we can get the return value of the scope function.
+    transition._callbacks.add(handleAsyncAction);
+  }
+
+  return transition;
+}
+
+function handleAsyncAction(transition, thenable) {
+  {
+    // This is an async action.
+    entangleAsyncAction(transition, thenable);
+  }
+}
+
+function notifyTransitionCallbacks(transition, returnValue) {
+  const callbacks = transition._callbacks;
+  callbacks.forEach(callback => callback(transition, returnValue));
 } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
 // used during the previous render by placing it here, on the stack.
 
@@ -13160,10 +13340,6 @@ function markUpdate(workInProgress) {
   workInProgress.flags |= Update;
 }
 
-function markRef(workInProgress) {
-  workInProgress.flags |= Ref | RefStatic;
-}
-
 function appendAllChildren(parent, workInProgress, needsVisibilityToggle, isHidden) {
   {
     // We only have the top Fiber that was created but we need recurse down its
@@ -13667,10 +13843,6 @@ function completeWork(current, workInProgress, renderLanes) {
             // phase if we are not hydrating.
             markUpdate(workInProgress);
 
-            if (workInProgress.ref !== null) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13694,10 +13866,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
 
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
-
             if (nextResource !== null) {
               // This is a Hoistable Resource
               // This must come at the very end of the complete phase.
@@ -13746,10 +13914,6 @@ function completeWork(current, workInProgress, renderLanes) {
                 markUpdate(workInProgress);
               }
             }
-
-            if (current.ref !== workInProgress.ref) {
-              markRef(workInProgress);
-            }
           } else {
             if (!newProps) {
               if (workInProgress.stateNode === null) {
@@ -13776,11 +13940,6 @@ function completeWork(current, workInProgress, renderLanes) {
               workInProgress.stateNode = instance;
               markUpdate(workInProgress);
             }
-
-            if (workInProgress.ref !== null) {
-              // If there is a ref on a host node we need to schedule a callback
-              markRef(workInProgress);
-            }
           }
 
           bubbleProperties(workInProgress);
@@ -13796,10 +13955,6 @@ function completeWork(current, workInProgress, renderLanes) {
 
         if (current !== null && workInProgress.stateNode != null) {
           updateHostComponent(current, workInProgress, type, newProps);
-
-          if (current.ref !== workInProgress.ref) {
-            markRef(workInProgress);
-          }
         } else {
           if (!newProps) {
             if (workInProgress.stateNode === null) {
@@ -13836,11 +13991,6 @@ function completeWork(current, workInProgress, renderLanes) {
               markUpdate(workInProgress);
             }
           }
-
-          if (workInProgress.ref !== null) {
-            // If there is a ref on a host node we need to schedule a callback
-            markRef(workInProgress);
-          }
         }
 
         bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
@@ -14002,7 +14152,12 @@ function completeWork(current, workInProgress, renderLanes) {
 
     case ContextProvider:
       // Pop provider fiber
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       bubbleProperties(workInProgress);
       return null;
@@ -14419,7 +14574,12 @@ function unwindWork(current, workInProgress, renderLanes) {
       return null;
 
     case ContextProvider:
-      const context = workInProgress.type._context;
+      let context;
+
+      {
+        context = workInProgress.type._context;
+      }
+
       popProvider(context);
       return null;
 
@@ -14511,7 +14671,12 @@ function unwindInterruptedWork(current, interruptedWork, renderLanes) {
       break;
 
     case ContextProvider:
-      const context = interruptedWork.type._context;
+      let context;
+
+      {
+        context = interruptedWork.type._context;
+      }
+
       popProvider(context);
       break;
 
@@ -17708,7 +17873,13 @@ let workInProgressDeferredLane = NoLane; // Errors that are thrown during the re
 let workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
 // We will log them once the tree commits.
 
-let workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+let workInProgressRootRecoverableErrors = null; // Tracks when an update occurs during the render phase.
+
+let workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Thacks when an update occurs during the commit phase. It's a separate
+// variable from the one for renders because the commit phase may run
+// concurrently to a render phase.
+
+let didIncludeCommitPhaseUpdate = false; // The most recent time we either committed a fallback, or when a fallback was
 // filled in with the resolved UI. This lets us throttle the appearance of new
 // content as it streams in, to minimize jank.
 // TODO: Think of a better name for this variable?
@@ -17771,9 +17942,9 @@ function requestUpdateLane(fiber) {
     return pickArbitraryLane(workInProgressRootRenderLanes);
   }
 
-  const isTransition = requestCurrentTransition() !== NoTransition;
+  const transition = requestCurrentTransition();
 
-  if (isTransition) {
+  if (transition !== null) {
 
     const actionScopeLane = peekEntangledActionLane();
     return actionScopeLane !== NoLane ? // We're inside an async action scope. Reuse the same lane.
@@ -17839,7 +18010,7 @@ function requestDeferredLane() {
       workInProgressDeferredLane = OffscreenLane;
     } else {
       // Everything else is spawned as a transition.
-      workInProgressDeferredLane = requestTransitionLane();
+      workInProgressDeferredLane = claimNextTransitionLane();
     }
   } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
@@ -18178,16 +18349,16 @@ function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
         // run one after the other.
 
 
-        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane), msUntilTimeout);
+        root.timeoutHandle = scheduleTimeout(commitRootWhenReady.bind(null, root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane), msUntilTimeout);
         return;
       }
     }
 
-    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, lanes, workInProgressDeferredLane);
+    commitRootWhenReady(root, finishedWork, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, lanes, workInProgressDeferredLane);
   }
 }
 
-function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, lanes, spawnedLane) {
+function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, lanes, spawnedLane) {
   // TODO: Combine retry throttling with Suspensey commits. Right now they run
   // one after the other.
   if (includesOnlyNonUrgentLanes(lanes)) {
@@ -18211,14 +18382,14 @@ function commitRootWhenReady(root, finishedWork, recoverableErrors, transitions,
       // Not yet ready to commit. Delay the commit until the renderer notifies
       // us that it's ready. This will be canceled if we start work on the
       // root again.
-      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions));
+      root.cancelPendingCommit = schedulePendingCommit(commitRoot.bind(null, root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate));
       markRootSuspended(root, lanes, spawnedLane);
       return;
     }
   } // Otherwise, commit immediately.
 
 
-  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+  commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane);
 }
 
 function isRenderConsistentWithExternalStores(finishedWork) {
@@ -18282,15 +18453,53 @@ function isRenderConsistentWithExternalStores(finishedWork) {
 
 
   return true;
+} // The extra indirections around markRootUpdated and markRootSuspended is
+// needed to avoid a circular dependency between this module and
+// ReactFiberLane. There's probably a better way to split up these modules and
+// avoid this problem. Perhaps all the root-marking functions should move into
+// the work loop.
+
+
+function markRootUpdated(root, updatedLanes) {
+  markRootUpdated$1(root, updatedLanes);
+
+  {
+    // Check for recursive updates
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
+}
+
+function markRootPinged(root, pingedLanes) {
+  markRootPinged$1(root, pingedLanes);
+
+  {
+    // Check for recursive pings. Pings are conceptually different from updates in
+    // other contexts but we call it an "update" in this context because
+    // repeatedly pinging a suspended render can cause a recursive render loop.
+    // The relevant property is that it can result in a new render attempt
+    // being scheduled.
+    if (executionContext & RenderContext) {
+      workInProgressRootDidIncludeRecursiveRenderUpdate = true;
+    } else if (executionContext & CommitContext) {
+      didIncludeCommitPhaseUpdate = true;
+    }
+
+    throwIfInfiniteUpdateLoopDetected();
+  }
 }
 
 function markRootSuspended(root, suspendedLanes, spawnedLane) {
   // When suspending, we should always exclude lanes that were pinged or (more
   // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
   suspendedLanes = removeLanes(suspendedLanes, workInProgressRootInterleavedUpdatedLanes);
+
   markRootSuspended$1(root, suspendedLanes, spawnedLane);
 } // This is the entry point for synchronous tasks that don't go
 // through Scheduler
@@ -18356,7 +18565,7 @@ function performSyncWorkOnRoot(root, lanes) {
   const finishedWork = root.current.alternate;
   root.finishedWork = finishedWork;
   root.finishedLanes = lanes;
-  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
+  commitRoot(root, workInProgressRootRecoverableErrors, workInProgressTransitions, workInProgressRootDidIncludeRecursiveRenderUpdate, workInProgressDeferredLane); // Before exiting, make sure there's a callback scheduled for the next
   // pending level.
 
   ensureRootIsScheduled(root);
@@ -18504,7 +18713,8 @@ function prepareFreshStack(root, lanes) {
   workInProgressRootPingedLanes = NoLanes;
   workInProgressDeferredLane = NoLane;
   workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+  workInProgressRootRecoverableErrors = null;
+  workInProgressRootDidIncludeRecursiveRenderUpdate = false; // Get the lanes that are entangled with whatever we're about to render. We
   // track these separately so we can distinguish the priority of the render
   // task from the priority of the lanes it is entangled with. For example, a
   // transition may not be allowed to finish unless it includes the Sync lane,
@@ -18833,7 +19043,7 @@ function renderRootSync(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
         }
@@ -18936,7 +19146,7 @@ function renderRootConcurrent(root, lanes) {
               // Unwind then continue with the normal work loop.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -19003,7 +19213,7 @@ function renderRootConcurrent(root, lanes) {
                 // Otherwise, unwind then continue with the normal work loop.
                 workInProgressSuspendedReason = NotSuspended;
                 workInProgressThrownValue = null;
-                throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               }
 
               break;
@@ -19067,7 +19277,7 @@ function renderRootConcurrent(root, lanes) {
 
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -19079,7 +19289,7 @@ function renderRootConcurrent(root, lanes) {
               // always unwind.
               workInProgressSuspendedReason = NotSuspended;
               workInProgressThrownValue = null;
-              throwAndUnwindWorkLoop(unitOfWork, thrownValue);
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
               break;
             }
 
@@ -19272,7 +19482,7 @@ function replaySuspendedUnitOfWork(unitOfWork) {
   ReactCurrentOwner.current = null;
 }
 
-function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
   // This is a fork of performUnitOfWork specifcally for unwinding a fiber
   // that threw an exception.
   //
@@ -19281,34 +19491,27 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   resetSuspendedWorkLoopOnUnwind(unitOfWork);
   const returnFiber = unitOfWork.return;
 
-  if (returnFiber === null || workInProgressRoot === null) {
-    // Expected to be working on a non-root fiber. This is a fatal error
-    // because there's no ancestor that can handle it; the root is
-    // supposed to capture all errors that weren't caught by an error
-    // boundary.
-    workInProgressRootExitStatus = RootFatalErrored;
-    workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-    // sibling, or the parent if there are no siblings. But since the root
-    // has no siblings nor a parent, we set it to null. Usually this is
-    // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-    // intentionally not calling those, we need set it here.
-    // TODO: Consider calling `unwindWork` to pop the contexts.
-
-    workInProgress = null;
-    return;
-  }
-
   try {
     // Find and mark the nearest Suspense or error boundary that can handle
     // this "exception".
-    throwException(workInProgressRoot, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+    const didFatal = throwException(root, returnFiber, unitOfWork, thrownValue, workInProgressRootRenderLanes);
+
+    if (didFatal) {
+      panicOnRootError(thrownValue);
+      return;
+    }
   } catch (error) {
     // We had trouble processing the error. An example of this happening is
     // when accessing the `componentDidCatch` property of an error boundary
     // throws an error. A weird edge case. There's a regression test for this.
     // To prevent an infinite loop, bubble the error up to the next parent.
-    workInProgress = returnFiber;
-    throw error;
+    if (returnFiber !== null) {
+      workInProgress = returnFiber;
+      throw error;
+    } else {
+      panicOnRootError(thrownValue);
+      return;
+    }
   }
 
   if (unitOfWork.flags & Incomplete) {
@@ -19328,6 +19531,22 @@ function throwAndUnwindWorkLoop(unitOfWork, thrownValue) {
   }
 }
 
+function panicOnRootError(error) {
+  // There's no ancestor that can handle this exception. This should never
+  // happen because the root is supposed to capture all errors that weren't
+  // caught by an error boundary. This is a fatal error, or panic condition,
+  // because we've run out of ways to recover.
+  workInProgressRootExitStatus = RootFatalErrored;
+  workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+  // sibling, or the parent if there are no siblings. But since the root
+  // has no siblings nor a parent, we set it to null. Usually this is
+  // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+  // intentionally not calling those, we need set it here.
+  // TODO: Consider calling `unwindWork` to pop the contexts.
+
+  workInProgress = null;
+}
+
 function completeUnitOfWork(unitOfWork) {
   // Attempt to complete the current unit of work, then move to the next
   // sibling. If there are no more siblings, return to the parent fiber.
@@ -19449,7 +19668,7 @@ function unwindUnitOfWork(unitOfWork) {
   workInProgress = null;
 }
 
-function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+function commitRoot(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, spawnedLane) {
   // TODO: This no longer makes any sense. We already wrap the mutation and
   // layout phases. Should be able to remove.
   const previousUpdateLanePriority = getCurrentUpdatePriority();
@@ -19458,7 +19677,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   try {
     ReactCurrentBatchConfig$1.transition = null;
     setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(root, recoverableErrors, transitions, previousUpdateLanePriority, spawnedLane);
+    commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, previousUpdateLanePriority, spawnedLane);
   } finally {
     ReactCurrentBatchConfig$1.transition = prevTransition;
     setCurrentUpdatePriority(previousUpdateLanePriority);
@@ -19467,7 +19686,7 @@ function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   return null;
 }
 
-function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLevel, spawnedLane) {
+function commitRootImpl(root, recoverableErrors, transitions, didIncludeRenderPhaseUpdate, renderPriorityLevel, spawnedLane) {
   do {
     // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
     // means `flushPassiveEffects` will sometimes result in additional
@@ -19517,7 +19736,9 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
 
   const concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
   remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
-  markRootFinished(root, remainingLanes, spawnedLane);
+  markRootFinished(root, remainingLanes, spawnedLane); // Reset this before firing side effects so we can detect recursive updates.
+
+  didIncludeCommitPhaseUpdate = false;
 
   if (root === workInProgressRoot) {
     // We can reset these now that they are finished.
@@ -19700,7 +19921,10 @@ function commitRootImpl(root, recoverableErrors, transitions, renderPriorityLeve
   // hydration lanes in this check, because render triggered by selective
   // hydration is conceptually not an update.
 
-  if ( // Was the finished render the result of an update (not hydration)?
+  if ( // Check if there was a recursive update spawned by this render, in either
+  // the render phase or the commit phase. We track these explicitly because
+  // we can't infer from the remaining lanes alone.
+  (didIncludeRenderPhaseUpdate || didIncludeCommitPhaseUpdate) || // Was the finished render the result of an update (not hydration)?
   includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
   includesSomeLane(remainingLanes, SyncUpdateLanes)) {
     {
@@ -20085,6 +20309,17 @@ function throwIfInfiniteUpdateLoopDetected() {
   if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
     nestedUpdateCount = 0;
     rootWithNestedUpdates = null;
+
+    {
+      if (executionContext & RenderContext && workInProgressRoot !== null) {
+        // We're in the render phase. Disable the concurrent error recovery
+        // mechanism to ensure that the error we're about to throw gets handled.
+        // We need it to trigger the nearest error boundary so that the infinite
+        // update loop is broken.
+        workInProgressRoot.errorRecoveryDisabledLanes = mergeLanes(workInProgressRoot.errorRecoveryDisabledLanes, workInProgressRootRenderLanes);
+      }
+    }
+
     throw Error(formatProdErrorMessage(185));
   }
 }
@@ -20347,7 +20582,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   if (tag === ConcurrentRoot) {
     mode = ConcurrentMode;
 
-    if (isStrictMode === true || createRootStrictEffectsByDefault) {
+    if (isStrictMode === true) {
       mode |= StrictLegacyMode | StrictEffectsMode;
     }
   } else {
@@ -20364,7 +20599,7 @@ function createHostRootFiber(tag, isStrictMode, concurrentUpdatesByDefaultOverri
   return createFiber(HostRoot, null, null, mode);
 }
 function createFiberFromTypeAndProps(type, // React$ElementType
-key, pendingProps, source, owner, mode, lanes) {
+key, pendingProps, owner, mode, lanes) {
   let fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
   let resolvedType = type;
@@ -20434,13 +20669,22 @@ key, pendingProps, source, owner, mode, lanes) {
           if (typeof type === 'object' && type !== null) {
             switch (type.$$typeof) {
               case REACT_PROVIDER_TYPE:
-                fiberTag = ContextProvider;
-                break getTag;
+                {
+                  fiberTag = ContextProvider;
+                  break getTag;
+                }
+
+              // Fall through
 
               case REACT_CONTEXT_TYPE:
-                // This is a consumer
-                fiberTag = ContextConsumer;
-                break getTag;
+                {
+                  fiberTag = ContextConsumer;
+                  break getTag;
+                }
+
+              case REACT_CONSUMER_TYPE:
+
+              // Fall through
 
               case REACT_FORWARD_REF_TYPE:
                 fiberTag = ForwardRef;
@@ -20473,13 +20717,12 @@ key, pendingProps, source, owner, mode, lanes) {
   return fiber;
 }
 function createFiberFromElement(element, mode, lanes) {
-  let source = null;
   let owner = null;
 
   const type = element.type;
   const key = element.key;
   const pendingProps = element.props;
-  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, source, owner, mode, lanes);
+  const fiber = createFiberFromTypeAndProps(type, key, pendingProps, owner, mode, lanes);
 
   return fiber;
 }
@@ -20658,7 +20901,7 @@ identifierPrefix, onRecoverableError, transitionCallbacks, formState) {
   return root;
 }
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 function createPortal$1(children, containerInfo, // TODO: figure out the API for cross-renderer implementation.
 implementation) {
@@ -22117,7 +22360,8 @@ function retryIfBlockedOn(unblocked) {
 
   {
     // Check the document if there are any queued form actions.
-    const root = unblocked.getRootNode();
+    // If there's no ownerDocument, then this is the document.
+    const root = unblocked.ownerDocument || unblocked;
     const formReplayingQueue = root.$$reactFormReplay;
 
     if (formReplayingQueue != null) {
@@ -24939,7 +25183,9 @@ function setProp(domElement, tag, key, value, props, prevValue) {
 
     case 'defaultChecked':
     case 'innerHTML':
+    case 'ref':
       {
+        // TODO: `ref` is pretty common, should we move it up?
         // Noop
         break;
       }
@@ -25212,6 +25458,7 @@ function setPropOnCustomElement(domElement, tag, key, value, props, prevValue) {
     case 'suppressContentEditableWarning':
     case 'suppressHydrationWarning':
     case 'innerHTML':
+    case 'ref':
       {
         // Noop
         break;
@@ -28340,11 +28587,17 @@ function onUnsuspend() {
       unsuspend();
     }
   }
-} // This is typecast to non-null because it will always be set before read.
+} // We use a value that is type distinct from precedence to track which one is last.
+// This ensures there is no collision with user defined precedences. Normally we would
+// just track this in module scope but since the precedences are tracked per HoistableRoot
+// we need to associate it to something other than a global scope hence why we try to
+// colocate it with the map of precedences in the first place
+
+
+const LAST_PRECEDENCE = null; // This is typecast to non-null because it will always be set before read.
 // it is important that this not be used except when the stack guarantees it exists.
 // Currentlyt his is only during insertSuspendedStylesheet.
 
-
 let precedencesByRoot = null;
 
 function insertSuspendedStylesheets(state, resources) {
@@ -28388,26 +28641,26 @@ function insertStylesheetIntoRoot(root, resource, map) {
       if (node.nodeName === 'link' || // We omit style tags with media="not all" because they are not in the right position
       // and will be hoisted by the Fizz runtime imminently.
       node.getAttribute('media') !== 'not all') {
-        precedences.set('p' + node.dataset.precedence, node);
+        precedences.set(node.dataset.precedence, node);
         last = node;
       }
     }
 
     if (last) {
-      precedences.set('last', last);
+      precedences.set(LAST_PRECEDENCE, last);
     }
   } else {
-    last = precedences.get('last');
+    last = precedences.get(LAST_PRECEDENCE);
   } // We only call this after we have constructed an instance so we assume it here
 
 
   const instance = resource.instance; // We will always have a precedence for stylesheet instances
 
   const precedence = instance.getAttribute('data-precedence');
-  const prior = precedences.get('p' + precedence) || last;
+  const prior = precedences.get(precedence) || last;
 
   if (prior === last) {
-    precedences.set('last', instance);
+    precedences.set(LAST_PRECEDENCE, instance);
   }
 
   precedences.set(precedence, instance);
@@ -28529,7 +28782,7 @@ function scheduleHydration(target) {
 ReactDOMHydrationRoot.prototype.unstable_scheduleHydration = scheduleHydration;
 function hydrateRoot$1(container, initialChildren, options) {
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(405));
+    throw Error(formatProdErrorMessage(299));
   }
   // the hydration callbacks.
 
@@ -28686,7 +28939,7 @@ function findDOMNode(componentOrElement) {
 function hydrate(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
 
@@ -28695,7 +28948,7 @@ function hydrate(element, container, callback) {
 function render(element, container, callback) {
 
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   return legacyRenderSubtreeIntoContainer(null, element, container, false, callback);
@@ -28703,7 +28956,7 @@ function render(element, container, callback) {
 function unstable_renderSubtreeIntoContainer(parentComponent, element, containerNode, callback) {
 
   if (!isValidContainerLegacy(containerNode)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (parentComponent == null || !has(parentComponent)) {
@@ -28714,7 +28967,7 @@ function unstable_renderSubtreeIntoContainer(parentComponent, element, container
 }
 function unmountComponentAtNode(container) {
   if (!isValidContainerLegacy(container)) {
-    throw Error(formatProdErrorMessage(40));
+    throw Error(formatProdErrorMessage(299));
   }
 
   if (container._reactRootContainer) {
@@ -28878,7 +29131,7 @@ function createPortal(children, container) {
   let key = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
 
   if (!isValidContainer(container)) {
-    throw Error(formatProdErrorMessage(200));
+    throw Error(formatProdErrorMessage(299));
   } // TODO: pass ReactDOM portal implementation as third argument
   // $FlowFixMe[incompatible-return] The Flow type is opaque but there's no way to actually create it.
 
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js
index 561ddf2aec2979..e52d8e399bd7cc 100644
--- a/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.profiling.min.js
@@ -8,447 +8,450 @@
  LICENSE file in the root directory of this source tree.
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-'use strict';"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var aa=require("next/dist/compiled/react"),ba=require("next/dist/compiled/scheduler"),ca={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};
-function u(a){for(var b="https://reactjs.org/docs/error-decoder.html?invariant="+a,c=1;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c]);return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var x=Object.assign,da=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ea=da.ReactCurrentDispatcher,fa={pending:!1,data:null,method:null,action:null},ha=[],ia=-1;
-function ka(a){return{current:a}}function D(a){0>ia||(a.current=ha[ia],ha[ia]=null,ia--)}function E(a,b){ia++;ha[ia]=a.current;a.current=b}
-var la=Symbol.for("react.element"),ma=Symbol.for("react.portal"),na=Symbol.for("react.fragment"),oa=Symbol.for("react.strict_mode"),pa=Symbol.for("react.profiler"),qa=Symbol.for("react.provider"),ra=Symbol.for("react.context"),sa=Symbol.for("react.server_context"),ta=Symbol.for("react.forward_ref"),ua=Symbol.for("react.suspense"),va=Symbol.for("react.suspense_list"),wa=Symbol.for("react.memo"),xa=Symbol.for("react.lazy"),ya=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
-var za=Symbol.for("react.offscreen"),Aa=Symbol.for("react.legacy_hidden"),Ba=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ca=Symbol.iterator;function Da(a){if(null===a||"object"!==typeof a)return null;a=Ca&&a[Ca]||a["@@iterator"];return"function"===typeof a?a:null}var Ea=ka(null),Fa=ka(null),Ga=ka(null),Ha=ka(null),Ia={$$typeof:ra,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};
-function Ja(a,b){E(Ga,b);E(Fa,a);E(Ea,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Ka(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Ka(a),b=La(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}D(Ea);E(Ea,b)}function Ma(){D(Ea);D(Fa);D(Ga)}function Na(a){null!==a.memoizedState&&E(Ha,a);var b=Ea.current;var c=La(b,a.type);b!==c&&(E(Fa,a),E(Ea,c))}
-function Oa(a){Fa.current===a&&(D(Ea),D(Fa));Ha.current===a&&(D(Ha),Ia._currentValue=null)}var Pa=ba.unstable_scheduleCallback,Qa=ba.unstable_cancelCallback,Ra=ba.unstable_shouldYield,Sa=ba.unstable_requestPaint,Ta=ba.unstable_now,Ua=ba.unstable_getCurrentPriorityLevel,Va=ba.unstable_ImmediatePriority,Wa=ba.unstable_UserBlockingPriority,Xa=ba.unstable_NormalPriority,Ya=ba.unstable_LowPriority,Za=ba.unstable_IdlePriority,$a=null,ab=null,F=null,bb="undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
-function cb(a,b){if(ab&&"function"===typeof ab.onCommitFiberRoot)try{var c=128===(a.current.flags&128);switch(b){case 2:var d=Va;break;case 8:d=Wa;break;case 32:d=Xa;break;case 268435456:d=Za;break;default:d=Xa}ab.onCommitFiberRoot($a,a,d,c)}catch(e){}}function db(a){F=a}function eb(){for(var a=new Map,b=1,c=0;31>c;c++){var d=fb(b);a.set(b,d);b*=2}return a}function gb(){null!==F&&"function"===typeof F.markCommitStopped&&F.markCommitStopped()}
-function hb(a){null!==F&&"function"===typeof F.markComponentRenderStarted&&F.markComponentRenderStarted(a)}function ib(){null!==F&&"function"===typeof F.markComponentRenderStopped&&F.markComponentRenderStopped()}function jb(a){null!==F&&"function"===typeof F.markComponentLayoutEffectUnmountStarted&&F.markComponentLayoutEffectUnmountStarted(a)}function kb(){null!==F&&"function"===typeof F.markComponentLayoutEffectUnmountStopped&&F.markComponentLayoutEffectUnmountStopped()}
-function lb(a){null!==F&&"function"===typeof F.markRenderStarted&&F.markRenderStarted(a)}function mb(){null!==F&&"function"===typeof F.markRenderStopped&&F.markRenderStopped()}function nb(a,b){null!==F&&"function"===typeof F.markStateUpdateScheduled&&F.markStateUpdateScheduled(a,b)}var pb=Math.clz32?Math.clz32:ob,qb=Math.log,rb=Math.LN2;function ob(a){a>>>=0;return 0===a?32:31-(qb(a)/rb|0)|0}
-function fb(a){if(a&1)return"SyncHydrationLane";if(a&2)return"Sync";if(a&4)return"InputContinuousHydration";if(a&8)return"InputContinuous";if(a&16)return"DefaultHydration";if(a&32)return"Default";if(a&64)return"TransitionHydration";if(a&4194176)return"Transition";if(a&62914560)return"Retry";if(a&67108864)return"SelectiveHydration";if(a&134217728)return"IdleHydration";if(a&268435456)return"Idle";if(a&536870912)return"Offscreen";if(a&1073741824)return"Deferred"}var sb=128,tb=4194304;
-function ub(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
-case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function vb(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=ub(c):(a&=f,0!==a&&(d=ub(a)))):(c&=~e,0!==c?d=ub(c):0!==a&&(d=ub(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
-function wb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
-function xb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function yb(){var a=tb;tb<<=1;0===(tb&62914560)&&(tb=4194304);return a}function zb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}function Ab(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0)}
-function Bb(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-pb(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var n=k[g];null!==n&&(n.lane&=-536870913)}d&=~h}0!==c&&Cb(a,c,0)}
-function Cb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-pb(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function Db(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-pb(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function Eb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-pb(b);a.entanglements[1]|=c;b&=~c}}function Fb(a,b,c){if(bb)for(a=a.pendingUpdatersLaneMap;0<c;){var d=31-pb(c),e=1<<d;a[d].add(b);c&=~e}}
-function Gb(a,b){if(bb)for(var c=a.pendingUpdatersLaneMap,d=a.memoizedUpdaters;0<b;){var e=31-pb(b);a=1<<e;e=c[e];0<e.size&&(e.forEach(function(f){var g=f.alternate;null!==g&&d.has(g)||d.add(f)}),e.clear());b&=~a}}var G=0;function Hb(a,b){var c=G;try{return G=a,b()}finally{G=c}}function Ib(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}
-var Jb=Object.prototype.hasOwnProperty,Lb=Math.random().toString(36).slice(2),Mb="__reactFiber$"+Lb,Nb="__reactProps$"+Lb,Ob="__reactContainer$"+Lb,Pb="__reactEvents$"+Lb,Qb="__reactListeners$"+Lb,Rb="__reactHandles$"+Lb,Sb="__reactResources$"+Lb,Tb="__reactMarker$"+Lb;function Ub(a){delete a[Mb];delete a[Nb];delete a[Pb];delete a[Qb];delete a[Rb]}
-function Vb(a){var b=a[Mb];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Ob]||c[Mb]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Wb(a);null!==a;){if(c=a[Mb])return c;a=Wb(a)}return b}a=c;c=a.parentNode}return null}function Xb(a){if(a=a[Mb]||a[Ob]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function Yb(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(u(33));}function Zb(a){return a[Nb]||null}
-function $b(a){var b=a[Sb];b||(b=a[Sb]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function ac(a){a[Tb]=!0}var bc=new Set,cc={};function dc(a,b){ec(a,b);ec(a+"Capture",b)}function ec(a,b){cc[a]=b;for(a=0;a<b.length;a++)bc.add(b[a])}
-var fc=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),gc=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),hc=
-{},ic={};function jc(a){if(Jb.call(ic,a))return!0;if(Jb.call(hc,a))return!1;if(gc.test(a))return ic[a]=!0;hc[a]=!0;return!1}function kc(a,b,c){if(jc(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
-function lc(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function mc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var nc;
-function oc(a){if(void 0===nc)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);nc=b&&b[1]||""}return"\n"+nc+a}var pc=!1;
-function qc(a,b){if(!a||pc)return"";pc=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(t){var r=t}Reflect.construct(a,[],w)}else{try{w.call()}catch(t){r=t}a.call(w.prototype)}}else{try{throw Error();}catch(t){r=t}(w=a())&&"function"===typeof w.catch&&
-w.catch(function(){})}}catch(t){if(t&&r&&"string"===typeof t.stack)return[t.stack,r.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
-for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var q="\n"+k[d].replace(" at new "," at ");a.displayName&&q.includes("<anonymous>")&&(q=q.replace("<anonymous>",a.displayName));return q}while(1<=d&&0<=e)}break}}}finally{pc=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?oc(c):""}
-function rc(a){switch(a.tag){case 26:case 27:case 5:return oc(a.type);case 16:return oc("Lazy");case 13:return oc("Suspense");case 19:return oc("SuspenseList");case 0:case 2:case 15:return a=qc(a.type,!1),a;case 11:return a=qc(a.type.render,!1),a;case 1:return a=qc(a.type,!0),a;default:return""}}var sc=Symbol.for("react.client.reference");
-function tc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===sc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case na:return"Fragment";case ma:return"Portal";case pa:return"Profiler";case oa:return"StrictMode";case ua:return"Suspense";case va:return"SuspenseList";case Ba:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case ra:return(a.displayName||"Context")+".Consumer";case qa:return(a._context.displayName||"Context")+".Provider";case ta:var b=
-a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case wa:return b=a.displayName||null,null!==b?b:tc(a.type)||"Memo";case xa:b=a._payload;a=a._init;try{return tc(a(b))}catch(c){}}return null}
-function uc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return tc(b);case 8:return b===oa?"StrictMode":"Mode";
-case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function vc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
-function wc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
-function xc(a){var b=wc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
-null;delete a[b]}}}}function yc(a){a._valueTracker||(a._valueTracker=xc(a))}function zc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=wc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Ac(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var Bc=/[\n"\\]/g;
-function Cc(a){return a.replace(Bc,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
-function Dc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+vc(b)}else a.value!==""+vc(b)&&(a.value=""+vc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?Ec(a,g,vc(b)):null!=c?Ec(a,g,vc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
-typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+vc(h):a.removeAttribute("name")}
-function Fc(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+vc(c):"";b=null!=b?""+vc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
-function Ec(a,b,c){"number"===b&&Ac(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var Gc=Array.isArray;
-function Hc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+vc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
-function Ic(a,b,c){if(null!=b&&(b=""+vc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+vc(c):""}function Jc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(u(92));if(Gc(d)){if(1<d.length)throw Error(u(93));d=d[0]}c=d}null==c&&(c="");b=c}c=vc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}var Kc;
-function Lc(a,b){if("http://www.w3.org/2000/svg"!==a.namespaceURI||"innerHTML"in a)a.innerHTML=b;else{Kc=Kc||document.createElement("div");Kc.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=Kc.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}}var Mc=Lc;"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction&&(Mc=function(a,b){return MSApp.execUnsafeLocalFunction(function(){return Lc(a,b)})});var Nc=Mc;
-function Oc(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Pc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
-function Qc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Pc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
-function Rc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(u(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Qc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Qc(a,f,b[f])}
-function Sc(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
-var Tc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
+'use strict';"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());var aa=require("next/dist/compiled/react"),u=require("next/dist/compiled/scheduler"),ba={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};
+function x(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var E=Object.assign,ca=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,da=ca.ReactCurrentDispatcher,ea={pending:!1,data:null,method:null,action:null},fa=[],ha=-1;function ja(a){return{current:a}}function F(a){0>ha||(a.current=fa[ha],fa[ha]=null,ha--)}function G(a,b){ha++;fa[ha]=a.current;a.current=b}
+var ka=Symbol.for("react.element"),la=Symbol.for("react.portal"),ma=Symbol.for("react.fragment"),na=Symbol.for("react.strict_mode"),oa=Symbol.for("react.profiler"),pa=Symbol.for("react.provider"),qa=Symbol.for("react.consumer"),ra=Symbol.for("react.context"),sa=Symbol.for("react.forward_ref"),ta=Symbol.for("react.suspense"),ua=Symbol.for("react.suspense_list"),va=Symbol.for("react.memo"),wa=Symbol.for("react.lazy"),xa=Symbol.for("react.scope");Symbol.for("react.debug_trace_mode");
+var ya=Symbol.for("react.offscreen"),za=Symbol.for("react.legacy_hidden"),Aa=Symbol.for("react.cache");Symbol.for("react.tracing_marker");var Ba=Symbol.iterator;function Ca(a){if(null===a||"object"!==typeof a)return null;a=Ba&&a[Ba]||a["@@iterator"];return"function"===typeof a?a:null}var Da=ja(null),Ea=ja(null),Fa=ja(null),Ga=ja(null),Ha={$$typeof:ra,_currentValue:null,_currentValue2:null,_threadCount:0,Provider:null,Consumer:null};
+function Ia(a,b){G(Fa,b);G(Ea,a);G(Da,null);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?(b=b.namespaceURI)?Ja(b):0:0;break;default:if(a=8===a?b.parentNode:b,b=a.tagName,a=a.namespaceURI)a=Ja(a),b=Ka(a,b);else switch(b){case "svg":b=1;break;case "math":b=2;break;default:b=0}}F(Da);G(Da,b)}function La(){F(Da);F(Ea);F(Fa)}function Ma(a){null!==a.memoizedState&&G(Ga,a);var b=Da.current;var c=Ka(b,a.type);b!==c&&(G(Ea,a),G(Da,c))}
+function Na(a){Ea.current===a&&(F(Da),F(Ea));Ga.current===a&&(F(Ga),Ha._currentValue=null)}var Oa=u.unstable_scheduleCallback,Pa=u.unstable_cancelCallback,Qa=u.unstable_shouldYield,Ra=u.unstable_requestPaint,Sa=u.unstable_now,Ta=u.unstable_getCurrentPriorityLevel,Ua=u.unstable_ImmediatePriority,Va=u.unstable_UserBlockingPriority,Wa=u.unstable_NormalPriority,Xa=u.unstable_LowPriority,Ya=u.unstable_IdlePriority,Za=u.log,$a=u.unstable_setDisableYieldValue,ab=null,bb=null,H=null,cb="undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
+function db(a,b){if(bb&&"function"===typeof bb.onCommitFiberRoot)try{var c=128===(a.current.flags&128);switch(b){case 2:var d=Ua;break;case 8:d=Va;break;case 32:d=Wa;break;case 268435456:d=Ya;break;default:d=Wa}bb.onCommitFiberRoot(ab,a,d,c)}catch(e){}}function eb(a){"function"===typeof Za&&$a(a);if(bb&&"function"===typeof bb.setStrictMode)try{bb.setStrictMode(ab,a)}catch(b){}}function fb(a){H=a}function gb(){for(var a=new Map,b=1,c=0;31>c;c++){var d=hb(b);a.set(b,d);b*=2}return a}
+function ib(){null!==H&&"function"===typeof H.markCommitStopped&&H.markCommitStopped()}function jb(a){null!==H&&"function"===typeof H.markComponentRenderStarted&&H.markComponentRenderStarted(a)}function kb(){null!==H&&"function"===typeof H.markComponentRenderStopped&&H.markComponentRenderStopped()}function lb(a){null!==H&&"function"===typeof H.markComponentLayoutEffectUnmountStarted&&H.markComponentLayoutEffectUnmountStarted(a)}
+function mb(){null!==H&&"function"===typeof H.markComponentLayoutEffectUnmountStopped&&H.markComponentLayoutEffectUnmountStopped()}function nb(a){null!==H&&"function"===typeof H.markRenderStarted&&H.markRenderStarted(a)}function ob(){null!==H&&"function"===typeof H.markRenderStopped&&H.markRenderStopped()}function pb(a,b){null!==H&&"function"===typeof H.markStateUpdateScheduled&&H.markStateUpdateScheduled(a,b)}var rb=Math.clz32?Math.clz32:qb,sb=Math.log,tb=Math.LN2;
+function qb(a){a>>>=0;return 0===a?32:31-(sb(a)/tb|0)|0}
+function hb(a){if(a&1)return"SyncHydrationLane";if(a&2)return"Sync";if(a&4)return"InputContinuousHydration";if(a&8)return"InputContinuous";if(a&16)return"DefaultHydration";if(a&32)return"Default";if(a&64)return"TransitionHydration";if(a&4194176)return"Transition";if(a&62914560)return"Retry";if(a&67108864)return"SelectiveHydration";if(a&134217728)return"IdleHydration";if(a&268435456)return"Idle";if(a&536870912)return"Offscreen";if(a&1073741824)return"Deferred"}var ub=128,vb=4194304;
+function wb(a){var b=a&42;if(0!==b)return b;switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194176;case 4194304:case 8388608:case 16777216:case 33554432:return a&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;
+case 536870912:return 536870912;case 1073741824:return 0;default:return a}}function xb(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes;a=a.pingedLanes;var f=c&134217727;0!==f?(c=f&~e,0!==c?d=wb(c):(a&=f,0!==a&&(d=wb(a)))):(c&=~e,0!==c?d=wb(c):0!==a&&(d=wb(a)));return 0===d?0:0!==b&&b!==d&&0===(b&e)&&(e=d&-d,a=b&-b,e>=a||32===e&&0!==(a&4194176))?b:d}
+function yb(a,b){switch(a){case 1:case 2:case 4:case 8:return b+250;case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return b+5E3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}
+function zb(a,b){if(a.errorRecoveryDisabledLanes&b)return 0;a=a.pendingLanes&-536870913;return 0!==a?a:a&536870912?536870912:0}function Ab(){var a=ub;ub<<=1;0===(ub&4194176)&&(ub=128);return a}function Bb(){var a=vb;vb<<=1;0===(vb&62914560)&&(vb=4194304);return a}function Cb(a){for(var b=[],c=0;31>c;c++)b.push(a);return b}
+function Db(a,b,c){var d=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.entangledLanes&=b;a.errorRecoveryDisabledLanes&=b;a.shellSuspendCounter=0;b=a.entanglements;for(var e=a.expirationTimes,f=a.hiddenUpdates;0<d;){var g=31-rb(d),h=1<<g;b[g]=0;e[g]=-1;var k=f[g];if(null!==k)for(f[g]=null,g=0;g<k.length;g++){var n=k[g];null!==n&&(n.lane&=-536870913)}d&=~h}0!==c&&Eb(a,c,0)}
+function Eb(a,b,c){a.pendingLanes|=b;a.suspendedLanes&=~b;var d=31-rb(b);a.entangledLanes|=b;a.entanglements[d]=a.entanglements[d]|1073741824|c&4194218}function Fb(a,b){var c=a.entangledLanes|=b;for(a=a.entanglements;c;){var d=31-rb(c),e=1<<d;e&b|a[d]&b&&(a[d]|=b);c&=~e}}function Gb(a,b){a.pendingLanes|=2;for(a.entangledLanes|=2;b;){var c=1<<31-rb(b);a.entanglements[1]|=c;b&=~c}}function Hb(a,b,c){if(cb)for(a=a.pendingUpdatersLaneMap;0<c;){var d=31-rb(c),e=1<<d;a[d].add(b);c&=~e}}
+function Ib(a,b){if(cb)for(var c=a.pendingUpdatersLaneMap,d=a.memoizedUpdaters;0<b;){var e=31-rb(b);a=1<<e;e=c[e];0<e.size&&(e.forEach(function(f){var g=f.alternate;null!==g&&d.has(g)||d.add(f)}),e.clear());b&=~a}}var I=0;function Jb(a,b){var c=I;try{return I=a,b()}finally{I=c}}function Lb(a){a&=-a;return 2<a?8<a?0!==(a&134217727)?32:268435456:8:2}
+var Mb=Object.prototype.hasOwnProperty,Nb=Math.random().toString(36).slice(2),Ob="__reactFiber$"+Nb,Pb="__reactProps$"+Nb,Qb="__reactContainer$"+Nb,Rb="__reactEvents$"+Nb,Sb="__reactListeners$"+Nb,Tb="__reactHandles$"+Nb,Ub="__reactResources$"+Nb,Vb="__reactMarker$"+Nb;function Wb(a){delete a[Ob];delete a[Pb];delete a[Rb];delete a[Sb];delete a[Tb]}
+function Xb(a){var b=a[Ob];if(b)return b;for(var c=a.parentNode;c;){if(b=c[Qb]||c[Ob]){c=b.alternate;if(null!==b.child||null!==c&&null!==c.child)for(a=Yb(a);null!==a;){if(c=a[Ob])return c;a=Yb(a)}return b}a=c;c=a.parentNode}return null}function Zb(a){if(a=a[Ob]||a[Qb]){var b=a.tag;if(5===b||6===b||13===b||26===b||27===b||3===b)return a}return null}function $b(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a.stateNode;throw Error(x(33));}function ac(a){return a[Pb]||null}
+function bc(a){var b=a[Ub];b||(b=a[Ub]={hoistableStyles:new Map,hoistableScripts:new Map});return b}function cc(a){a[Vb]=!0}var dc=new Set,ec={};function fc(a,b){gc(a,b);gc(a+"Capture",b)}function gc(a,b){ec[a]=b;for(a=0;a<b.length;a++)dc.add(b[a])}
+var hc=!("undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement),ic=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),jc=
+{},kc={};function lc(a){if(Mb.call(kc,a))return!0;if(Mb.call(jc,a))return!1;if(ic.test(a))return kc[a]=!0;jc[a]=!0;return!1}function mc(a,b,c){if(lc(b))if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":a.removeAttribute(b);return;case "boolean":var d=b.toLowerCase().slice(0,5);if("data-"!==d&&"aria-"!==d){a.removeAttribute(b);return}}a.setAttribute(b,""+c)}}
+function nc(a,b,c){if(null===c)a.removeAttribute(b);else{switch(typeof c){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(b);return}a.setAttribute(b,""+c)}}function oc(a,b,c,d){if(null===d)a.removeAttribute(c);else{switch(typeof d){case "undefined":case "function":case "symbol":case "boolean":a.removeAttribute(c);return}a.setAttributeNS(b,c,""+d)}}var pc;
+function qc(a){if(void 0===pc)try{throw Error();}catch(c){var b=c.stack.trim().match(/\n( *(at )?)/);pc=b&&b[1]||""}return"\n"+pc+a}var rc=!1;
+function sc(a,b){if(!a||rc)return"";rc=!0;var c=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var d={DetermineComponentFrameRoot:function(){try{if(b){var w=function(){throw Error();};Object.defineProperty(w.prototype,"props",{set:function(){throw Error();}});if("object"===typeof Reflect&&Reflect.construct){try{Reflect.construct(w,[])}catch(r){var q=r}Reflect.construct(a,[],w)}else{try{w.call()}catch(r){q=r}a.call(w.prototype)}}else{try{throw Error();}catch(r){q=r}(w=a())&&"function"===typeof w.catch&&
+w.catch(function(){})}}catch(r){if(r&&q&&"string"===typeof r.stack)return[r.stack,q.stack]}return[null,null]}};d.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var e=Object.getOwnPropertyDescriptor(d.DetermineComponentFrameRoot,"name");e&&e.configurable&&Object.defineProperty(d.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});try{var f=d.DetermineComponentFrameRoot(),g=f[0],h=f[1];if(g&&h){var k=g.split("\n"),n=h.split("\n");for(e=d=0;d<k.length&&!k[d].includes("DetermineComponentFrameRoot");)d++;
+for(;e<n.length&&!n[e].includes("DetermineComponentFrameRoot");)e++;if(d===k.length||e===n.length)for(d=k.length-1,e=n.length-1;1<=d&&0<=e&&k[d]!==n[e];)e--;for(;1<=d&&0<=e;d--,e--)if(k[d]!==n[e]){if(1!==d||1!==e){do if(d--,e--,0>e||k[d]!==n[e]){var t="\n"+k[d].replace(" at new "," at ");a.displayName&&t.includes("<anonymous>")&&(t=t.replace("<anonymous>",a.displayName));return t}while(1<=d&&0<=e)}break}}}finally{rc=!1,Error.prepareStackTrace=c}return(c=a?a.displayName||a.name:"")?qc(c):""}
+function tc(a){switch(a.tag){case 26:case 27:case 5:return qc(a.type);case 16:return qc("Lazy");case 13:return qc("Suspense");case 19:return qc("SuspenseList");case 0:case 2:case 15:return a=sc(a.type,!1),a;case 11:return a=sc(a.type.render,!1),a;case 1:return a=sc(a.type,!0),a;default:return""}}function uc(a){try{var b="";do b+=tc(a),a=a.return;while(a);return b}catch(c){return"\nError generating stack: "+c.message+"\n"+c.stack}}var vc=Symbol.for("react.client.reference");
+function wc(a){if(null==a)return null;if("function"===typeof a)return a.$$typeof===vc?null:a.displayName||a.name||null;if("string"===typeof a)return a;switch(a){case ma:return"Fragment";case la:return"Portal";case oa:return"Profiler";case na:return"StrictMode";case ta:return"Suspense";case ua:return"SuspenseList";case Aa:return"Cache"}if("object"===typeof a)switch(a.$$typeof){case pa:return(a._context.displayName||"Context")+".Provider";case ra:return(a.displayName||"Context")+".Consumer";case sa:var b=
+a.render;a=a.displayName;a||(a=b.displayName||b.name||"",a=""!==a?"ForwardRef("+a+")":"ForwardRef");return a;case va:return b=a.displayName||null,null!==b?b:wc(a.type)||"Memo";case wa:b=a._payload;a=a._init;try{return wc(a(b))}catch(c){}}return null}
+function xc(a){var b=a.type;switch(a.tag){case 24:return"Cache";case 9:return(b.displayName||"Context")+".Consumer";case 10:return(b._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return a=b.render,a=a.displayName||a.name||"",b.displayName||(""!==a?"ForwardRef("+a+")":"ForwardRef");case 7:return"Fragment";case 26:case 27:case 5:return b;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return wc(b);case 8:return b===na?"StrictMode":"Mode";
+case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"===typeof b)return b.displayName||b.name||null;if("string"===typeof b)return b}return null}function yc(a){switch(typeof a){case "boolean":case "number":case "string":case "undefined":return a;case "object":return a;default:return""}}
+function zc(a){var b=a.type;return(a=a.nodeName)&&"input"===a.toLowerCase()&&("checkbox"===b||"radio"===b)}
+function Ac(a){var b=zc(a)?"checked":"value",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=""+a[b];if(!a.hasOwnProperty(b)&&"undefined"!==typeof c&&"function"===typeof c.get&&"function"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(g){d=""+g;f.call(this,g)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(g){d=""+g},stopTracking:function(){a._valueTracker=
+null;delete a[b]}}}}function Bc(a){a._valueTracker||(a._valueTracker=Ac(a))}function Cc(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d="";a&&(d=zc(a)?a.checked?"true":"false":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Dc(a){a=a||("undefined"!==typeof document?document:void 0);if("undefined"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}var Ec=/[\n"\\]/g;
+function Fc(a){return a.replace(Ec,function(b){return"\\"+b.charCodeAt(0).toString(16)+" "})}
+function Gc(a,b,c,d,e,f,g,h){a.name="";null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g?a.type=g:a.removeAttribute("type");if(null!=b)if("number"===g){if(0===b&&""===a.value||a.value!=b)a.value=""+yc(b)}else a.value!==""+yc(b)&&(a.value=""+yc(b));else"submit"!==g&&"reset"!==g||a.removeAttribute("value");null!=b?Hc(a,g,yc(b)):null!=c?Hc(a,g,yc(c)):null!=d&&a.removeAttribute("value");null==e&&null!=f&&(a.defaultChecked=!!f);null!=e&&(a.checked=e&&"function"!==typeof e&&"symbol"!==
+typeof e);null!=h&&"function"!==typeof h&&"symbol"!==typeof h&&"boolean"!==typeof h?a.name=""+yc(h):a.removeAttribute("name")}
+function Ic(a,b,c,d,e,f,g,h){null!=f&&"function"!==typeof f&&"symbol"!==typeof f&&"boolean"!==typeof f&&(a.type=f);if(null!=b||null!=c){if(!("submit"!==f&&"reset"!==f||void 0!==b&&null!==b))return;c=null!=c?""+yc(c):"";b=null!=b?""+yc(b):c;h||b===a.value||(a.value=b);a.defaultValue=b}d=null!=d?d:e;d="function"!==typeof d&&"symbol"!==typeof d&&!!d;a.checked=h?a.checked:!!d;a.defaultChecked=!!d;null!=g&&"function"!==typeof g&&"symbol"!==typeof g&&"boolean"!==typeof g&&(a.name=g)}
+function Hc(a,b,c){"number"===b&&Dc(a.ownerDocument)===a||a.defaultValue===""+c||(a.defaultValue=""+c)}var Jc=Array.isArray;
+function Kc(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e<c.length;e++)b["$"+c[e]]=!0;for(c=0;c<a.length;c++)e=b.hasOwnProperty("$"+a[c].value),a[c].selected!==e&&(a[c].selected=e),e&&d&&(a[c].defaultSelected=!0)}else{c=""+yc(c);b=null;for(e=0;e<a.length;e++){if(a[e].value===c){a[e].selected=!0;d&&(a[e].defaultSelected=!0);return}null!==b||a[e].disabled||(b=a[e])}null!==b&&(b.selected=!0)}}
+function Lc(a,b,c){if(null!=b&&(b=""+yc(b),b!==a.value&&(a.value=b),null==c)){a.defaultValue!==b&&(a.defaultValue=b);return}a.defaultValue=null!=c?""+yc(c):""}function Mc(a,b,c,d){if(null==b){if(null!=d){if(null!=c)throw Error(x(92));if(Jc(d)){if(1<d.length)throw Error(x(93));d=d[0]}c=d}null==c&&(c="");b=c}c=yc(b);a.defaultValue=c;d=a.textContent;d===c&&""!==d&&null!==d&&(a.value=d)}var Nc;
+function Oc(a,b){if("http://www.w3.org/2000/svg"!==a.namespaceURI||"innerHTML"in a)a.innerHTML=b;else{Nc=Nc||document.createElement("div");Nc.innerHTML="<svg>"+b.valueOf().toString()+"</svg>";for(b=Nc.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}}var Pc=Oc;"undefined"!==typeof MSApp&&MSApp.execUnsafeLocalFunction&&(Pc=function(a,b){return MSApp.execUnsafeLocalFunction(function(){return Oc(a,b)})});var Qc=Pc;
+function Rc(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}var Sc=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));
+function Tc(a,b,c){var d=0===b.indexOf("--");null==c||"boolean"===typeof c||""===c?d?a.setProperty(b,""):"float"===b?a.cssFloat="":a[b]="":d?a.setProperty(b,c):"number"!==typeof c||0===c||Sc.has(b)?"float"===b?a.cssFloat=c:a[b]=(""+c).trim():a[b]=c+"px"}
+function Uc(a,b,c){if(null!=b&&"object"!==typeof b)throw Error(x(62));a=a.style;if(null!=c){for(var d in c)!c.hasOwnProperty(d)||null!=b&&b.hasOwnProperty(d)||(0===d.indexOf("--")?a.setProperty(d,""):"float"===d?a.cssFloat="":a[d]="");for(var e in b)d=b[e],b.hasOwnProperty(e)&&c[e]!==d&&Tc(a,e,d)}else for(var f in b)b.hasOwnProperty(f)&&Tc(a,f,b[f])}
+function Vc(a){if(-1===a.indexOf("-"))return!1;switch(a){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}}
+var Wc=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],
 ["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical",
 "glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering",
 "shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],
 ["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],
-["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Uc=null;function Vc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Wc=null,Xc=null;
-function Yc(a){var b=Xb(a);if(b&&(a=b.stateNode)){var c=Zb(a);a:switch(a=b.stateNode,b.type){case "input":Dc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+Cc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=Zb(d);if(!e)throw Error(u(90));Dc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
-e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&zc(d)}break a;case "textarea":Ic(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&Hc(a,!!c.multiple,b,!1)}}}function Zc(a){Wc?Xc?Xc.push(a):Xc=[a]:Wc=a}function $c(){if(Wc){var a=Wc,b=Xc;Xc=Wc=null;Yc(a);if(b)for(a=0;a<b.length;a++)Yc(b[a])}}function ad(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
-function bd(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function cd(a){if(ad(a)!==a)throw Error(u(188));}
-function dd(a){var b=a.alternate;if(!b){b=ad(a);if(null===b)throw Error(u(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return cd(e),a;if(f===d)return cd(e),b;f=f.sibling}throw Error(u(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
-c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(u(189));}}if(c.alternate!==d)throw Error(u(190));}if(3!==c.tag)throw Error(u(188));return c.stateNode.current===c?a:b}function ed(a){a=dd(a);return null!==a?fd(a):null}function fd(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=fd(a);if(null!==b)return b;a=a.sibling}return null}var gd={},hd=ka(gd),id=ka(!1),jd=gd;
-function kd(a,b){var c=a.type.contextTypes;if(!c)return gd;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function ld(a){a=a.childContextTypes;return null!==a&&void 0!==a}function md(){D(id);D(hd)}
-function nd(a,b,c){if(hd.current!==gd)throw Error(u(168));E(hd,b);E(id,c)}function od(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(u(108,uc(a)||"Unknown",e));return x({},c,d)}function pd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||gd;jd=hd.current;E(hd,a);E(id,id.current);return!0}
-function qd(a,b,c){var d=a.stateNode;if(!d)throw Error(u(169));c?(a=od(a,b,jd),d.__reactInternalMemoizedMergedChildContext=a,D(id),D(hd),E(hd,a)):D(id);E(id,c)}function rd(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var sd="function"===typeof Object.is?Object.is:rd,td=[],ud=0,vd=null,wd=0,xd=[],yd=0,zd=null,Ad=1,Bd="";function Cd(a,b){td[ud++]=wd;td[ud++]=vd;vd=a;wd=b}
-function Dd(a,b,c){xd[yd++]=Ad;xd[yd++]=Bd;xd[yd++]=zd;zd=a;var d=Ad;a=Bd;var e=32-pb(d)-1;d&=~(1<<e);c+=1;var f=32-pb(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;Ad=1<<32-pb(b)+e|c<<e|d;Bd=f+a}else Ad=1<<f|c<<e|d,Bd=a}function Ed(a){null!==a.return&&(Cd(a,1),Dd(a,1,0))}function Fd(a){for(;a===vd;)vd=td[--ud],td[ud]=null,wd=td[--ud],td[ud]=null;for(;a===zd;)zd=xd[--yd],xd[yd]=null,Bd=xd[--yd],xd[yd]=null,Ad=xd[--yd],xd[yd]=null}var H=null,I=null,K=!1,Gd=null,Hd=!1;
-function Id(a,b){var c=Jd(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Kd(a,b){b.flags=b.flags&-4097|2}function Ld(a,b){b=Md(b,a.type,a.pendingProps,Hd);return null!==b?(a.stateNode=b,H=a,I=Nd(b.firstChild),Hd=!1,!0):!1}function Od(a,b){b=Pd(b,a.pendingProps,Hd);return null!==b?(a.stateNode=b,H=a,I=null,!0):!1}
-function Qd(a,b){a:{var c=b;for(b=Hd;8!==c.nodeType;){if(!b){b=null;break a}c=Rd(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==zd?{id:Ad,overflow:Bd}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=Jd(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,H=a,I=null,!0):!1}function Sd(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Td(){throw Error(u(418));}
-function Ud(a){for(H=a.return;H;)switch(H.tag){case 3:case 27:Hd=!0;return;case 5:case 13:Hd=!1;return;default:H=H.return}}
-function Vd(a){if(a!==H)return!1;if(!K)return Ud(a),K=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Wd(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=I))if(Sd(a))Xd(),Td();else for(;b;)Id(a,b),b=Rd(b);Ud(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(u(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){I=Rd(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}I=
-null}}else I=H?Rd(a.stateNode):null;return!0}function Xd(){for(var a=I;a;)a=Rd(a)}function Yd(){I=H=null;K=!1}function Zd(a){null===Gd?Gd=[a]:Gd.push(a)}var $d=[],ae=0,be=0;function ce(){for(var a=ae,b=be=ae=0;b<a;){var c=$d[b];$d[b++]=null;var d=$d[b];$d[b++]=null;var e=$d[b];$d[b++]=null;var f=$d[b];$d[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&de(c,e,f)}}
-function ee(a,b,c,d){$d[ae++]=a;$d[ae++]=b;$d[ae++]=c;$d[ae++]=d;be|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function fe(a,b,c,d){ee(a,b,c,d);return ge(a)}function he(a,b){ee(a,null,null,b);return ge(a)}
-function de(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-pb(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function ge(a){if(50<ie)throw ie=0,je=null,Error(u(185));for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
-var ke=!1;function le(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function me(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function ne(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
-function oe(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(N&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=ge(a);de(a,null,c);return b}ee(a,d,b,c);return ge(a)}function pe(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Db(a,c)}}
-function qe(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
-function re(a,b,c,d){var e=a.updateQueue;ke=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var q=a.alternate;null!==q&&(q=q.updateQueue,h=q.lastBaseUpdate,h!==g&&(null===h?q.firstBaseUpdate=n:h.next=n,q.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;q=n=k=null;h=f;do{var r=h.lane&-536870913,t=r!==h.lane;if(t?(O&r)===r:(d&r)===r){null!==q&&(q=q.next={lane:0,tag:h.tag,payload:h.payload,
-callback:null,next:null});a:{var A=a,C=h;r=b;var J=c;switch(C.tag){case 1:A=C.payload;if("function"===typeof A){w=A.call(J,w,r);break a}w=A;break a;case 3:A.flags=A.flags&-65537|128;case 0:A=C.payload;r="function"===typeof A?A.call(J,w,r):A;if(null===r||void 0===r)break a;w=x({},w,r);break a;case 2:ke=!0}}r=h.callback;null!==r&&(a.flags|=64,t&&(a.flags|=8192),t=e.callbacks,null===t?e.callbacks=[r]:t.push(r))}else t={lane:r,tag:h.tag,payload:h.payload,callback:h.callback,next:null},null===q?(n=q=t,
-k=w):q=q.next=t,g|=r;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else t=h,h=t.next,t.next=null,e.lastBaseUpdate=t,e.shared.pending=null}while(1);null===q&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=q;null===f&&(e.shared.lanes=0);se|=g;a.lanes=g;a.memoizedState=w}}function te(a,b){if("function"!==typeof a)throw Error(u(191,a));a.call(b)}function ue(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)te(c[a],b)}
-function ve(a,b){if(sd(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Jb.call(b,e)||!sd(a[e],b[e]))return!1}return!0}var we=Error(u(460)),xe=Error(u(474)),ye={then:function(){}};function ze(a){a=a.status;return"fulfilled"===a||"rejected"===a}function Ae(){}
-function Be(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ae,Ae),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===we)throw Error(u(483));throw a;default:if("string"===typeof b.status)b.then(Ae,Ae);else{a=P;if(null!==a&&100<a.shellSuspendCounter)throw Error(u(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}});switch(b.status){case "fulfilled":return b.value;
-case "rejected":a=b.reason;if(a===we)throw Error(u(483));throw a;}}Ce=b;throw we;}}var Ce=null;function De(){if(null===Ce)throw Error(u(459));var a=Ce;Ce=null;return a}var Ee=null,Fe=0;function Ge(a){var b=Fe;Fe+=1;null===Ee&&(Ee=[]);return Be(Ee,a,b)}
-function He(a,b,c){a=c.ref;if(null!==a&&"function"!==typeof a&&"object"!==typeof a){if(c._owner){c=c._owner;if(c){if(1!==c.tag)throw Error(u(309));var d=c.stateNode}if(!d)throw Error(u(147,a));var e=d,f=""+a;if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;b=function(g){var h=e.refs;null===g?delete h[f]:h[f]=g};b._stringRef=f;return b}if("string"!==typeof a)throw Error(u(284));if(!c._owner)throw Error(u(290,a));}return a}
-function Ie(a,b){a=Object.prototype.toString.call(b);throw Error(u(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function Je(a){var b=a._init;return b(a._payload)}
-function Ke(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=Le(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
-function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=Me(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var y=p.type;if(y===na)return q(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===y||"object"===typeof y&&null!==y&&y.$$typeof===xa&&Je(y)===l.type))return v=e(l,p.props),v.ref=He(m,l,p),v.return=m,v;v=Ne(p.type,p.key,p.props,null,null,m.mode,v);v.ref=He(m,l,p);v.return=m;return v}function n(m,l,
-p,v){if(null===l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=Oe(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function q(m,l,p,v,y){if(null===l||7!==l.tag)return l=Pe(p,m.mode,v,y),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=Me(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case la:return p=Ne(l.type,
-l.key,l.props,null,null,m.mode,p),p.ref=He(m,null,l),p.return=m,p;case ma:return l=Oe(l,m.mode,p),l.return=m,l;case xa:var v=l._init;return w(m,v(l._payload),p)}if(Gc(l)||Da(l))return l=Pe(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,Ge(l),p);if(l.$$typeof===ra||l.$$typeof===sa)return w(m,Qe(m,l,p),p);Ie(m,l)}return null}function r(m,l,p,v){var y=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==y?null:h(m,l,""+p,v);if("object"===typeof p&&
-null!==p){switch(p.$$typeof){case la:return p.key===y?k(m,l,p,v):null;case ma:return p.key===y?n(m,l,p,v):null;case xa:return y=p._init,r(m,l,y(p._payload),v)}if(Gc(p)||Da(p))return null!==y?null:q(m,l,p,v,null);if("function"===typeof p.then)return r(m,l,Ge(p),v);if(p.$$typeof===ra||p.$$typeof===sa)return r(m,l,Qe(m,p,v),v);Ie(m,p)}return null}function t(m,l,p,v,y){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,y);if("object"===typeof v&&null!==v){switch(v.$$typeof){case la:return m=
-m.get(null===v.key?p:v.key)||null,k(l,m,v,y);case ma:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,y);case xa:var B=v._init;return t(m,l,p,B(v._payload),y)}if(Gc(v)||Da(v))return m=m.get(p)||null,q(l,m,v,y,null);if("function"===typeof v.then)return t(m,l,p,Ge(v),y);if(v.$$typeof===ra||v.$$typeof===sa)return t(m,l,p,Qe(l,v,y),y);Ie(l,v)}return null}function A(m,l,p,v){for(var y=null,B=null,z=l,L=l=0,ja=null;null!==z&&L<p.length;L++){z.index>L?(ja=z,z=null):ja=z.sibling;var M=r(m,z,p[L],v);if(null===
-M){null===z&&(z=ja);break}a&&z&&null===M.alternate&&b(m,z);l=f(M,l,L);null===B?y=M:B.sibling=M;B=M;z=ja}if(L===p.length)return c(m,z),K&&Cd(m,L),y;if(null===z){for(;L<p.length;L++)z=w(m,p[L],v),null!==z&&(l=f(z,l,L),null===B?y=z:B.sibling=z,B=z);K&&Cd(m,L);return y}for(z=d(m,z);L<p.length;L++)ja=t(z,m,L,p[L],v),null!==ja&&(a&&null!==ja.alternate&&z.delete(null===ja.key?L:ja.key),l=f(ja,l,L),null===B?y=ja:B.sibling=ja,B=ja);a&&z.forEach(function(Kb){return b(m,Kb)});K&&Cd(m,L);return y}function C(m,
-l,p,v){var y=Da(p);if("function"!==typeof y)throw Error(u(150));p=y.call(p);if(null==p)throw Error(u(151));for(var B=y=null,z=l,L=l=0,ja=null,M=p.next();null!==z&&!M.done;L++,M=p.next()){z.index>L?(ja=z,z=null):ja=z.sibling;var Kb=r(m,z,M.value,v);if(null===Kb){null===z&&(z=ja);break}a&&z&&null===Kb.alternate&&b(m,z);l=f(Kb,l,L);null===B?y=Kb:B.sibling=Kb;B=Kb;z=ja}if(M.done)return c(m,z),K&&Cd(m,L),y;if(null===z){for(;!M.done;L++,M=p.next())M=w(m,M.value,v),null!==M&&(l=f(M,l,L),null===B?y=M:B.sibling=
-M,B=M);K&&Cd(m,L);return y}for(z=d(m,z);!M.done;L++,M=p.next())M=t(z,m,L,M.value,v),null!==M&&(a&&null!==M.alternate&&z.delete(null===M.key?L:M.key),l=f(M,l,L),null===B?y=M:B.sibling=M,B=M);a&&z.forEach(function(wn){return b(m,wn)});K&&Cd(m,L);return y}function J(m,l,p,v){"object"===typeof p&&null!==p&&p.type===na&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case la:a:{for(var y=p.key,B=l;null!==B;){if(B.key===y){y=p.type;if(y===na){if(7===B.tag){c(m,B.sibling);
-l=e(B,p.props.children);l.return=m;m=l;break a}}else if(B.elementType===y||"object"===typeof y&&null!==y&&y.$$typeof===xa&&Je(y)===B.type){c(m,B.sibling);l=e(B,p.props);l.ref=He(m,B,p);l.return=m;m=l;break a}c(m,B);break}else b(m,B);B=B.sibling}p.type===na?(l=Pe(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=Ne(p.type,p.key,p.props,null,null,m.mode,v),v.ref=He(m,l,p),v.return=m,m=v)}return g(m);case ma:a:{for(B=p.key;null!==l;){if(l.key===B)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&
-l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=Oe(p,m.mode,v);l.return=m;m=l}return g(m);case xa:return B=p._init,S(m,l,B(p._payload),v)}if(Gc(p))return A(m,l,p,v);if(Da(p))return C(m,l,p,v);if("function"===typeof p.then)return J(m,l,Ge(p),v);if(p.$$typeof===ra||p.$$typeof===sa)return J(m,l,Qe(m,p,v),v);Ie(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,
-l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=Me(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}function S(m,l,p,v){Fe=0;m=J(m,l,p,v);Ee=null;return m}return S}var Re=Ke(!0),Se=Ke(!1),Te=ka(null),Ue=ka(0);function Ve(a,b){a=We;E(Ue,a);E(Te,b);We=a|b.baseLanes}function Xe(){E(Ue,We);E(Te,Te.current)}function Ye(){We=Ue.current;D(Te);D(Ue)}var Ze=ka(null),$e=null;function af(a){var b=a.alternate;E(bf,bf.current&1);E(Ze,a);null===$e&&(null===b||null!==Te.current?$e=a:null!==b.memoizedState&&($e=a))}
-function cf(a){if(22===a.tag){if(E(bf,bf.current),E(Ze,a),null===$e){var b=a.alternate;null!==b&&null!==b.memoizedState&&($e=a)}}else df(a)}function df(){E(bf,bf.current);E(Ze,Ze.current)}function ef(a){D(Ze);$e===a&&($e=null);D(bf)}var bf=ka(0);
-function ff(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var gf=null,hf=null,jf=!1,kf=!1,lf=!1,mf=0;
-function nf(a){a!==hf&&null===a.next&&(null===hf?gf=hf=a:hf=hf.next=a);kf=!0;jf||(jf=!0,of(pf))}
-function qf(a){if(!lf&&kf){var b=null;lf=!0;do{var c=!1;for(var d=gf;null!==d;){if(!a||0===d.tag){var e=O,f=vb(d,d===P?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(N&6))throw Error(u(327));if(!rf()){sf=tf;tf=!1;var g=uf(e,f);if(0!==e.tag&&2===g){var h=f,k=xb(e,h);0!==k&&(f=k,g=vf(e,h,k))}if(1===g)throw h=wf,xf(e,0),yf(e,f,0),nf(e),h;6===g?yf(e,f,zf):(e.finishedWork=e.current.alternate,e.finishedLanes=f,Af(e,Bf,Cf,zf))}nf(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);lf=!1;if(null!==b){if(1<b.length){if("function"===
-typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)of(Df.bind(null,b[a]))}throw b[0];}}}function Df(a){throw a;}function pf(){kf=jf=!1;for(var a=Ta(),b=null,c=gf;null!==c;){var d=c.next;if(0!==mf&&Ef()){var e=c,f=mf;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=Ff(c,a);0===e?(c.next=null,null===b?gf=d:b.next=d,null===d&&(hf=b)):(b=c,0!==(e&3)&&(kf=!0));c=d}mf=0;qf(!1)}
-function Ff(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-pb(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=wb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=P;c=O;c=vb(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===Q||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Qa(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Qa(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
-null!==d&&Qa(d);switch(Ib(c)){case 2:c=Va;break;case 8:c=Wa;break;case 32:c=Xa;break;case 268435456:c=Za;break;default:c=Xa}d=Gf.bind(null,a);c=Pa(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function of(a){Hf(function(){0!==(N&6)?Pa(Va,a):a()})}function If(){if(0===mf){var a=sb;sb<<=1;0===(sb&4194176)&&(sb=128);mf=a}return mf}var Jf=null,Kf=0,Lf=0;
-function Mf(a,b){if(null===Jf){var c=Jf=[];Kf=0;Lf=If()}else c=Jf;Kf++;var d=Nf(c),e="pending",f,g;a.then(function(h){e="fulfilled";f=null!==b?b:h;Of()},function(h){e="rejected";g=h;Of()});c.push(function(){switch(e){case "fulfilled":d.status="fulfilled";d.value=f;break;case "rejected":d.status="rejected";d.reason=g;break;default:throw Error(u(478));}});return d}function Pf(a,b){var c=null!==b?b:a;if(null===Jf)return c;a=Jf;var d=Nf(a);a.push(function(){d.status="fulfilled";d.value=c});return d}
-function Of(){if(null!==Jf&&0===--Kf){var a=Jf;Jf=null;for(var b=Lf=0;b<a.length;b++)(0,a[b])()}}function Nf(a){return{status:"pending",value:null,reason:null,then:function(b){a.push(b)}}}var Qf=da.ReactCurrentDispatcher,Rf=da.ReactCurrentBatchConfig,Sf=0,R=null,T=null,U=null,Tf=!1,Uf=!1,Vf=!1,Wf=0,Xf=0,Yf=null,Zf=0;function $f(){throw Error(u(321));}function ag(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!sd(a[c],b[c]))return!1;return!0}
-function bg(a,b,c,d,e,f){Sf=f;R=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Qf.current=null===a||null===a.memoizedState?cg:dg;Vf=!1;a=c(d,e);Vf=!1;Uf&&(a=eg(b,c,d,e));fg();return a}function fg(){Qf.current=gg;var a=null!==T&&null!==T.next;Sf=0;U=T=R=null;Tf=!1;Xf=0;Yf=null;if(a)throw Error(u(300));}function eg(a,b,c,d){R=a;var e=0;do{Uf&&(Yf=null);Xf=0;Uf=!1;if(25<=e)throw Error(u(301));e+=1;U=T=null;a.updateQueue=null;Qf.current=hg;var f=b(c,d)}while(Uf);return f}
-function ig(){var a=Qf.current.useState()[0];return"function"===typeof a.then?jg(a):a}function kg(){var a=0!==Wf;Wf=0;return a}function lg(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}function mg(a){if(Tf){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Tf=!1}Sf=0;U=T=R=null;Uf=!1;Xf=Wf=0;Yf=null}function ng(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===U?R.memoizedState=U=a:U=U.next=a;return U}
-function og(){if(null===T){var a=R.alternate;a=null!==a?a.memoizedState:null}else a=T.next;var b=null===U?R.memoizedState:U.next;if(null!==b)U=b,T=a;else{if(null===a){if(null===R.alternate)throw Error(u(467));throw Error(u(310));}T=a;a={memoizedState:T.memoizedState,baseState:T.baseState,baseQueue:T.baseQueue,queue:T.queue,next:null};null===U?R.memoizedState=U=a:U=U.next=a}return U}var pg;pg=function(){return{lastEffect:null,events:null,stores:null}};
-function jg(a){var b=Xf;Xf+=1;null===Yf&&(Yf=[]);a=Be(Yf,a,b);null===R.alternate&&(null===U?null===R.memoizedState:null===U.next)&&(Qf.current=cg);return a}function qg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return jg(a);if(a.$$typeof===ra||a.$$typeof===sa)return rg(a)}throw Error(u(438,String(a)));}function sg(a,b){return"function"===typeof b?b(a):b}function tg(a){var b=og();return ug(b,T,a)}
-function ug(a,b,c){var d=a.queue;if(null===d)throw Error(u(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b;do{var q=n.lane&-536870913;if(q!==n.lane?(O&q)===q:(Sf&q)===q){q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null});
-else if((Sf&q)===q){n=n.next;continue}else{var w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null};null===k?(h=k=w,g=f):k=k.next=w;R.lanes|=q;se|=q}q=n.action;Vf&&c(f,q);f=n.hasEagerState?n.eagerState:c(f,q)}else w={lane:q,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,R.lanes|=q,se|=q;n=n.next}while(null!==n&&n!==b);null===k?g=f:k.next=h;sd(f,a.memoizedState)||
-(vg=!0);a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}function wg(a){var b=og(),c=b.queue;if(null===c)throw Error(u(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);sd(f,b.memoizedState)||(vg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
-function xg(a,b,c){var d=R,e=og(),f=K;if(f){if(void 0===c)throw Error(u(407));c=c()}else c=b();var g=!sd((T||e).memoizedState,c);g&&(e.memoizedState=c,vg=!0);e=e.queue;yg(zg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==U&&U.memoizedState.tag&1){d.flags|=2048;Ag(9,Bg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===P)throw Error(u(349));f||0!==(Sf&60)||Cg(d,b,c)}return c}
-function Cg(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=R.updateQueue;null===b?(b=pg(),R.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function Bg(a,b,c,d){b.value=c;b.getSnapshot=d;Dg(b)&&Eg(a)}function zg(a,b,c){return c(function(){Dg(b)&&Eg(a)})}function Dg(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!sd(a,c)}catch(d){return!0}}function Eg(a){var b=he(a,2);null!==b&&Fg(b,a,2)}
-function Gg(a){var b=ng();"function"===typeof a&&(a=a());b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:sg,lastRenderedState:a};return b}function Hg(a,b,c,d){a.baseState=c;return ug(a,T,"function"===typeof d?d:sg)}function Ig(a,b,c,d){if(Jg(a))throw Error(u(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,Kg(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
-function Kg(a,b,c){var d=a.action,e=a.state,f=Rf.transition;Rf.transition={};try{var g=d(e,c);if(null!==g&&"object"===typeof g&&"function"===typeof g.then){g.then(function(n){a.state=n;Lg(a,b)},function(){return Lg(a,b)});var h=Mf(g,null);b(h)}else{var k=Pf(g,null);b(k);a.state=g;Lg(a,b)}}catch(n){b({then:function(){},status:"rejected",reason:n}),Lg(a,b)}finally{Rf.transition=f}}
-function Lg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,Kg(a,b,d.payload))}}function Mg(a,b){return b}function Ng(a,b,c){a=ug(a,b,Mg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?jg(a):a;b=og();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(R.flags|=2048,Ag(9,Og.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Og(a,b){a.action=b}
-function Ag(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=R.updateQueue;null===b?(b=pg(),R.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Pg(){return og().memoizedState}function Qg(a,b,c,d){var e=ng();R.flags|=a;e.memoizedState=Ag(1|b,c,{destroy:void 0},void 0===d?null:d)}
-function Rg(a,b,c,d){var e=og();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==T&&null!==d&&ag(d,T.memoizedState.deps)?e.memoizedState=Ag(b,c,f,d):(R.flags|=a,e.memoizedState=Ag(1|b,c,f,d))}function Sg(a,b){Qg(8390656,8,a,b)}function yg(a,b){Rg(2048,8,a,b)}function Tg(a,b){return Rg(4,2,a,b)}function Ug(a,b){return Rg(4,4,a,b)}function Vg(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}
-function Wg(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Rg(4,4,Vg.bind(null,b,a),c)}function Xg(){}function Yg(a,b){var c=og();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&ag(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function Zg(a,b){var c=og();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&ag(b,d[1]))return d[0];Vf&&a();a=a();c.memoizedState=[a,b];return a}
-function $g(a,b,c){if(sd(c,b))return c;if(null!==Te.current)return a.memoizedState=c,sd(c,b)||(vg=!0),c;if(0===(Sf&42))return vg=!0,a.memoizedState=c;0===zf&&(zf=0===(O&536870912)||K?If():536870912);a=Ze.current;null!==a&&(a.flags|=32);a=zf;R.lanes|=a;se|=a;return b}
-function ah(a,b,c,d,e){var f=G;G=0!==f&&8>f?f:8;var g=Rf.transition;Rf.transition={};bh(a,!1,b,c);try{var h=e();if(null!==h&&"object"===typeof h&&"function"===typeof h.then){var k=Mf(h,d);ch(a,b,k)}else{var n=Pf(h,d);ch(a,b,n)}}catch(q){ch(a,b,{then:function(){},status:"rejected",reason:q})}finally{G=f,Rf.transition=g}}
-function dh(a,b,c,d){if(5!==a.tag)throw Error(u(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:sg,lastRenderedState:fa};var f=e;e={memoizedState:fa,baseState:fa,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;ah(a,f,b,fa,function(){return c(d)})}function eh(){var a=rg(Ia);return null!==a?a:fa}function fh(){return og().memoizedState}
-function gh(){return og().memoizedState}function hh(a){for(var b=a.return;null!==b;){switch(b.tag){case 24:case 3:var c=ih(b);a=ne(c);var d=oe(b,a,c);null!==d&&(Fg(d,b,c),pe(d,b,c));b={cache:jh()};a.payload=b;return}b=b.return}}function kh(a,b,c){var d=ih(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};Jg(a)?lh(b,c):(c=fe(a,b,c,d),null!==c&&(Fg(c,a,d),mh(c,b,d)));nb(a,d)}
-function ch(a,b,c){var d=ih(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(Jg(a))lh(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(sd(h,g)){ee(a,b,e,0);null===P&&ce();return}}catch(k){}finally{}c=fe(a,b,e,d);null!==c&&(Fg(c,a,d),mh(c,b,d))}nb(a,d)}
-function bh(a,b,c,d){d={lane:2,revertLane:If(),action:d,hasEagerState:!1,eagerState:null,next:null};if(Jg(a)){if(b)throw Error(u(479));}else b=fe(a,c,d,2),null!==b&&Fg(b,a,2);nb(a,2)}function Jg(a){var b=a.alternate;return a===R||null!==b&&b===R}function lh(a,b){Uf=Tf=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function mh(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Db(a,c)}}
-var gg={readContext:rg,use:qg,useCallback:$f,useContext:$f,useEffect:$f,useImperativeHandle:$f,useInsertionEffect:$f,useLayoutEffect:$f,useMemo:$f,useReducer:$f,useRef:$f,useState:$f,useDebugValue:$f,useDeferredValue:$f,useTransition:$f,useSyncExternalStore:$f,useId:$f};gg.useCacheRefresh=$f;gg.useHostTransitionStatus=$f;gg.useFormState=$f;gg.useOptimistic=$f;
-var cg={readContext:rg,use:qg,useCallback:function(a,b){ng().memoizedState=[a,void 0===b?null:b];return a},useContext:rg,useEffect:Sg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Qg(4194308,4,Vg.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Qg(4194308,4,a,b)},useInsertionEffect:function(a,b){Qg(4,2,a,b)},useMemo:function(a,b){var c=ng();b=void 0===b?null:b;Vf&&a();a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=ng();b=void 0!==c?c(b):
-b;d.memoizedState=d.baseState=b;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=kh.bind(null,R,a);return[d.memoizedState,a]},useRef:function(a){var b=ng();a={current:a};return b.memoizedState=a},useState:function(a){a=Gg(a);var b=a.queue,c=ch.bind(null,R,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:Xg,useDeferredValue:function(a){ng().memoizedState=a;return a},useTransition:function(){var a=Gg(!1);a=ah.bind(null,R,a.queue,!0,!1);
-ng().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=R,e=ng();if(K){if(void 0===c)throw Error(u(407));c=c()}else{c=b();if(null===P)throw Error(u(349));0!==(O&60)||Cg(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Sg(zg.bind(null,d,f,a),[a]);d.flags|=2048;Ag(9,Bg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=ng(),b=P.identifierPrefix;if(K){var c=Bd;var d=Ad;c=(d&~(1<<32-pb(d)-1)).toString(32)+c;b=":"+b+"R"+c;c=Wf++;0<c&&(b+="H"+
-c.toString(32));b+=":"}else c=Zf++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return ng().memoizedState=hh.bind(null,R)}};cg.useHostTransitionStatus=eh;
-cg.useFormState=function(a,b){if(K){var c=P.formState;if(null!==c){a:{if(K){if(I){b:{var d=I;for(var e=Hd;8!==d.nodeType;){if(!e){d=null;break b}d=Rd(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){I=Rd(d);d="F!"===d.data;break a}}Td()}d=!1}d&&(b=c[0])}}c=ng();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Mg,lastRenderedState:b};c.queue=d;c=ch.bind(null,R,d);d.dispatch=c;d=ng();e={state:b,dispatch:null,action:a,pending:null};d.queue=
-e;c=Ig.bind(null,R,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};cg.useOptimistic=function(a){var b=ng();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=bh.bind(null,R,!0,c);c.dispatch=b;return[a,b]};
-var dg={readContext:rg,use:qg,useCallback:Yg,useContext:rg,useEffect:yg,useImperativeHandle:Wg,useInsertionEffect:Tg,useLayoutEffect:Ug,useMemo:Zg,useReducer:tg,useRef:Pg,useState:function(){return tg(sg)},useDebugValue:Xg,useDeferredValue:function(a){var b=og();return $g(b,T.memoizedState,a)},useTransition:function(){var a=tg(sg)[0],b=og().memoizedState;return["boolean"===typeof a?a:jg(a),b]},useSyncExternalStore:xg,useId:fh};dg.useCacheRefresh=gh;dg.useHostTransitionStatus=eh;
-dg.useFormState=function(a){var b=og();return Ng(b,T,a)};dg.useOptimistic=function(a,b){var c=og();return Hg(c,T,a,b)};
-var hg={readContext:rg,use:qg,useCallback:Yg,useContext:rg,useEffect:yg,useImperativeHandle:Wg,useInsertionEffect:Tg,useLayoutEffect:Ug,useMemo:Zg,useReducer:wg,useRef:Pg,useState:function(){return wg(sg)},useDebugValue:Xg,useDeferredValue:function(a){var b=og();return null===T?(b.memoizedState=a,a):$g(b,T.memoizedState,a)},useTransition:function(){var a=wg(sg)[0],b=og().memoizedState;return["boolean"===typeof a?a:jg(a),b]},useSyncExternalStore:xg,useId:fh};hg.useCacheRefresh=gh;
-hg.useHostTransitionStatus=eh;hg.useFormState=function(a){var b=og(),c=T;if(null!==c)return Ng(b,c,a);b=b.memoizedState;c=og();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};hg.useOptimistic=function(a,b){var c=og();if(null!==T)return Hg(c,T,a,b);c.baseState=a;return[a,c.queue.dispatch]};var nh=ba.unstable_now,oh=0,ph=-1,qh=-1,rh=-1,sf=!1,tf=!1;function sh(a){qh=nh();0>a.actualStartTime&&(a.actualStartTime=nh())}
-function th(a,b){if(0<=qh){var c=nh()-qh;a.actualDuration+=c;b&&(a.selfBaseDuration=c);qh=-1}}function uh(a){if(0<=ph){var b=nh()-ph;ph=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a.stateNode.effectDuration+=b;return;case 12:a.stateNode.effectDuration+=b;return}a=a.return}}}
-function vh(a){if(0<=rh){var b=nh()-rh;rh=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return;case 12:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return}a=a.return}}}function wh(){ph=nh()}function xh(a){for(var b=a.child;b;)a.actualDuration+=b.actualDuration,b=b.sibling}function yh(a,b){if(a&&a.defaultProps){b=x({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
-function zh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:x({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
-var Ah={isMounted:function(a){return(a=a._reactInternals)?ad(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=ih(a),e=ne(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=oe(a,e,d);null!==b&&(Fg(b,a,d),pe(b,a,d));nb(a,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=ih(a),e=ne(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=oe(a,e,d);null!==b&&(Fg(b,a,d),pe(b,a,d));nb(a,d)},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=ih(a),d=ne(c);
-d.tag=2;void 0!==b&&null!==b&&(d.callback=b);b=oe(a,d,c);null!==b&&(Fg(b,a,c),pe(b,a,c));null!==F&&"function"===typeof F.markForceUpdateScheduled&&F.markForceUpdateScheduled(a,c)}};function Bh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!ve(c,d)||!ve(e,f):!0}
-function Ch(a,b,c){var d=!1,e=gd;var f=b.contextType;"object"===typeof f&&null!==f?f=rg(f):(e=ld(b)?jd:hd.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?kd(a,e):gd);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Ah;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
-function Dh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Ah.enqueueReplaceState(b,b.state,null)}
-function Eh(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};le(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=rg(f):(f=ld(b)?jd:hd.current,e.context=kd(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(zh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
-"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Ah.enqueueReplaceState(e,e.state,null),re(a,c,e,d),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}function Fh(a,b){try{var c="",d=b;do c+=rc(d),d=d.return;while(d);var e=c}catch(f){e="\nError generating stack: "+f.message+"\n"+f.stack}return{value:a,source:b,stack:e,digest:null}}
-function Gh(a,b,c){return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function Hh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function Ih(a,b,c){c=ne(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Jh||(Jh=!0,Kh=d);Hh(a,b)};return c}
-function Lh(a,b,c){c=ne(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){Hh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){Hh(a,b);"function"!==typeof d&&(null===Mh?Mh=new Set([this]):Mh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
-function Nh(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=ne(2),b.tag=2,oe(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
-function Oh(a,b,c,d,e){c.flags|=32768;bb&&Ph(a,e);if(null!==d&&"object"===typeof d&&"function"===typeof d.then){var f=c.tag;0!==(c.mode&1)||0!==f&&11!==f&&15!==f||((f=c.alternate)?(c.updateQueue=f.updateQueue,c.memoizedState=f.memoizedState,c.lanes=f.lanes):(c.updateQueue=null,c.memoizedState=null));f=Ze.current;if(null!==f){switch(f.tag){case 13:c.mode&1&&(null===$e?Qh():null===f.alternate&&0===Rh&&(Rh=3));f.flags&=-257;Nh(f,b,c,a,e);d===ye?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=
-new Set([d]):b.add(d),f.mode&1&&Sh(a,d,e));return;case 22:if(f.mode&1){f.flags|=65536;d===ye?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(c=b.retryQueue,null===c?b.retryQueue=new Set([d]):c.add(d)),Sh(a,d,e));return}}throw Error(u(435,f.tag));}if(1===a.tag){Sh(a,d,e);Qh();return}d=Error(u(426))}if(K&&c.mode&1&&(f=Ze.current,null!==f)){0===(f.flags&65536)&&(f.flags|=256);Nh(f,b,c,a,e);Zd(Fh(d,c));return}a=d=Fh(d,c);4!==
-Rh&&(Rh=2);null===Th?Th=[a]:Th.push(a);a=b;do{switch(a.tag){case 3:a.flags|=65536;e&=-e;a.lanes|=e;e=Ih(a,d,e);qe(a,e);return;case 1:if(b=d,c=a.type,f=a.stateNode,0===(a.flags&128)&&("function"===typeof c.getDerivedStateFromError||null!==f&&"function"===typeof f.componentDidCatch&&(null===Mh||!Mh.has(f)))){a.flags|=65536;e&=-e;a.lanes|=e;e=Lh(a,b,e);qe(a,e);return}}a=a.return}while(null!==a)}var Uh=da.ReactCurrentOwner,Vh=Error(u(461)),vg=!1;
-function Wh(a,b,c,d){b.child=null===a?Se(b,null,c,d):Re(b,a.child,c,d)}function Xh(a,b,c,d,e){c=c.render;var f=b.ref;Yh(b,e);hb(b);d=bg(a,b,c,d,f,e);c=kg();ib();if(null!==a&&!vg)return lg(a,b,e),Zh(a,b,e);K&&c&&Ed(b);b.flags|=1;Wh(a,b,d,e);return b.child}
-function $h(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!ai(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,bi(a,b,f,d,e);a=Ne(c.type,null,d,null,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:ve;if(c(g,d)&&a.ref===b.ref)return Zh(a,b,e)}b.flags|=1;a=Le(f,d);a.ref=b.ref;a.return=b;return b.child=a}
-function bi(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(ve(f,d)&&a.ref===b.ref)if(vg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(vg=!0);else return b.lanes=a.lanes,Zh(a,b,e)}return ci(a,b,c,d,e)}
-function di(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;ei(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return fi(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&gi(b,null),Xe(),cf(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
-cachePool:null},null!==a&&gi(b,null!==g?g.cachePool:null),null!==g?Ve(b,g):Xe(),cf(b);else return b.lanes=b.childLanes=536870912,fi(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(gi(b,g.cachePool),Ve(b,g),df(b),b.memoizedState=null):(null!==a&&gi(b,null),Xe(),df(b));Wh(a,b,e,c);return b.child}function fi(a,b,c){var d=hi();d=null===d?null:{parent:ii._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&gi(b,null);Xe();cf(b);return null}
-function ei(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function ci(a,b,c,d,e){var f=ld(c)?jd:hd.current;f=kd(b,f);Yh(b,e);hb(b);c=bg(a,b,c,d,f,e);d=kg();ib();if(null!==a&&!vg)return lg(a,b,e),Zh(a,b,e);K&&d&&Ed(b);b.flags|=1;Wh(a,b,c,e);return b.child}function ji(a,b,c,d,e,f){Yh(b,f);hb(b);c=eg(b,d,c,e);fg();d=kg();ib();if(null!==a&&!vg)return lg(a,b,f),Zh(a,b,f);K&&d&&Ed(b);b.flags|=1;Wh(a,b,c,f);return b.child}
-function ki(a,b,c,d,e){if(ld(c)){var f=!0;pd(b)}else f=!1;Yh(b,e);if(null===b.stateNode)li(a,b),Ch(b,c,d),Eh(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=rg(n):(n=ld(c)?jd:hd.current,n=kd(b,n));var q=c.getDerivedStateFromProps,w="function"===typeof q||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
-(h!==d||k!==n)&&Dh(b,g,d,n);ke=!1;var r=b.memoizedState;g.state=r;re(b,d,g,e);k=b.memoizedState;h!==d||r!==k||id.current||ke?("function"===typeof q&&(zh(b,c,q,d),k=b.memoizedState),(h=ke||Bh(b,c,h,d,r,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=4194308)):
-("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;me(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:yh(b.type,h);g.props=n;w=b.pendingProps;r=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=rg(k):(k=ld(c)?jd:hd.current,k=kd(b,k));var t=c.getDerivedStateFromProps;(q="function"===typeof t||"function"===typeof g.getSnapshotBeforeUpdate)||
-"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||r!==k)&&Dh(b,g,d,k);ke=!1;r=b.memoizedState;g.state=r;re(b,d,g,e);var A=b.memoizedState;h!==w||r!==A||id.current||ke?("function"===typeof t&&(zh(b,c,t,d),A=b.memoizedState),(n=ke||Bh(b,c,n,d,r,A,k)||!1)?(q||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,A,k),"function"===typeof g.UNSAFE_componentWillUpdate&&
-g.UNSAFE_componentWillUpdate(d,A,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=A),g.props=d,g.state=A,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&r===
-a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&r===a.memoizedState||(b.flags|=1024),d=!1)}return mi(a,b,c,d,f,e)}
-function mi(a,b,c,d,e,f){ei(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&qd(b,c,!1),Zh(a,b,f);d=b.stateNode;Uh.current=b;if(g&&"function"!==typeof c.getDerivedStateFromError){var h=null;qh=-1}else hb(b),h=d.render(),ib();b.flags|=1;null!==a&&g?(g=h,b.child=Re(b,a.child,null,f),b.child=Re(b,null,g,f)):Wh(a,b,h,f);b.memoizedState=d.state;e&&qd(b,c,!0);return b.child}
-function ni(a){var b=a.stateNode;b.pendingContext?nd(a,b.pendingContext,b.pendingContext!==b.context):b.context&&nd(a,b.context,!1);Ja(a,b.containerInfo)}function oi(a,b,c,d,e){Yd();Zd(e);b.flags|=256;Wh(a,b,c,d);return b.child}var pi={dehydrated:null,treeContext:null,retryLane:0};function qi(a){return{baseLanes:a,cachePool:ri()}}function si(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=zf);return a}
-function ti(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(bf.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(K){e?af(b):df(b);if(K){var h=f=I;if(!h)Sd(b)&&Td(),Kd(H,b),K=!1,H=b,I=f;else if(!Qd(b,h)){Sd(b)&&Td();I=Rd(h);var k=H;I&&Qd(b,I)?Id(k,h):(Kd(H,b),K=!1,H=b,I=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
-ef(b)}f=d.children;d=d.fallback;if(e)return df(b),e=b.mode,h=b.child,f={mode:"hidden",children:f},0===(e&1)&&null!==h?(h.childLanes=0,h.pendingProps=f,b.mode&2&&(h.actualDuration=0,h.actualStartTime=-1,h.selfBaseDuration=0,h.treeBaseDuration=0)):h=ui(f,e,0,null),d=Pe(d,e,c,null),h.return=b,d.return=b,h.sibling=d,b.child=h,e=b.child,e.memoizedState=qi(c),e.childLanes=si(a,g,c),b.memoizedState=pi,d;af(b);return vi(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return wi(a,b,f,g,d,k,h,
-c);if(e){df(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.mode&2&&(d.actualDuration=0,d.actualStartTime=-1,d.selfBaseDuration=h.selfBaseDuration,d.treeBaseDuration=h.treeBaseDuration),b.deletions=null):(d=Le(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=Le(k,e):(e=Pe(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===
-f?f=qi(c):(h=f.cachePool,null!==h?(k=ii._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=ri(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=si(a,g,c);b.memoizedState=pi;return d}af(b);g=a.child;a=g.sibling;g=Le(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}
-function vi(a,b){b=ui({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}function xi(a,b,c,d){null!==d&&Zd(d);Re(b,a.child,null,c);a=vi(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
-function wi(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return af(b),b.flags&=-257,f=Gh(Error(u(422))),xi(a,b,h,f);if(null!==b.memoizedState)return df(b),b.child=a.child,b.flags|=128,null;df(b);f=e.fallback;g=b.mode;e=ui({mode:"visible",children:e.children},g,0,null);f=Pe(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&Re(b,a.child,null,h);g=b.child;g.memoizedState=qi(h);g.childLanes=si(a,d,h);b.memoizedState=pi;return f}af(b);if(0===(b.mode&1))return xi(a,b,h,null);if("$!"===
-f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=Error(u(419));d.digest=f;f=Gh(d,f,void 0);return xi(a,b,h,f)}d=0!==(h&a.childLanes);if(vg||d){d=P;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=64;break;
-case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,he(a,e),Fg(d,a,e),Vh;}"$?"!==f.data&&Qh();return xi(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=yi.bind(null,a),f._reactRetry=b,null;a=g.treeContext;I=Nd(f.nextSibling);H=b;K=!0;Gd=null;Hd=!1;null!==a&&(xd[yd++]=Ad,xd[yd++]=Bd,xd[yd++]=zd,Ad=a.id,Bd=a.overflow,zd=b);b=vi(b,e.children);b.flags|=4096;return b}
-function zi(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);Ai(a.return,b,c)}function Bi(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
-function Ci(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;Wh(a,b,d.children,c);d=bf.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&zi(a,c,b);else if(19===a.tag)zi(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}E(bf,d);if(0===(b.mode&1))b.memoizedState=
-null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===ff(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Bi(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===ff(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Bi(b,!0,c,null,f);break;case "together":Bi(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
-function li(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function Zh(a,b,c){null!==a&&(b.dependencies=a.dependencies);qh=-1;se|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(u(153));if(null!==b.child){a=b.child;c=Le(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=Le(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
-function Di(a,b,c){switch(b.tag){case 3:ni(b);Ei(b,ii,a.memoizedState.cache);Yd();break;case 27:case 5:Na(b);break;case 1:ld(b.type)&&pd(b);break;case 4:Ja(b,b.stateNode.containerInfo);break;case 10:Ei(b,b.type._context,b.memoizedProps.value);break;case 12:0!==(c&b.childLanes)&&(b.flags|=4);var d=b.stateNode;d.effectDuration=0;d.passiveEffectDuration=0;break;case 13:d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return af(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return ti(a,b,c);
-af(b);a=Zh(a,b,c);return null!==a?a.sibling:null}af(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return Ci(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);E(bf,bf.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,di(a,b,c);case 24:Ei(b,ii,a.memoizedState.cache)}return Zh(a,b,c)}var Fi=ka(null),Gi=null,Hi=null,Ii=null;function Ji(){Ii=Hi=Gi=null}
-function Ei(a,b,c){E(Fi,b._currentValue);b._currentValue=c}function Ki(a){a._currentValue=Fi.current;D(Fi)}function Ai(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
-function Li(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=ne(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);Ai(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
-f)throw Error(u(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);Ai(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function Yh(a,b){Gi=a;Ii=Hi=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(vg=!0),a.firstContext=null)}function rg(a){return Mi(Gi,a)}function Qe(a,b,c){null===Gi&&Yh(a,c);return Mi(a,b)}
-function Mi(a,b){var c=b._currentValue;if(Ii!==b)if(b={context:b,memoizedValue:c,next:null},null===Hi){if(null===a)throw Error(u(308));Hi=b;a.dependencies={lanes:0,firstContext:b}}else Hi=Hi.next=b;return c}
-var Ni="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},Oi=ba.unstable_scheduleCallback,Pi=ba.unstable_NormalPriority,ii={$$typeof:ra,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0,_defaultValue:null,_globalName:null};function jh(){return{controller:new Ni,data:new Map,refCount:0}}
-function Qi(a){a.refCount--;0===a.refCount&&Oi(Pi,function(){a.controller.abort()})}var Ri=da.ReactCurrentBatchConfig,Si=ka(null);function hi(){var a=Si.current;return null!==a?a:P.pooledCache}function gi(a,b){null===b?E(Si,Si.current):E(Si,b.pool)}function ri(){var a=hi();return null===a?null:{parent:ii._currentValue,pool:a}}function Ti(a){a.flags|=4}function Ui(a){a.flags|=2097664}
-function Vi(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(O&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(Wi())a.flags|=8192;else throw Ce=ye,xe;}function Xi(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?yb():536870912,a.lanes|=b)}
-function Yi(a,b){if(!K)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
+["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),Xc=null;function Yc(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var Zc=null,$c=null;
+function ad(a){var b=Zb(a);if(b&&(a=b.stateNode)){var c=ac(a);a:switch(a=b.stateNode,b.type){case "input":Gc(a,c.value,c.defaultValue,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name);b=c.name;if("radio"===c.type&&null!=b){for(c=a;c.parentNode;)c=c.parentNode;c=c.querySelectorAll('input[name="'+Fc(""+b)+'"][type="radio"]');for(b=0;b<c.length;b++){var d=c[b];if(d!==a&&d.form===a.form){var e=ac(d);if(!e)throw Error(x(90));Gc(d,e.value,e.defaultValue,e.defaultValue,e.checked,e.defaultChecked,
+e.type,e.name)}}for(b=0;b<c.length;b++)d=c[b],d.form===a.form&&Cc(d)}break a;case "textarea":Lc(a,c.value,c.defaultValue);break a;case "select":b=c.value,null!=b&&Kc(a,!!c.multiple,b,!1)}}}function bd(a){Zc?$c?$c.push(a):$c=[a]:Zc=a}function cd(){if(Zc){var a=Zc,b=$c;$c=Zc=null;ad(a);if(b)for(a=0;a<b.length;a++)ad(b[a])}}function dd(a){var b=a,c=a;if(a.alternate)for(;b.return;)b=b.return;else{a=b;do b=a,0!==(b.flags&4098)&&(c=b.return),a=b.return;while(a)}return 3===b.tag?c:null}
+function ed(a){if(13===a.tag){var b=a.memoizedState;null===b&&(a=a.alternate,null!==a&&(b=a.memoizedState));if(null!==b)return b.dehydrated}return null}function fd(a){if(dd(a)!==a)throw Error(x(188));}
+function gd(a){var b=a.alternate;if(!b){b=dd(a);if(null===b)throw Error(x(188));return b!==a?null:a}for(var c=a,d=b;;){var e=c.return;if(null===e)break;var f=e.alternate;if(null===f){d=e.return;if(null!==d){c=d;continue}break}if(e.child===f.child){for(f=e.child;f;){if(f===c)return fd(e),a;if(f===d)return fd(e),b;f=f.sibling}throw Error(x(188));}if(c.return!==d.return)c=e,d=f;else{for(var g=!1,h=e.child;h;){if(h===c){g=!0;c=e;d=f;break}if(h===d){g=!0;d=e;c=f;break}h=h.sibling}if(!g){for(h=f.child;h;){if(h===
+c){g=!0;c=f;d=e;break}if(h===d){g=!0;d=f;c=e;break}h=h.sibling}if(!g)throw Error(x(189));}}if(c.alternate!==d)throw Error(x(190));}if(3!==c.tag)throw Error(x(188));return c.stateNode.current===c?a:b}function hd(a){a=gd(a);return null!==a?id(a):null}function id(a){var b=a.tag;if(5===b||26===b||27===b||6===b)return a;for(a=a.child;null!==a;){b=id(a);if(null!==b)return b;a=a.sibling}return null}var jd={},kd=ja(jd),ld=ja(!1),md=jd;
+function nd(a,b){var c=a.type.contextTypes;if(!c)return jd;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}function od(a){a=a.childContextTypes;return null!==a&&void 0!==a}function pd(){F(ld);F(kd)}
+function qd(a,b,c){if(kd.current!==jd)throw Error(x(168));G(kd,b);G(ld,c)}function rd(a,b,c){var d=a.stateNode;b=b.childContextTypes;if("function"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(x(108,xc(a)||"Unknown",e));return E({},c,d)}function sd(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||jd;md=kd.current;G(kd,a);G(ld,ld.current);return!0}
+function td(a,b,c){var d=a.stateNode;if(!d)throw Error(x(169));c?(a=rd(a,b,md),d.__reactInternalMemoizedMergedChildContext=a,F(ld),F(kd),G(kd,a)):F(ld);G(ld,c)}function ud(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var vd="function"===typeof Object.is?Object.is:ud,wd=[],xd=0,yd=null,zd=0,Ad=[],Bd=0,Cd=null,Dd=1,Ed="";function Fd(a,b){wd[xd++]=zd;wd[xd++]=yd;yd=a;zd=b}
+function Gd(a,b,c){Ad[Bd++]=Dd;Ad[Bd++]=Ed;Ad[Bd++]=Cd;Cd=a;var d=Dd;a=Ed;var e=32-rb(d)-1;d&=~(1<<e);c+=1;var f=32-rb(b)+e;if(30<f){var g=e-e%5;f=(d&(1<<g)-1).toString(32);d>>=g;e-=g;Dd=1<<32-rb(b)+e|c<<e|d;Ed=f+a}else Dd=1<<f|c<<e|d,Ed=a}function Hd(a){null!==a.return&&(Fd(a,1),Gd(a,1,0))}function Id(a){for(;a===yd;)yd=wd[--xd],wd[xd]=null,zd=wd[--xd],wd[xd]=null;for(;a===Cd;)Cd=Ad[--Bd],Ad[Bd]=null,Ed=Ad[--Bd],Ad[Bd]=null,Dd=Ad[--Bd],Ad[Bd]=null}var J=null,L=null,N=!1,Jd=null,Kd=!1;
+function Ld(a,b){var c=Md(5,null,null,0);c.elementType="DELETED";c.stateNode=b;c.return=a;b=a.deletions;null===b?(a.deletions=[c],a.flags|=16):b.push(c)}function Nd(a,b){b.flags=b.flags&-4097|2}function Od(a,b){b=Pd(b,a.type,a.pendingProps,Kd);return null!==b?(a.stateNode=b,J=a,L=Qd(b.firstChild),Kd=!1,!0):!1}function Rd(a,b){b=Sd(b,a.pendingProps,Kd);return null!==b?(a.stateNode=b,J=a,L=null,!0):!1}
+function Td(a,b){a:{var c=b;for(b=Kd;8!==c.nodeType;){if(!b){b=null;break a}c=Ud(c);if(null===c){b=null;break a}}b=c}return null!==b?(c=null!==Cd?{id:Dd,overflow:Ed}:null,a.memoizedState={dehydrated:b,treeContext:c,retryLane:536870912},c=Md(18,null,null,0),c.stateNode=b,c.return=a,a.child=c,J=a,L=null,!0):!1}function Vd(a){return 0!==(a.mode&1)&&0===(a.flags&128)}function Wd(){throw Error(x(418));}
+function Xd(a){for(J=a.return;J;)switch(J.tag){case 3:case 27:Kd=!0;return;case 5:case 13:Kd=!1;return;default:J=J.return}}
+function Yd(a){if(a!==J)return!1;if(!N)return Xd(a),N=!0,!1;var b=!1,c;if(c=3!==a.tag&&27!==a.tag){if(c=5===a.tag)c=a.type,c=!("form"!==c&&"button"!==c)||Zd(a.type,a.memoizedProps);c=!c}c&&(b=!0);if(b&&(b=L))if(Vd(a))$d(),Wd();else for(;b;)Ld(a,b),b=Ud(b);Xd(a);if(13===a.tag){a=a.memoizedState;a=null!==a?a.dehydrated:null;if(!a)throw Error(x(317));a:{a=a.nextSibling;for(b=0;a;){if(8===a.nodeType)if(c=a.data,"/$"===c){if(0===b){L=Ud(a);break a}b--}else"$"!==c&&"$!"!==c&&"$?"!==c||b++;a=a.nextSibling}L=
+null}}else L=J?Ud(a.stateNode):null;return!0}function $d(){for(var a=L;a;)a=Ud(a)}function ae(){L=J=null;N=!1}function be(a){null===Jd?Jd=[a]:Jd.push(a)}var ce=[],de=0,ee=0;function fe(){for(var a=de,b=ee=de=0;b<a;){var c=ce[b];ce[b++]=null;var d=ce[b];ce[b++]=null;var e=ce[b];ce[b++]=null;var f=ce[b];ce[b++]=null;if(null!==d&&null!==e){var g=d.pending;null===g?e.next=e:(e.next=g.next,g.next=e);d.pending=e}0!==f&&ge(c,e,f)}}
+function he(a,b,c,d){ce[de++]=a;ce[de++]=b;ce[de++]=c;ce[de++]=d;ee|=d;a.lanes|=d;a=a.alternate;null!==a&&(a.lanes|=d)}function ie(a,b,c,d){he(a,b,c,d);return je(a)}function ke(a,b){he(a,null,null,b);return je(a)}
+function ge(a,b,c){a.lanes|=c;var d=a.alternate;null!==d&&(d.lanes|=c);for(var e=!1,f=a.return;null!==f;)f.childLanes|=c,d=f.alternate,null!==d&&(d.childLanes|=c),22===f.tag&&(a=f.stateNode,null===a||a._visibility&1||(e=!0)),a=f,f=f.return;e&&null!==b&&3===a.tag&&(f=a.stateNode,e=31-rb(c),f=f.hiddenUpdates,a=f[e],null===a?f[e]=[b]:a.push(b),b.lane=c|536870912)}function je(a){le();for(var b=a.return;null!==b;)a=b,b=a.return;return 3===a.tag?a.stateNode:null}
+var me=null,ne=null,oe=!1,pe=!1,qe=!1,re=0;function se(a){a!==ne&&null===a.next&&(null===ne?me=ne=a:ne=ne.next=a);pe=!0;oe||(oe=!0,te(ue))}
+function ve(a){if(!qe&&pe){var b=null;qe=!0;do{var c=!1;for(var d=me;null!==d;){if(!a||0===d.tag){var e=O,f=xb(d,d===P?e:0);if(0!==(f&3))try{c=!0;e=d;if(0!==(Q&6))throw Error(x(327));if(!we()){xe=ye;ye=!1;var g=ze(e,f);if(0!==e.tag&&2===g){var h=f,k=zb(e,h);0!==k&&(f=k,g=Ae(e,h,k))}if(1===g)throw h=Be,Ce(e,0),De(e,f,0),se(e),h;6===g?De(e,f,Ee):(e.finishedWork=e.current.alternate,e.finishedLanes=f,Fe(e,Ge,He,Ie,Ee))}se(e)}catch(n){null===b?b=[n]:b.push(n)}}d=d.next}}while(c);qe=!1;if(null!==b){if(1<
+b.length){if("function"===typeof AggregateError)throw new AggregateError(b);for(a=1;a<b.length;a++)te(Je.bind(null,b[a]))}throw b[0];}}}function Je(a){throw a;}function ue(){pe=oe=!1;for(var a=Sa(),b=null,c=me;null!==c;){var d=c.next;if(0!==re&&Ke()){var e=c,f=re;e.pendingLanes|=2;e.entangledLanes|=2;e.entanglements[1]|=f}e=Le(c,a);0===e?(c.next=null,null===b?me=d:b.next=d,null===d&&(ne=b)):(b=c,0!==(e&3)&&(pe=!0));c=d}re=0;ve(!1)}
+function Le(a,b){for(var c=a.suspendedLanes,d=a.pingedLanes,e=a.expirationTimes,f=a.pendingLanes&-62914561;0<f;){var g=31-rb(f),h=1<<g,k=e[g];if(-1===k){if(0===(h&c)||0!==(h&d))e[g]=yb(h,b)}else k<=b&&(a.expiredLanes|=h);f&=~h}b=P;c=O;c=xb(a,a===b?c:0);d=a.callbackNode;if(0===c||a===b&&2===R||null!==a.cancelPendingCommit)return null!==d&&null!==d&&Pa(d),a.callbackNode=null,a.callbackPriority=0;if(0!==(c&3))return null!==d&&null!==d&&Pa(d),a.callbackPriority=2,a.callbackNode=null,2;b=c&-c;if(b===a.callbackPriority)return b;
+null!==d&&Pa(d);switch(Lb(c)){case 2:c=Ua;break;case 8:c=Va;break;case 32:c=Wa;break;case 268435456:c=Ya;break;default:c=Wa}d=Me.bind(null,a);c=Oa(c,d);a.callbackPriority=b;a.callbackNode=c;return b}function te(a){Ne(function(){0!==(Q&6)?Oa(Ua,a):a()})}function Oe(){0===re&&(re=Ab());return re}var Pe=null,Qe=0,Re=0,Se=null;function Te(a,b){if(null===Pe){var c=Pe=[];Qe=0;Re=Oe();Se={status:"pending",value:void 0,then:function(d){c.push(d)}}}Qe++;b.then(Ue,Ue);return b}
+function Ue(){if(null!==Pe&&0===--Qe){null!==Se&&(Se.status="fulfilled");var a=Pe;Pe=null;Re=0;Se=null;for(var b=0;b<a.length;b++)(0,a[b])()}}function Ve(a,b){var c=[],d={status:"pending",value:null,reason:null,then:function(e){c.push(e)}};a.then(function(){d.status="fulfilled";d.value=b;for(var e=0;e<c.length;e++)(0,c[e])(b)},function(e){d.status="rejected";d.reason=e;for(e=0;e<c.length;e++)(0,c[e])(void 0)});return d}var We=!1;
+function Xe(a){a.updateQueue={baseState:a.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Ye(a,b){a=a.updateQueue;b.updateQueue===a&&(b.updateQueue={baseState:a.baseState,firstBaseUpdate:a.firstBaseUpdate,lastBaseUpdate:a.lastBaseUpdate,shared:a.shared,callbacks:null})}function Ze(a){return{lane:a,tag:0,payload:null,callback:null,next:null}}
+function $e(a,b,c){var d=a.updateQueue;if(null===d)return null;d=d.shared;if(0!==(Q&2)){var e=d.pending;null===e?b.next=b:(b.next=e.next,e.next=b);d.pending=b;b=je(a);ge(a,null,c);return b}he(a,d,b,c);return je(a)}function af(a,b,c){b=b.updateQueue;if(null!==b&&(b=b.shared,0!==(c&4194176))){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Fb(a,c)}}
+function bf(a,b){var c=a.updateQueue,d=a.alternate;if(null!==d&&(d=d.updateQueue,c===d)){var e=null,f=null;c=c.firstBaseUpdate;if(null!==c){do{var g={lane:c.lane,tag:c.tag,payload:c.payload,callback:null,next:null};null===f?e=f=g:f=f.next=g;c=c.next}while(null!==c);null===f?e=f=b:f=f.next=b}else e=f=b;c={baseState:d.baseState,firstBaseUpdate:e,lastBaseUpdate:f,shared:d.shared,callbacks:d.callbacks};a.updateQueue=c;return}a=c.lastBaseUpdate;null===a?c.firstBaseUpdate=b:a.next=b;c.lastBaseUpdate=b}
+var cf=!1;function df(){if(cf){var a=Se;if(null!==a)throw a;}}
+function ef(a,b,c,d){cf=!1;var e=a.updateQueue;We=!1;var f=e.firstBaseUpdate,g=e.lastBaseUpdate,h=e.shared.pending;if(null!==h){e.shared.pending=null;var k=h,n=k.next;k.next=null;null===g?f=n:g.next=n;g=k;var t=a.alternate;null!==t&&(t=t.updateQueue,h=t.lastBaseUpdate,h!==g&&(null===h?t.firstBaseUpdate=n:h.next=n,t.lastBaseUpdate=k))}if(null!==f){var w=e.baseState;g=0;t=n=k=null;h=f;do{var q=h.lane&-536870913,r=q!==h.lane;if(r?(O&q)===q:(d&q)===q){0!==q&&q===Re&&(cf=!0);null!==t&&(t=t.next={lane:0,
+tag:h.tag,payload:h.payload,callback:null,next:null});a:{var y=a,D=h;q=b;var K=c;switch(D.tag){case 1:y=D.payload;if("function"===typeof y){w=y.call(K,w,q);break a}w=y;break a;case 3:y.flags=y.flags&-65537|128;case 0:y=D.payload;q="function"===typeof y?y.call(K,w,q):y;if(null===q||void 0===q)break a;w=E({},w,q);break a;case 2:We=!0}}q=h.callback;null!==q&&(a.flags|=64,r&&(a.flags|=8192),r=e.callbacks,null===r?e.callbacks=[q]:r.push(q))}else r={lane:q,tag:h.tag,payload:h.payload,callback:h.callback,
+next:null},null===t?(n=t=r,k=w):t=t.next=r,g|=q;h=h.next;if(null===h)if(h=e.shared.pending,null===h)break;else r=h,h=r.next,r.next=null,e.lastBaseUpdate=r,e.shared.pending=null}while(1);null===t&&(k=w);e.baseState=k;e.firstBaseUpdate=n;e.lastBaseUpdate=t;null===f&&(e.shared.lanes=0);ff|=g;a.lanes=g;a.memoizedState=w}}function gf(a,b){if("function"!==typeof a)throw Error(x(191,a));a.call(b)}function hf(a,b){var c=a.callbacks;if(null!==c)for(a.callbacks=null,a=0;a<c.length;a++)gf(c[a],b)}
+function jf(a,b){if(vd(a,b))return!0;if("object"!==typeof a||null===a||"object"!==typeof b||null===b)return!1;var c=Object.keys(a),d=Object.keys(b);if(c.length!==d.length)return!1;for(d=0;d<c.length;d++){var e=c[d];if(!Mb.call(b,e)||!vd(a[e],b[e]))return!1}return!0}var kf=Error(x(460)),lf=Error(x(474)),mf={then:function(){}};function nf(a){a=a.status;return"fulfilled"===a||"rejected"===a}function of(){}
+function pf(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(of,of),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":a=b.reason;if(a===kf)throw Error(x(483));throw a;default:if("string"===typeof b.status)b.then(of,of);else{a=P;if(null!==a&&100<a.shellSuspendCounter)throw Error(x(482));a=b;a.status="pending";a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}})}switch(b.status){case "fulfilled":return b.value;
+case "rejected":a=b.reason;if(a===kf)throw Error(x(483));throw a;}qf=b;throw kf;}}var qf=null;function rf(){if(null===qf)throw Error(x(459));var a=qf;qf=null;return a}var sf=null,tf=0;function uf(a){var b=tf;tf+=1;null===sf&&(sf=[]);return pf(sf,a,b)}
+function vf(a,b,c,d){function e(h){var k=g.refs;null===h?delete k[f]:k[f]=h}a=c._owner;if(!a){if("string"!==typeof d)throw Error(x(284));throw Error(x(290,d));}if(1!==a.tag)throw Error(x(309));var f=""+d,g=a.stateNode;if(!g)throw Error(x(147,f));if(null!==b&&null!==b.ref&&"function"===typeof b.ref&&b.ref._stringRef===f)return b.ref;e._stringRef=f;return e}function wf(a,b,c,d){var e=d.ref;a=null!==e&&"function"!==typeof e&&"object"!==typeof e?vf(a,b,d,e):e;c.ref=a}
+function xf(a,b){a=Object.prototype.toString.call(b);throw Error(x(31,"[object Object]"===a?"object with keys {"+Object.keys(b).join(", ")+"}":a));}function yf(a){var b=a._init;return b(a._payload)}
+function zf(a){function b(m,l){if(a){var p=m.deletions;null===p?(m.deletions=[l],m.flags|=16):p.push(l)}}function c(m,l){if(!a)return null;for(;null!==l;)b(m,l),l=l.sibling;return null}function d(m,l){for(m=new Map;null!==l;)null!==l.key?m.set(l.key,l):m.set(l.index,l),l=l.sibling;return m}function e(m,l){m=Af(m,l);m.index=0;m.sibling=null;return m}function f(m,l,p){m.index=p;if(!a)return m.flags|=1048576,l;p=m.alternate;if(null!==p)return p=p.index,p<l?(m.flags|=33554434,l):p;m.flags|=33554434;return l}
+function g(m){a&&null===m.alternate&&(m.flags|=33554434);return m}function h(m,l,p,v){if(null===l||6!==l.tag)return l=Bf(p,m.mode,v),l.return=m,l;l=e(l,p);l.return=m;return l}function k(m,l,p,v){var z=p.type;if(z===ma)return t(m,l,p.props.children,v,p.key);if(null!==l&&(l.elementType===z||"object"===typeof z&&null!==z&&z.$$typeof===wa&&yf(z)===l.type))return v=e(l,p.props),wf(m,l,v,p),v.return=m,v;v=Cf(p.type,p.key,p.props,null,m.mode,v);wf(m,l,v,p);v.return=m;return v}function n(m,l,p,v){if(null===
+l||4!==l.tag||l.stateNode.containerInfo!==p.containerInfo||l.stateNode.implementation!==p.implementation)return l=Df(p,m.mode,v),l.return=m,l;l=e(l,p.children||[]);l.return=m;return l}function t(m,l,p,v,z){if(null===l||7!==l.tag)return l=Ef(p,m.mode,v,z),l.return=m,l;l=e(l,p);l.return=m;return l}function w(m,l,p){if("string"===typeof l&&""!==l||"number"===typeof l)return l=Bf(""+l,m.mode,p),l.return=m,l;if("object"===typeof l&&null!==l){switch(l.$$typeof){case ka:return p=Cf(l.type,l.key,l.props,
+null,m.mode,p),wf(m,null,p,l),p.return=m,p;case la:return l=Df(l,m.mode,p),l.return=m,l;case wa:var v=l._init;return w(m,v(l._payload),p)}if(Jc(l)||Ca(l))return l=Ef(l,m.mode,p,null),l.return=m,l;if("function"===typeof l.then)return w(m,uf(l),p);if(l.$$typeof===ra)return w(m,Ff(m,l,p),p);xf(m,l)}return null}function q(m,l,p,v){var z=null!==l?l.key:null;if("string"===typeof p&&""!==p||"number"===typeof p)return null!==z?null:h(m,l,""+p,v);if("object"===typeof p&&null!==p){switch(p.$$typeof){case ka:return p.key===
+z?k(m,l,p,v):null;case la:return p.key===z?n(m,l,p,v):null;case wa:return z=p._init,q(m,l,z(p._payload),v)}if(Jc(p)||Ca(p))return null!==z?null:t(m,l,p,v,null);if("function"===typeof p.then)return q(m,l,uf(p),v);if(p.$$typeof===ra)return q(m,l,Ff(m,p,v),v);xf(m,p)}return null}function r(m,l,p,v,z){if("string"===typeof v&&""!==v||"number"===typeof v)return m=m.get(p)||null,h(l,m,""+v,z);if("object"===typeof v&&null!==v){switch(v.$$typeof){case ka:return m=m.get(null===v.key?p:v.key)||null,k(l,m,v,
+z);case la:return m=m.get(null===v.key?p:v.key)||null,n(l,m,v,z);case wa:var A=v._init;return r(m,l,p,A(v._payload),z)}if(Jc(v)||Ca(v))return m=m.get(p)||null,t(l,m,v,z,null);if("function"===typeof v.then)return r(m,l,p,uf(v),z);if(v.$$typeof===ra)return r(m,l,p,Ff(l,v,z),z);xf(l,v)}return null}function y(m,l,p,v){for(var z=null,A=null,B=l,C=l=0,ia=null;null!==B&&C<p.length;C++){B.index>C?(ia=B,B=null):ia=B.sibling;var M=q(m,B,p[C],v);if(null===M){null===B&&(B=ia);break}a&&B&&null===M.alternate&&
+b(m,B);l=f(M,l,C);null===A?z=M:A.sibling=M;A=M;B=ia}if(C===p.length)return c(m,B),N&&Fd(m,C),z;if(null===B){for(;C<p.length;C++)B=w(m,p[C],v),null!==B&&(l=f(B,l,C),null===A?z=B:A.sibling=B,A=B);N&&Fd(m,C);return z}for(B=d(m,B);C<p.length;C++)ia=r(B,m,C,p[C],v),null!==ia&&(a&&null!==ia.alternate&&B.delete(null===ia.key?C:ia.key),l=f(ia,l,C),null===A?z=ia:A.sibling=ia,A=ia);a&&B.forEach(function(Kb){return b(m,Kb)});N&&Fd(m,C);return z}function D(m,l,p,v){var z=Ca(p);if("function"!==typeof z)throw Error(x(150));
+p=z.call(p);if(null==p)throw Error(x(151));for(var A=z=null,B=l,C=l=0,ia=null,M=p.next();null!==B&&!M.done;C++,M=p.next()){B.index>C?(ia=B,B=null):ia=B.sibling;var Kb=q(m,B,M.value,v);if(null===Kb){null===B&&(B=ia);break}a&&B&&null===Kb.alternate&&b(m,B);l=f(Kb,l,C);null===A?z=Kb:A.sibling=Kb;A=Kb;B=ia}if(M.done)return c(m,B),N&&Fd(m,C),z;if(null===B){for(;!M.done;C++,M=p.next())M=w(m,M.value,v),null!==M&&(l=f(M,l,C),null===A?z=M:A.sibling=M,A=M);N&&Fd(m,C);return z}for(B=d(m,B);!M.done;C++,M=p.next())M=
+r(B,m,C,M.value,v),null!==M&&(a&&null!==M.alternate&&B.delete(null===M.key?C:M.key),l=f(M,l,C),null===A?z=M:A.sibling=M,A=M);a&&B.forEach(function(Mn){return b(m,Mn)});N&&Fd(m,C);return z}function K(m,l,p,v){"object"===typeof p&&null!==p&&p.type===ma&&null===p.key&&(p=p.props.children);if("object"===typeof p&&null!==p){switch(p.$$typeof){case ka:a:{for(var z=p.key,A=l;null!==A;){if(A.key===z){z=p.type;if(z===ma){if(7===A.tag){c(m,A.sibling);l=e(A,p.props.children);l.return=m;m=l;break a}}else if(A.elementType===
+z||"object"===typeof z&&null!==z&&z.$$typeof===wa&&yf(z)===A.type){c(m,A.sibling);l=e(A,p.props);wf(m,A,l,p);l.return=m;m=l;break a}c(m,A);break}else b(m,A);A=A.sibling}p.type===ma?(l=Ef(p.props.children,m.mode,v,p.key),l.return=m,m=l):(v=Cf(p.type,p.key,p.props,null,m.mode,v),wf(m,l,v,p),v.return=m,m=v)}return g(m);case la:a:{for(A=p.key;null!==l;){if(l.key===A)if(4===l.tag&&l.stateNode.containerInfo===p.containerInfo&&l.stateNode.implementation===p.implementation){c(m,l.sibling);l=e(l,p.children||
+[]);l.return=m;m=l;break a}else{c(m,l);break}else b(m,l);l=l.sibling}l=Df(p,m.mode,v);l.return=m;m=l}return g(m);case wa:return A=p._init,K(m,l,A(p._payload),v)}if(Jc(p))return y(m,l,p,v);if(Ca(p))return D(m,l,p,v);if("function"===typeof p.then)return K(m,l,uf(p),v);if(p.$$typeof===ra)return K(m,l,Ff(m,p,v),v);xf(m,p)}return"string"===typeof p&&""!==p||"number"===typeof p?(p=""+p,null!==l&&6===l.tag?(c(m,l.sibling),l=e(l,p),l.return=m,m=l):(c(m,l),l=Bf(p,m.mode,v),l.return=m,m=l),g(m)):c(m,l)}return function(m,
+l,p,v){tf=0;m=K(m,l,p,v);sf=null;return m}}var Gf=zf(!0),Hf=zf(!1),If=ja(null),Jf=ja(0);function Kf(a,b){a=Lf;G(Jf,a);G(If,b);Lf=a|b.baseLanes}function Mf(){G(Jf,Lf);G(If,If.current)}function Nf(){Lf=Jf.current;F(If);F(Jf)}var Of=ja(null),Pf=null;function Qf(a){var b=a.alternate;G(Rf,Rf.current&1);G(Of,a);null===Pf&&(null===b||null!==If.current?Pf=a:null!==b.memoizedState&&(Pf=a))}
+function Sf(a){if(22===a.tag){if(G(Rf,Rf.current),G(Of,a),null===Pf){var b=a.alternate;null!==b&&null!==b.memoizedState&&(Pf=a)}}else Tf(a)}function Tf(){G(Rf,Rf.current);G(Of,Of.current)}function Uf(a){F(Of);Pf===a&&(Pf=null);F(Rf)}var Rf=ja(0);
+function Vf(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||"$?"===c.data||"$!"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}
+var Wf=ca.ReactCurrentDispatcher,Xf=ca.ReactCurrentBatchConfig,Yf=0,S=null,T=null,U=null,Zf=!1,$f=!1,ag=!1,bg=0,cg=0,dg=null,eg=0;function fg(){throw Error(x(321));}function gg(a,b){if(null===b)return!1;for(var c=0;c<b.length&&c<a.length;c++)if(!vd(a[c],b[c]))return!1;return!0}function hg(a,b,c,d,e,f){Yf=f;S=b;b.memoizedState=null;b.updateQueue=null;b.lanes=0;Wf.current=null===a||null===a.memoizedState?ig:jg;ag=!1;a=c(d,e);ag=!1;$f&&(a=kg(b,c,d,e));lg();return a}
+function lg(){Wf.current=mg;var a=null!==T&&null!==T.next;Yf=0;U=T=S=null;Zf=!1;cg=0;dg=null;if(a)throw Error(x(300));}function kg(a,b,c,d){S=a;var e=0;do{$f&&(dg=null);cg=0;$f=!1;if(25<=e)throw Error(x(301));e+=1;U=T=null;a.updateQueue=null;Wf.current=ng;var f=b(c,d)}while($f);return f}function og(){var a=Wf.current.useState()[0];return"function"===typeof a.then?pg(a):a}function qg(){var a=0!==bg;bg=0;return a}function rg(a,b,c){b.updateQueue=a.updateQueue;b.flags&=-2053;a.lanes&=~c}
+function sg(a){if(Zf){for(a=a.memoizedState;null!==a;){var b=a.queue;null!==b&&(b.pending=null);a=a.next}Zf=!1}Yf=0;U=T=S=null;$f=!1;cg=bg=0;dg=null}function tg(){var a={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};null===U?S.memoizedState=U=a:U=U.next=a;return U}
+function ug(){if(null===T){var a=S.alternate;a=null!==a?a.memoizedState:null}else a=T.next;var b=null===U?S.memoizedState:U.next;if(null!==b)U=b,T=a;else{if(null===a){if(null===S.alternate)throw Error(x(467));throw Error(x(310));}T=a;a={memoizedState:T.memoizedState,baseState:T.baseState,baseQueue:T.baseQueue,queue:T.queue,next:null};null===U?S.memoizedState=U=a:U=U.next=a}return U}var vg;vg=function(){return{lastEffect:null,events:null,stores:null}};
+function pg(a){var b=cg;cg+=1;null===dg&&(dg=[]);a=pf(dg,a,b);null===S.alternate&&(null===U?null===S.memoizedState:null===U.next)&&(Wf.current=ig);return a}function wg(a){if(null!==a&&"object"===typeof a){if("function"===typeof a.then)return pg(a);if(a.$$typeof===ra)return xg(a)}throw Error(x(438,String(a)));}function yg(a,b){return"function"===typeof b?b(a):b}function zg(a){var b=ug();return Ag(b,T,a)}
+function Ag(a,b,c){var d=a.queue;if(null===d)throw Error(x(311));d.lastRenderedReducer=c;var e=a.baseQueue,f=d.pending;if(null!==f){if(null!==e){var g=e.next;e.next=f.next;f.next=g}b.baseQueue=e=f;d.pending=null}f=a.baseState;if(null===e)a.memoizedState=f;else{b=e.next;var h=g=null,k=null,n=b,t=!1;do{var w=n.lane&-536870913;if(w!==n.lane?(O&w)===w:(Yf&w)===w){var q=n.revertLane;if(0===q)null!==k&&(k=k.next={lane:0,revertLane:0,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,
+next:null}),w===Re&&(t=!0);else if((Yf&q)===q){n=n.next;q===Re&&(t=!0);continue}else w={lane:0,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=w,g=f):k=k.next=w,S.lanes|=q,ff|=q;w=n.action;ag&&c(f,w);f=n.hasEagerState?n.eagerState:c(f,w)}else q={lane:w,revertLane:n.revertLane,action:n.action,hasEagerState:n.hasEagerState,eagerState:n.eagerState,next:null},null===k?(h=k=q,g=f):k=k.next=q,S.lanes|=w,ff|=w;n=n.next}while(null!==n&&
+n!==b);null===k?g=f:k.next=h;if(!vd(f,a.memoizedState)&&(Bg=!0,t&&(c=Se,null!==c)))throw c;a.memoizedState=f;a.baseState=g;a.baseQueue=k;d.lastRenderedState=f}null===e&&(d.lanes=0);return[a.memoizedState,d.dispatch]}
+function Cg(a){var b=ug(),c=b.queue;if(null===c)throw Error(x(311));c.lastRenderedReducer=a;var d=c.dispatch,e=c.pending,f=b.memoizedState;if(null!==e){c.pending=null;var g=e=e.next;do f=a(f,g.action),g=g.next;while(g!==e);vd(f,b.memoizedState)||(Bg=!0);b.memoizedState=f;null===b.baseQueue&&(b.baseState=f);c.lastRenderedState=f}return[f,d]}
+function Dg(a,b,c){var d=S,e=ug(),f=N;if(f){if(void 0===c)throw Error(x(407));c=c()}else c=b();var g=!vd((T||e).memoizedState,c);g&&(e.memoizedState=c,Bg=!0);e=e.queue;Eg(Fg.bind(null,d,e,a),[a]);if(e.getSnapshot!==b||g||null!==U&&U.memoizedState.tag&1){d.flags|=2048;Gg(9,Hg.bind(null,d,e,c,b),{destroy:void 0},null);if(null===P)throw Error(x(349));f||0!==(Yf&60)||Ig(d,b,c)}return c}
+function Ig(a,b,c){a.flags|=16384;a={getSnapshot:b,value:c};b=S.updateQueue;null===b?(b=vg(),S.updateQueue=b,b.stores=[a]):(c=b.stores,null===c?b.stores=[a]:c.push(a))}function Hg(a,b,c,d){b.value=c;b.getSnapshot=d;Jg(b)&&Kg(a)}function Fg(a,b,c){return c(function(){Jg(b)&&Kg(a)})}function Jg(a){var b=a.getSnapshot;a=a.value;try{var c=b();return!vd(a,c)}catch(d){return!0}}function Kg(a){var b=ke(a,2);null!==b&&Lg(b,a,2)}
+function Mg(a){var b=tg();if("function"===typeof a){var c=a;a=c();ag&&(eb(!0),c(),eb(!1))}b.memoizedState=b.baseState=a;b.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:yg,lastRenderedState:a};return b}function Ng(a,b,c,d){a.baseState=c;return Ag(a,T,"function"===typeof d?d:yg)}function Og(a,b,c,d){if(Pg(a))throw Error(x(485));a=b.pending;null===a?(a={payload:d,next:null},a.next=b.pending=a,Qg(b,c,d)):b.pending=a.next={payload:d,next:a.next}}
+function Qg(a,b,c){var d=a.action,e=a.state,f=Xf.transition,g={_callbacks:new Set};Xf.transition=g;try{var h=d(e,c);null!==h&&"object"===typeof h&&"function"===typeof h.then?(Rg(g,h),h.then(function(k){a.state=k;Sg(a,b)},function(){return Sg(a,b)}),b(h)):(b(h),a.state=h,Sg(a,b))}catch(k){b({then:function(){},status:"rejected",reason:k}),Sg(a,b)}finally{Xf.transition=f}}function Sg(a,b){var c=a.pending;if(null!==c){var d=c.next;d===c?a.pending=null:(d=d.next,c.next=d,Qg(a,b,d.payload))}}
+function Tg(a,b){return b}function Ug(a,b,c){a=Ag(a,b,Tg)[0];a="object"===typeof a&&null!==a&&"function"===typeof a.then?pg(a):a;b=ug();var d=b.queue,e=d.dispatch;c!==b.memoizedState&&(S.flags|=2048,Gg(9,Vg.bind(null,d,c),{destroy:void 0},null));return[a,e]}function Vg(a,b){a.action=b}
+function Gg(a,b,c,d){a={tag:a,create:b,inst:c,deps:d,next:null};b=S.updateQueue;null===b?(b=vg(),S.updateQueue=b,b.lastEffect=a.next=a):(c=b.lastEffect,null===c?b.lastEffect=a.next=a:(d=c.next,c.next=a,a.next=d,b.lastEffect=a));return a}function Wg(){return ug().memoizedState}function Xg(a,b,c,d){var e=tg();S.flags|=a;e.memoizedState=Gg(1|b,c,{destroy:void 0},void 0===d?null:d)}
+function Yg(a,b,c,d){var e=ug();d=void 0===d?null:d;var f=e.memoizedState.inst;null!==T&&null!==d&&gg(d,T.memoizedState.deps)?e.memoizedState=Gg(b,c,f,d):(S.flags|=a,e.memoizedState=Gg(1|b,c,f,d))}function Zg(a,b){Xg(8390656,8,a,b)}function Eg(a,b){Yg(2048,8,a,b)}function $g(a,b){return Yg(4,2,a,b)}function ah(a,b){return Yg(4,4,a,b)}function bh(a,b){if("function"===typeof b)return a=a(),b(a),function(){b(null)};if(null!==b&&void 0!==b)return a=a(),b.current=a,function(){b.current=null}}
+function ch(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Yg(4,4,bh.bind(null,b,a),c)}function dh(){}function eh(a,b){var c=ug();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&gg(b,d[1]))return d[0];c.memoizedState=[a,b];return a}function fh(a,b){var c=ug();b=void 0===b?null:b;var d=c.memoizedState;if(null!==b&&gg(b,d[1]))return d[0];d=a();ag&&(eb(!0),a(),eb(!1));c.memoizedState=[d,b];return d}
+function gh(a,b,c){if(vd(c,b))return c;if(null!==If.current)return a.memoizedState=c,vd(c,b)||(Bg=!0),c;if(0===(Yf&42))return Bg=!0,a.memoizedState=c;0===Ee&&(Ee=0===(O&536870912)||N?Ab():536870912);a=Of.current;null!==a&&(a.flags|=32);a=Ee;S.lanes|=a;ff|=a;return b}
+function hh(a,b,c,d,e){var f=I;I=0!==f&&8>f?f:8;var g=Xf.transition,h={_callbacks:new Set};Xf.transition=h;ih(a,!1,b,c);try{var k=e();if(null!==k&&"object"===typeof k&&"function"===typeof k.then){Rg(h,k);var n=Ve(k,d);jh(a,b,n)}else jh(a,b,d)}catch(t){jh(a,b,{then:function(){},status:"rejected",reason:t})}finally{I=f,Xf.transition=g}}
+function kh(a,b,c,d){if(5!==a.tag)throw Error(x(476));if(null===a.memoizedState){var e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:yg,lastRenderedState:ea};var f=e;e={memoizedState:ea,baseState:ea,baseQueue:null,queue:e,next:null};a.memoizedState=e;var g=a.alternate;null!==g&&(g.memoizedState=e)}else f=a.memoizedState.queue;hh(a,f,b,ea,function(){return c(d)})}function lh(){var a=xg(Ha);return null!==a?a:ea}function mh(){return ug().memoizedState}
+function nh(){return ug().memoizedState}function oh(a){for(var b=a.return;null!==b;){switch(b.tag){case 24:case 3:var c=ph(b);a=Ze(c);var d=$e(b,a,c);null!==d&&(Lg(d,b,c),af(d,b,c));b={cache:qh()};a.payload=b;return}b=b.return}}function rh(a,b,c){var d=ph(a);c={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};Pg(a)?sh(b,c):(c=ie(a,b,c,d),null!==c&&(Lg(c,a,d),th(c,b,d)));pb(a,d)}
+function jh(a,b,c){var d=ph(a),e={lane:d,revertLane:0,action:c,hasEagerState:!1,eagerState:null,next:null};if(Pg(a))sh(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(vd(h,g)){he(a,b,e,0);null===P&&fe();return}}catch(k){}finally{}c=ie(a,b,e,d);null!==c&&(Lg(c,a,d),th(c,b,d))}pb(a,d)}
+function ih(a,b,c,d){uh();d={lane:2,revertLane:Oe(),action:d,hasEagerState:!1,eagerState:null,next:null};if(Pg(a)){if(b)throw Error(x(479));}else b=ie(a,c,d,2),null!==b&&Lg(b,a,2);pb(a,2)}function Pg(a){var b=a.alternate;return a===S||null!==b&&b===S}function sh(a,b){$f=Zf=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function th(a,b,c){if(0!==(c&4194176)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Fb(a,c)}}
+var mg={readContext:xg,use:wg,useCallback:fg,useContext:fg,useEffect:fg,useImperativeHandle:fg,useInsertionEffect:fg,useLayoutEffect:fg,useMemo:fg,useReducer:fg,useRef:fg,useState:fg,useDebugValue:fg,useDeferredValue:fg,useTransition:fg,useSyncExternalStore:fg,useId:fg};mg.useCacheRefresh=fg;mg.useHostTransitionStatus=fg;mg.useFormState=fg;mg.useOptimistic=fg;
+var ig={readContext:xg,use:wg,useCallback:function(a,b){tg().memoizedState=[a,void 0===b?null:b];return a},useContext:xg,useEffect:Zg,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;Xg(4194308,4,bh.bind(null,b,a),c)},useLayoutEffect:function(a,b){return Xg(4194308,4,a,b)},useInsertionEffect:function(a,b){Xg(4,2,a,b)},useMemo:function(a,b){var c=tg();b=void 0===b?null:b;var d=a();ag&&(eb(!0),a(),eb(!1));c.memoizedState=[d,b];return d},useReducer:function(a,b,c){var d=
+tg();if(void 0!==c){var e=c(b);ag&&(eb(!0),c(b),eb(!1))}else e=b;d.memoizedState=d.baseState=e;a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:e};d.queue=a;a=a.dispatch=rh.bind(null,S,a);return[d.memoizedState,a]},useRef:function(a){var b=tg();a={current:a};return b.memoizedState=a},useState:function(a){a=Mg(a);var b=a.queue,c=jh.bind(null,S,b);b.dispatch=c;return[a.memoizedState,c]},useDebugValue:dh,useDeferredValue:function(a){tg().memoizedState=a;return a},useTransition:function(){var a=
+Mg(!1);a=hh.bind(null,S,a.queue,!0,!1);tg().memoizedState=a;return[!1,a]},useSyncExternalStore:function(a,b,c){var d=S,e=tg();if(N){if(void 0===c)throw Error(x(407));c=c()}else{c=b();if(null===P)throw Error(x(349));0!==(O&60)||Ig(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;Zg(Fg.bind(null,d,f,a),[a]);d.flags|=2048;Gg(9,Hg.bind(null,d,f,c,b),{destroy:void 0},null);return c},useId:function(){var a=tg(),b=P.identifierPrefix;if(N){var c=Ed;var d=Dd;c=(d&~(1<<32-rb(d)-1)).toString(32)+
+c;b=":"+b+"R"+c;c=bg++;0<c&&(b+="H"+c.toString(32));b+=":"}else c=eg++,b=":"+b+"r"+c.toString(32)+":";return a.memoizedState=b},useCacheRefresh:function(){return tg().memoizedState=oh.bind(null,S)}};ig.useHostTransitionStatus=lh;
+ig.useFormState=function(a,b){if(N){var c=P.formState;if(null!==c){a:{if(N){if(L){b:{var d=L;for(var e=Kd;8!==d.nodeType;){if(!e){d=null;break b}d=Ud(d);if(null===d){d=null;break b}}e=d.data;d="F!"===e||"F"===e?d:null}if(d){L=Ud(d);d="F!"===d.data;break a}}Wd()}d=!1}d&&(b=c[0])}}c=tg();c.memoizedState=c.baseState=b;d={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Tg,lastRenderedState:b};c.queue=d;c=jh.bind(null,S,d);d.dispatch=c;d=tg();e={state:b,dispatch:null,action:a,pending:null};d.queue=
+e;c=Og.bind(null,S,e,c);e.dispatch=c;d.memoizedState=a;return[b,c]};ig.useOptimistic=function(a){var b=tg();b.memoizedState=b.baseState=a;var c={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};b.queue=c;b=ih.bind(null,S,!0,c);c.dispatch=b;return[a,b]};
+var jg={readContext:xg,use:wg,useCallback:eh,useContext:xg,useEffect:Eg,useImperativeHandle:ch,useInsertionEffect:$g,useLayoutEffect:ah,useMemo:fh,useReducer:zg,useRef:Wg,useState:function(){return zg(yg)},useDebugValue:dh,useDeferredValue:function(a){var b=ug();return gh(b,T.memoizedState,a)},useTransition:function(){var a=zg(yg)[0],b=ug().memoizedState;return["boolean"===typeof a?a:pg(a),b]},useSyncExternalStore:Dg,useId:mh};jg.useCacheRefresh=nh;jg.useHostTransitionStatus=lh;
+jg.useFormState=function(a){var b=ug();return Ug(b,T,a)};jg.useOptimistic=function(a,b){var c=ug();return Ng(c,T,a,b)};
+var ng={readContext:xg,use:wg,useCallback:eh,useContext:xg,useEffect:Eg,useImperativeHandle:ch,useInsertionEffect:$g,useLayoutEffect:ah,useMemo:fh,useReducer:Cg,useRef:Wg,useState:function(){return Cg(yg)},useDebugValue:dh,useDeferredValue:function(a){var b=ug();return null===T?(b.memoizedState=a,a):gh(b,T.memoizedState,a)},useTransition:function(){var a=Cg(yg)[0],b=ug().memoizedState;return["boolean"===typeof a?a:pg(a),b]},useSyncExternalStore:Dg,useId:mh};ng.useCacheRefresh=nh;
+ng.useHostTransitionStatus=lh;ng.useFormState=function(a){var b=ug(),c=T;if(null!==c)return Ug(b,c,a);b=b.memoizedState;c=ug();var d=c.queue.dispatch;c.memoizedState=a;return[b,d]};ng.useOptimistic=function(a,b){var c=ug();if(null!==T)return Ng(c,T,a,b);c.baseState=a;return[a,c.queue.dispatch]};var vh=u.unstable_now,wh=0,xh=-1,yh=-1,zh=-1,xe=!1,ye=!1;function Ah(a){yh=vh();0>a.actualStartTime&&(a.actualStartTime=vh())}
+function Bh(a,b){if(0<=yh){var c=vh()-yh;a.actualDuration+=c;b&&(a.selfBaseDuration=c);yh=-1}}function Ch(a){if(0<=xh){var b=vh()-xh;xh=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a.stateNode.effectDuration+=b;return;case 12:a.stateNode.effectDuration+=b;return}a=a.return}}}
+function Dh(a){if(0<=zh){var b=vh()-zh;zh=-1;for(a=a.return;null!==a;){switch(a.tag){case 3:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return;case 12:a=a.stateNode;null!==a&&(a.passiveEffectDuration+=b);return}a=a.return}}}function Eh(){xh=vh()}function Fh(a){for(var b=a.child;b;)a.actualDuration+=b.actualDuration,b=b.sibling}function Gh(a,b){if(a&&a.defaultProps){b=E({},b);a=a.defaultProps;for(var c in a)void 0===b[c]&&(b[c]=a[c]);return b}return b}
+function Hh(a,b,c,d){b=a.memoizedState;c=c(d,b);c=null===c||void 0===c?b:E({},b,c);a.memoizedState=c;0===a.lanes&&(a.updateQueue.baseState=c)}
+var Ih={isMounted:function(a){return(a=a._reactInternals)?dd(a)===a:!1},enqueueSetState:function(a,b,c){a=a._reactInternals;var d=ph(a),e=Ze(d);e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=$e(a,e,d);null!==b&&(Lg(b,a,d),af(b,a,d));pb(a,d)},enqueueReplaceState:function(a,b,c){a=a._reactInternals;var d=ph(a),e=Ze(d);e.tag=1;e.payload=b;void 0!==c&&null!==c&&(e.callback=c);b=$e(a,e,d);null!==b&&(Lg(b,a,d),af(b,a,d));pb(a,d)},enqueueForceUpdate:function(a,b){a=a._reactInternals;var c=ph(a),d=Ze(c);
+d.tag=2;void 0!==b&&null!==b&&(d.callback=b);b=$e(a,d,c);null!==b&&(Lg(b,a,c),af(b,a,c));null!==H&&"function"===typeof H.markForceUpdateScheduled&&H.markForceUpdateScheduled(a,c)}};function Jh(a,b,c,d,e,f,g){a=a.stateNode;return"function"===typeof a.shouldComponentUpdate?a.shouldComponentUpdate(d,f,g):b.prototype&&b.prototype.isPureReactComponent?!jf(c,d)||!jf(e,f):!0}
+function Kh(a,b,c){var d=!1,e=jd;var f=b.contextType;"object"===typeof f&&null!==f?f=xg(f):(e=od(b)?md:kd.current,d=b.contextTypes,f=(d=null!==d&&void 0!==d)?nd(a,e):jd);b=new b(c,f);a.memoizedState=null!==b.state&&void 0!==b.state?b.state:null;b.updater=Ih;a.stateNode=b;b._reactInternals=a;d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=e,a.__reactInternalMemoizedMaskedChildContext=f);return b}
+function Lh(a,b,c,d){a=b.state;"function"===typeof b.componentWillReceiveProps&&b.componentWillReceiveProps(c,d);"function"===typeof b.UNSAFE_componentWillReceiveProps&&b.UNSAFE_componentWillReceiveProps(c,d);b.state!==a&&Ih.enqueueReplaceState(b,b.state,null)}
+function Mh(a,b,c,d){var e=a.stateNode;e.props=c;e.state=a.memoizedState;e.refs={};Xe(a);var f=b.contextType;"object"===typeof f&&null!==f?e.context=xg(f):(f=od(b)?md:kd.current,e.context=nd(a,f));e.state=a.memoizedState;f=b.getDerivedStateFromProps;"function"===typeof f&&(Hh(a,b,f,c),e.state=a.memoizedState);"function"===typeof b.getDerivedStateFromProps||"function"===typeof e.getSnapshotBeforeUpdate||"function"!==typeof e.UNSAFE_componentWillMount&&"function"!==typeof e.componentWillMount||(b=e.state,
+"function"===typeof e.componentWillMount&&e.componentWillMount(),"function"===typeof e.UNSAFE_componentWillMount&&e.UNSAFE_componentWillMount(),b!==e.state&&Ih.enqueueReplaceState(e,e.state,null),ef(a,c,e,d),df(),e.state=a.memoizedState);"function"===typeof e.componentDidMount&&(a.flags|=4194308)}var Nh=new WeakMap;function Oh(a,b){if("object"===typeof a&&null!==a){var c=Nh.get(a);"string"!==typeof c&&(c=uc(b),Nh.set(a,c))}else c=uc(b);return{value:a,source:b,stack:c,digest:null}}
+function Ph(a,b,c){"string"===typeof c&&Nh.set(a,c);return{value:a,source:null,stack:null!=c?c:null,digest:null!=b?b:null}}function Qh(a,b){try{console.error(b.value)}catch(c){setTimeout(function(){throw c;})}}function Rh(a,b,c){c=Ze(c);c.tag=3;c.payload={element:null};var d=b.value;c.callback=function(){Sh||(Sh=!0,Th=d);Qh(a,b)};return c}
+function Uh(a,b,c){c=Ze(c);c.tag=3;var d=a.type.getDerivedStateFromError;if("function"===typeof d){var e=b.value;c.payload=function(){return d(e)};c.callback=function(){Qh(a,b)}}var f=a.stateNode;null!==f&&"function"===typeof f.componentDidCatch&&(c.callback=function(){Qh(a,b);"function"!==typeof d&&(null===Vh?Vh=new Set([this]):Vh.add(this));var g=b.stack;this.componentDidCatch(b.value,{componentStack:null!==g?g:""})});return c}
+function Wh(a,b,c,d,e){if(0===(a.mode&1))return a===b?a.flags|=65536:(a.flags|=128,c.flags|=131072,c.flags&=-52805,1===c.tag&&(null===c.alternate?c.tag=17:(b=Ze(2),b.tag=2,$e(c,b,2))),c.lanes|=2),a;a.flags|=65536;a.lanes=e;return a}
+function Xh(a,b,c,d,e){c.flags|=32768;cb&&Yh(a,e);if(null!==d&&"object"===typeof d&&"function"===typeof d.then){var f=c.tag;0!==(c.mode&1)||0!==f&&11!==f&&15!==f||((f=c.alternate)?(c.updateQueue=f.updateQueue,c.memoizedState=f.memoizedState,c.lanes=f.lanes):(c.updateQueue=null,c.memoizedState=null));f=Of.current;if(null!==f){switch(f.tag){case 13:return c.mode&1&&(null===Pf?Zh():null===f.alternate&&0===$h&&($h=3)),f.flags&=-257,Wh(f,b,c,a,e),d===mf?f.flags|=16384:(b=f.updateQueue,null===b?f.updateQueue=
+new Set([d]):b.add(d),f.mode&1&&ai(a,d,e)),!1;case 22:if(f.mode&1)return f.flags|=65536,d===mf?f.flags|=16384:(b=f.updateQueue,null===b?(b={transitions:null,markerInstances:null,retryQueue:new Set([d])},f.updateQueue=b):(c=b.retryQueue,null===c?b.retryQueue=new Set([d]):c.add(d)),ai(a,d,e)),!1}throw Error(x(435,f.tag));}if(1===a.tag)return ai(a,d,e),Zh(),!1;d=Error(x(426))}if(N&&c.mode&1&&(f=Of.current,null!==f))return 0===(f.flags&65536)&&(f.flags|=256),Wh(f,b,c,a,e),be(Oh(d,c)),!1;a=d=Oh(d,c);4!==
+$h&&($h=2);null===bi?bi=[a]:bi.push(a);if(null===b)return!0;a=b;do{switch(a.tag){case 3:return a.flags|=65536,e&=-e,a.lanes|=e,e=Rh(a,d,e),bf(a,e),!1;case 1:if(b=d,c=a.type,f=a.stateNode,0===(a.flags&128)&&("function"===typeof c.getDerivedStateFromError||null!==f&&"function"===typeof f.componentDidCatch&&(null===Vh||!Vh.has(f))))return a.flags|=65536,e&=-e,a.lanes|=e,e=Uh(a,b,e),bf(a,e),!1}a=a.return}while(null!==a);return!1}var ci=ca.ReactCurrentOwner,di=Error(x(461)),Bg=!1;
+function ei(a,b,c,d){b.child=null===a?Hf(b,null,c,d):Gf(b,a.child,c,d)}function fi(a,b,c,d,e){c=c.render;var f=b.ref;gi(b,e);jb(b);d=hg(a,b,c,d,f,e);c=qg();kb();if(null!==a&&!Bg)return rg(a,b,e),hi(a,b,e);N&&c&&Hd(b);b.flags|=1;ei(a,b,d,e);return b.child}
+function ii(a,b,c,d,e){if(null===a){var f=c.type;if("function"===typeof f&&!ji(f)&&void 0===f.defaultProps&&null===c.compare&&void 0===c.defaultProps)return b.tag=15,b.type=f,ki(a,b,f,d,e);a=Cf(c.type,null,d,b,b.mode,e);a.ref=b.ref;a.return=b;return b.child=a}f=a.child;if(0===(a.lanes&e)){var g=f.memoizedProps;c=c.compare;c=null!==c?c:jf;if(c(g,d)&&a.ref===b.ref)return hi(a,b,e)}b.flags|=1;a=Af(f,d);a.ref=b.ref;a.return=b;return b.child=a}
+function ki(a,b,c,d,e){if(null!==a){var f=a.memoizedProps;if(jf(f,d)&&a.ref===b.ref)if(Bg=!1,b.pendingProps=d=f,0!==(a.lanes&e))0!==(a.flags&131072)&&(Bg=!0);else return b.lanes=a.lanes,hi(a,b,e)}return li(a,b,c,d,e)}
+function mi(a,b,c){var d=b.pendingProps,e=d.children,f=0!==(b.stateNode._pendingVisibility&2),g=null!==a?a.memoizedState:null;ni(a,b);if("hidden"===d.mode||f){if(0!==(b.flags&128)){c=null!==g?g.baseLanes|c:c;if(null!==a){d=b.child=a.child;for(e=0;null!==d;)e=e|d.lanes|d.childLanes,d=d.sibling;b.childLanes=e&~c}else b.childLanes=0,b.child=null;return oi(a,b,c)}if(0===(b.mode&1))b.memoizedState={baseLanes:0,cachePool:null},null!==a&&pi(b,null),Mf(),Sf(b);else if(0!==(c&536870912))b.memoizedState={baseLanes:0,
+cachePool:null},null!==a&&pi(b,null!==g?g.cachePool:null),null!==g?Kf(b,g):Mf(),Sf(b);else return b.lanes=b.childLanes=536870912,oi(a,b,null!==g?g.baseLanes|c:c)}else null!==g?(pi(b,g.cachePool),Kf(b,g),Tf(b),b.memoizedState=null):(null!==a&&pi(b,null),Mf(),Tf(b));ei(a,b,e,c);return b.child}function oi(a,b,c){var d=qi();d=null===d?null:{parent:ri._currentValue,pool:d};b.memoizedState={baseLanes:c,cachePool:d};null!==a&&pi(b,null);Mf();Sf(b);return null}
+function ni(a,b){var c=b.ref;if(null===a&&null!==c||null!==a&&a.ref!==c)b.flags|=512,b.flags|=2097152}function li(a,b,c,d,e){var f=od(c)?md:kd.current;f=nd(b,f);gi(b,e);jb(b);c=hg(a,b,c,d,f,e);d=qg();kb();if(null!==a&&!Bg)return rg(a,b,e),hi(a,b,e);N&&d&&Hd(b);b.flags|=1;ei(a,b,c,e);return b.child}function si(a,b,c,d,e,f){gi(b,f);jb(b);c=kg(b,d,c,e);lg();d=qg();kb();if(null!==a&&!Bg)return rg(a,b,f),hi(a,b,f);N&&d&&Hd(b);b.flags|=1;ei(a,b,c,f);return b.child}
+function ti(a,b,c,d,e){if(od(c)){var f=!0;sd(b)}else f=!1;gi(b,e);if(null===b.stateNode)ui(a,b),Kh(b,c,d),Mh(b,c,d,e),d=!0;else if(null===a){var g=b.stateNode,h=b.memoizedProps;g.props=h;var k=g.context,n=c.contextType;"object"===typeof n&&null!==n?n=xg(n):(n=od(c)?md:kd.current,n=nd(b,n));var t=c.getDerivedStateFromProps,w="function"===typeof t||"function"===typeof g.getSnapshotBeforeUpdate;w||"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||
+(h!==d||k!==n)&&Lh(b,g,d,n);We=!1;var q=b.memoizedState;g.state=q;ef(b,d,g,e);df();k=b.memoizedState;h!==d||q!==k||ld.current||We?("function"===typeof t&&(Hh(b,c,t,d),k=b.memoizedState),(h=We||Jh(b,c,h,d,q,k,n))?(w||"function"!==typeof g.UNSAFE_componentWillMount&&"function"!==typeof g.componentWillMount||("function"===typeof g.componentWillMount&&g.componentWillMount(),"function"===typeof g.UNSAFE_componentWillMount&&g.UNSAFE_componentWillMount()),"function"===typeof g.componentDidMount&&(b.flags|=
+4194308)):("function"===typeof g.componentDidMount&&(b.flags|=4194308),b.memoizedProps=d,b.memoizedState=k),g.props=d,g.state=k,g.context=n,d=h):("function"===typeof g.componentDidMount&&(b.flags|=4194308),d=!1)}else{g=b.stateNode;Ye(a,b);h=b.memoizedProps;n=b.type===b.elementType?h:Gh(b.type,h);g.props=n;w=b.pendingProps;q=g.context;k=c.contextType;"object"===typeof k&&null!==k?k=xg(k):(k=od(c)?md:kd.current,k=nd(b,k));var r=c.getDerivedStateFromProps;(t="function"===typeof r||"function"===typeof g.getSnapshotBeforeUpdate)||
+"function"!==typeof g.UNSAFE_componentWillReceiveProps&&"function"!==typeof g.componentWillReceiveProps||(h!==w||q!==k)&&Lh(b,g,d,k);We=!1;q=b.memoizedState;g.state=q;ef(b,d,g,e);df();var y=b.memoizedState;h!==w||q!==y||ld.current||We?("function"===typeof r&&(Hh(b,c,r,d),y=b.memoizedState),(n=We||Jh(b,c,n,d,q,y,k)||!1)?(t||"function"!==typeof g.UNSAFE_componentWillUpdate&&"function"!==typeof g.componentWillUpdate||("function"===typeof g.componentWillUpdate&&g.componentWillUpdate(d,y,k),"function"===
+typeof g.UNSAFE_componentWillUpdate&&g.UNSAFE_componentWillUpdate(d,y,k)),"function"===typeof g.componentDidUpdate&&(b.flags|=4),"function"===typeof g.getSnapshotBeforeUpdate&&(b.flags|=1024)):("function"!==typeof g.componentDidUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),b.memoizedProps=d,b.memoizedState=y),g.props=d,g.state=y,g.context=k,d=n):("function"!==typeof g.componentDidUpdate||
+h===a.memoizedProps&&q===a.memoizedState||(b.flags|=4),"function"!==typeof g.getSnapshotBeforeUpdate||h===a.memoizedProps&&q===a.memoizedState||(b.flags|=1024),d=!1)}return vi(a,b,c,d,f,e)}
+function vi(a,b,c,d,e,f){ni(a,b);var g=0!==(b.flags&128);if(!d&&!g)return e&&td(b,c,!1),hi(a,b,f);d=b.stateNode;ci.current=b;if(g&&"function"!==typeof c.getDerivedStateFromError){var h=null;yh=-1}else jb(b),h=d.render(),kb();b.flags|=1;null!==a&&g?(g=h,b.child=Gf(b,a.child,null,f),b.child=Gf(b,null,g,f)):ei(a,b,h,f);b.memoizedState=d.state;e&&td(b,c,!0);return b.child}
+function wi(a){var b=a.stateNode;b.pendingContext?qd(a,b.pendingContext,b.pendingContext!==b.context):b.context&&qd(a,b.context,!1);Ia(a,b.containerInfo)}function xi(a,b,c,d,e){ae();be(e);b.flags|=256;ei(a,b,c,d);return b.child}var yi={dehydrated:null,treeContext:null,retryLane:0};function zi(a){return{baseLanes:a,cachePool:Ai()}}function Bi(a,b,c){a=null!==a?a.childLanes&~c:0;b&&(a|=Ee);return a}
+function Ci(a,b,c){var d=b.pendingProps,e=!1,f=0!==(b.flags&128),g;(g=f)||(g=null!==a&&null===a.memoizedState?!1:0!==(Rf.current&2));g&&(e=!0,b.flags&=-129);g=0!==(b.flags&32);b.flags&=-33;if(null===a){if(N){e?Qf(b):Tf(b);if(N){var h=f=L;if(!h)Vd(b)&&Wd(),Nd(J,b),N=!1,J=b,L=f;else if(!Td(b,h)){Vd(b)&&Wd();L=Ud(h);var k=J;L&&Td(b,L)?Ld(k,h):(Nd(J,b),N=!1,J=b,L=f)}}f=b.memoizedState;if(null!==f&&(f=f.dehydrated,null!==f))return 0===(b.mode&1)?b.lanes=2:"$!"===f.data?b.lanes=16:b.lanes=536870912,null;
+Uf(b)}f=d.children;d=d.fallback;if(e)return Tf(b),e=b.mode,h=b.child,f={mode:"hidden",children:f},0===(e&1)&&null!==h?(h.childLanes=0,h.pendingProps=f,b.mode&2&&(h.actualDuration=0,h.actualStartTime=-1,h.selfBaseDuration=0,h.treeBaseDuration=0)):h=Di(f,e,0,null),d=Ef(d,e,c,null),h.return=b,d.return=b,h.sibling=d,b.child=h,e=b.child,e.memoizedState=zi(c),e.childLanes=Bi(a,g,c),b.memoizedState=yi,d;Qf(b);return Ei(b,f)}h=a.memoizedState;if(null!==h&&(k=h.dehydrated,null!==k))return Fi(a,b,f,g,d,k,h,
+c);if(e){Tf(b);e=d.fallback;f=b.mode;h=a.child;k=h.sibling;var n={mode:"hidden",children:d.children};0===(f&1)&&b.child!==h?(d=b.child,d.childLanes=0,d.pendingProps=n,b.mode&2&&(d.actualDuration=0,d.actualStartTime=-1,d.selfBaseDuration=h.selfBaseDuration,d.treeBaseDuration=h.treeBaseDuration),b.deletions=null):(d=Af(h,n),d.subtreeFlags=h.subtreeFlags&31457280);null!==k?e=Af(k,e):(e=Ef(e,f,c,null),e.flags|=2);e.return=b;d.return=b;d.sibling=e;b.child=d;d=e;e=b.child;f=a.child.memoizedState;null===
+f?f=zi(c):(h=f.cachePool,null!==h?(k=ri._currentValue,h=h.parent!==k?{parent:k,pool:k}:h):h=Ai(),f={baseLanes:f.baseLanes|c,cachePool:h});e.memoizedState=f;e.childLanes=Bi(a,g,c);b.memoizedState=yi;return d}Qf(b);g=a.child;a=g.sibling;g=Af(g,{mode:"visible",children:d.children});0===(b.mode&1)&&(g.lanes=c);g.return=b;g.sibling=null;null!==a&&(c=b.deletions,null===c?(b.deletions=[a],b.flags|=16):c.push(a));b.child=g;b.memoizedState=null;return g}
+function Ei(a,b){b=Di({mode:"visible",children:b},a.mode,0,null);b.return=a;return a.child=b}function Gi(a,b,c,d){null!==d&&be(d);Gf(b,a.child,null,c);a=Ei(b,b.pendingProps.children);a.flags|=2;b.memoizedState=null;return a}
+function Fi(a,b,c,d,e,f,g,h){if(c){if(b.flags&256)return Qf(b),b.flags&=-257,f=Ph(Error(x(422))),Gi(a,b,h,f);if(null!==b.memoizedState)return Tf(b),b.child=a.child,b.flags|=128,null;Tf(b);f=e.fallback;g=b.mode;e=Di({mode:"visible",children:e.children},g,0,null);f=Ef(f,g,h,null);f.flags|=2;e.return=b;f.return=b;e.sibling=f;b.child=e;0!==(b.mode&1)&&Gf(b,a.child,null,h);g=b.child;g.memoizedState=zi(h);g.childLanes=Bi(a,d,h);b.memoizedState=yi;return f}Qf(b);if(0===(b.mode&1))return Gi(a,b,h,null);if("$!"===
+f.data){f=f.nextSibling&&f.nextSibling.dataset;if(f)var k=f.dgst;f=k;d=Error(x(419));d.digest=f;f=Ph(d,f,void 0);return Gi(a,b,h,f)}d=0!==(h&a.childLanes);if(Bg||d){d=P;if(null!==d){e=h&-h;if(0!==(e&42))e=1;else switch(e){case 2:e=1;break;case 8:e=4;break;case 32:e=16;break;case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:e=64;break;
+case 268435456:e=134217728;break;default:e=0}e=0!==(e&(d.suspendedLanes|h))?0:e;if(0!==e&&e!==g.retryLane)throw g.retryLane=e,ke(a,e),Lg(d,a,e),di;}"$?"!==f.data&&Zh();return Gi(a,b,h,null)}if("$?"===f.data)return b.flags|=128,b.child=a.child,b=Hi.bind(null,a),f._reactRetry=b,null;a=g.treeContext;L=Qd(f.nextSibling);J=b;N=!0;Jd=null;Kd=!1;null!==a&&(Ad[Bd++]=Dd,Ad[Bd++]=Ed,Ad[Bd++]=Cd,Dd=a.id,Ed=a.overflow,Cd=b);b=Ei(b,e.children);b.flags|=4096;return b}
+function Ii(a,b,c){a.lanes|=b;var d=a.alternate;null!==d&&(d.lanes|=b);Ji(a.return,b,c)}function Ki(a,b,c,d,e){var f=a.memoizedState;null===f?a.memoizedState={isBackwards:b,rendering:null,renderingStartTime:0,last:d,tail:c,tailMode:e}:(f.isBackwards=b,f.rendering=null,f.renderingStartTime=0,f.last=d,f.tail=c,f.tailMode=e)}
+function Li(a,b,c){var d=b.pendingProps,e=d.revealOrder,f=d.tail;ei(a,b,d.children,c);d=Rf.current;if(0!==(d&2))d=d&1|2,b.flags|=128;else{if(null!==a&&0!==(a.flags&128))a:for(a=b.child;null!==a;){if(13===a.tag)null!==a.memoizedState&&Ii(a,c,b);else if(19===a.tag)Ii(a,c,b);else if(null!==a.child){a.child.return=a;a=a.child;continue}if(a===b)break a;for(;null===a.sibling;){if(null===a.return||a.return===b)break a;a=a.return}a.sibling.return=a.return;a=a.sibling}d&=1}G(Rf,d);if(0===(b.mode&1))b.memoizedState=
+null;else switch(e){case "forwards":c=b.child;for(e=null;null!==c;)a=c.alternate,null!==a&&null===Vf(a)&&(e=c),c=c.sibling;c=e;null===c?(e=b.child,b.child=null):(e=c.sibling,c.sibling=null);Ki(b,!1,e,c,f);break;case "backwards":c=null;e=b.child;for(b.child=null;null!==e;){a=e.alternate;if(null!==a&&null===Vf(a)){b.child=e;break}a=e.sibling;e.sibling=c;c=e;e=a}Ki(b,!0,c,null,f);break;case "together":Ki(b,!1,null,null,void 0);break;default:b.memoizedState=null}return b.child}
+function ui(a,b){0===(b.mode&1)&&null!==a&&(a.alternate=null,b.alternate=null,b.flags|=2)}function hi(a,b,c){null!==a&&(b.dependencies=a.dependencies);yh=-1;ff|=b.lanes;if(0===(c&b.childLanes))return null;if(null!==a&&b.child!==a.child)throw Error(x(153));if(null!==b.child){a=b.child;c=Af(a,a.pendingProps);b.child=c;for(c.return=b;null!==a.sibling;)a=a.sibling,c=c.sibling=Af(a,a.pendingProps),c.return=b;c.sibling=null}return b.child}
+function Mi(a,b,c){switch(b.tag){case 3:wi(b);Ni(b,ri,a.memoizedState.cache);ae();break;case 27:case 5:Ma(b);break;case 1:od(b.type)&&sd(b);break;case 4:Ia(b,b.stateNode.containerInfo);break;case 10:Ni(b,b.type._context,b.memoizedProps.value);break;case 12:0!==(c&b.childLanes)&&(b.flags|=4);var d=b.stateNode;d.effectDuration=0;d.passiveEffectDuration=0;break;case 13:d=b.memoizedState;if(null!==d){if(null!==d.dehydrated)return Qf(b),b.flags|=128,null;if(0!==(c&b.child.childLanes))return Ci(a,b,c);
+Qf(b);a=hi(a,b,c);return null!==a?a.sibling:null}Qf(b);break;case 19:d=0!==(c&b.childLanes);if(0!==(a.flags&128)){if(d)return Li(a,b,c);b.flags|=128}var e=b.memoizedState;null!==e&&(e.rendering=null,e.tail=null,e.lastEffect=null);G(Rf,Rf.current);if(d)break;else return null;case 22:case 23:return b.lanes=0,mi(a,b,c);case 24:Ni(b,ri,a.memoizedState.cache)}return hi(a,b,c)}var Oi=ja(null),Pi=null,Qi=null,Ri=null;function Si(){Ri=Qi=Pi=null}
+function Ni(a,b,c){G(Oi,b._currentValue);b._currentValue=c}function Ti(a){a._currentValue=Oi.current;F(Oi)}function Ji(a,b,c){for(;null!==a;){var d=a.alternate;(a.childLanes&b)!==b?(a.childLanes|=b,null!==d&&(d.childLanes|=b)):null!==d&&(d.childLanes&b)!==b&&(d.childLanes|=b);if(a===c)break;a=a.return}}
+function Ui(a,b,c){var d=a.child;null!==d&&(d.return=a);for(;null!==d;){var e=d.dependencies;if(null!==e){var f=d.child;for(var g=e.firstContext;null!==g;){if(g.context===b){if(1===d.tag){g=Ze(c&-c);g.tag=2;var h=d.updateQueue;if(null!==h){h=h.shared;var k=h.pending;null===k?g.next=g:(g.next=k.next,k.next=g);h.pending=g}}d.lanes|=c;g=d.alternate;null!==g&&(g.lanes|=c);Ji(d.return,c,a);e.lanes|=c;break}g=g.next}}else if(10===d.tag)f=d.type===a.type?null:d.child;else if(18===d.tag){f=d.return;if(null===
+f)throw Error(x(341));f.lanes|=c;e=f.alternate;null!==e&&(e.lanes|=c);Ji(f,c,a);f=d.sibling}else f=d.child;if(null!==f)f.return=d;else for(f=d;null!==f;){if(f===a){f=null;break}d=f.sibling;if(null!==d){d.return=f.return;f=d;break}f=f.return}d=f}}function gi(a,b){Pi=a;Ri=Qi=null;a=a.dependencies;null!==a&&null!==a.firstContext&&(0!==(a.lanes&b)&&(Bg=!0),a.firstContext=null)}function xg(a){return Vi(Pi,a)}function Ff(a,b,c){null===Pi&&gi(a,c);return Vi(a,b)}
+function Vi(a,b){var c=b._currentValue;if(Ri!==b)if(b={context:b,memoizedValue:c,next:null},null===Qi){if(null===a)throw Error(x(308));Qi=b;a.dependencies={lanes:0,firstContext:b}}else Qi=Qi.next=b;return c}
+var Wi="undefined"!==typeof AbortController?AbortController:function(){var a=[],b=this.signal={aborted:!1,addEventListener:function(c,d){a.push(d)}};this.abort=function(){b.aborted=!0;a.forEach(function(c){return c()})}},Xi=u.unstable_scheduleCallback,Yi=u.unstable_NormalPriority,ri={$$typeof:ra,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function qh(){return{controller:new Wi,data:new Map,refCount:0}}
+function Zi(a){a.refCount--;0===a.refCount&&Xi(Yi,function(){a.controller.abort()})}var $i=ca.ReactCurrentBatchConfig;function uh(){var a=$i.transition;null!==a&&a._callbacks.add(aj);return a}function aj(a,b){Te(a,b)}function Rg(a,b){a._callbacks.forEach(function(c){return c(a,b)})}var bj=ja(null);function qi(){var a=bj.current;return null!==a?a:P.pooledCache}function pi(a,b){null===b?G(bj,bj.current):G(bj,b.pool)}function Ai(){var a=qi();return null===a?null:{parent:ri._currentValue,pool:a}}
+function cj(a){a.flags|=4}function dj(a,b){if("stylesheet"!==b.type||0!==(b.state.loading&4))a.flags&=-16777217;else if(a.flags|=16777216,0===(O&42)&&(b="stylesheet"===b.type&&0===(b.state.loading&3)?!1:!0,!b))if(ej())a.flags|=8192;else throw qf=mf,lf;}function fj(a,b){null!==b?a.flags|=4:a.flags&16384&&(b=22!==a.tag?Bb():536870912,a.lanes|=b)}
+function gj(a,b){if(!N)switch(a.tailMode){case "hidden":b=a.tail;for(var c=null;null!==b;)null!==b.alternate&&(c=b),b=b.sibling;null===c?a.tail=null:c.sibling=null;break;case "collapsed":c=a.tail;for(var d=null;null!==c;)null!==c.alternate&&(d=c),c=c.sibling;null===d?b||null===a.tail?a.tail=null:a.tail.sibling=null:d.sibling=null}}
 function V(a){var b=null!==a.alternate&&a.alternate.child===a.child,c=0,d=0;if(b)if(0!==(a.mode&2)){for(var e=a.selfBaseDuration,f=a.child;null!==f;)c|=f.lanes|f.childLanes,d|=f.subtreeFlags&31457280,d|=f.flags&31457280,e+=f.treeBaseDuration,f=f.sibling;a.treeBaseDuration=e}else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags&31457280,d|=e.flags&31457280,e.return=a,e=e.sibling;else if(0!==(a.mode&2)){e=a.actualDuration;f=a.selfBaseDuration;for(var g=a.child;null!==g;)c|=g.lanes|
 g.childLanes,d|=g.subtreeFlags,d|=g.flags,e+=g.actualDuration,f+=g.treeBaseDuration,g=g.sibling;a.actualDuration=e;a.treeBaseDuration=f}else for(e=a.child;null!==e;)c|=e.lanes|e.childLanes,d|=e.subtreeFlags,d|=e.flags,e.return=a,e=e.sibling;a.subtreeFlags|=d;a.childLanes=c;return b}
-function Zi(a,b,c){var d=b.pendingProps;Fd(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return ld(b.type)&&md(),V(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);Ki(ii);Ma();D(id);D(hd);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Vd(b)?Ti(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
-1024,null!==Gd&&($i(Gd),Gd=null));V(b);return null;case 26:c=b.memoizedState;if(null===a)Ti(b),null!==b.ref&&Ui(b),null!==c?(V(b),Vi(b,c)):(V(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&Ti(b);a.ref!==b.ref&&Ui(b);null!==c?(V(b),c===e?b.flags&=-16777217:Vi(b,c)):(a.memoizedProps!==d&&Ti(b),V(b),b.flags&=-16777217)}return null;case 27:Oa(b);c=Ga.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Ti(b),a.ref!==b.ref&&Ui(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));
-V(b);return null}a=Ea.current;Vd(b)?aj(b.stateNode,b.type,b.memoizedProps,a,b):(a=bj(e,d,c),b.stateNode=a,Ti(b));null!==b.ref&&Ui(b)}V(b);return null;case 5:Oa(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&Ti(b),a.ref!==b.ref&&Ui(b);else{if(!d){if(null===b.stateNode)throw Error(u(166));V(b);return null}a=Ea.current;if(Vd(b))aj(b.stateNode,b.type,b.memoizedProps,a,b);else{e=cj(Ga.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",
-c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):
-e.createElement(c)}}a[Mb]=b;a[Nb]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(dj(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&Ti(b)}null!==b.ref&&
-Ui(b)}V(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&Ti(b);else{if("string"!==typeof d&&null===b.stateNode)throw Error(u(166));a=Ga.current;if(Vd(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Mb]=b;if(d=a.nodeValue!==c)if(e=H,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);ej(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&ej(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&Ti(b)}else a=cj(a).createTextNode(d),
-a[Mb]=b,b.stateNode=a}V(b);return null;case 13:ef(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==a.memoizedState.dehydrated){if(K&&null!==I&&0!==(b.mode&1)&&0===(b.flags&128))Xd(),Yd(),b.flags|=384,e=!1;else if(e=Vd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(u(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(u(317));e[Mb]=b;V(b);0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=e.treeBaseDuration))}else Yd(),0===(b.flags&
-128)&&(b.memoizedState=null),b.flags|=4,V(b),0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=e.treeBaseDuration));e=!1}else null!==Gd&&($i(Gd),Gd=null),e=!0;if(!e)return b.flags&256?b:null}if(0!==(b.flags&128))return b.lanes=c,0!==(b.mode&2)&&xh(b),b;c=null!==d;a=null!==a&&null!==a.memoizedState;c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&
-null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&(b.child.flags|=8192);Xi(b,b.updateQueue);V(b);0!==(b.mode&2)&&c&&(a=b.child,null!==a&&(b.treeBaseDuration-=a.treeBaseDuration));return null;case 4:return Ma(),null===a&&fj(b.stateNode.containerInfo),V(b),null;case 10:return Ki(b.type._context),V(b),null;case 17:return ld(b.type)&&md(),V(b),null;case 19:D(bf);e=b.memoizedState;if(null===e)return V(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===
-f)if(d)Yi(e,!1);else{if(0!==Rh||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=ff(a);if(null!==f){b.flags|=128;Yi(e,!1);a=f.updateQueue;b.updateQueue=a;Xi(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)gj(c,a),c=c.sibling;E(bf,bf.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Ta()>hj&&(b.flags|=128,d=!0,Yi(e,!1),b.lanes=4194304)}else{if(!d)if(a=ff(f),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,b.updateQueue=a,Xi(b,a),Yi(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&
-!K)return V(b),null}else 2*Ta()-e.renderingStartTime>hj&&536870912!==c&&(b.flags|=128,d=!0,Yi(e,!1),b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Ta(),b.sibling=null,a=bf.current,E(bf,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return ef(b),Ye(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&
-0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),c=b.updateQueue,null!==c&&Xi(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&D(Si),null;case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),Ki(ii),
-V(b),null;case 25:return null}throw Error(u(156,b.tag));}
-function ij(a,b){Fd(b);switch(b.tag){case 1:return ld(b.type)&&md(),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&xh(b),b):null;case 3:return Ki(ii),Ma(),D(id),D(hd),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Oa(b),null;case 13:ef(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(u(340));Yd()}a=b.flags;return a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&xh(b),b):null;case 19:return D(bf),null;case 4:return Ma(),
-null;case 10:return Ki(b.type._context),null;case 22:case 23:return ef(b),Ye(),null!==a&&D(Si),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&xh(b),b):null;case 24:return Ki(ii),null;case 25:return null;default:return null}}
-function jj(a,b){Fd(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&md();break;case 3:Ki(ii);Ma();D(id);D(hd);break;case 26:case 27:case 5:Oa(b);break;case 4:Ma();break;case 13:ef(b);break;case 19:D(bf);break;case 10:Ki(b.type._context);break;case 22:case 23:ef(b);Ye();null!==a&&D(Si);break;case 24:Ki(ii)}}function kj(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
-var lj=!1,mj=null,nj=!1,oj=null,pj={onError:function(a){lj=!0;mj=a}};function qj(a,b,c,d,e,f,g,h,k){lj=!1;mj=null;kj.apply(pj,arguments)}function rj(a,b,c,d,e,f,g,h,k){qj.apply(this,arguments);if(lj){if(lj){var n=mj;lj=!1;mj=null}else throw Error(u(198));nj||(nj=!0,oj=n)}}var sj=!1,tj=!1,uj="function"===typeof WeakSet?WeakSet:Set,vj=null,wj=null,xj=null;function yj(a){return 0!==(a.mode&2)&&0!==(N&4)}
-function zj(a,b){b.props=a.memoizedProps;b.state=a.memoizedState;if(yj(a))try{wh(),b.componentWillUnmount()}finally{uh(a)}else b.componentWillUnmount()}function Aj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}if("function"===typeof c)if(yj(a))try{wh(),a.refCleanup=c(e)}finally{uh(a)}else a.refCleanup=c(e);else c.current=e}}catch(f){W(a,b,f)}}
-function Bj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{if(yj(a))try{wh(),d()}finally{uh(a)}else d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{if(yj(a))try{wh(),c(null)}finally{uh(a)}else c(null)}catch(e){W(a,b,e)}else c.current=null}function Cj(a,b,c){try{c()}catch(d){W(a,b,d)}}var Dj=!1;
-function Ej(a,b){Fj=Gj;a=Hj();if(Ij(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(p){c=null;break a}var g=0,h=-1,k=-1,n=0,q=0,w=a,r=null;b:for(;;){for(var t;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
-w.nodeValue.length);if(null===(t=w.firstChild))break;r=w;w=t}for(;;){if(w===a)break b;r===c&&++n===e&&(h=g);r===f&&++q===d&&(k=g);if(null!==(t=w.nextSibling))break;w=r;r=w.parentNode}w=t}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Jj={focusedElem:a,selectionRange:c};Gj=!1;for(vj=b;null!==vj;)if(b=vj,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,vj=a;else for(;null!==vj;){b=vj;try{var A=b.alternate,C=b.flags;switch(b.tag){case 0:break;case 11:case 15:break;
-case 1:if(0!==(C&1024)&&null!==A){var J=A.memoizedProps,S=A.memoizedState,m=b.stateNode,l=m.getSnapshotBeforeUpdate(b.elementType===b.type?J:yh(b.type,J),S);m.__reactInternalSnapshotBeforeUpdate=l}break;case 3:0!==(C&1024)&&Kj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(C&1024))throw Error(u(163));}}catch(p){W(b,b.return,p)}a=b.sibling;if(null!==a){a.return=b.return;vj=a;break}vj=b.return}A=Dj;Dj=!1;return A}
-function Lj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectUnmountStarted&&F.markComponentPassiveEffectUnmountStarted(b):0!==(a&4)&&jb(b),Cj(b,c,g),0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectUnmountStopped&&F.markComponentPassiveEffectUnmountStopped():0!==(a&4)&&kb())}e=e.next}while(e!==d)}}
-function Mj(a,b){var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do{if((d.tag&a)===a){0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectMountStarted&&F.markComponentPassiveEffectMountStarted(b):0!==(a&4)&&null!==F&&"function"===typeof F.markComponentLayoutEffectMountStarted&&F.markComponentLayoutEffectMountStarted(b);var e=d.create,f=d.inst;e=e();f.destroy=e;0!==(a&8)?null!==F&&"function"===typeof F.markComponentPassiveEffectMountStopped&&F.markComponentPassiveEffectMountStopped():
-0!==(a&4)&&null!==F&&"function"===typeof F.markComponentLayoutEffectMountStopped&&F.markComponentLayoutEffectMountStopped()}d=d.next}while(d!==c)}}function Nj(a,b){if(yj(a)){try{wh(),Mj(b,a)}catch(c){W(a,a.return,c)}uh(a)}else try{Mj(b,a)}catch(c){W(a,a.return,c)}}function Oj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{ue(b,c)}catch(d){W(a,a.return,d)}}}
-function Pj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
-function Qj(a,b){if(N&4)try{var c=a.memoizedProps,d=c.onCommit,e=c.onRender,f=a.stateNode.effectDuration;c=oh;b=null===b?"mount":"update";sf&&(b="nested-update");"function"===typeof e&&e(a.memoizedProps.id,b,a.actualDuration,a.treeBaseDuration,a.actualStartTime,c);"function"===typeof d&&d(a.memoizedProps.id,b,f,c);Rj(a);var g=a.return;a:for(;null!==g;){switch(g.tag){case 3:g.stateNode.effectDuration+=f;break a;case 12:g.stateNode.effectDuration+=f;break a}g=g.return}}catch(h){W(a,a.return,h)}}
-function Sj(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:Tj(a,c);d&4&&Nj(c,5);break;case 1:Tj(a,c);if(d&4)if(a=c.stateNode,null===b)if(yj(c)){try{wh(),a.componentDidMount()}catch(h){W(c,c.return,h)}uh(c)}else try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:yh(c.type,b.memoizedProps);b=b.memoizedState;if(yj(c)){try{wh(),a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}uh(c)}else try{a.componentDidUpdate(e,
-b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&Oj(c);d&512&&Aj(c,c.return);break;case 3:Tj(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=c.child.stateNode;break;case 1:a=c.child.stateNode}try{ue(d,a)}catch(h){W(c,c.return,h)}}break;case 26:Tj(a,c);d&512&&Aj(c,c.return);break;case 27:case 5:Tj(a,c);null===b&&d&4&&Pj(c);d&512&&Aj(c,c.return);break;case 12:Tj(a,c);d&4&&Qj(c,b);break;case 13:Tj(a,c);d&4&&Uj(a,c);break;
-case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||sj,!e){b=null!==b&&null!==b.memoizedState||tj;var f=sj,g=tj;sj=e;(tj=b)&&!g?Vj(a,c,0!==(c.subtreeFlags&8772)):Tj(a,c);sj=f;tj=g}}else Tj(a,c);d&512&&("manual"===c.memoizedProps.mode?Aj(c,c.return):Bj(c,c.return));break;default:Tj(a,c)}}
-function Wj(a){var b=a.alternate;null!==b&&(a.alternate=null,Wj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Ub(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Xj(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
-function Yj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Xj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
-function Zj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=ak));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(Zj(a,b,c),a=a.sibling;null!==a;)Zj(a,b,c),a=a.sibling}
-function bk(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(bk(a,b,c),a=a.sibling;null!==a;)bk(a,b,c),a=a.sibling}var ck=null,dk=!1;function ek(a,b,c){for(c=c.child;null!==c;)fk(a,b,c),c=c.sibling}
-function fk(a,b,c){if(ab&&"function"===typeof ab.onCommitFiberUnmount)try{ab.onCommitFiberUnmount($a,c)}catch(k){}switch(c.tag){case 26:tj||Bj(c,b);ek(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:tj||Bj(c,b);var d=ck,e=dk;ck=c.stateNode;ek(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Ub(c);ck=d;dk=e;break;case 5:tj||Bj(c,b);case 6:d=ck;e=dk;ck=null;ek(a,b,c);ck=d;dk=e;null!==ck&&(dk?(a=ck,c=c.stateNode,
-8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):ck.removeChild(c.stateNode));break;case 18:null!==ck&&(dk?(a=ck,c=c.stateNode,8===a.nodeType?gk(a.parentNode,c):1===a.nodeType&&gk(a,c),hk(a)):gk(ck,c.stateNode));break;case 4:d=ck;e=dk;ck=c.stateNode.containerInfo;dk=!0;ek(a,b,c);ck=d;dk=e;break;case 0:case 11:case 14:case 15:if(!tj&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,Cj(c,b,h)):
-0!==(f&4)&&(jb(c),yj(c)?(wh(),g.destroy=void 0,Cj(c,b,h),uh(c)):(g.destroy=void 0,Cj(c,b,h)),kb()));e=e.next}while(e!==d)}ek(a,b,c);break;case 1:if(!tj&&(Bj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{zj(c,d)}catch(k){W(c,b,k)}ek(a,b,c);break;case 21:ek(a,b,c);break;case 22:Bj(c,b);c.mode&1?(tj=(d=tj)||null!==c.memoizedState,ek(a,b,c),tj=d):ek(a,b,c);break;default:ek(a,b,c)}}
-function Uj(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{hk(a)}catch(c){W(b,b.return,c)}}function ik(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new uj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new uj),b;default:throw Error(u(435,a.tag));}}
-function jk(a,b){var c=ik(a);b.forEach(function(d){var e=kk.bind(null,a,d);if(!c.has(d)){c.add(d);if(bb)if(null!==wj&&null!==xj)Ph(xj,wj);else throw Error(u(413));d.then(e,e)}})}function lk(a,b,c){wj=c;xj=a;mk(b,a);xj=wj=null}
-function nk(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:ck=h.stateNode;dk=!1;break a;case 3:ck=h.stateNode.containerInfo;dk=!0;break a;case 4:ck=h.stateNode.containerInfo;dk=!0;break a}h=h.return}if(null===ck)throw Error(u(160));fk(f,g,e);ck=null;dk=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)mk(b,a),b=b.sibling}
-var ok=null;
-function mk(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:nk(b,a);pk(a);if(d&4){try{Lj(3,a,a.return),Mj(3,a)}catch(t){W(a,a.return,t)}if(yj(a)){try{wh(),Lj(5,a,a.return)}catch(t){W(a,a.return,t)}uh(a)}else try{Lj(5,a,a.return)}catch(t){W(a,a.return,t)}}break;case 1:nk(b,a);pk(a);d&512&&null!==c&&Bj(c,c.return);d&64&&sj&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=
-ok;nk(b,a);pk(a);d&512&&null!==c&&Bj(c,c.return);if(d&4)if(b=null!==c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Tb]||e[Mb]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));dj(e,c,d);e[Mb]=a;ac(e);c=e;break a;case "link":var f=qk("link",
-"href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);dj(e,c,d);b.head.appendChild(e);break;case "meta":if(f=qk("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===
-(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);dj(e,c,d);b.head.appendChild(e);break;default:throw Error(u(468,c));}e[Mb]=a;ac(e);c=e}a.stateNode=c}else rk(e,a.type,a.stateNode);else a.stateNode=sk(e,d,a.memoizedProps);
-else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):b.count--,null===d?rk(e,a.type,a.stateNode):sk(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;tk(h,a.type,c.memoizedProps,k);h[Nb]=k}catch(t){W(a,a.return,t)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,q=g.nodeName;g[Tb]||"HEAD"===q||"BODY"===q||"SCRIPT"===q||"STYLE"===
-q||"LINK"===q&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=e.attributes;n.length;)e.removeAttributeNode(n[0]);dj(e,g,f);e[Mb]=a;e[Nb]=f}case 5:nk(b,a);pk(a);d&512&&null!==c&&Bj(c,c.return);if(a.flags&32){b=a.stateNode;try{Oc(b,"")}catch(t){W(a,a.return,t)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{tk(d,e,c,b),d[Nb]=b}catch(t){W(a,a.return,t)}}break;case 6:nk(b,a);pk(a);if(d&4){if(null===a.stateNode)throw Error(u(162));
-c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(t){W(a,a.return,t)}}break;case 3:uk=null;e=ok;ok=vk(b.containerInfo);nk(b,a);ok=e;pk(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{hk(b.containerInfo)}catch(t){W(a,a.return,t)}break;case 4:c=ok;ok=vk(a.stateNode.containerInfo);nk(b,a);pk(a);ok=c;break;case 13:nk(b,a);pk(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(wk=Ta());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,jk(a,c)));break;case 22:d&
-512&&null!==c&&Bj(c,c.return);h=null!==a.memoizedState;k=null!==c&&null!==c.memoizedState;if(a.mode&1){var w=sj,r=tj;sj=w||h;tj=r||k;nk(b,a);tj=r;sj=w}else nk(b,a);pk(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=sj||tj,null===c||k||b||0!==(a.mode&1)&&xk(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=
-b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,q=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==q||"boolean"===typeof q?"":(""+q).trim())}catch(t){W(a,a.return,t)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(t){W(a,a.return,t)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=
-b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,jk(a,d))));break;case 19:nk(b,a);pk(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,jk(a,c)));break;case 21:break;default:nk(b,a),pk(a)}}
-function pk(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(Xj(c)){var d=c;break b}c=c.return}throw Error(u(160));}switch(d.tag){case 27:var e=d.stateNode,f=Yj(a);bk(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Oc(g,""),d.flags&=-33);var h=Yj(a);bk(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=Yj(a);Zj(a,n,k);break;default:throw Error(u(161));}}}catch(q){W(a,a.return,q)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
-function yk(a,b,c){wj=c;xj=b;Sj(b,a.alternate,a);xj=wj=null}function Tj(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)Sj(a,b.alternate,b),b=b.sibling}
-function xk(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:if(yj(b))try{wh(),Lj(4,b,b.return)}finally{uh(b)}else Lj(4,b,b.return);xk(b);break;case 1:Bj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{zj(d,c)}catch(f){W(d,e,f)}}xk(b);break;case 26:case 27:case 5:Bj(b,b.return);xk(b);break;case 22:Bj(b,b.return);null===b.memoizedState&&xk(b);break;default:xk(b)}a=a.sibling}}
-function Vj(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:Vj(e,f,c);Nj(f,4);break;case 1:Vj(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)te(h[d],e)}c&&g&64&&Oj(f);Aj(f,f.return);break;case 26:case 27:case 5:Vj(e,f,c);
-c&&null===d&&g&4&&Pj(f);Aj(f,f.return);break;case 12:Vj(e,f,c);c&&g&4&&Qj(f,d);break;case 13:Vj(e,f,c);c&&g&4&&Uj(e,f);break;case 22:null===f.memoizedState&&Vj(e,f,c);Aj(f,f.return);break;default:Vj(e,f,c)}b=b.sibling}}function zk(a,b){if(yj(a)){rh=nh();try{Mj(b,a)}catch(c){W(a,a.return,c)}vh(a)}else try{Mj(b,a)}catch(c){W(a,a.return,c)}}
-function Ak(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&Qi(c))}function Bk(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&Qi(a))}
-function Ck(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)Dk(a,b,c,d),b=b.sibling}
-function Dk(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:Ck(a,b,c,d);e&2048&&zk(b,9);break;case 3:Ck(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&Qi(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?Ck(a,b,c,d):b.mode&1?Ek(a,b):(f._visibility|=4,Ck(a,b,c,d)):f._visibility&4?Ck(a,b,c,d):(f._visibility|=4,Fk(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Ak(b.alternate,
-b);break;case 24:Ck(a,b,c,d);e&2048&&Bk(b.alternate,b);break;default:Ck(a,b,c,d)}}
-function Fk(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:Fk(f,g,h,k,e);zk(g,8);break;case 23:break;case 22:var q=g.stateNode;null!==g.memoizedState?q._visibility&4?Fk(f,g,h,k,e):g.mode&1?Ek(f,g):(q._visibility|=4,Fk(f,g,h,k,e)):(q._visibility|=4,Fk(f,g,h,k,e));e&&n&2048&&Ak(g.alternate,g);break;case 24:Fk(f,g,h,k,e);e&&n&2048&&Bk(g.alternate,g);break;default:Fk(f,g,h,k,e)}b=b.sibling}}
-function Ek(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:Ek(c,d);e&2048&&Ak(d.alternate,d);break;case 24:Ek(c,d);e&2048&&Bk(d.alternate,d);break;default:Ek(c,d)}b=b.sibling}}var Gk=8192;function Hk(a){if(a.subtreeFlags&Gk)for(a=a.child;null!==a;)Ik(a),a=a.sibling}
-function Ik(a){switch(a.tag){case 26:Hk(a);a.flags&Gk&&null!==a.memoizedState&&Jk(ok,a.memoizedState,a.memoizedProps);break;case 5:Hk(a);break;case 3:case 4:var b=ok;ok=vk(a.stateNode.containerInfo);Hk(a);ok=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=Gk,Gk=16777216,Hk(a),Gk=b):Hk(a));break;default:Hk(a)}}function Kk(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
-function Lk(a,b,c){yj(a)?(rh=nh(),Lj(c,a,b),vh(a)):Lj(c,a,b)}function Mk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];vj=d;Nk(d,a)}Kk(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)Ok(a),a=a.sibling}
-function Ok(a){switch(a.tag){case 0:case 11:case 15:Mk(a);a.flags&2048&&Lk(a,a.return,9);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,Pk(a)):Mk(a);break;default:Mk(a)}}
-function Pk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];vj=d;Nk(d,a)}Kk(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:Lk(b,b.return,8);Pk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,Pk(b));break;default:Pk(b)}a=a.sibling}}
-function Nk(a,b){for(;null!==vj;){var c=vj;switch(c.tag){case 0:case 11:case 15:Lk(c,b,8);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:Qi(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,vj=d;else a:for(c=a;null!==vj;){d=vj;var e=d.sibling,f=d.return;Wj(d);if(d===c){vj=null;break a}if(null!==e){e.return=f;vj=e;break a}vj=f}}}
-var Qk={getCacheSignal:function(){return rg(ii).controller.signal},getCacheForType:function(a){var b=rg(ii),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},Rk="function"===typeof WeakMap?WeakMap:Map,Sk=da.ReactCurrentDispatcher,Tk=da.ReactCurrentCache,Uk=da.ReactCurrentOwner,Vk=da.ReactCurrentBatchConfig,N=0,P=null,X=null,O=0,Q=0,Wk=null,Xk=!1,We=0,Rh=0,wf=null,se=0,Yk=0,Zk=0,zf=0,Th=null,Bf=null,wk=0,hj=Infinity,Cf=null,Jh=!1,Kh=null,Mh=null,$k=!1,al=null,bl=0,cl=[],dl=0,el=null,ie=
-0,je=null;function ih(a){if(0===(a.mode&1))return 2;if(0!==(N&2)&&0!==O)return O&-O;if(null!==Ri.transition)return a=Lf,0!==a?a:If();a=G;if(0!==a)return a;a=window.event;a=void 0===a?32:fl(a.type);return a}function Fg(a,b,c){if(a===P&&2===Q||null!==a.cancelPendingCommit)xf(a,0),yf(a,O,zf);Ab(a,c);if(0===(N&2)||a!==P)bb&&Fb(a,b,c),a===P&&(0===(N&2)&&(Yk|=c),4===Rh&&yf(a,O,zf)),nf(a),2===c&&0===N&&0===(b.mode&1)&&(hj=Ta()+500,qf(!0))}
-function Gf(a,b){tf=sf=!1;if(0!==(N&6))throw Error(u(327));var c=a.callbackNode;if(rf()&&a.callbackNode!==c)return null;var d=vb(a,a===P?O:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?gl(a,d):uf(a,d);if(0!==b){var f=e;do{if(6===b)yf(a,d,0);else{e=a.current.alternate;if(f&&!hl(e)){b=uf(a,d);f=!1;continue}if(2===b){f=d;var g=xb(a,f);0!==g&&(d=g,b=vf(a,f,g))}if(1===b)throw c=wf,xf(a,0),yf(a,d,0),nf(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(u(345));
-case 4:if((d&4194176)===d){yf(f,d,zf);break a}break;case 2:case 3:case 5:break;default:throw Error(u(329));}if((d&62914560)===d&&(b=wk+300-Ta(),10<b)){yf(f,d,zf);if(0!==vb(f,0))break a;f.timeoutHandle=il(jl.bind(null,f,e,Bf,Cf,d,zf),b);break a}jl(f,e,Bf,Cf,d,zf)}}break}while(1)}nf(a);Ff(a,Ta());a=a.callbackNode===c?Gf.bind(null,a):null;return a}
-function vf(a,b,c){var d=Th,e=a.current.memoizedState.isDehydrated;e&&(xf(a,c).flags|=256);c=uf(a,c);if(2!==c){if(Xk&&!e)return a.errorRecoveryDisabledLanes|=b,Yk|=b,4;a=Bf;Bf=d;null!==a&&$i(a)}return c}function $i(a){null===Bf?Bf=a:Bf.push.apply(Bf,a)}function jl(a,b,c,d,e,f){if(0===(e&42)&&(kl={stylesheets:null,count:0,unsuspend:ll},Ik(b),b=ml(),null!==b)){a.cancelPendingCommit=b(Af.bind(null,a,c,d));yf(a,e,f);return}Af(a,c,d,f)}
-function hl(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!sd(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
-function yf(a,b,c){b&=~Zk;b&=~Yk;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-pb(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&Cb(a,c,b)}function nl(a,b){var c=N;N|=1;try{return a(b)}finally{N=c,0===N&&(hj=Ta()+500,qf(!0))}}function ol(a){null!==al&&0===al.tag&&0===(N&6)&&rf();var b=N;N|=1;var c=Vk.transition,d=G;try{if(Vk.transition=null,G=2,a)return a()}finally{G=d,Vk.transition=c,N=b,0===(N&6)&&qf(!1)}}
-function pl(){if(null!==X){if(0===Q)var a=X.return;else a=X,Ji(),mg(a),Ee=null,Fe=0,a=X;for(;null!==a;)jj(a.alternate,a),a=a.return;X=null}}
-function xf(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,ql(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());pl();P=a;X=c=Le(a.current,null);O=b;Q=0;Wk=null;Xk=!1;Rh=0;wf=null;zf=Zk=Yk=se=0;Bf=Th=null;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-pb(d),f=1<<e;b|=a[e];d&=~f}We=b;ce();return c}
-function rl(a,b){R=null;Qf.current=gg;Uk.current=null;b===we?(b=De(),Q=Wi()&&0===(se&134217727)&&0===(Yk&134217727)?2:3):b===xe?(b=De(),Q=4):Q=b===Vh?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;Wk=b;a=X;if(null===a)Rh=1,wf=b;else switch(a.mode&2&&th(a,!0),ib(),Q){case 1:null!==F&&"function"===typeof F.markComponentErrored&&F.markComponentErrored(a,b,O);break;case 2:case 3:case 6:case 7:null!==F&&"function"===typeof F.markComponentSuspended&&F.markComponentSuspended(a,b,O)}}
-function Wi(){var a=Ze.current;return null===a?!0:(O&4194176)===O?null===$e?!0:!1:(O&62914560)===O||0!==(O&536870912)?a===$e:!1}function sl(){var a=Sk.current;Sk.current=gg;return null===a?gg:a}function tl(){var a=Tk.current;Tk.current=Qk;return a}function Qh(){Rh=4;0===(se&134217727)&&0===(Yk&134217727)||null===P||yf(P,O,zf)}
-function uf(a,b){var c=N;N|=2;var d=sl(),e=tl();if(P!==a||O!==b){if(bb){var f=a.memoizedUpdaters;0<f.size&&(Ph(a,O),f.clear());Gb(a,b)}Cf=null;xf(a,b)}lb(b);b=!1;a:do try{if(0!==Q&&null!==X){f=X;var g=Wk;switch(Q){case 8:pl();Rh=6;break a;case 3:case 2:b||null!==Ze.current||(b=!0);default:Q=0,Wk=null,ul(f,g)}}vl();break}catch(h){rl(a,h)}while(1);b&&a.shellSuspendCounter++;Ji();N=c;Sk.current=d;Tk.current=e;if(null!==X)throw Error(u(261));mb();P=null;O=0;ce();return Rh}
-function vl(){for(;null!==X;)wl(X)}
-function gl(a,b){var c=N;N|=2;var d=sl(),e=tl();if(P!==a||O!==b){if(bb){var f=a.memoizedUpdaters;0<f.size&&(Ph(a,O),f.clear());Gb(a,b)}Cf=null;hj=Ta()+500;xf(a,b)}lb(b);a:do try{if(0!==Q&&null!==X)b:switch(b=X,f=Wk,Q){case 1:Q=0;Wk=null;ul(b,f);break;case 2:if(ze(f)){Q=0;Wk=null;xl(b);break}b=function(){2===Q&&P===a&&(Q=7);nf(a)};f.then(b,b);break a;case 3:Q=7;break a;case 4:Q=5;break a;case 7:ze(f)?(Q=0,Wk=null,xl(b)):(Q=0,Wk=null,ul(b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;Q=
-0;Wk=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==h?(X=h,yl(h)):X=null}break b}Q=0;Wk=null;ul(b,f);break;case 6:Q=0;Wk=null;ul(b,f);break;case 8:pl();Rh=6;break a;default:throw Error(u(462));}zl();break}catch(k){rl(a,k)}while(1);Ji();Sk.current=d;Tk.current=e;N=c;if(null!==X)return null!==F&&"function"===typeof F.markRenderYielded&&F.markRenderYielded(),0;mb();P=null;O=0;ce();return Rh}function zl(){for(;null!==X&&!Ra();)wl(X)}
-function wl(a){var b=a.alternate;0!==(a.mode&2)?(sh(a),b=Al(b,a,We),th(a,!0)):b=Al(b,a,We);a.memoizedProps=a.pendingProps;null===b?yl(a):X=b;Uk.current=null}
-function xl(a){var b=a.alternate,c=0!==(a.mode&2);c&&sh(a);switch(a.tag){case 2:a.tag=0;case 15:case 0:var d=a.type,e=a.pendingProps;e=a.elementType===d?e:yh(d,e);var f=ld(d)?jd:hd.current;f=kd(a,f);b=ji(b,a,e,d,f,O);break;case 11:d=a.type.render;e=a.pendingProps;e=a.elementType===d?e:yh(d,e);b=ji(b,a,e,d,a.ref,O);break;case 5:mg(a);default:jj(b,a),a=X=gj(a,We),b=Al(b,a,We)}c&&th(a,!0);a.memoizedProps=a.pendingProps;null===b?yl(a):X=b;Uk.current=null}
-function ul(a,b){Ji();mg(a);Ee=null;Fe=0;var c=a.return;if(null===c||null===P)Rh=1,wf=b,X=null;else{try{Oh(P,c,a,b,O)}catch(d){throw X=c,d;}if(a.flags&32768)a:{do{b=ij(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}if(0!==(a.mode&2)){th(a,!1);b=a.actualDuration;for(c=a.child;null!==c;)b+=c.actualDuration,c=c.sibling;a.actualDuration=b}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);Rh=6;X=null}else yl(a)}}
-function yl(a){var b=a;do{var c=b.alternate;a=b.return;0===(b.mode&2)?c=Zi(c,b,We):(sh(b),c=Zi(c,b,We),th(b,!1));if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===Rh&&(Rh=5)}function Af(a,b,c,d){var e=G,f=Vk.transition;try{Vk.transition=null,G=2,Bl(a,b,c,e,d)}finally{Vk.transition=f,G=e}return null}
-function Bl(a,b,c,d,e){do rf();while(null!==al);if(0!==(N&6))throw Error(u(327));var f=a.finishedWork,g=a.finishedLanes;null!==F&&"function"===typeof F.markCommitStarted&&F.markCommitStarted(g);if(null===f)return gb(),null;a.finishedWork=null;a.finishedLanes=0;if(f===a.current)throw Error(u(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var h=f.lanes|f.childLanes;h|=be;Bb(a,h,e);a===P&&(X=P=null,O=0);0===(f.subtreeFlags&10256)&&0===(f.flags&10256)||$k||($k=!0,dl=h,el=c,
-Cl(Xa,function(){rf();return null}));c=0!==(f.flags&15990);if(0!==(f.subtreeFlags&15990)||c){c=Vk.transition;Vk.transition=null;e=G;G=2;var k=N;N|=4;Uk.current=null;Ej(a,f);oh=nh();lk(a,f,g);Dl(Jj);Gj=!!Fj;Jj=Fj=null;a.current=f;null!==F&&"function"===typeof F.markLayoutEffectsStarted&&F.markLayoutEffectsStarted(g);yk(f,a,g);null!==F&&"function"===typeof F.markLayoutEffectsStopped&&F.markLayoutEffectsStopped();Sa();N=k;G=e;Vk.transition=c}else a.current=f,oh=nh();$k?($k=!1,al=a,bl=g):El(a,h);h=a.pendingLanes;
-0===h&&(Mh=null);cb(f.stateNode,d);bb&&a.memoizedUpdaters.clear();nf(a);if(null!==b)for(d=a.onRecoverableError,f=0;f<b.length;f++)h=b[f],c={digest:h.digest,componentStack:h.stack},d(h.value,c);if(Jh)throw Jh=!1,a=Kh,Kh=null,a;0!==(bl&3)&&0!==a.tag&&rf();h=a.pendingLanes;0!==(g&4194218)&&0!==(h&42)?(tf=!0,a===je?ie++:(ie=0,je=a)):ie=0;qf(!1);gb();return null}function El(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,Qi(b)))}
-function rf(){if(null!==al){var a=al,b=dl;dl=0;var c=Ib(bl),d=32>c?32:c;c=Vk.transition;var e=G;try{Vk.transition=null;G=d;if(null===al)var f=!1;else{var g=el;el=null;d=al;var h=bl;al=null;bl=0;if(0!==(N&6))throw Error(u(331));null!==F&&"function"===typeof F.markPassiveEffectsStarted&&F.markPassiveEffectsStarted(h);var k=N;N|=4;Ok(d.current);Dk(d,d.current,h,g);g=cl;cl=[];for(h=0;h<g.length;h++){var n=g[h];if(N&4&&0!==(n.flags&4))switch(n.tag){case 12:var q=n.stateNode.passiveEffectDuration,w=n.memoizedProps,
-r=w.id,t=w.onPostCommit,A=oh,C=null===n.alternate?"mount":"update";sf&&(C="nested-update");"function"===typeof t&&t(r,C,q,A);var J=n.return;b:for(;null!==J;){switch(J.tag){case 3:J.stateNode.passiveEffectDuration+=q;break b;case 12:J.stateNode.passiveEffectDuration+=q;break b}J=J.return}}}null!==F&&"function"===typeof F.markPassiveEffectsStopped&&F.markPassiveEffectsStopped();N=k;qf(!1);if(ab&&"function"===typeof ab.onPostCommitFiberRoot)try{ab.onPostCommitFiberRoot($a,d)}catch(m){}var S=d.current.stateNode;
-S.effectDuration=0;S.passiveEffectDuration=0;f=!0}return f}finally{G=e,Vk.transition=c,El(a,b)}}return!1}function Rj(a){cl.push(a);$k||($k=!0,Cl(Xa,function(){rf();return null}))}function Fl(a,b,c){b=Fh(c,b);b=Ih(a,b,2);a=oe(a,b,2);null!==a&&(Ab(a,2),nf(a))}
-function W(a,b,c){if(3===a.tag)Fl(a,a,c);else for(;null!==b;){if(3===b.tag){Fl(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===Mh||!Mh.has(d))){a=Fh(c,a);a=Lh(b,a,2);b=oe(b,a,2);null!==b&&(Ab(b,2),nf(b));break}}b=b.return}}
-function Sh(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new Rk;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(Xk=!0,e.add(c),d=Gl.bind(null,a,b,c),bb&&Ph(a,c),b.then(d,d))}function Gl(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;P===a&&(O&c)===c&&(4===Rh||3===Rh&&(O&62914560)===O&&300>Ta()-wk?0===(N&2)&&xf(a,0):Zk|=c);nf(a)}function Hl(a,b){0===b&&(b=0===(a.mode&1)?2:yb());a=he(a,b);null!==a&&(Ab(a,b),nf(a))}
-function yi(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Hl(a,c)}function kk(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(u(314));}null!==d&&d.delete(b);Hl(a,c)}var Al;
-Al=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||id.current)vg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return vg=!1,Di(a,b,c);vg=0!==(a.flags&131072)?!0:!1}else vg=!1,K&&0!==(b.flags&1048576)&&Dd(b,wd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;li(a,b);a=b.pendingProps;var e=kd(b,hd.current);Yh(b,c);hb(b);e=bg(null,b,d,a,e,c);var f=kg();ib();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
-null,ld(d)?(f=!0,pd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,le(b),e.updater=Ah,b.stateNode=e,e._reactInternals=b,Eh(b,d,a,c),b=mi(null,b,d,!0,f,c)):(b.tag=0,K&&f&&Ed(b),Wh(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{li(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=Il(d);a=yh(d,a);switch(e){case 0:b=ci(null,b,d,a,c);break a;case 1:b=ki(null,b,d,a,c);break a;case 11:b=Xh(null,b,d,a,c);break a;case 14:b=$h(null,b,d,yh(d.type,a),c);break a}throw Error(u(306,
-d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:yh(d,e),ci(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:yh(d,e),ki(a,b,d,e,c);case 3:a:{ni(b);if(null===a)throw Error(u(387));e=b.pendingProps;f=b.memoizedState;d=f.element;me(a,b);re(b,e,null,c);var g=b.memoizedState;e=g.cache;Ei(b,ii,e);e!==f.cache&&Li(b,ii,c);e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&256){d=
-Fh(Error(u(423)),b);b=oi(a,b,e,c,d);break a}else if(e!==d){d=Fh(Error(u(424)),b);b=oi(a,b,e,c,d);break a}else for(I=Nd(b.stateNode.containerInfo.firstChild),H=b,K=!0,Gd=null,Hd=!0,c=Se(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Yd();if(e===d){b=Zh(a,b,c);break a}Wh(a,b,e,c)}b=b.child}return b;case 26:return ei(a,b),c=b.memoizedState=Jl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||K||null!==c||(c=b.type,a=b.pendingProps,d=cj(Ga.current).createElement(c),d[Mb]=
-b,d[Nb]=a,dj(d,c,a),ac(d),b.stateNode=d),null;case 27:return Na(b),null===a&&K&&(d=b.stateNode=bj(b.type,b.pendingProps,Ga.current),H=b,Hd=!0,I=Nd(d.firstChild)),d=b.pendingProps.children,null!==a||K?Wh(a,b,d,c):b.child=Re(b,null,d,c),ei(a,b),b.child;case 5:return Na(b),null===a&&K&&((e=d=I,e)?Ld(b,e)||(Sd(b)&&Td(),I=Rd(e),f=H,I&&Ld(b,I)?Id(f,e):(Kd(H,b),K=!1,H=b,I=d)):(Sd(b)&&Td(),Kd(H,b),K=!1,H=b,I=d)),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Wd(e,f)?d=null:null!==
-g&&Wd(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=bg(a,b,ig,null,null,c),Ia._currentValue=e,vg&&null!==a&&a.memoizedState.memoizedState!==e&&Li(b,Ia,c)),ei(a,b),Wh(a,b,d,c),b.child;case 6:return null===a&&K&&((d=""!==b.pendingProps,a=c=I,a&&d)?Od(b,a)||(Sd(b)&&Td(),I=Rd(a),d=H,I&&Od(b,I)?Id(d,a):(Kd(H,b),K=!1,H=b,I=c)):(Sd(b)&&Td(),Kd(H,b),K=!1,H=b,I=c)),null;case 13:return ti(a,b,c);case 4:return Ja(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Re(b,null,d,c):Wh(a,b,d,c),b.child;
-case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:yh(d,e),Xh(a,b,d,e,c);case 7:return Wh(a,b,b.pendingProps,c),b.child;case 8:return Wh(a,b,b.pendingProps.children,c),b.child;case 12:return b.flags|=4,d=b.stateNode,d.effectDuration=0,d.passiveEffectDuration=0,Wh(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;Ei(b,d,g);if(null!==f)if(sd(f.value,g)){if(f.children===e.children&&!id.current){b=Zh(a,b,c);break a}}else Li(b,
-d,c);Wh(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,Yh(b,c),e=rg(e),hb(b),d=d(e),ib(),b.flags|=1,Wh(a,b,d,c),b.child;case 14:return d=b.type,e=yh(d,b.pendingProps),e=yh(d.type,e),$h(a,b,d,e,c);case 15:return bi(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:yh(d,e),li(a,b),b.tag=1,ld(d)?(a=!0,pd(b)):a=!1,Yh(b,c),Ch(b,d,e),Eh(b,d,e,c),mi(null,b,d,!0,a,c);case 19:return Ci(a,b,c);case 22:return di(a,b,c);case 24:return Yh(b,
-c),d=rg(ii),null===a?(e=hi(),null===e&&(e=P,f=jh(),e.pooledCache=f,f.refCount++,null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},le(b),Ei(b,ii,e)):(0!==(a.lanes&c)&&(me(a,b),re(b,null,null,c)),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),Ei(b,ii,d)):(d=f.cache,Ei(b,ii,d),d!==e.cache&&Li(b,ii,c))),Wh(a,b,b.pendingProps.children,c),b.child}throw Error(u(156,b.tag));};
-function Ph(a,b){bb&&a.memoizedUpdaters.forEach(function(c){Fb(a,c,b)})}function Cl(a,b){return Pa(a,b)}
-function Kl(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null;this.actualDuration=0;this.actualStartTime=-1;this.treeBaseDuration=this.selfBaseDuration=0}
-function Jd(a,b,c,d){return new Kl(a,b,c,d)}function ai(a){a=a.prototype;return!(!a||!a.isReactComponent)}function Il(a){if("function"===typeof a)return ai(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===ta)return 11;if(a===wa)return 14}return 2}
-function Le(a,b){var c=a.alternate;null===c?(c=Jd(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null,c.actualDuration=0,c.actualStartTime=-1);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:
+function hj(a,b,c){var d=b.pendingProps;Id(b);switch(b.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return V(b),null;case 1:return od(b.type)&&pd(),V(b),null;case 3:c=b.stateNode;d=null;null!==a&&(d=a.memoizedState.cache);b.memoizedState.cache!==d&&(b.flags|=2048);Ti(ri);La();F(ld);F(kd);c.pendingContext&&(c.context=c.pendingContext,c.pendingContext=null);if(null===a||null===a.child)Yd(b)?cj(b):null===a||a.memoizedState.isDehydrated&&0===(b.flags&256)||(b.flags|=
+1024,null!==Jd&&(ij(Jd),Jd=null));V(b);return null;case 26:c=b.memoizedState;if(null===a)cj(b),null!==c?(V(b),dj(b,c)):(V(b),b.flags&=-16777217);else{var e=a.memoizedState;c!==e&&cj(b);null!==c?(V(b),c===e?b.flags&=-16777217:dj(b,c)):(a.memoizedProps!==d&&cj(b),V(b),b.flags&=-16777217)}return null;case 27:Na(b);c=Fa.current;e=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&cj(b);else{if(!d){if(null===b.stateNode)throw Error(x(166));V(b);return null}a=Da.current;Yd(b)?jj(b.stateNode,b.type,
+b.memoizedProps,a,b):(a=kj(e,d,c),b.stateNode=a,cj(b))}V(b);return null;case 5:Na(b);c=b.type;if(null!==a&&null!=b.stateNode)a.memoizedProps!==d&&cj(b);else{if(!d){if(null===b.stateNode)throw Error(x(166));V(b);return null}a=Da.current;if(Yd(b))jj(b.stateNode,b.type,b.memoizedProps,a,b);else{e=lj(Fa.current);switch(a){case 1:a=e.createElementNS("http://www.w3.org/2000/svg",c);break;case 2:a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;default:switch(c){case "svg":a=e.createElementNS("http://www.w3.org/2000/svg",
+c);break;case "math":a=e.createElementNS("http://www.w3.org/1998/Math/MathML",c);break;case "script":a=e.createElement("div");a.innerHTML="<script>\x3c/script>";a=a.removeChild(a.firstChild);break;case "select":a="string"===typeof d.is?e.createElement("select",{is:d.is}):e.createElement("select");d.multiple?a.multiple=!0:d.size&&(a.size=d.size);break;default:a="string"===typeof d.is?e.createElement(c,{is:d.is}):e.createElement(c)}}a[Ob]=b;a[Pb]=d;a:for(e=b.child;null!==e;){if(5===e.tag||6===e.tag)a.appendChild(e.stateNode);
+else if(4!==e.tag&&27!==e.tag&&null!==e.child){e.child.return=e;e=e.child;continue}if(e===b)break a;for(;null===e.sibling;){if(null===e.return||e.return===b)break a;e=e.return}e.sibling.return=e.return;e=e.sibling}b.stateNode=a;a:switch(mj(a,c,d),c){case "button":case "input":case "select":case "textarea":a=!!d.autoFocus;break a;case "img":a=!0;break a;default:a=!1}a&&cj(b)}}V(b);b.flags&=-16777217;return null;case 6:if(a&&null!=b.stateNode)a.memoizedProps!==d&&cj(b);else{if("string"!==typeof d&&
+null===b.stateNode)throw Error(x(166));a=Fa.current;if(Yd(b)){a:{a=b.stateNode;c=b.memoizedProps;a[Ob]=b;if(d=a.nodeValue!==c)if(e=J,null!==e)switch(e.tag){case 3:e=0!==(e.mode&1);nj(a.nodeValue,c,e);if(e){a=!1;break a}break;case 27:case 5:var f=0!==(e.mode&1);!0!==e.memoizedProps.suppressHydrationWarning&&nj(a.nodeValue,c,f);if(f){a=!1;break a}}a=d}a&&cj(b)}else a=lj(a).createTextNode(d),a[Ob]=b,b.stateNode=a}V(b);return null;case 13:Uf(b);d=b.memoizedState;if(null===a||null!==a.memoizedState&&null!==
+a.memoizedState.dehydrated){if(N&&null!==L&&0!==(b.mode&1)&&0===(b.flags&128))$d(),ae(),b.flags|=384,e=!1;else if(e=Yd(b),null!==d&&null!==d.dehydrated){if(null===a){if(!e)throw Error(x(318));e=b.memoizedState;e=null!==e?e.dehydrated:null;if(!e)throw Error(x(317));e[Ob]=b;V(b);0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=e.treeBaseDuration))}else ae(),0===(b.flags&128)&&(b.memoizedState=null),b.flags|=4,V(b),0!==(b.mode&2)&&null!==d&&(e=b.child,null!==e&&(b.treeBaseDuration-=
+e.treeBaseDuration));e=!1}else null!==Jd&&(ij(Jd),Jd=null),e=!0;if(!e)return b.flags&256?b:null}if(0!==(b.flags&128))return b.lanes=c,0!==(b.mode&2)&&Fh(b),b;c=null!==d;a=null!==a&&null!==a.memoizedState;c&&(d=b.child,e=null,null!==d.alternate&&null!==d.alternate.memoizedState&&null!==d.alternate.memoizedState.cachePool&&(e=d.alternate.memoizedState.cachePool.pool),f=null,null!==d.memoizedState&&null!==d.memoizedState.cachePool&&(f=d.memoizedState.cachePool.pool),f!==e&&(d.flags|=2048));c!==a&&c&&
+(b.child.flags|=8192);fj(b,b.updateQueue);V(b);0!==(b.mode&2)&&c&&(a=b.child,null!==a&&(b.treeBaseDuration-=a.treeBaseDuration));return null;case 4:return La(),null===a&&oj(b.stateNode.containerInfo),V(b),null;case 10:return Ti(b.type._context),V(b),null;case 17:return od(b.type)&&pd(),V(b),null;case 19:F(Rf);e=b.memoizedState;if(null===e)return V(b),null;d=0!==(b.flags&128);f=e.rendering;if(null===f)if(d)gj(e,!1);else{if(0!==$h||null!==a&&0!==(a.flags&128))for(a=b.child;null!==a;){f=Vf(a);if(null!==
+f){b.flags|=128;gj(e,!1);a=f.updateQueue;b.updateQueue=a;fj(b,a);b.subtreeFlags=0;a=c;for(c=b.child;null!==c;)pj(c,a),c=c.sibling;G(Rf,Rf.current&1|2);return b.child}a=a.sibling}null!==e.tail&&Sa()>qj&&(b.flags|=128,d=!0,gj(e,!1),b.lanes=4194304)}else{if(!d)if(a=Vf(f),null!==a){if(b.flags|=128,d=!0,a=a.updateQueue,b.updateQueue=a,fj(b,a),gj(e,!0),null===e.tail&&"hidden"===e.tailMode&&!f.alternate&&!N)return V(b),null}else 2*Sa()-e.renderingStartTime>qj&&536870912!==c&&(b.flags|=128,d=!0,gj(e,!1),
+b.lanes=4194304);e.isBackwards?(f.sibling=b.child,b.child=f):(a=e.last,null!==a?a.sibling=f:b.child=f,e.last=f)}if(null!==e.tail)return b=e.tail,e.rendering=b,e.tail=b.sibling,e.renderingStartTime=Sa(),b.sibling=null,a=Rf.current,G(Rf,d?a&1|2:a&1),b;V(b);return null;case 22:case 23:return Uf(b),Nf(),d=null!==b.memoizedState,null!==a?null!==a.memoizedState!==d&&(b.flags|=8192):d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(c&536870912)&&0===(b.flags&128)&&(V(b),b.subtreeFlags&6&&(b.flags|=8192)):V(b),c=
+b.updateQueue,null!==c&&fj(b,c.retryQueue),c=null,null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool),d=null,null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(d=b.memoizedState.cachePool.pool),d!==c&&(b.flags|=2048),null!==a&&F(bj),null;case 24:return c=null,null!==a&&(c=a.memoizedState.cache),b.memoizedState.cache!==c&&(b.flags|=2048),Ti(ri),V(b),null;case 25:return null}throw Error(x(156,b.tag));}
+function rj(a,b){Id(b);switch(b.tag){case 1:return od(b.type)&&pd(),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Fh(b),b):null;case 3:return Ti(ri),La(),F(ld),F(kd),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 26:case 27:case 5:return Na(b),null;case 13:Uf(b);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(x(340));ae()}a=b.flags;return a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Fh(b),b):null;case 19:return F(Rf),null;case 4:return La(),
+null;case 10:return Ti(b.type._context),null;case 22:case 23:return Uf(b),Nf(),null!==a&&F(bj),a=b.flags,a&65536?(b.flags=a&-65537|128,0!==(b.mode&2)&&Fh(b),b):null;case 24:return Ti(ri),null;case 25:return null;default:return null}}
+function sj(a,b){Id(b);switch(b.tag){case 1:a=b.type.childContextTypes;null!==a&&void 0!==a&&pd();break;case 3:Ti(ri);La();F(ld);F(kd);break;case 26:case 27:case 5:Na(b);break;case 4:La();break;case 13:Uf(b);break;case 19:F(Rf);break;case 10:Ti(b.type._context);break;case 22:case 23:Uf(b);Nf();null!==a&&F(bj);break;case 24:Ti(ri)}}function tj(a,b,c){var d=Array.prototype.slice.call(arguments,3);try{b.apply(c,d)}catch(e){this.onError(e)}}
+var uj=!1,vj=null,wj=!1,xj=null,yj={onError:function(a){uj=!0;vj=a}};function zj(a,b,c,d,e,f,g,h,k){uj=!1;vj=null;tj.apply(yj,arguments)}function Aj(a,b,c,d,e,f,g,h,k){zj.apply(this,arguments);if(uj){if(uj){var n=vj;uj=!1;vj=null}else throw Error(x(198));wj||(wj=!0,xj=n)}}var Bj=!1,Cj=!1,Dj="function"===typeof WeakSet?WeakSet:Set,Ej=null,Fj=null,Gj=null;function Hj(a){return 0!==(a.mode&2)&&0!==(Q&4)}
+function Ij(a,b){b.props=a.memoizedProps;b.state=a.memoizedState;if(Hj(a))try{Eh(),b.componentWillUnmount()}finally{Ch(a)}else b.componentWillUnmount()}function Jj(a,b){try{var c=a.ref;if(null!==c){var d=a.stateNode;switch(a.tag){case 26:case 27:case 5:var e=d;break;default:e=d}if("function"===typeof c)if(Hj(a))try{Eh(),a.refCleanup=c(e)}finally{Ch(a)}else a.refCleanup=c(e);else c.current=e}}catch(f){W(a,b,f)}}
+function Kj(a,b){var c=a.ref,d=a.refCleanup;if(null!==c)if("function"===typeof d)try{if(Hj(a))try{Eh(),d()}finally{Ch(a)}else d()}catch(e){W(a,b,e)}finally{a.refCleanup=null,a=a.alternate,null!=a&&(a.refCleanup=null)}else if("function"===typeof c)try{if(Hj(a))try{Eh(),c(null)}finally{Ch(a)}else c(null)}catch(e){W(a,b,e)}else c.current=null}function Lj(a,b,c){try{c()}catch(d){W(a,b,d)}}var Mj=!1;
+function Nj(a,b){Oj=Pj;a=Qj();if(Rj(a)){if("selectionStart"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(v){c=null;break a}var g=0,h=-1,k=-1,n=0,t=0,w=a,q=null;b:for(;;){for(var r;;){w!==c||0!==e&&3!==w.nodeType||(h=g+e);w!==f||0!==d&&3!==w.nodeType||(k=g+d);3===w.nodeType&&(g+=
+w.nodeValue.length);if(null===(r=w.firstChild))break;q=w;w=r}for(;;){if(w===a)break b;q===c&&++n===e&&(h=g);q===f&&++t===d&&(k=g);if(null!==(r=w.nextSibling))break;w=q;q=w.parentNode}w=r}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Sj={focusedElem:a,selectionRange:c};Pj=!1;for(Ej=b;null!==Ej;)if(b=Ej,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,Ej=a;else for(;null!==Ej;){b=Ej;try{var y=b.alternate,D=b.flags;switch(b.tag){case 0:break;case 11:case 15:break;
+case 1:if(0!==(D&1024)&&null!==y){var K=y.memoizedProps,m=y.memoizedState,l=b.stateNode,p=l.getSnapshotBeforeUpdate(b.elementType===b.type?K:Gh(b.type,K),m);l.__reactInternalSnapshotBeforeUpdate=p}break;case 3:0!==(D&1024)&&Tj(b.stateNode.containerInfo);break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if(0!==(D&1024))throw Error(x(163));}}catch(v){W(b,b.return,v)}a=b.sibling;if(null!==a){a.return=b.return;Ej=a;break}Ej=b.return}y=Mj;Mj=!1;return y}
+function Uj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.inst,g=f.destroy;void 0!==g&&(f.destroy=void 0,0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectUnmountStarted&&H.markComponentPassiveEffectUnmountStarted(b):0!==(a&4)&&lb(b),Lj(b,c,g),0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectUnmountStopped&&H.markComponentPassiveEffectUnmountStopped():0!==(a&4)&&mb())}e=e.next}while(e!==d)}}
+function Vj(a,b){var c=b.updateQueue;c=null!==c?c.lastEffect:null;if(null!==c){var d=c=c.next;do{if((d.tag&a)===a){0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectMountStarted&&H.markComponentPassiveEffectMountStarted(b):0!==(a&4)&&null!==H&&"function"===typeof H.markComponentLayoutEffectMountStarted&&H.markComponentLayoutEffectMountStarted(b);var e=d.create,f=d.inst;e=e();f.destroy=e;0!==(a&8)?null!==H&&"function"===typeof H.markComponentPassiveEffectMountStopped&&H.markComponentPassiveEffectMountStopped():
+0!==(a&4)&&null!==H&&"function"===typeof H.markComponentLayoutEffectMountStopped&&H.markComponentLayoutEffectMountStopped()}d=d.next}while(d!==c)}}function Wj(a,b){if(Hj(a)){try{Eh(),Vj(b,a)}catch(c){W(a,a.return,c)}Ch(a)}else try{Vj(b,a)}catch(c){W(a,a.return,c)}}function Xj(a){var b=a.updateQueue;if(null!==b){var c=a.stateNode;try{hf(b,c)}catch(d){W(a,a.return,d)}}}
+function Yj(a){var b=a.type,c=a.memoizedProps,d=a.stateNode;try{a:switch(b){case "button":case "input":case "select":case "textarea":c.autoFocus&&d.focus();break a;case "img":c.src&&(d.src=c.src)}}catch(e){W(a,a.return,e)}}
+function Zj(a,b){if(Q&4)try{var c=a.memoizedProps,d=c.onCommit,e=c.onRender,f=a.stateNode.effectDuration;c=wh;b=null===b?"mount":"update";xe&&(b="nested-update");"function"===typeof e&&e(a.memoizedProps.id,b,a.actualDuration,a.treeBaseDuration,a.actualStartTime,c);"function"===typeof d&&d(a.memoizedProps.id,b,f,c);ak(a);var g=a.return;a:for(;null!==g;){switch(g.tag){case 3:g.stateNode.effectDuration+=f;break a;case 12:g.stateNode.effectDuration+=f;break a}g=g.return}}catch(h){W(a,a.return,h)}}
+function bk(a,b,c){var d=c.flags;switch(c.tag){case 0:case 11:case 15:ck(a,c);d&4&&Wj(c,5);break;case 1:ck(a,c);if(d&4)if(a=c.stateNode,null===b)if(Hj(c)){try{Eh(),a.componentDidMount()}catch(h){W(c,c.return,h)}Ch(c)}else try{a.componentDidMount()}catch(h){W(c,c.return,h)}else{var e=c.elementType===c.type?b.memoizedProps:Gh(c.type,b.memoizedProps);b=b.memoizedState;if(Hj(c)){try{Eh(),a.componentDidUpdate(e,b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}Ch(c)}else try{a.componentDidUpdate(e,
+b,a.__reactInternalSnapshotBeforeUpdate)}catch(h){W(c,c.return,h)}}d&64&&Xj(c);d&512&&Jj(c,c.return);break;case 3:ck(a,c);if(d&64&&(d=c.updateQueue,null!==d)){a=null;if(null!==c.child)switch(c.child.tag){case 27:case 5:a=c.child.stateNode;break;case 1:a=c.child.stateNode}try{hf(d,a)}catch(h){W(c,c.return,h)}}break;case 26:ck(a,c);d&512&&Jj(c,c.return);break;case 27:case 5:ck(a,c);null===b&&d&4&&Yj(c);d&512&&Jj(c,c.return);break;case 12:ck(a,c);d&4&&Zj(c,b);break;case 13:ck(a,c);d&4&&dk(a,c);break;
+case 22:if(0!==(c.mode&1)){if(e=null!==c.memoizedState||Bj,!e){b=null!==b&&null!==b.memoizedState||Cj;var f=Bj,g=Cj;Bj=e;(Cj=b)&&!g?ek(a,c,0!==(c.subtreeFlags&8772)):ck(a,c);Bj=f;Cj=g}}else ck(a,c);d&512&&("manual"===c.memoizedProps.mode?Jj(c,c.return):Kj(c,c.return));break;default:ck(a,c)}}
+function fk(a){var b=a.alternate;null!==b&&(a.alternate=null,fk(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&Wb(b));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function gk(a){return 5===a.tag||3===a.tag||26===a.tag||27===a.tag||4===a.tag}
+function hk(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||gk(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&27!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}
+function ik(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=jk));else if(4!==d&&27!==d&&(a=a.child,null!==a))for(ik(a,b,c),a=a.sibling;null!==a;)ik(a,b,c),a=a.sibling}
+function kk(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&27!==d&&(a=a.child,null!==a))for(kk(a,b,c),a=a.sibling;null!==a;)kk(a,b,c),a=a.sibling}var lk=null,mk=!1;function nk(a,b,c){for(c=c.child;null!==c;)ok(a,b,c),c=c.sibling}
+function ok(a,b,c){if(bb&&"function"===typeof bb.onCommitFiberUnmount)try{bb.onCommitFiberUnmount(ab,c)}catch(k){}switch(c.tag){case 26:Cj||Kj(c,b);nk(a,b,c);c.memoizedState?c.memoizedState.count--:c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c));break;case 27:Cj||Kj(c,b);var d=lk,e=mk;lk=c.stateNode;nk(a,b,c);c=c.stateNode;for(a=c.attributes;a.length;)c.removeAttributeNode(a[0]);Wb(c);lk=d;mk=e;break;case 5:Cj||Kj(c,b);case 6:d=lk;e=mk;lk=null;nk(a,b,c);lk=d;mk=e;null!==lk&&(mk?(a=lk,c=c.stateNode,
+8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):lk.removeChild(c.stateNode));break;case 18:null!==lk&&(mk?(a=lk,c=c.stateNode,8===a.nodeType?pk(a.parentNode,c):1===a.nodeType&&pk(a,c),qk(a)):pk(lk,c.stateNode));break;case 4:d=lk;e=mk;lk=c.stateNode.containerInfo;mk=!0;nk(a,b,c);lk=d;mk=e;break;case 0:case 11:case 14:case 15:if(!Cj&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e.tag,g=e.inst,h=g.destroy;void 0!==h&&(0!==(f&2)?(g.destroy=void 0,Lj(c,b,h)):
+0!==(f&4)&&(lb(c),Hj(c)?(Eh(),g.destroy=void 0,Lj(c,b,h),Ch(c)):(g.destroy=void 0,Lj(c,b,h)),mb()));e=e.next}while(e!==d)}nk(a,b,c);break;case 1:if(!Cj&&(Kj(c,b),d=c.stateNode,"function"===typeof d.componentWillUnmount))try{Ij(c,d)}catch(k){W(c,b,k)}nk(a,b,c);break;case 21:nk(a,b,c);break;case 22:Kj(c,b);c.mode&1?(Cj=(d=Cj)||null!==c.memoizedState,nk(a,b,c),Cj=d):nk(a,b,c);break;default:nk(a,b,c)}}
+function dk(a,b){if(null===b.memoizedState&&(a=b.alternate,null!==a&&(a=a.memoizedState,null!==a&&(a=a.dehydrated,null!==a))))try{qk(a)}catch(c){W(b,b.return,c)}}function rk(a){switch(a.tag){case 13:case 19:var b=a.stateNode;null===b&&(b=a.stateNode=new Dj);return b;case 22:return a=a.stateNode,b=a._retryCache,null===b&&(b=a._retryCache=new Dj),b;default:throw Error(x(435,a.tag));}}
+function sk(a,b){var c=rk(a);b.forEach(function(d){var e=tk.bind(null,a,d);if(!c.has(d)){c.add(d);if(cb)if(null!==Fj&&null!==Gj)Yh(Gj,Fj);else throw Error(x(413));d.then(e,e)}})}function uk(a,b,c){Fj=c;Gj=a;vk(b,a);Gj=Fj=null}
+function wk(a,b){var c=b.deletions;if(null!==c)for(var d=0;d<c.length;d++){var e=c[d];try{var f=a,g=b,h=g;a:for(;null!==h;){switch(h.tag){case 27:case 5:lk=h.stateNode;mk=!1;break a;case 3:lk=h.stateNode.containerInfo;mk=!0;break a;case 4:lk=h.stateNode.containerInfo;mk=!0;break a}h=h.return}if(null===lk)throw Error(x(160));ok(f,g,e);lk=null;mk=!1;var k=e.alternate;null!==k&&(k.return=null);e.return=null}catch(n){W(e,b,n)}}if(b.subtreeFlags&12854)for(b=b.child;null!==b;)vk(b,a),b=b.sibling}
+var xk=null;
+function vk(a,b){var c=a.alternate,d=a.flags;switch(a.tag){case 0:case 11:case 14:case 15:wk(b,a);yk(a);if(d&4){try{Uj(3,a,a.return),Vj(3,a)}catch(r){W(a,a.return,r)}if(Hj(a)){try{Eh(),Uj(5,a,a.return)}catch(r){W(a,a.return,r)}Ch(a)}else try{Uj(5,a,a.return)}catch(r){W(a,a.return,r)}}break;case 1:wk(b,a);yk(a);d&512&&null!==c&&Kj(c,c.return);d&64&&Bj&&(a=a.updateQueue,null!==a&&(c=a.callbacks,null!==c&&(d=a.shared.hiddenCallbacks,a.shared.hiddenCallbacks=null===d?c:d.concat(c))));break;case 26:var e=
+xk;wk(b,a);yk(a);d&512&&null!==c&&Kj(c,c.return);if(d&4)if(b=null!==c?c.memoizedState:null,d=a.memoizedState,null===c)if(null===d)if(null===a.stateNode){a:{c=a.type;d=a.memoizedProps;b=e.ownerDocument||e;b:switch(c){case "title":e=b.getElementsByTagName("title")[0];if(!e||e[Vb]||e[Ob]||"http://www.w3.org/2000/svg"===e.namespaceURI||e.hasAttribute("itemprop"))e=b.createElement(c),b.head.insertBefore(e,b.querySelector("head > title"));mj(e,c,d);e[Ob]=a;cc(e);c=e;break a;case "link":var f=zk("link",
+"href",b).get(c+(d.href||""));if(f)for(var g=0;g<f.length;g++)if(e=f[g],e.getAttribute("href")===(null==d.href?null:d.href)&&e.getAttribute("rel")===(null==d.rel?null:d.rel)&&e.getAttribute("title")===(null==d.title?null:d.title)&&e.getAttribute("crossorigin")===(null==d.crossOrigin?null:d.crossOrigin)){f.splice(g,1);break b}e=b.createElement(c);mj(e,c,d);b.head.appendChild(e);break;case "meta":if(f=zk("meta","content",b).get(c+(d.content||"")))for(g=0;g<f.length;g++)if(e=f[g],e.getAttribute("content")===
+(null==d.content?null:""+d.content)&&e.getAttribute("name")===(null==d.name?null:d.name)&&e.getAttribute("property")===(null==d.property?null:d.property)&&e.getAttribute("http-equiv")===(null==d.httpEquiv?null:d.httpEquiv)&&e.getAttribute("charset")===(null==d.charSet?null:d.charSet)){f.splice(g,1);break b}e=b.createElement(c);mj(e,c,d);b.head.appendChild(e);break;default:throw Error(x(468,c));}e[Ob]=a;cc(e);c=e}a.stateNode=c}else Ak(e,a.type,a.stateNode);else a.stateNode=Bk(e,d,a.memoizedProps);
+else if(b!==d)null===b?null!==c.stateNode&&(c=c.stateNode,c.parentNode.removeChild(c)):b.count--,null===d?Ak(e,a.type,a.stateNode):Bk(e,d,a.memoizedProps);else if(null===d&&null!==a.stateNode){a.updateQueue=null;try{var h=a.stateNode,k=a.memoizedProps;Ck(h,a.type,c.memoizedProps,k);h[Pb]=k}catch(r){W(a,a.return,r)}}break;case 27:if(d&4&&null===a.alternate){e=a.stateNode;f=a.memoizedProps;for(g=e.firstChild;g;){var n=g.nextSibling,t=g.nodeName;g[Vb]||"HEAD"===t||"BODY"===t||"SCRIPT"===t||"STYLE"===
+t||"LINK"===t&&"stylesheet"===g.rel.toLowerCase()||e.removeChild(g);g=n}g=a.type;for(n=e.attributes;n.length;)e.removeAttributeNode(n[0]);mj(e,g,f);e[Ob]=a;e[Pb]=f}case 5:wk(b,a);yk(a);d&512&&null!==c&&Kj(c,c.return);if(a.flags&32){b=a.stateNode;try{Rc(b,"")}catch(r){W(a,a.return,r)}}if(d&4&&(d=a.stateNode,null!=d)){b=a.memoizedProps;c=null!==c?c.memoizedProps:b;e=a.type;a.updateQueue=null;try{Ck(d,e,c,b),d[Pb]=b}catch(r){W(a,a.return,r)}}break;case 6:wk(b,a);yk(a);if(d&4){if(null===a.stateNode)throw Error(x(162));
+c=a.stateNode;d=a.memoizedProps;try{c.nodeValue=d}catch(r){W(a,a.return,r)}}break;case 3:Dk=null;e=xk;xk=Ek(b.containerInfo);wk(b,a);xk=e;yk(a);if(d&4&&null!==c&&c.memoizedState.isDehydrated)try{qk(b.containerInfo)}catch(r){W(a,a.return,r)}break;case 4:c=xk;xk=Ek(a.stateNode.containerInfo);wk(b,a);yk(a);xk=c;break;case 13:wk(b,a);yk(a);a.child.flags&8192&&null!==a.memoizedState!==(null!==c&&null!==c.memoizedState)&&(Fk=Sa());d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,sk(a,c)));break;case 22:d&
+512&&null!==c&&Kj(c,c.return);h=null!==a.memoizedState;k=null!==c&&null!==c.memoizedState;if(a.mode&1){var w=Bj,q=Cj;Bj=w||h;Cj=q||k;wk(b,a);Cj=q;Bj=w}else wk(b,a);yk(a);b=a.stateNode;b._current=a;b._visibility&=-3;b._visibility|=b._pendingVisibility&2;if(d&8192&&(b._visibility=h?b._visibility&-2:b._visibility|1,h&&(b=Bj||Cj,null===c||k||b||0!==(a.mode&1)&&Gk(a)),null===a.memoizedProps||"manual"!==a.memoizedProps.mode))a:for(c=null,b=a;;){if(5===b.tag||26===b.tag||27===b.tag){if(null===c){c=b;try{e=
+b.stateNode,h?(f=e.style,"function"===typeof f.setProperty?f.setProperty("display","none","important"):f.display="none"):(g=b.stateNode,n=b.memoizedProps.style,t=void 0!==n&&null!==n&&n.hasOwnProperty("display")?n.display:null,g.style.display=null==t||"boolean"===typeof t?"":(""+t).trim())}catch(r){W(a,a.return,r)}}}else if(6===b.tag){if(null===c)try{b.stateNode.nodeValue=h?"":b.memoizedProps}catch(r){W(a,a.return,r)}}else if((22!==b.tag&&23!==b.tag||null===b.memoizedState||b===a)&&null!==b.child){b.child.return=
+b;b=b.child;continue}if(b===a)break a;for(;null===b.sibling;){if(null===b.return||b.return===a)break a;c===b&&(c=null);b=b.return}c===b&&(c=null);b.sibling.return=b.return;b=b.sibling}d&4&&(c=a.updateQueue,null!==c&&(d=c.retryQueue,null!==d&&(c.retryQueue=null,sk(a,d))));break;case 19:wk(b,a);yk(a);d&4&&(c=a.updateQueue,null!==c&&(a.updateQueue=null,sk(a,c)));break;case 21:break;default:wk(b,a),yk(a)}}
+function yk(a){var b=a.flags;if(b&2){try{if(27!==a.tag){b:{for(var c=a.return;null!==c;){if(gk(c)){var d=c;break b}c=c.return}throw Error(x(160));}switch(d.tag){case 27:var e=d.stateNode,f=hk(a);kk(a,f,e);break;case 5:var g=d.stateNode;d.flags&32&&(Rc(g,""),d.flags&=-33);var h=hk(a);kk(a,h,g);break;case 3:case 4:var k=d.stateNode.containerInfo,n=hk(a);ik(a,n,k);break;default:throw Error(x(161));}}}catch(t){W(a,a.return,t)}a.flags&=-3}b&4096&&(a.flags&=-4097)}
+function Hk(a,b,c){Fj=c;Gj=b;bk(b,a.alternate,a);Gj=Fj=null}function ck(a,b){if(b.subtreeFlags&8772)for(b=b.child;null!==b;)bk(a,b.alternate,b),b=b.sibling}
+function Gk(a){for(a=a.child;null!==a;){var b=a;switch(b.tag){case 0:case 11:case 14:case 15:if(Hj(b))try{Eh(),Uj(4,b,b.return)}finally{Ch(b)}else Uj(4,b,b.return);Gk(b);break;case 1:Kj(b,b.return);var c=b.stateNode;if("function"===typeof c.componentWillUnmount){var d=b,e=b.return;try{Ij(d,c)}catch(f){W(d,e,f)}}Gk(b);break;case 26:case 27:case 5:Kj(b,b.return);Gk(b);break;case 22:Kj(b,b.return);null===b.memoizedState&&Gk(b);break;default:Gk(b)}a=a.sibling}}
+function ek(a,b,c){c=c&&0!==(b.subtreeFlags&8772);for(b=b.child;null!==b;){var d=b.alternate,e=a,f=b,g=f.flags;switch(f.tag){case 0:case 11:case 15:ek(e,f,c);Wj(f,4);break;case 1:ek(e,f,c);e=f.stateNode;if("function"===typeof e.componentDidMount)try{e.componentDidMount()}catch(k){W(f,f.return,k)}d=f.updateQueue;if(null!==d){var h=d.shared.hiddenCallbacks;if(null!==h)for(d.shared.hiddenCallbacks=null,d=0;d<h.length;d++)gf(h[d],e)}c&&g&64&&Xj(f);Jj(f,f.return);break;case 26:case 27:case 5:ek(e,f,c);
+c&&null===d&&g&4&&Yj(f);Jj(f,f.return);break;case 12:ek(e,f,c);c&&g&4&&Zj(f,d);break;case 13:ek(e,f,c);c&&g&4&&dk(e,f);break;case 22:null===f.memoizedState&&ek(e,f,c);Jj(f,f.return);break;default:ek(e,f,c)}b=b.sibling}}function Ik(a,b){if(Hj(a)){zh=vh();try{Vj(b,a)}catch(c){W(a,a.return,c)}Dh(a)}else try{Vj(b,a)}catch(c){W(a,a.return,c)}}
+function Jk(a,b){var c=null;null!==a&&null!==a.memoizedState&&null!==a.memoizedState.cachePool&&(c=a.memoizedState.cachePool.pool);a=null;null!==b.memoizedState&&null!==b.memoizedState.cachePool&&(a=b.memoizedState.cachePool.pool);a!==c&&(null!=a&&a.refCount++,null!=c&&Zi(c))}function Kk(a,b){a=null;null!==b.alternate&&(a=b.alternate.memoizedState.cache);b=b.memoizedState.cache;b!==a&&(b.refCount++,null!=a&&Zi(a))}
+function Lk(a,b,c,d){if(b.subtreeFlags&10256)for(b=b.child;null!==b;)Mk(a,b,c,d),b=b.sibling}
+function Mk(a,b,c,d){var e=b.flags;switch(b.tag){case 0:case 11:case 15:Lk(a,b,c,d);e&2048&&Ik(b,9);break;case 3:Lk(a,b,c,d);e&2048&&(a=null,null!==b.alternate&&(a=b.alternate.memoizedState.cache),b=b.memoizedState.cache,b!==a&&(b.refCount++,null!=a&&Zi(a)));break;case 23:break;case 22:var f=b.stateNode;null!==b.memoizedState?f._visibility&4?Lk(a,b,c,d):b.mode&1?Nk(a,b):(f._visibility|=4,Lk(a,b,c,d)):f._visibility&4?Lk(a,b,c,d):(f._visibility|=4,Ok(a,b,c,d,0!==(b.subtreeFlags&10256)));e&2048&&Jk(b.alternate,
+b);break;case 24:Lk(a,b,c,d);e&2048&&Kk(b.alternate,b);break;default:Lk(a,b,c,d)}}
+function Ok(a,b,c,d,e){e=e&&0!==(b.subtreeFlags&10256);for(b=b.child;null!==b;){var f=a,g=b,h=c,k=d,n=g.flags;switch(g.tag){case 0:case 11:case 15:Ok(f,g,h,k,e);Ik(g,8);break;case 23:break;case 22:var t=g.stateNode;null!==g.memoizedState?t._visibility&4?Ok(f,g,h,k,e):g.mode&1?Nk(f,g):(t._visibility|=4,Ok(f,g,h,k,e)):(t._visibility|=4,Ok(f,g,h,k,e));e&&n&2048&&Jk(g.alternate,g);break;case 24:Ok(f,g,h,k,e);e&&n&2048&&Kk(g.alternate,g);break;default:Ok(f,g,h,k,e)}b=b.sibling}}
+function Nk(a,b){if(b.subtreeFlags&10256)for(b=b.child;null!==b;){var c=a,d=b,e=d.flags;switch(d.tag){case 22:Nk(c,d);e&2048&&Jk(d.alternate,d);break;case 24:Nk(c,d);e&2048&&Kk(d.alternate,d);break;default:Nk(c,d)}b=b.sibling}}var Pk=8192;function Qk(a){if(a.subtreeFlags&Pk)for(a=a.child;null!==a;)Rk(a),a=a.sibling}
+function Rk(a){switch(a.tag){case 26:Qk(a);a.flags&Pk&&null!==a.memoizedState&&Sk(xk,a.memoizedState,a.memoizedProps);break;case 5:Qk(a);break;case 3:case 4:var b=xk;xk=Ek(a.stateNode.containerInfo);Qk(a);xk=b;break;case 22:null===a.memoizedState&&(b=a.alternate,null!==b&&null!==b.memoizedState?(b=Pk,Pk=16777216,Qk(a),Pk=b):Qk(a));break;default:Qk(a)}}function Tk(a){var b=a.alternate;if(null!==b&&(a=b.child,null!==a)){b.child=null;do b=a.sibling,a.sibling=null,a=b;while(null!==a)}}
+function Uk(a,b,c){Hj(a)?(zh=vh(),Uj(c,a,b),Dh(a)):Uj(c,a,b)}function Vk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Ej=d;Wk(d,a)}Tk(a)}if(a.subtreeFlags&10256)for(a=a.child;null!==a;)Xk(a),a=a.sibling}
+function Xk(a){switch(a.tag){case 0:case 11:case 15:Vk(a);a.flags&2048&&Uk(a,a.return,9);break;case 22:var b=a.stateNode;null!==a.memoizedState&&b._visibility&4&&(null===a.return||13!==a.return.tag)?(b._visibility&=-5,Yk(a)):Vk(a);break;default:Vk(a)}}
+function Yk(a){var b=a.deletions;if(0!==(a.flags&16)){if(null!==b)for(var c=0;c<b.length;c++){var d=b[c];Ej=d;Wk(d,a)}Tk(a)}for(a=a.child;null!==a;){b=a;switch(b.tag){case 0:case 11:case 15:Uk(b,b.return,8);Yk(b);break;case 22:c=b.stateNode;c._visibility&4&&(c._visibility&=-5,Yk(b));break;default:Yk(b)}a=a.sibling}}
+function Wk(a,b){for(;null!==Ej;){var c=Ej;switch(c.tag){case 0:case 11:case 15:Uk(c,b,8);break;case 23:case 22:if(null!==c.memoizedState&&null!==c.memoizedState.cachePool){var d=c.memoizedState.cachePool.pool;null!=d&&d.refCount++}break;case 24:Zi(c.memoizedState.cache)}d=c.child;if(null!==d)d.return=c,Ej=d;else a:for(c=a;null!==Ej;){d=Ej;var e=d.sibling,f=d.return;fk(d);if(d===c){Ej=null;break a}if(null!==e){e.return=f;Ej=e;break a}Ej=f}}}
+var Zk={getCacheSignal:function(){return xg(ri).controller.signal},getCacheForType:function(a){var b=xg(ri),c=b.data.get(a);void 0===c&&(c=a(),b.data.set(a,c));return c}},$k="function"===typeof WeakMap?WeakMap:Map,al=ca.ReactCurrentDispatcher,bl=ca.ReactCurrentCache,cl=ca.ReactCurrentOwner,dl=ca.ReactCurrentBatchConfig,Q=0,P=null,X=null,O=0,R=0,el=null,fl=!1,Lf=0,$h=0,Be=null,ff=0,gl=0,hl=0,Ee=0,bi=null,Ge=null,Ie=!1,il=!1,Fk=0,qj=Infinity,He=null,Sh=!1,Th=null,Vh=null,jl=!1,kl=null,ll=0,ml=[],nl=
+0,ol=null,pl=0,ql=null;function ph(a){if(0===(a.mode&1))return 2;if(0!==(Q&2)&&0!==O)return O&-O;if(null!==uh())return a=Re,0!==a?a:Oe();a=I;if(0!==a)return a;a=window.event;a=void 0===a?32:rl(a.type);return a}function Lg(a,b,c){if(a===P&&2===R||null!==a.cancelPendingCommit)Ce(a,0),De(a,O,Ee);sl(a,c);if(0===(Q&2)||a!==P)cb&&Hb(a,b,c),a===P&&(0===(Q&2)&&(gl|=c),4===$h&&De(a,O,Ee)),se(a),2===c&&0===Q&&0===(b.mode&1)&&(qj=Sa()+500,ve(!0))}
+function Me(a,b){ye=xe=!1;if(0!==(Q&6))throw Error(x(327));var c=a.callbackNode;if(we()&&a.callbackNode!==c)return null;var d=xb(a,a===P?O:0);if(0===d)return null;var e=0===(d&60)&&0===(d&a.expiredLanes)&&!b;b=e?tl(a,d):ze(a,d);if(0!==b){var f=e;do{if(6===b)De(a,d,0);else{e=a.current.alternate;if(f&&!ul(e)){b=ze(a,d);f=!1;continue}if(2===b){f=d;var g=zb(a,f);0!==g&&(d=g,b=Ae(a,f,g))}if(1===b)throw c=Be,Ce(a,0),De(a,d,0),se(a),c;a.finishedWork=e;a.finishedLanes=d;a:{f=a;switch(b){case 0:case 1:throw Error(x(345));
+case 4:if((d&4194176)===d){De(f,d,Ee);break a}break;case 2:case 3:case 5:break;default:throw Error(x(329));}if((d&62914560)===d&&(b=Fk+300-Sa(),10<b)){De(f,d,Ee);if(0!==xb(f,0))break a;f.timeoutHandle=vl(wl.bind(null,f,e,Ge,He,Ie,d,Ee),b);break a}wl(f,e,Ge,He,Ie,d,Ee)}}break}while(1)}se(a);Le(a,Sa());a=a.callbackNode===c?Me.bind(null,a):null;return a}
+function Ae(a,b,c){var d=bi,e=a.current.memoizedState.isDehydrated;e&&(Ce(a,c).flags|=256);c=ze(a,c);if(2!==c){if(fl&&!e)return a.errorRecoveryDisabledLanes|=b,gl|=b,4;a=Ge;Ge=d;null!==a&&ij(a)}return c}function ij(a){null===Ge?Ge=a:Ge.push.apply(Ge,a)}function wl(a,b,c,d,e,f,g){if(0===(f&42)&&(xl={stylesheets:null,count:0,unsuspend:yl},Rk(b),b=zl(),null!==b)){a.cancelPendingCommit=b(Fe.bind(null,a,c,d,e));De(a,f,g);return}Fe(a,c,d,e,g)}
+function ul(a){for(var b=a;;){if(b.flags&16384){var c=b.updateQueue;if(null!==c&&(c=c.stores,null!==c))for(var d=0;d<c.length;d++){var e=c[d],f=e.getSnapshot;e=e.value;try{if(!vd(f(),e))return!1}catch(g){return!1}}}c=b.child;if(b.subtreeFlags&16384&&null!==c)c.return=b,b=c;else{if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return!0;b=b.return}b.sibling.return=b.return;b=b.sibling}}return!0}
+function sl(a,b){a.pendingLanes|=b;268435456!==b&&(a.suspendedLanes=0,a.pingedLanes=0);Q&2?Ie=!0:Q&4&&(il=!0);le()}function De(a,b,c){b&=~hl;b&=~gl;a.suspendedLanes|=b;a.pingedLanes&=~b;for(var d=a.expirationTimes,e=b;0<e;){var f=31-rb(e),g=1<<f;d[f]=-1;e&=~g}0!==c&&Eb(a,c,b)}function Al(a,b){var c=Q;Q|=1;try{return a(b)}finally{Q=c,0===Q&&(qj=Sa()+500,ve(!0))}}
+function Bl(a){null!==kl&&0===kl.tag&&0===(Q&6)&&we();var b=Q;Q|=1;var c=dl.transition,d=I;try{if(dl.transition=null,I=2,a)return a()}finally{I=d,dl.transition=c,Q=b,0===(Q&6)&&ve(!1)}}function Cl(){if(null!==X){if(0===R)var a=X.return;else a=X,Si(),sg(a),sf=null,tf=0,a=X;for(;null!==a;)sj(a.alternate,a),a=a.return;X=null}}
+function Ce(a,b){a.finishedWork=null;a.finishedLanes=0;var c=a.timeoutHandle;-1!==c&&(a.timeoutHandle=-1,Dl(c));c=a.cancelPendingCommit;null!==c&&(a.cancelPendingCommit=null,c());Cl();P=a;X=c=Af(a.current,null);O=b;R=0;el=null;fl=!1;$h=0;Be=null;Ee=hl=gl=ff=0;Ge=bi=null;Ie=!1;0!==(b&8)&&(b|=b&32);var d=a.entangledLanes;if(0!==d)for(a=a.entanglements,d&=b;0<d;){var e=31-rb(d),f=1<<e;b|=a[e];d&=~f}Lf=b;fe();return c}
+function El(a,b){S=null;Wf.current=mg;cl.current=null;b===kf?(b=rf(),R=ej()&&0===(ff&134217727)&&0===(gl&134217727)?2:3):b===lf?(b=rf(),R=4):R=b===di?8:null!==b&&"object"===typeof b&&"function"===typeof b.then?6:1;el=b;a=X;if(null===a)$h=1,Be=b;else switch(a.mode&2&&Bh(a,!0),kb(),R){case 1:null!==H&&"function"===typeof H.markComponentErrored&&H.markComponentErrored(a,b,O);break;case 2:case 3:case 6:case 7:null!==H&&"function"===typeof H.markComponentSuspended&&H.markComponentSuspended(a,b,O)}}
+function ej(){var a=Of.current;return null===a?!0:(O&4194176)===O?null===Pf?!0:!1:(O&62914560)===O||0!==(O&536870912)?a===Pf:!1}function Fl(){var a=al.current;al.current=mg;return null===a?mg:a}function Gl(){var a=bl.current;bl.current=Zk;return a}function Zh(){$h=4;0===(ff&134217727)&&0===(gl&134217727)||null===P||De(P,O,Ee)}
+function ze(a,b){var c=Q;Q|=2;var d=Fl(),e=Gl();if(P!==a||O!==b){if(cb){var f=a.memoizedUpdaters;0<f.size&&(Yh(a,O),f.clear());Ib(a,b)}He=null;Ce(a,b)}nb(b);b=!1;a:do try{if(0!==R&&null!==X){f=X;var g=el;switch(R){case 8:Cl();$h=6;break a;case 3:case 2:b||null!==Of.current||(b=!0);default:R=0,el=null,Hl(a,f,g)}}Il();break}catch(h){El(a,h)}while(1);b&&a.shellSuspendCounter++;Si();Q=c;al.current=d;bl.current=e;if(null!==X)throw Error(x(261));ob();P=null;O=0;fe();return $h}
+function Il(){for(;null!==X;)Jl(X)}
+function tl(a,b){var c=Q;Q|=2;var d=Fl(),e=Gl();if(P!==a||O!==b){if(cb){var f=a.memoizedUpdaters;0<f.size&&(Yh(a,O),f.clear());Ib(a,b)}He=null;qj=Sa()+500;Ce(a,b)}nb(b);a:do try{if(0!==R&&null!==X)b:switch(b=X,f=el,R){case 1:R=0;el=null;Hl(a,b,f);break;case 2:if(nf(f)){R=0;el=null;Kl(b);break}b=function(){2===R&&P===a&&(R=7);se(a)};f.then(b,b);break a;case 3:R=7;break a;case 4:R=5;break a;case 7:nf(f)?(R=0,el=null,Kl(b)):(R=0,el=null,Hl(a,b,f));break;case 5:switch(X.tag){case 5:case 26:case 27:b=X;
+R=0;el=null;var g=b.sibling;if(null!==g)X=g;else{var h=b.return;null!==h?(X=h,Ll(h)):X=null}break b}R=0;el=null;Hl(a,b,f);break;case 6:R=0;el=null;Hl(a,b,f);break;case 8:Cl();$h=6;break a;default:throw Error(x(462));}Ml();break}catch(k){El(a,k)}while(1);Si();al.current=d;bl.current=e;Q=c;if(null!==X)return null!==H&&"function"===typeof H.markRenderYielded&&H.markRenderYielded(),0;ob();P=null;O=0;fe();return $h}function Ml(){for(;null!==X&&!Qa();)Jl(X)}
+function Jl(a){var b=a.alternate;0!==(a.mode&2)?(Ah(a),b=Nl(b,a,Lf),Bh(a,!0)):b=Nl(b,a,Lf);a.memoizedProps=a.pendingProps;null===b?Ll(a):X=b;cl.current=null}
+function Kl(a){var b=a.alternate,c=0!==(a.mode&2);c&&Ah(a);switch(a.tag){case 2:a.tag=0;case 15:case 0:var d=a.type,e=a.pendingProps;e=a.elementType===d?e:Gh(d,e);var f=od(d)?md:kd.current;f=nd(a,f);b=si(b,a,e,d,f,O);break;case 11:d=a.type.render;e=a.pendingProps;e=a.elementType===d?e:Gh(d,e);b=si(b,a,e,d,a.ref,O);break;case 5:sg(a);default:sj(b,a),a=X=pj(a,Lf),b=Nl(b,a,Lf)}c&&Bh(a,!0);a.memoizedProps=a.pendingProps;null===b?Ll(a):X=b;cl.current=null}
+function Hl(a,b,c){Si();sg(b);sf=null;tf=0;var d=b.return;try{if(Xh(a,d,b,c,O)){$h=1;Be=c;X=null;return}}catch(e){if(null!==d)throw X=d,e;$h=1;Be=c;X=null;return}if(b.flags&32768)a:{a=b;do{b=rj(a.alternate,a);if(null!==b){b.flags&=32767;X=b;break a}if(0!==(a.mode&2)){Bh(a,!1);b=a.actualDuration;for(c=a.child;null!==c;)b+=c.actualDuration,c=c.sibling;a.actualDuration=b}a=a.return;null!==a&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null);X=a}while(null!==a);$h=6;X=null}else Ll(b)}
+function Ll(a){var b=a;do{var c=b.alternate;a=b.return;0===(b.mode&2)?c=hj(c,b,Lf):(Ah(b),c=hj(c,b,Lf),Bh(b,!1));if(null!==c){X=c;return}b=b.sibling;if(null!==b){X=b;return}X=b=a}while(null!==b);0===$h&&($h=5)}function Fe(a,b,c,d,e){var f=I,g=dl.transition;try{dl.transition=null,I=2,Ol(a,b,c,d,f,e)}finally{dl.transition=g,I=f}return null}
+function Ol(a,b,c,d,e,f){do we();while(null!==kl);if(0!==(Q&6))throw Error(x(327));var g=a.finishedWork,h=a.finishedLanes;null!==H&&"function"===typeof H.markCommitStarted&&H.markCommitStarted(h);if(null===g)return ib(),null;a.finishedWork=null;a.finishedLanes=0;if(g===a.current)throw Error(x(177));a.callbackNode=null;a.callbackPriority=0;a.cancelPendingCommit=null;var k=g.lanes|g.childLanes;k|=ee;Db(a,k,f);il=!1;a===P&&(X=P=null,O=0);0===(g.subtreeFlags&10256)&&0===(g.flags&10256)||jl||(jl=!0,nl=
+k,ol=c,Pl(Wa,function(){we();return null}));c=0!==(g.flags&15990);if(0!==(g.subtreeFlags&15990)||c){c=dl.transition;dl.transition=null;f=I;I=2;var n=Q;Q|=4;cl.current=null;Nj(a,g);wh=vh();uk(a,g,h);Ql(Sj);Pj=!!Oj;Sj=Oj=null;a.current=g;null!==H&&"function"===typeof H.markLayoutEffectsStarted&&H.markLayoutEffectsStarted(h);Hk(g,a,h);null!==H&&"function"===typeof H.markLayoutEffectsStopped&&H.markLayoutEffectsStopped();Ra();Q=n;I=f;dl.transition=c}else a.current=g,wh=vh();jl?(jl=!1,kl=a,ll=h):Rl(a,
+k);k=a.pendingLanes;0===k&&(Vh=null);db(g.stateNode,e);cb&&a.memoizedUpdaters.clear();se(a);if(null!==b)for(e=a.onRecoverableError,g=0;g<b.length;g++)k=b[g],c={digest:k.digest,componentStack:k.stack},e(k.value,c);if(Sh)throw Sh=!1,a=Th,Th=null,a;0!==(ll&3)&&0!==a.tag&&we();k=a.pendingLanes;d||il||0!==(h&4194218)&&0!==(k&42)?(ye=!0,a===ql?pl++:(pl=0,ql=a)):pl=0;ve(!1);ib();return null}function Rl(a,b){0===(a.pooledCacheLanes&=b)&&(b=a.pooledCache,null!=b&&(a.pooledCache=null,Zi(b)))}
+function we(){if(null!==kl){var a=kl,b=nl;nl=0;var c=Lb(ll),d=32>c?32:c;c=dl.transition;var e=I;try{dl.transition=null;I=d;if(null===kl)var f=!1;else{var g=ol;ol=null;d=kl;var h=ll;kl=null;ll=0;if(0!==(Q&6))throw Error(x(331));null!==H&&"function"===typeof H.markPassiveEffectsStarted&&H.markPassiveEffectsStarted(h);var k=Q;Q|=4;Xk(d.current);Mk(d,d.current,h,g);g=ml;ml=[];for(h=0;h<g.length;h++){var n=g[h];if(Q&4&&0!==(n.flags&4))switch(n.tag){case 12:var t=n.stateNode.passiveEffectDuration,w=n.memoizedProps,
+q=w.id,r=w.onPostCommit,y=wh,D=null===n.alternate?"mount":"update";xe&&(D="nested-update");"function"===typeof r&&r(q,D,t,y);var K=n.return;b:for(;null!==K;){switch(K.tag){case 3:K.stateNode.passiveEffectDuration+=t;break b;case 12:K.stateNode.passiveEffectDuration+=t;break b}K=K.return}}}null!==H&&"function"===typeof H.markPassiveEffectsStopped&&H.markPassiveEffectsStopped();Q=k;ve(!1);if(bb&&"function"===typeof bb.onPostCommitFiberRoot)try{bb.onPostCommitFiberRoot(ab,d)}catch(l){}var m=d.current.stateNode;
+m.effectDuration=0;m.passiveEffectDuration=0;f=!0}return f}finally{I=e,dl.transition=c,Rl(a,b)}}return!1}function ak(a){ml.push(a);jl||(jl=!0,Pl(Wa,function(){we();return null}))}function Sl(a,b,c){b=Oh(c,b);b=Rh(a,b,2);a=$e(a,b,2);null!==a&&(sl(a,2),se(a))}
+function W(a,b,c){if(3===a.tag)Sl(a,a,c);else for(;null!==b;){if(3===b.tag){Sl(b,a,c);break}else if(1===b.tag){var d=b.stateNode;if("function"===typeof b.type.getDerivedStateFromError||"function"===typeof d.componentDidCatch&&(null===Vh||!Vh.has(d))){a=Oh(c,a);a=Uh(b,a,2);b=$e(b,a,2);null!==b&&(sl(b,2),se(b));break}}b=b.return}}
+function ai(a,b,c){var d=a.pingCache;if(null===d){d=a.pingCache=new $k;var e=new Set;d.set(b,e)}else e=d.get(b),void 0===e&&(e=new Set,d.set(b,e));e.has(c)||(fl=!0,e.add(c),d=Tl.bind(null,a,b,c),cb&&Yh(a,c),b.then(d,d))}function Tl(a,b,c){var d=a.pingCache;null!==d&&d.delete(b);a.pingedLanes|=a.suspendedLanes&c;Q&2?Ie=!0:Q&4&&(il=!0);le();P===a&&(O&c)===c&&(4===$h||3===$h&&(O&62914560)===O&&300>Sa()-Fk?0===(Q&2)&&Ce(a,0):hl|=c);se(a)}
+function Ul(a,b){0===b&&(b=0===(a.mode&1)?2:Bb());a=ke(a,b);null!==a&&(sl(a,b),se(a))}function Hi(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Ul(a,c)}function tk(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;case 22:d=a.stateNode._retryCache;break;default:throw Error(x(314));}null!==d&&d.delete(b);Ul(a,c)}
+function le(){if(50<pl)throw pl=0,ql=null,Q&2&&null!==P&&(P.errorRecoveryDisabledLanes|=O),Error(x(185));}var Nl;
+Nl=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||ld.current)Bg=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return Bg=!1,Mi(a,b,c);Bg=0!==(a.flags&131072)?!0:!1}else Bg=!1,N&&0!==(b.flags&1048576)&&Gd(b,zd,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;ui(a,b);a=b.pendingProps;var e=nd(b,kd.current);gi(b,c);jb(b);e=hg(null,b,d,a,e,c);var f=qg();kb();b.flags|=1;"object"===typeof e&&null!==e&&"function"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=
+null,od(d)?(f=!0,sd(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,Xe(b),e.updater=Ih,b.stateNode=e,e._reactInternals=b,Mh(b,d,a,c),b=vi(null,b,d,!0,f,c)):(b.tag=0,N&&f&&Hd(b),ei(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{ui(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=Vl(d);a=Gh(d,a);switch(e){case 0:b=li(null,b,d,a,c);break a;case 1:b=ti(null,b,d,a,c);break a;case 11:b=fi(null,b,d,a,c);break a;case 14:b=ii(null,b,d,Gh(d.type,a),c);break a}throw Error(x(306,
+d,""));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Gh(d,e),li(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Gh(d,e),ti(a,b,d,e,c);case 3:a:{wi(b);if(null===a)throw Error(x(387));e=b.pendingProps;f=b.memoizedState;d=f.element;Ye(a,b);ef(b,e,null,c);var g=b.memoizedState;e=g.cache;Ni(b,ri,e);e!==f.cache&&Ui(b,ri,c);df();e=g.element;if(f.isDehydrated)if(f={element:e,isDehydrated:!1,cache:g.cache},b.updateQueue.baseState=f,b.memoizedState=f,b.flags&
+256){d=Oh(Error(x(423)),b);b=xi(a,b,e,c,d);break a}else if(e!==d){d=Oh(Error(x(424)),b);b=xi(a,b,e,c,d);break a}else for(L=Qd(b.stateNode.containerInfo.firstChild),J=b,N=!0,Jd=null,Kd=!0,c=Hf(b,null,e,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{ae();if(e===d){b=hi(a,b,c);break a}ei(a,b,e,c)}b=b.child}return b;case 26:return ni(a,b),c=b.memoizedState=Wl(b.type,null===a?null:a.memoizedProps,b.pendingProps),null!==a||N||null!==c||(c=b.type,a=b.pendingProps,d=lj(Fa.current).createElement(c),
+d[Ob]=b,d[Pb]=a,mj(d,c,a),cc(d),b.stateNode=d),null;case 27:return Ma(b),null===a&&N&&(d=b.stateNode=kj(b.type,b.pendingProps,Fa.current),J=b,Kd=!0,L=Qd(d.firstChild)),d=b.pendingProps.children,null!==a||N?ei(a,b,d,c):b.child=Gf(b,null,d,c),ni(a,b),b.child;case 5:return null===a&&N&&((e=d=L,e)?Od(b,e)||(Vd(b)&&Wd(),L=Ud(e),f=J,L&&Od(b,L)?Ld(f,e):(Nd(J,b),N=!1,J=b,L=d)):(Vd(b)&&Wd(),Nd(J,b),N=!1,J=b,L=d)),Ma(b),e=b.type,f=b.pendingProps,g=null!==a?a.memoizedProps:null,d=f.children,Zd(e,f)?d=null:null!==
+g&&Zd(e,g)&&(b.flags|=32),null!==b.memoizedState&&(e=hg(a,b,og,null,null,c),Ha._currentValue=e,Bg&&null!==a&&a.memoizedState.memoizedState!==e&&Ui(b,Ha,c)),ni(a,b),ei(a,b,d,c),b.child;case 6:return null===a&&N&&((d=""!==b.pendingProps,a=c=L,a&&d)?Rd(b,a)||(Vd(b)&&Wd(),L=Ud(a),d=J,L&&Rd(b,L)?Ld(d,a):(Nd(J,b),N=!1,J=b,L=c)):(Vd(b)&&Wd(),Nd(J,b),N=!1,J=b,L=c)),null;case 13:return Ci(a,b,c);case 4:return Ia(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Gf(b,null,d,c):ei(a,b,d,c),b.child;
+case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Gh(d,e),fi(a,b,d,e,c);case 7:return ei(a,b,b.pendingProps,c),b.child;case 8:return ei(a,b,b.pendingProps.children,c),b.child;case 12:return b.flags|=4,d=b.stateNode,d.effectDuration=0,d.passiveEffectDuration=0,ei(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;g=e.value;Ni(b,d,g);if(null!==f)if(vd(f.value,g)){if(f.children===e.children&&!ld.current){b=hi(a,b,c);break a}}else Ui(b,
+d,c);ei(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,gi(b,c),e=xg(e),jb(b),d=d(e),kb(),b.flags|=1,ei(a,b,d,c),b.child;case 14:return d=b.type,e=Gh(d,b.pendingProps),e=Gh(d.type,e),ii(a,b,d,e,c);case 15:return ki(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Gh(d,e),ui(a,b),b.tag=1,od(d)?(a=!0,sd(b)):a=!1,gi(b,c),Kh(b,d,e),Mh(b,d,e,c),vi(null,b,d,!0,a,c);case 19:return Li(a,b,c);case 22:return mi(a,b,c);case 24:return gi(b,
+c),d=xg(ri),null===a?(e=qi(),null===e&&(e=P,f=qh(),e.pooledCache=f,f.refCount++,null!==f&&(e.pooledCacheLanes|=c),e=f),b.memoizedState={parent:d,cache:e},Xe(b),Ni(b,ri,e)):(0!==(a.lanes&c)&&(Ye(a,b),ef(b,null,null,c),df()),e=a.memoizedState,f=b.memoizedState,e.parent!==d?(e={parent:d,cache:d},b.memoizedState=e,0===b.lanes&&(b.memoizedState=b.updateQueue.baseState=e),Ni(b,ri,d)):(d=f.cache,Ni(b,ri,d),d!==e.cache&&Ui(b,ri,c))),ei(a,b,b.pendingProps.children,c),b.child}throw Error(x(156,b.tag));};
+function Yh(a,b){cb&&a.memoizedUpdaters.forEach(function(c){Hb(a,c,b)})}function Pl(a,b){return Oa(a,b)}
+function Xl(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.refCleanup=this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null;this.actualDuration=0;this.actualStartTime=-1;this.treeBaseDuration=this.selfBaseDuration=0}
+function Md(a,b,c,d){return new Xl(a,b,c,d)}function ji(a){a=a.prototype;return!(!a||!a.isReactComponent)}function Vl(a){if("function"===typeof a)return ji(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===sa)return 11;if(a===va)return 14}return 2}
+function Af(a,b){var c=a.alternate;null===c?(c=Md(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null,c.actualDuration=0,c.actualStartTime=-1);c.flags=a.flags&31457280;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:
 {lanes:b.lanes,firstContext:b.firstContext};c.sibling=a.sibling;c.index=a.index;c.ref=a.ref;c.refCleanup=a.refCleanup;c.selfBaseDuration=a.selfBaseDuration;c.treeBaseDuration=a.treeBaseDuration;return c}
-function gj(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null,a.selfBaseDuration=0,a.treeBaseDuration=0):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:
+function pj(a,b){a.flags&=31457282;var c=a.alternate;null===c?(a.childLanes=0,a.lanes=b,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null,a.selfBaseDuration=0,a.treeBaseDuration=0):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,b=c.dependencies,a.dependencies=null===b?null:
 {lanes:b.lanes,firstContext:b.firstContext},a.selfBaseDuration=c.selfBaseDuration,a.treeBaseDuration=c.treeBaseDuration);return a}
-function Ne(a,b,c,d,e,f,g){e=2;d=a;if("function"===typeof a)ai(a)&&(e=1);else if("string"===typeof a)e=Ll(a,c,Ea.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case na:return Pe(c.children,f,g,b);case oa:e=8;f|=8;0!==(f&1)&&(f|=16);break;case pa:return a=Jd(12,c,b,f|2),a.elementType=pa,a.lanes=g,a.stateNode={effectDuration:0,passiveEffectDuration:0},a;case ua:return a=Jd(13,c,b,f),a.elementType=ua,a.lanes=g,a;case va:return a=Jd(19,c,b,f),a.elementType=va,a.lanes=g,a;case za:return ui(c,
-f,g,b);case Aa:case ya:case Ba:return a=Jd(24,c,b,f),a.elementType=Ba,a.lanes=g,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case qa:e=10;break a;case ra:e=9;break a;case ta:e=11;break a;case wa:e=14;break a;case xa:e=16;d=null;break a}throw Error(u(130,null==a?a:typeof a,""));}b=Jd(e,c,b,f);b.elementType=a;b.type=d;b.lanes=g;return b}function Pe(a,b,c,d){a=Jd(7,a,d,b);a.lanes=c;return a}
-function ui(a,b,c,d){a=Jd(22,a,d,b);a.elementType=za;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0===(e._pendingVisibility&2)){var g=he(f,2);null!==g&&(e._pendingVisibility|=2,Fg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(u(456));if(0!==(e._pendingVisibility&2)){var g=he(f,2);null!==g&&(e._pendingVisibility&=-3,Fg(g,f,2))}}};
-a.stateNode=e;return a}function Me(a,b,c){a=Jd(6,a,null,b);a.lanes=c;return a}function Oe(a,b,c){b=Jd(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
-function Ml(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=zb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=zb(0);this.hiddenUpdates=
-zb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map;this.passiveEffectDuration=this.effectDuration=0;this.memoizedUpdaters=new Set;a=this.pendingUpdatersLaneMap=[];for(b=0;31>b;b++)a.push(new Set)}
-function Nl(a,b,c,d,e,f,g,h,k,n,q){a=new Ml(a,b,c,h,k,q);1===b?(b=1,!0===f&&(b|=24)):b=0;bb&&(b|=2);f=Jd(3,null,null,b);a.current=f;f.stateNode=a;b=jh();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};le(f);return a}function Ol(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:ma,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
-function Pl(a){if(!a)return gd;a=a._reactInternals;a:{if(ad(a)!==a||1!==a.tag)throw Error(u(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(ld(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(u(171));}if(1===a.tag){var c=a.type;if(ld(c))return od(a,c,b)}return b}
-function Ql(a,b,c,d,e,f,g,h,k,n,q){a=Nl(c,d,!0,a,e,f,g,h,k,n,q);a.context=Pl(null);c=a.current;d=ih(c);e=ne(d);e.callback=void 0!==b&&null!==b?b:null;oe(c,e,d);a.current.lanes=d;Ab(a,d);nf(a);return a}
-function Rl(a,b,c,d){var e=b.current,f=ih(e);null!==F&&"function"===typeof F.markRenderScheduled&&F.markRenderScheduled(f);c=Pl(c);null===b.context?b.context=c:b.pendingContext=c;b=ne(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=oe(e,b,f);null!==a&&(Fg(a,e,f),pe(a,e,f));return f}function Sl(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}
-function Tl(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=ub(b.pendingLanes);0!==c&&(Eb(b,c),nf(b),0===(N&6)&&(hj=Ta()+500,qf(!1)))}break;case 13:ol(function(){var d=he(a,2);null!==d&&Fg(d,a,2)}),Ul(a,2)}}function Vl(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function Ul(a,b){Vl(a,b);(a=a.alternate)&&Vl(a,b)}
-function Wl(a){if(13===a.tag){var b=he(a,67108864);null!==b&&Fg(b,a,67108864);Ul(a,67108864)}}function Xl(){return null}var Yl=!1;function Zl(a,b,c){if(Yl)return a(b,c);Yl=!0;try{return nl(a,b,c)}finally{if(Yl=!1,null!==Wc||null!==Xc)ol(),$c()}}
-function $l(a,b){var c=a.stateNode;if(null===c)return null;var d=Zb(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
-typeof c)throw Error(u(231,b,typeof c));return c}var am=!1;if(fc)try{var bm={};Object.defineProperty(bm,"passive",{get:function(){am=!0}});window.addEventListener("test",bm,bm);window.removeEventListener("test",bm,bm)}catch(a){am=!1}function cm(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function dm(){return!0}function em(){return!1}
-function fm(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?dm:em;this.isPropagationStopped=em;return this}x(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
-(c.returnValue=!1),this.isDefaultPrevented=dm)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=dm)},persist:function(){},isPersistent:dm});return b}
-var gm={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},hm=fm(gm),im=x({},gm,{view:0,detail:0}),jm=fm(im),km,lm,mm,om=x({},im,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:nm,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
-a)return a.movementX;a!==mm&&(mm&&"mousemove"===a.type?(km=a.screenX-mm.screenX,lm=a.screenY-mm.screenY):lm=km=0,mm=a);return km},movementY:function(a){return"movementY"in a?a.movementY:lm}}),pm=fm(om),qm=x({},om,{dataTransfer:0}),rm=fm(qm),sm=x({},im,{relatedTarget:0}),tm=fm(sm),um=x({},gm,{animationName:0,elapsedTime:0,pseudoElement:0}),vm=fm(um),wm=x({},gm,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),xm=fm(wm),ym=x({},gm,{data:0}),zm=fm(ym),Am={Esc:"Escape",
-Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Bm={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
-119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Cm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Dm(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Cm[a])?!!b[a]:!1}function nm(){return Dm}
-var Em=x({},im,{key:function(a){if(a.key){var b=Am[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=cm(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Bm[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:nm,charCode:function(a){return"keypress"===a.type?cm(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
-a.type?cm(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Fm=fm(Em),Gm=x({},om,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Hm=fm(Gm),Im=x({},im,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:nm}),Jm=fm(Im),Km=x({},gm,{propertyName:0,elapsedTime:0,pseudoElement:0}),Lm=fm(Km),Mm=x({},om,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
-deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),Nm=fm(Mm);
-function Om(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=Zb(e).action,g=d.submitter;g&&(b=(b=Zb(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new hm("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
-new FormData(e);dh(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var Pm=!1,Qm=null,Rm=null,Sm=null,Tm=new Map,Um=new Map,Vm=[],Wm="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
-function Xm(a,b){switch(a){case "focusin":case "focusout":Qm=null;break;case "dragenter":case "dragleave":Rm=null;break;case "mouseover":case "mouseout":Sm=null;break;case "pointerover":case "pointerout":Tm.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":Um.delete(b.pointerId)}}
-function Ym(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Xb(b),null!==b&&Wl(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
-function Zm(a,b,c,d,e){switch(b){case "focusin":return Qm=Ym(Qm,a,b,c,d,e),!0;case "dragenter":return Rm=Ym(Rm,a,b,c,d,e),!0;case "mouseover":return Sm=Ym(Sm,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;Tm.set(f,Ym(Tm.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,Um.set(f,Ym(Um.get(f)||null,a,b,c,d,e)),!0}return!1}
-function $m(a){var b=Vb(a.target);if(null!==b){var c=ad(b);if(null!==c)if(b=c.tag,13===b){if(b=bd(c),null!==b){a.blockedOn=b;Hb(a.priority,function(){if(13===c.tag){var d=ih(c),e=he(c,d);null!==e&&Fg(e,c,d);Ul(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
-function an(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=bn(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Uc=d;c.target.dispatchEvent(d);Uc=null}else return b=Xb(c),null!==b&&Wl(b),a.blockedOn=c,!1;b.shift()}return!0}function cn(a,b,c){an(a)&&c.delete(b)}function dn(){Pm=!1;null!==Qm&&an(Qm)&&(Qm=null);null!==Rm&&an(Rm)&&(Rm=null);null!==Sm&&an(Sm)&&(Sm=null);Tm.forEach(cn);Um.forEach(cn)}
-function en(a,b){a.blockedOn===b&&(a.blockedOn=null,Pm||(Pm=!0,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,dn)))}var fn=null;function gn(a){fn!==a&&(fn=a,ba.unstable_scheduleCallback(ba.unstable_NormalPriority,function(){fn===a&&(fn=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===hn(d||c))continue;else break;var f=Xb(c);null!==f&&(a.splice(b,3),b-=3,dh(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
-function hk(a){function b(k){return en(k,a)}null!==Qm&&en(Qm,a);null!==Rm&&en(Rm,a);null!==Sm&&en(Sm,a);Tm.forEach(b);Um.forEach(b);for(var c=0;c<Vm.length;c++){var d=Vm[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<Vm.length&&(c=Vm[0],null===c.blockedOn);)$m(c),null===c.blockedOn&&Vm.shift();c=a.getRootNode().$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=Zb(e);if("function"===typeof f)g||gn(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=Zb(f))h=
-g.formAction;else{if(null!==hn(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);gn(c)}}}var jn=da.ReactCurrentBatchConfig,Gj=!0;function kn(a,b,c,d){var e=G,f=jn.transition;jn.transition=null;try{G=2,ln(a,b,c,d)}finally{G=e,jn.transition=f}}function mn(a,b,c,d){var e=G,f=jn.transition;jn.transition=null;try{G=8,ln(a,b,c,d)}finally{G=e,jn.transition=f}}
-function ln(a,b,c,d){if(Gj){var e=bn(d);if(null===e)nn(a,b,d,on,c),Xm(a,d);else if(Zm(e,a,b,c,d))d.stopPropagation();else if(Xm(a,d),b&4&&-1<Wm.indexOf(a)){for(;null!==e;){var f=Xb(e);null!==f&&Tl(f);f=bn(d);null===f&&nn(a,b,d,on,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else nn(a,b,d,null,c)}}function bn(a){a=Vc(a);return hn(a)}var on=null;
-function hn(a){on=null;a=Vb(a);if(null!==a){var b=ad(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=bd(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}on=a;return null}
-function fl(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
-case "message":switch(Ua()){case Va:return 2;case Wa:return 8;case Xa:case Ya:return 32;case Za:return 268435456;default:return 32}default:return 32}}var pn=null,qn=null,rn=null;function sn(){if(rn)return rn;var a,b=qn,c=b.length,d,e="value"in pn?pn.value:pn.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return rn=e.slice(a,1<d?1-d:void 0)}var tn=[9,13,27,32],un=fc&&"CompositionEvent"in window,vn=null;fc&&"documentMode"in document&&(vn=document.documentMode);
-var xn=fc&&"TextEvent"in window&&!vn,yn=fc&&(!un||vn&&8<vn&&11>=vn),zn=String.fromCharCode(32),An=!1;function Bn(a,b){switch(a){case "keyup":return-1!==tn.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Cn(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var Dn=!1;
-function En(a,b){switch(a){case "compositionend":return Cn(b);case "keypress":if(32!==b.which)return null;An=!0;return zn;case "textInput":return a=b.data,a===zn&&An?null:a;default:return null}}
-function Fn(a,b){if(Dn)return"compositionend"===a||!un&&Bn(a,b)?(a=sn(),rn=qn=pn=null,Dn=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return yn&&"ko"!==b.locale?null:b.data;default:return null}}
-var Gn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Hn(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Gn[a.type]:"textarea"===b?!0:!1}function In(a,b,c,d){Zc(d);b=Jn(b,"onChange");0<b.length&&(c=new hm("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var Kn=null,Ln=null;function Mn(a){Nn(a,0)}function On(a){var b=Yb(a);if(zc(b))return a}
-function Pn(a,b){if("change"===a)return b}var Qn=!1;if(fc){var Rn;if(fc){var Sn="oninput"in document;if(!Sn){var Tn=document.createElement("div");Tn.setAttribute("oninput","return;");Sn="function"===typeof Tn.oninput}Rn=Sn}else Rn=!1;Qn=Rn&&(!document.documentMode||9<document.documentMode)}function Un(){Kn&&(Kn.detachEvent("onpropertychange",Vn),Ln=Kn=null)}function Vn(a){if("value"===a.propertyName&&On(Ln)){var b=[];In(b,Ln,a,Vc(a));Zl(Mn,b)}}
-function Wn(a,b,c){"focusin"===a?(Un(),Kn=b,Ln=c,Kn.attachEvent("onpropertychange",Vn)):"focusout"===a&&Un()}function Xn(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return On(Ln)}function Yn(a,b){if("click"===a)return On(b)}function Zn(a,b){if("input"===a||"change"===a)return On(b)}function $n(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
-function ao(a,b){var c=$n(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=$n(c)}}function bo(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?bo(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
-function Hj(){for(var a=window,b=Ac();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Ac(a.document)}return b}function Ij(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
-function Dl(a){var b=Hj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&bo(c.ownerDocument.documentElement,c)){if(null!==d&&Ij(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=ao(c,f);var g=ao(c,
+function Cf(a,b,c,d,e,f){var g=2;d=a;if("function"===typeof a)ji(a)&&(g=1);else if("string"===typeof a)g=Yl(a,c,Da.current)?26:"html"===a||"head"===a||"body"===a?27:5;else a:switch(a){case ma:return Ef(c.children,e,f,b);case na:g=8;e|=8;0!==(e&1)&&(e|=16);break;case oa:return a=Md(12,c,b,e|2),a.elementType=oa,a.lanes=f,a.stateNode={effectDuration:0,passiveEffectDuration:0},a;case ta:return a=Md(13,c,b,e),a.elementType=ta,a.lanes=f,a;case ua:return a=Md(19,c,b,e),a.elementType=ua,a.lanes=f,a;case ya:return Di(c,
+e,f,b);case za:case xa:case Aa:return a=Md(24,c,b,e),a.elementType=Aa,a.lanes=f,a;default:if("object"===typeof a&&null!==a)switch(a.$$typeof){case pa:g=10;break a;case ra:g=9;break a;case qa:case sa:g=11;break a;case va:g=14;break a;case wa:g=16;d=null;break a}throw Error(x(130,null==a?a:typeof a,""));}b=Md(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function Ef(a,b,c,d){a=Md(7,a,d,b);a.lanes=c;return a}
+function Di(a,b,c,d){a=Md(22,a,d,b);a.elementType=ya;a.lanes=c;var e={_visibility:1,_pendingVisibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null,_current:null,detach:function(){var f=e._current;if(null===f)throw Error(x(456));if(0===(e._pendingVisibility&2)){var g=ke(f,2);null!==g&&(e._pendingVisibility|=2,Lg(g,f,2))}},attach:function(){var f=e._current;if(null===f)throw Error(x(456));if(0!==(e._pendingVisibility&2)){var g=ke(f,2);null!==g&&(e._pendingVisibility&=-3,Lg(g,f,2))}}};
+a.stateNode=e;return a}function Bf(a,b,c){a=Md(6,a,null,b);a.lanes=c;return a}function Df(a,b,c){b=Md(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}
+function Zl(a,b,c,d,e,f){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null;this.callbackPriority=0;this.expirationTimes=Cb(-1);this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.finishedLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=Cb(0);this.hiddenUpdates=
+Cb(null);this.identifierPrefix=d;this.onRecoverableError=e;this.pooledCache=null;this.pooledCacheLanes=0;this.formState=f;this.incompleteTransitions=new Map;this.passiveEffectDuration=this.effectDuration=0;this.memoizedUpdaters=new Set;a=this.pendingUpdatersLaneMap=[];for(b=0;31>b;b++)a.push(new Set)}
+function $l(a,b,c,d,e,f,g,h,k,n,t){a=new Zl(a,b,c,h,k,t);1===b?(b=1,!0===f&&(b|=24)):b=0;cb&&(b|=2);f=Md(3,null,null,b);a.current=f;f.stateNode=a;b=qh();b.refCount++;a.pooledCache=b;b.refCount++;f.memoizedState={element:d,isDehydrated:c,cache:b};Xe(f);return a}function am(a,b,c){var d=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:la,key:null==d?null:""+d,children:a,containerInfo:b,implementation:c}}
+function bm(a){if(!a)return jd;a=a._reactInternals;a:{if(dd(a)!==a||1!==a.tag)throw Error(x(170));var b=a;do{switch(b.tag){case 3:b=b.stateNode.context;break a;case 1:if(od(b.type)){b=b.stateNode.__reactInternalMemoizedMergedChildContext;break a}}b=b.return}while(null!==b);throw Error(x(171));}if(1===a.tag){var c=a.type;if(od(c))return rd(a,c,b)}return b}
+function cm(a,b,c,d,e,f,g,h,k,n,t){a=$l(c,d,!0,a,e,f,g,h,k,n,t);a.context=bm(null);c=a.current;d=ph(c);e=Ze(d);e.callback=void 0!==b&&null!==b?b:null;$e(c,e,d);a.current.lanes=d;sl(a,d);se(a);return a}
+function dm(a,b,c,d){var e=b.current,f=ph(e);null!==H&&"function"===typeof H.markRenderScheduled&&H.markRenderScheduled(f);c=bm(c);null===b.context?b.context=c:b.pendingContext=c;b=Ze(f);b.payload={element:a};d=void 0===d?null:d;null!==d&&(b.callback=d);a=$e(e,b,f);null!==a&&(Lg(a,e,f),af(a,e,f));return f}function em(a){a=a.current;if(!a.child)return null;switch(a.child.tag){case 27:case 5:return a.child.stateNode;default:return a.child.stateNode}}
+function fm(a){switch(a.tag){case 3:var b=a.stateNode;if(b.current.memoizedState.isDehydrated){var c=wb(b.pendingLanes);0!==c&&(Gb(b,c),se(b),0===(Q&6)&&(qj=Sa()+500,ve(!1)))}break;case 13:Bl(function(){var d=ke(a,2);null!==d&&Lg(d,a,2)}),gm(a,2)}}function hm(a,b){a=a.memoizedState;if(null!==a&&null!==a.dehydrated){var c=a.retryLane;a.retryLane=0!==c&&c<b?c:b}}function gm(a,b){hm(a,b);(a=a.alternate)&&hm(a,b)}
+function im(a){if(13===a.tag){var b=ke(a,67108864);null!==b&&Lg(b,a,67108864);gm(a,67108864)}}function jm(){return null}var km=!1;function lm(a,b,c){if(km)return a(b,c);km=!0;try{return Al(a,b,c)}finally{if(km=!1,null!==Zc||null!==$c)Bl(),cd()}}
+function mm(a,b){var c=a.stateNode;if(null===c)return null;var d=ac(c);if(null===d)return null;c=d[b];a:switch(b){case "onClick":case "onClickCapture":case "onDoubleClick":case "onDoubleClickCapture":case "onMouseDown":case "onMouseDownCapture":case "onMouseMove":case "onMouseMoveCapture":case "onMouseUp":case "onMouseUpCapture":case "onMouseEnter":(d=!d.disabled)||(a=a.type,d=!("button"===a||"input"===a||"select"===a||"textarea"===a));a=!d;break a;default:a=!1}if(a)return null;if(c&&"function"!==
+typeof c)throw Error(x(231,b,typeof c));return c}var nm=!1;if(hc)try{var om={};Object.defineProperty(om,"passive",{get:function(){nm=!0}});window.addEventListener("test",om,om);window.removeEventListener("test",om,om)}catch(a){nm=!1}function pm(a){var b=a.keyCode;"charCode"in a?(a=a.charCode,0===a&&13===b&&(a=13)):a=b;10===a&&(a=13);return 32<=a||13===a?a:0}function qm(){return!0}function rm(){return!1}
+function sm(a){function b(c,d,e,f,g){this._reactName=c;this._targetInst=e;this.type=d;this.nativeEvent=f;this.target=g;this.currentTarget=null;for(var h in a)a.hasOwnProperty(h)&&(c=a[h],this[h]=c?c(f):f[h]);this.isDefaultPrevented=(null!=f.defaultPrevented?f.defaultPrevented:!1===f.returnValue)?qm:rm;this.isPropagationStopped=rm;return this}E(b.prototype,{preventDefault:function(){this.defaultPrevented=!0;var c=this.nativeEvent;c&&(c.preventDefault?c.preventDefault():"unknown"!==typeof c.returnValue&&
+(c.returnValue=!1),this.isDefaultPrevented=qm)},stopPropagation:function(){var c=this.nativeEvent;c&&(c.stopPropagation?c.stopPropagation():"unknown"!==typeof c.cancelBubble&&(c.cancelBubble=!0),this.isPropagationStopped=qm)},persist:function(){},isPersistent:qm});return b}
+var tm={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(a){return a.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},um=sm(tm),vm=E({},tm,{view:0,detail:0}),wm=sm(vm),xm,ym,zm,Bm=E({},vm,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Am,button:0,buttons:0,relatedTarget:function(a){return void 0===a.relatedTarget?a.fromElement===a.srcElement?a.toElement:a.fromElement:a.relatedTarget},movementX:function(a){if("movementX"in
+a)return a.movementX;a!==zm&&(zm&&"mousemove"===a.type?(xm=a.screenX-zm.screenX,ym=a.screenY-zm.screenY):ym=xm=0,zm=a);return xm},movementY:function(a){return"movementY"in a?a.movementY:ym}}),Cm=sm(Bm),Dm=E({},Bm,{dataTransfer:0}),Em=sm(Dm),Fm=E({},vm,{relatedTarget:0}),Gm=sm(Fm),Hm=E({},tm,{animationName:0,elapsedTime:0,pseudoElement:0}),Im=sm(Hm),Jm=E({},tm,{clipboardData:function(a){return"clipboardData"in a?a.clipboardData:window.clipboardData}}),Km=sm(Jm),Lm=E({},tm,{data:0}),Mm=sm(Lm),Nm={Esc:"Escape",
+Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Om={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",
+119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Pm={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Qm(a){var b=this.nativeEvent;return b.getModifierState?b.getModifierState(a):(a=Pm[a])?!!b[a]:!1}function Am(){return Qm}
+var Rm=E({},vm,{key:function(a){if(a.key){var b=Nm[a.key]||a.key;if("Unidentified"!==b)return b}return"keypress"===a.type?(a=pm(a),13===a?"Enter":String.fromCharCode(a)):"keydown"===a.type||"keyup"===a.type?Om[a.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Am,charCode:function(a){return"keypress"===a.type?pm(a):0},keyCode:function(a){return"keydown"===a.type||"keyup"===a.type?a.keyCode:0},which:function(a){return"keypress"===
+a.type?pm(a):"keydown"===a.type||"keyup"===a.type?a.keyCode:0}}),Sm=sm(Rm),Tm=E({},Bm,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Um=sm(Tm),Vm=E({},vm,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Am}),Wm=sm(Vm),Xm=E({},tm,{propertyName:0,elapsedTime:0,pseudoElement:0}),Ym=sm(Xm),Zm=E({},Bm,{deltaX:function(a){return"deltaX"in a?a.deltaX:"wheelDeltaX"in a?-a.wheelDeltaX:0},
+deltaY:function(a){return"deltaY"in a?a.deltaY:"wheelDeltaY"in a?-a.wheelDeltaY:"wheelDelta"in a?-a.wheelDelta:0},deltaZ:0,deltaMode:0}),$m=sm(Zm);
+function an(a,b,c,d,e){if("submit"===b&&c&&c.stateNode===e){var f=ac(e).action,g=d.submitter;g&&(b=(b=ac(g))?b.formAction:g.getAttribute("formAction"),null!=b&&(f=b,g=null));if("function"===typeof f){var h=new um("action","action",null,d,e);a.push({event:h,listeners:[{instance:null,listener:function(){if(!d.defaultPrevented){h.preventDefault();if(g){var k=g.ownerDocument.createElement("input");k.name=g.name;k.value=g.value;g.parentNode.insertBefore(k,g);var n=new FormData(e);k.parentNode.removeChild(k)}else n=
+new FormData(e);kh(c,{pending:!0,data:n,method:e.method,action:f},f,n)}},currentTarget:e}]})}}}var bn=!1,cn=null,dn=null,en=null,fn=new Map,gn=new Map,hn=[],jn="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");
+function kn(a,b){switch(a){case "focusin":case "focusout":cn=null;break;case "dragenter":case "dragleave":dn=null;break;case "mouseover":case "mouseout":en=null;break;case "pointerover":case "pointerout":fn.delete(b.pointerId);break;case "gotpointercapture":case "lostpointercapture":gn.delete(b.pointerId)}}
+function ln(a,b,c,d,e,f){if(null===a||a.nativeEvent!==f)return a={blockedOn:b,domEventName:c,eventSystemFlags:d,nativeEvent:f,targetContainers:[e]},null!==b&&(b=Zb(b),null!==b&&im(b)),a;a.eventSystemFlags|=d;b=a.targetContainers;null!==e&&-1===b.indexOf(e)&&b.push(e);return a}
+function mn(a,b,c,d,e){switch(b){case "focusin":return cn=ln(cn,a,b,c,d,e),!0;case "dragenter":return dn=ln(dn,a,b,c,d,e),!0;case "mouseover":return en=ln(en,a,b,c,d,e),!0;case "pointerover":var f=e.pointerId;fn.set(f,ln(fn.get(f)||null,a,b,c,d,e));return!0;case "gotpointercapture":return f=e.pointerId,gn.set(f,ln(gn.get(f)||null,a,b,c,d,e)),!0}return!1}
+function nn(a){var b=Xb(a.target);if(null!==b){var c=dd(b);if(null!==c)if(b=c.tag,13===b){if(b=ed(c),null!==b){a.blockedOn=b;Jb(a.priority,function(){if(13===c.tag){var d=ph(c),e=ke(c,d);null!==e&&Lg(e,c,d);gm(c,d)}});return}}else if(3===b&&c.stateNode.current.memoizedState.isDehydrated){a.blockedOn=3===c.tag?c.stateNode.containerInfo:null;return}}a.blockedOn=null}
+function on(a){if(null!==a.blockedOn)return!1;for(var b=a.targetContainers;0<b.length;){var c=pn(a.nativeEvent);if(null===c){c=a.nativeEvent;var d=new c.constructor(c.type,c);Xc=d;c.target.dispatchEvent(d);Xc=null}else return b=Zb(c),null!==b&&im(b),a.blockedOn=c,!1;b.shift()}return!0}function qn(a,b,c){on(a)&&c.delete(b)}function rn(){bn=!1;null!==cn&&on(cn)&&(cn=null);null!==dn&&on(dn)&&(dn=null);null!==en&&on(en)&&(en=null);fn.forEach(qn);gn.forEach(qn)}
+function sn(a,b){a.blockedOn===b&&(a.blockedOn=null,bn||(bn=!0,u.unstable_scheduleCallback(u.unstable_NormalPriority,rn)))}var tn=null;function un(a){tn!==a&&(tn=a,u.unstable_scheduleCallback(u.unstable_NormalPriority,function(){tn===a&&(tn=null);for(var b=0;b<a.length;b+=3){var c=a[b],d=a[b+1],e=a[b+2];if("function"!==typeof d)if(null===vn(d||c))continue;else break;var f=Zb(c);null!==f&&(a.splice(b,3),b-=3,kh(f,{pending:!0,data:e,method:c.method,action:d},d,e))}}))}
+function qk(a){function b(k){return sn(k,a)}null!==cn&&sn(cn,a);null!==dn&&sn(dn,a);null!==en&&sn(en,a);fn.forEach(b);gn.forEach(b);for(var c=0;c<hn.length;c++){var d=hn[c];d.blockedOn===a&&(d.blockedOn=null)}for(;0<hn.length&&(c=hn[0],null===c.blockedOn);)nn(c),null===c.blockedOn&&hn.shift();c=(a.ownerDocument||a).$$reactFormReplay;if(null!=c)for(d=0;d<c.length;d+=3){var e=c[d],f=c[d+1],g=ac(e);if("function"===typeof f)g||un(c);else if(g){var h=null;if(f&&f.hasAttribute("formAction"))if(e=f,g=ac(f))h=
+g.formAction;else{if(null!==vn(e))continue}else h=g.action;"function"===typeof h?c[d+1]=h:(c.splice(d,3),d-=3);un(c)}}}var wn=ca.ReactCurrentBatchConfig,Pj=!0;function xn(a,b,c,d){var e=I,f=wn.transition;wn.transition=null;try{I=2,yn(a,b,c,d)}finally{I=e,wn.transition=f}}function zn(a,b,c,d){var e=I,f=wn.transition;wn.transition=null;try{I=8,yn(a,b,c,d)}finally{I=e,wn.transition=f}}
+function yn(a,b,c,d){if(Pj){var e=pn(d);if(null===e)An(a,b,d,Bn,c),kn(a,d);else if(mn(e,a,b,c,d))d.stopPropagation();else if(kn(a,d),b&4&&-1<jn.indexOf(a)){for(;null!==e;){var f=Zb(e);null!==f&&fm(f);f=pn(d);null===f&&An(a,b,d,Bn,c);if(f===e)break;e=f}null!==e&&d.stopPropagation()}else An(a,b,d,null,c)}}function pn(a){a=Yc(a);return vn(a)}var Bn=null;
+function vn(a){Bn=null;a=Xb(a);if(null!==a){var b=dd(a);if(null===b)a=null;else{var c=b.tag;if(13===c){a=ed(b);if(null!==a)return a;a=null}else if(3===c){if(b.stateNode.current.memoizedState.isDehydrated)return 3===b.tag?b.stateNode.containerInfo:null;a=null}else b!==a&&(a=null)}}Bn=a;return null}
+function rl(a){switch(a){case "cancel":case "click":case "close":case "contextmenu":case "copy":case "cut":case "auxclick":case "dblclick":case "dragend":case "dragstart":case "drop":case "focusin":case "focusout":case "input":case "invalid":case "keydown":case "keypress":case "keyup":case "mousedown":case "mouseup":case "paste":case "pause":case "play":case "pointercancel":case "pointerdown":case "pointerup":case "ratechange":case "reset":case "resize":case "seeked":case "submit":case "touchcancel":case "touchend":case "touchstart":case "volumechange":case "change":case "selectionchange":case "textInput":case "compositionstart":case "compositionend":case "compositionupdate":case "beforeblur":case "afterblur":case "beforeinput":case "blur":case "fullscreenchange":case "focus":case "hashchange":case "popstate":case "select":case "selectstart":return 2;case "drag":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "mousemove":case "mouseout":case "mouseover":case "pointermove":case "pointerout":case "pointerover":case "scroll":case "toggle":case "touchmove":case "wheel":case "mouseenter":case "mouseleave":case "pointerenter":case "pointerleave":return 8;
+case "message":switch(Ta()){case Ua:return 2;case Va:return 8;case Wa:case Xa:return 32;case Ya:return 268435456;default:return 32}default:return 32}}var Cn=null,Dn=null,En=null;function Fn(){if(En)return En;var a,b=Dn,c=b.length,d,e="value"in Cn?Cn.value:Cn.textContent,f=e.length;for(a=0;a<c&&b[a]===e[a];a++);var g=c-a;for(d=1;d<=g&&b[c-d]===e[f-d];d++);return En=e.slice(a,1<d?1-d:void 0)}var Gn=[9,13,27,32],Hn=hc&&"CompositionEvent"in window,In=null;hc&&"documentMode"in document&&(In=document.documentMode);
+var Jn=hc&&"TextEvent"in window&&!In,Kn=hc&&(!Hn||In&&8<In&&11>=In),Ln=String.fromCharCode(32),Nn=!1;function On(a,b){switch(a){case "keyup":return-1!==Gn.indexOf(b.keyCode);case "keydown":return 229!==b.keyCode;case "keypress":case "mousedown":case "focusout":return!0;default:return!1}}function Pn(a){a=a.detail;return"object"===typeof a&&"data"in a?a.data:null}var Qn=!1;
+function Rn(a,b){switch(a){case "compositionend":return Pn(b);case "keypress":if(32!==b.which)return null;Nn=!0;return Ln;case "textInput":return a=b.data,a===Ln&&Nn?null:a;default:return null}}
+function Sn(a,b){if(Qn)return"compositionend"===a||!Hn&&On(a,b)?(a=Fn(),En=Dn=Cn=null,Qn=!1,a):null;switch(a){case "paste":return null;case "keypress":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1<b.char.length)return b.char;if(b.which)return String.fromCharCode(b.which)}return null;case "compositionend":return Kn&&"ko"!==b.locale?null:b.data;default:return null}}
+var Tn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Un(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return"input"===b?!!Tn[a.type]:"textarea"===b?!0:!1}function Vn(a,b,c,d){bd(d);b=Wn(b,"onChange");0<b.length&&(c=new um("onChange","change",null,c,d),a.push({event:c,listeners:b}))}var Xn=null,Yn=null;function Zn(a){$n(a,0)}function ao(a){var b=$b(a);if(Cc(b))return a}
+function bo(a,b){if("change"===a)return b}var co=!1;if(hc){var eo;if(hc){var fo="oninput"in document;if(!fo){var go=document.createElement("div");go.setAttribute("oninput","return;");fo="function"===typeof go.oninput}eo=fo}else eo=!1;co=eo&&(!document.documentMode||9<document.documentMode)}function ho(){Xn&&(Xn.detachEvent("onpropertychange",io),Yn=Xn=null)}function io(a){if("value"===a.propertyName&&ao(Yn)){var b=[];Vn(b,Yn,a,Yc(a));lm(Zn,b)}}
+function jo(a,b,c){"focusin"===a?(ho(),Xn=b,Yn=c,Xn.attachEvent("onpropertychange",io)):"focusout"===a&&ho()}function ko(a){if("selectionchange"===a||"keyup"===a||"keydown"===a)return ao(Yn)}function lo(a,b){if("click"===a)return ao(b)}function mo(a,b){if("input"===a||"change"===a)return ao(b)}function no(a){for(;a&&a.firstChild;)a=a.firstChild;return a}
+function oo(a,b){var c=no(a);a=0;for(var d;c;){if(3===c.nodeType){d=a+c.textContent.length;if(a<=b&&d>=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=no(c)}}function po(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?po(a,b.parentNode):"contains"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}
+function Qj(){for(var a=window,b=Dc();b instanceof a.HTMLIFrameElement;){try{var c="string"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Dc(a.document)}return b}function Rj(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&("input"===b&&("text"===a.type||"search"===a.type||"tel"===a.type||"url"===a.type||"password"===a.type)||"textarea"===b||"true"===a.contentEditable)}
+function Ql(a){var b=Qj(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&po(c.ownerDocument.documentElement,c)){if(null!==d&&Rj(c))if(b=d.start,a=d.end,void 0===a&&(a=b),"selectionStart"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=oo(c,f);var g=oo(c,
 d);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});"function"===typeof c.focus&&c.focus();for(c=0;c<b.length;c++)a=b[c],a.element.scrollLeft=a.left,a.element.scrollTop=a.top}}
-var co=fc&&"documentMode"in document&&11>=document.documentMode,eo=null,fo=null,go=null,ho=!1;
-function io(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;ho||null==eo||eo!==Ac(d)||(d=eo,"selectionStart"in d&&Ij(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),go&&ve(go,d)||(go=d,d=Jn(fo,"onSelect"),0<d.length&&(b=new hm("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=eo)))}
-function jo(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var ko={animationend:jo("Animation","AnimationEnd"),animationiteration:jo("Animation","AnimationIteration"),animationstart:jo("Animation","AnimationStart"),transitionend:jo("Transition","TransitionEnd")},lo={},mo={};
-fc&&(mo=document.createElement("div").style,"AnimationEvent"in window||(delete ko.animationend.animation,delete ko.animationiteration.animation,delete ko.animationstart.animation),"TransitionEvent"in window||delete ko.transitionend.transition);function no(a){if(lo[a])return lo[a];if(!ko[a])return a;var b=ko[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in mo)return lo[a]=b[c];return a}var oo=no("animationend"),po=no("animationiteration"),qo=no("animationstart"),ro=no("transitionend"),so=new Map,to="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
-function uo(a,b){so.set(a,b);dc(b,[a])}for(var vo=0;vo<to.length;vo++){var wo=to[vo],xo=wo.toLowerCase(),yo=wo[0].toUpperCase()+wo.slice(1);uo(xo,"on"+yo)}uo(oo,"onAnimationEnd");uo(po,"onAnimationIteration");uo(qo,"onAnimationStart");uo("dblclick","onDoubleClick");uo("focusin","onFocus");uo("focusout","onBlur");uo(ro,"onTransitionEnd");ec("onMouseEnter",["mouseout","mouseover"]);ec("onMouseLeave",["mouseout","mouseover"]);ec("onPointerEnter",["pointerout","pointerover"]);
-ec("onPointerLeave",["pointerout","pointerover"]);dc("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));dc("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));dc("onBeforeInput",["compositionend","keypress","textInput","paste"]);dc("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));dc("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
-dc("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var zo="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Ao=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(zo));
-function Bo(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;rj(d,b,void 0,a);a.currentTarget=null}
-function Nn(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Bo(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Bo(e,h,n);f=k}}}if(nj)throw a=oj,nj=!1,oj=null,a;}
-function Y(a,b){var c=b[Pb];void 0===c&&(c=b[Pb]=new Set);var d=a+"__bubble";c.has(d)||(Co(b,a,2,!1),c.add(d))}function Do(a,b,c){var d=0;b&&(d|=4);Co(c,a,d,b)}var Eo="_reactListening"+Math.random().toString(36).slice(2);function fj(a){if(!a[Eo]){a[Eo]=!0;bc.forEach(function(c){"selectionchange"!==c&&(Ao.has(c)||Do(c,!1,a),Do(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[Eo]||(b[Eo]=!0,Do("selectionchange",!1,b))}}
-function Co(a,b,c,d){switch(fl(b)){case 2:var e=kn;break;case 8:e=mn;break;default:e=ln}c=e.bind(null,b,c,a);e=void 0;!am||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
-function nn(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Vb(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}Zl(function(){var n=
-f,q=Vc(c),w=[];a:{var r=so.get(a);if(void 0!==r){var t=hm,A=a;switch(a){case "keypress":if(0===cm(c))break a;case "keydown":case "keyup":t=Fm;break;case "focusin":A="focus";t=tm;break;case "focusout":A="blur";t=tm;break;case "beforeblur":case "afterblur":t=tm;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":t=pm;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":t=
-rm;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":t=Jm;break;case oo:case po:case qo:t=vm;break;case ro:t=Lm;break;case "scroll":case "scrollend":t=jm;break;case "wheel":t=Nm;break;case "copy":case "cut":case "paste":t=xm;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":t=Hm}var C=0!==(b&4),J=!C&&("scroll"===a||"scrollend"===a),S=C?null!==r?r+"Capture":
-null:r;C=[];for(var m=n,l;null!==m;){var p=m;l=p.stateNode;p=p.tag;5!==p&&26!==p&&27!==p||null===l||null===S||(p=$l(m,S),null!=p&&C.push(Fo(m,p,l)));if(J)break;m=m.return}0<C.length&&(r=new t(r,A,null,c,q),w.push({event:r,listeners:C}))}}if(0===(b&7)){a:{r="mouseover"===a||"pointerover"===a;t="mouseout"===a||"pointerout"===a;if(r&&c!==Uc&&(A=c.relatedTarget||c.fromElement)&&(Vb(A)||A[Ob]))break a;if(t||r){r=q.window===q?q:(r=q.ownerDocument)?r.defaultView||r.parentWindow:window;if(t){if(A=c.relatedTarget||
-c.toElement,t=n,A=A?Vb(A):null,null!==A&&(J=ad(A),C=A.tag,A!==J||5!==C&&27!==C&&6!==C))A=null}else t=null,A=n;if(t!==A){C=pm;p="onMouseLeave";S="onMouseEnter";m="mouse";if("pointerout"===a||"pointerover"===a)C=Hm,p="onPointerLeave",S="onPointerEnter",m="pointer";J=null==t?r:Yb(t);l=null==A?r:Yb(A);r=new C(p,m+"leave",t,c,q);r.target=J;r.relatedTarget=l;p=null;Vb(q)===n&&(C=new C(S,m+"enter",A,c,q),C.target=l,C.relatedTarget=J,p=C);J=p;if(t&&A)b:{C=t;S=A;m=0;for(l=C;l;l=Go(l))m++;l=0;for(p=S;p;p=Go(p))l++;
-for(;0<m-l;)C=Go(C),m--;for(;0<l-m;)S=Go(S),l--;for(;m--;){if(C===S||null!==S&&C===S.alternate)break b;C=Go(C);S=Go(S)}C=null}else C=null;null!==t&&Ho(w,r,t,C,!1);null!==A&&null!==J&&Ho(w,J,A,C,!0)}}}a:{r=n?Yb(n):window;t=r.nodeName&&r.nodeName.toLowerCase();if("select"===t||"input"===t&&"file"===r.type)var v=Pn;else if(Hn(r))if(Qn)v=Zn;else{v=Xn;var y=Wn}else(t=r.nodeName)&&"input"===t.toLowerCase()&&("checkbox"===r.type||"radio"===r.type)&&(v=Yn);if(v&&(v=v(a,n))){In(w,v,c,q);break a}y&&y(a,r,n);
-"focusout"===a&&n&&"number"===r.type&&null!=n.memoizedProps.value&&Ec(r,"number",r.value)}y=n?Yb(n):window;switch(a){case "focusin":if(Hn(y)||"true"===y.contentEditable)eo=y,fo=n,go=null;break;case "focusout":go=fo=eo=null;break;case "mousedown":ho=!0;break;case "contextmenu":case "mouseup":case "dragend":ho=!1;io(w,c,q);break;case "selectionchange":if(co)break;case "keydown":case "keyup":io(w,c,q)}var B;if(un)b:{switch(a){case "compositionstart":var z="onCompositionStart";break b;case "compositionend":z=
-"onCompositionEnd";break b;case "compositionupdate":z="onCompositionUpdate";break b}z=void 0}else Dn?Bn(a,c)&&(z="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(z="onCompositionStart");z&&(yn&&"ko"!==c.locale&&(Dn||"onCompositionStart"!==z?"onCompositionEnd"===z&&Dn&&(B=sn()):(pn=q,qn="value"in pn?pn.value:pn.textContent,Dn=!0)),y=Jn(n,z),0<y.length&&(z=new zm(z,a,null,c,q),w.push({event:z,listeners:y}),B?z.data=B:(B=Cn(c),null!==B&&(z.data=B))));if(B=xn?En(a,c):Fn(a,c))z=Jn(n,"onBeforeInput"),
-0<z.length&&(y=new zm("onBeforeInput","beforeinput",null,c,q),w.push({event:y,listeners:z}),y.data=B);Om(w,a,n,c,q)}Nn(w,b)})}function Fo(a,b,c){return{instance:a,listener:b,currentTarget:c}}function Jn(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=$l(a,c),null!=e&&d.unshift(Fo(a,e,f)),e=$l(a,b),null!=e&&d.push(Fo(a,e,f)));a=a.return}return d}
-function Go(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function Ho(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=$l(c,f),null!=n&&g.unshift(Fo(c,n,k))):e||(n=$l(c,f),null!=n&&g.push(Fo(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var Io=/\r\n?/g,Jo=/\u0000|\uFFFD/g;
-function Ko(a){return("string"===typeof a?a:""+a).replace(Io,"\n").replace(Jo,"")}function ej(a,b,c){b=Ko(b);if(Ko(a)!==b&&c)throw Error(u(425));}function ak(){}
-function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Oc(a,d):"number"===typeof d&&"body"!==b&&Oc(a,""+d);break;case "className":lc(a,"class",d);break;case "tabIndex":lc(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":lc(a,c,d);break;case "style":Rc(a,d,f);break;case "src":case "href":if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+
+var qo=hc&&"documentMode"in document&&11>=document.documentMode,ro=null,so=null,to=null,uo=!1;
+function vo(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;uo||null==ro||ro!==Dc(d)||(d=ro,"selectionStart"in d&&Rj(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),to&&jf(to,d)||(to=d,d=Wn(so,"onSelect"),0<d.length&&(b=new um("onSelect","select",null,b,c),a.push({event:b,listeners:d}),b.target=ro)))}
+function wo(a,b){var c={};c[a.toLowerCase()]=b.toLowerCase();c["Webkit"+a]="webkit"+b;c["Moz"+a]="moz"+b;return c}var xo={animationend:wo("Animation","AnimationEnd"),animationiteration:wo("Animation","AnimationIteration"),animationstart:wo("Animation","AnimationStart"),transitionend:wo("Transition","TransitionEnd")},yo={},zo={};
+hc&&(zo=document.createElement("div").style,"AnimationEvent"in window||(delete xo.animationend.animation,delete xo.animationiteration.animation,delete xo.animationstart.animation),"TransitionEvent"in window||delete xo.transitionend.transition);function Ao(a){if(yo[a])return yo[a];if(!xo[a])return a;var b=xo[a],c;for(c in b)if(b.hasOwnProperty(c)&&c in zo)return yo[a]=b[c];return a}var Bo=Ao("animationend"),Co=Ao("animationiteration"),Do=Ao("animationstart"),Eo=Ao("transitionend"),Fo=new Map,Go="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll scrollEnd toggle touchMove waiting wheel".split(" ");
+function Ho(a,b){Fo.set(a,b);fc(b,[a])}for(var Io=0;Io<Go.length;Io++){var Jo=Go[Io],Ko=Jo.toLowerCase(),Lo=Jo[0].toUpperCase()+Jo.slice(1);Ho(Ko,"on"+Lo)}Ho(Bo,"onAnimationEnd");Ho(Co,"onAnimationIteration");Ho(Do,"onAnimationStart");Ho("dblclick","onDoubleClick");Ho("focusin","onFocus");Ho("focusout","onBlur");Ho(Eo,"onTransitionEnd");gc("onMouseEnter",["mouseout","mouseover"]);gc("onMouseLeave",["mouseout","mouseover"]);gc("onPointerEnter",["pointerout","pointerover"]);
+gc("onPointerLeave",["pointerout","pointerover"]);fc("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));fc("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));fc("onBeforeInput",["compositionend","keypress","textInput","paste"]);fc("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));fc("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));
+fc("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Mo="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),No=new Set("cancel close invalid load scroll scrollend toggle".split(" ").concat(Mo));
+function Oo(a,b,c){var d=a.type||"unknown-event";a.currentTarget=c;Aj(d,b,void 0,a);a.currentTarget=null}
+function $n(a,b){b=0!==(b&4);for(var c=0;c<a.length;c++){var d=a[c],e=d.event;d=d.listeners;a:{var f=void 0;if(b)for(var g=d.length-1;0<=g;g--){var h=d[g],k=h.instance,n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Oo(e,h,n);f=k}else for(g=0;g<d.length;g++){h=d[g];k=h.instance;n=h.currentTarget;h=h.listener;if(k!==f&&e.isPropagationStopped())break a;Oo(e,h,n);f=k}}}if(wj)throw a=xj,wj=!1,xj=null,a;}
+function Y(a,b){var c=b[Rb];void 0===c&&(c=b[Rb]=new Set);var d=a+"__bubble";c.has(d)||(Po(b,a,2,!1),c.add(d))}function Qo(a,b,c){var d=0;b&&(d|=4);Po(c,a,d,b)}var Ro="_reactListening"+Math.random().toString(36).slice(2);function oj(a){if(!a[Ro]){a[Ro]=!0;dc.forEach(function(c){"selectionchange"!==c&&(No.has(c)||Qo(c,!1,a),Qo(c,!0,a))});var b=9===a.nodeType?a:a.ownerDocument;null===b||b[Ro]||(b[Ro]=!0,Qo("selectionchange",!1,b))}}
+function Po(a,b,c,d){switch(rl(b)){case 2:var e=xn;break;case 8:e=zn;break;default:e=yn}c=e.bind(null,b,c,a);e=void 0;!nm||"touchstart"!==b&&"touchmove"!==b&&"wheel"!==b||(e=!0);d?void 0!==e?a.addEventListener(b,c,{capture:!0,passive:e}):a.addEventListener(b,c,!0):void 0!==e?a.addEventListener(b,c,{passive:e}):a.addEventListener(b,c,!1)}
+function An(a,b,c,d,e){var f=d;if(0===(b&1)&&0===(b&2)&&null!==d)a:for(;;){if(null===d)return;var g=d.tag;if(3===g||4===g){var h=d.stateNode.containerInfo;if(h===e||8===h.nodeType&&h.parentNode===e)break;if(4===g)for(g=d.return;null!==g;){var k=g.tag;if(3===k||4===k)if(k=g.stateNode.containerInfo,k===e||8===k.nodeType&&k.parentNode===e)return;g=g.return}for(;null!==h;){g=Xb(h);if(null===g)return;k=g.tag;if(5===k||6===k||26===k||27===k){d=f=g;continue a}h=h.parentNode}}d=d.return}lm(function(){var n=
+f,t=Yc(c),w=[];a:{var q=Fo.get(a);if(void 0!==q){var r=um,y=a;switch(a){case "keypress":if(0===pm(c))break a;case "keydown":case "keyup":r=Sm;break;case "focusin":y="focus";r=Gm;break;case "focusout":y="blur";r=Gm;break;case "beforeblur":case "afterblur":r=Gm;break;case "click":if(2===c.button)break a;case "auxclick":case "dblclick":case "mousedown":case "mousemove":case "mouseup":case "mouseout":case "mouseover":case "contextmenu":r=Cm;break;case "drag":case "dragend":case "dragenter":case "dragexit":case "dragleave":case "dragover":case "dragstart":case "drop":r=
+Em;break;case "touchcancel":case "touchend":case "touchmove":case "touchstart":r=Wm;break;case Bo:case Co:case Do:r=Im;break;case Eo:r=Ym;break;case "scroll":case "scrollend":r=wm;break;case "wheel":r=$m;break;case "copy":case "cut":case "paste":r=Km;break;case "gotpointercapture":case "lostpointercapture":case "pointercancel":case "pointerdown":case "pointermove":case "pointerout":case "pointerover":case "pointerup":r=Um}var D=0!==(b&4),K=!D&&("scroll"===a||"scrollend"===a),m=D?null!==q?q+"Capture":
+null:q;D=[];for(var l=n,p;null!==l;){var v=l;p=v.stateNode;v=v.tag;5!==v&&26!==v&&27!==v||null===p||null===m||(v=mm(l,m),null!=v&&D.push(So(l,v,p)));if(K)break;l=l.return}0<D.length&&(q=new r(q,y,null,c,t),w.push({event:q,listeners:D}))}}if(0===(b&7)){a:{q="mouseover"===a||"pointerover"===a;r="mouseout"===a||"pointerout"===a;if(q&&c!==Xc&&(y=c.relatedTarget||c.fromElement)&&(Xb(y)||y[Qb]))break a;if(r||q){q=t.window===t?t:(q=t.ownerDocument)?q.defaultView||q.parentWindow:window;if(r){if(y=c.relatedTarget||
+c.toElement,r=n,y=y?Xb(y):null,null!==y&&(K=dd(y),D=y.tag,y!==K||5!==D&&27!==D&&6!==D))y=null}else r=null,y=n;if(r!==y){D=Cm;v="onMouseLeave";m="onMouseEnter";l="mouse";if("pointerout"===a||"pointerover"===a)D=Um,v="onPointerLeave",m="onPointerEnter",l="pointer";K=null==r?q:$b(r);p=null==y?q:$b(y);q=new D(v,l+"leave",r,c,t);q.target=K;q.relatedTarget=p;v=null;Xb(t)===n&&(D=new D(m,l+"enter",y,c,t),D.target=p,D.relatedTarget=K,v=D);K=v;if(r&&y)b:{D=r;m=y;l=0;for(p=D;p;p=To(p))l++;p=0;for(v=m;v;v=To(v))p++;
+for(;0<l-p;)D=To(D),l--;for(;0<p-l;)m=To(m),p--;for(;l--;){if(D===m||null!==m&&D===m.alternate)break b;D=To(D);m=To(m)}D=null}else D=null;null!==r&&Uo(w,q,r,D,!1);null!==y&&null!==K&&Uo(w,K,y,D,!0)}}}a:{q=n?$b(n):window;r=q.nodeName&&q.nodeName.toLowerCase();if("select"===r||"input"===r&&"file"===q.type)var z=bo;else if(Un(q))if(co)z=mo;else{z=ko;var A=jo}else(r=q.nodeName)&&"input"===r.toLowerCase()&&("checkbox"===q.type||"radio"===q.type)&&(z=lo);if(z&&(z=z(a,n))){Vn(w,z,c,t);break a}A&&A(a,q,n);
+"focusout"===a&&n&&"number"===q.type&&null!=n.memoizedProps.value&&Hc(q,"number",q.value)}A=n?$b(n):window;switch(a){case "focusin":if(Un(A)||"true"===A.contentEditable)ro=A,so=n,to=null;break;case "focusout":to=so=ro=null;break;case "mousedown":uo=!0;break;case "contextmenu":case "mouseup":case "dragend":uo=!1;vo(w,c,t);break;case "selectionchange":if(qo)break;case "keydown":case "keyup":vo(w,c,t)}var B;if(Hn)b:{switch(a){case "compositionstart":var C="onCompositionStart";break b;case "compositionend":C=
+"onCompositionEnd";break b;case "compositionupdate":C="onCompositionUpdate";break b}C=void 0}else Qn?On(a,c)&&(C="onCompositionEnd"):"keydown"===a&&229===c.keyCode&&(C="onCompositionStart");C&&(Kn&&"ko"!==c.locale&&(Qn||"onCompositionStart"!==C?"onCompositionEnd"===C&&Qn&&(B=Fn()):(Cn=t,Dn="value"in Cn?Cn.value:Cn.textContent,Qn=!0)),A=Wn(n,C),0<A.length&&(C=new Mm(C,a,null,c,t),w.push({event:C,listeners:A}),B?C.data=B:(B=Pn(c),null!==B&&(C.data=B))));if(B=Jn?Rn(a,c):Sn(a,c))C=Wn(n,"onBeforeInput"),
+0<C.length&&(A=new Mm("onBeforeInput","beforeinput",null,c,t),w.push({event:A,listeners:C}),A.data=B);an(w,a,n,c,t)}$n(w,b)})}function So(a,b,c){return{instance:a,listener:b,currentTarget:c}}function Wn(a,b){for(var c=b+"Capture",d=[];null!==a;){var e=a,f=e.stateNode;e=e.tag;5!==e&&26!==e&&27!==e||null===f||(e=mm(a,c),null!=e&&d.unshift(So(a,e,f)),e=mm(a,b),null!=e&&d.push(So(a,e,f)));a=a.return}return d}
+function To(a){if(null===a)return null;do a=a.return;while(a&&5!==a.tag&&27!==a.tag);return a?a:null}function Uo(a,b,c,d,e){for(var f=b._reactName,g=[];null!==c&&c!==d;){var h=c,k=h.alternate,n=h.stateNode;h=h.tag;if(null!==k&&k===d)break;5!==h&&26!==h&&27!==h||null===n||(k=n,e?(n=mm(c,f),null!=n&&g.unshift(So(c,n,k))):e||(n=mm(c,f),null!=n&&g.push(So(c,n,k))));c=c.return}0!==g.length&&a.push({event:b,listeners:g})}var Vo=/\r\n?/g,Wo=/\u0000|\uFFFD/g;
+function Xo(a){return("string"===typeof a?a:""+a).replace(Vo,"\n").replace(Wo,"")}function nj(a,b,c){b=Xo(b);if(Xo(a)!==b&&c)throw Error(x(425));}function jk(){}
+function Z(a,b,c,d,e,f){switch(c){case "children":"string"===typeof d?"body"===b||"textarea"===b&&""===d||Rc(a,d):"number"===typeof d&&"body"!==b&&Rc(a,""+d);break;case "className":nc(a,"class",d);break;case "tabIndex":nc(a,"tabindex",d);break;case "dir":case "role":case "viewBox":case "width":case "height":nc(a,c,d);break;case "style":Uc(a,d,f);break;case "src":case "href":if(null==d||"function"===typeof d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+
 d);break;case "action":case "formAction":if("function"===typeof d){a.setAttribute(c,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else"function"===typeof f&&("formAction"===c?("input"!==b&&Z(a,b,"name",e.name,e,null),Z(a,b,"formEncType",e.formEncType,e,null),Z(a,
-b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=ak);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in
-d))throw Error(u(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(u(60));Nc(a,d)}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===typeof d||"boolean"===typeof d||"symbol"===typeof d){a.removeAttribute("xlink:href");
-break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
+b,"formMethod",e.formMethod,e,null),Z(a,b,"formTarget",e.formTarget,e,null)):(Z(a,b,"encType",e.encType,e,null),Z(a,b,"method",e.method,e,null),Z(a,b,"target",e.target,e,null)));if(null==d||"symbol"===typeof d||"boolean"===typeof d){a.removeAttribute(c);break}a.setAttribute(c,""+d);break;case "onClick":null!=d&&(a.onclick=jk);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in
+d))throw Error(x(61));d=d.__html;if(null!=d){if(null!=e.children)throw Error(x(60));Qc(a,d)}}break;case "multiple":a.multiple=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "muted":a.muted=d&&"function"!==typeof d&&"symbol"!==typeof d;break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "defaultValue":case "defaultChecked":case "innerHTML":case "ref":break;case "autoFocus":break;case "xlinkHref":if(null==d||"function"===typeof d||"boolean"===typeof d||"symbol"===
+typeof d){a.removeAttribute("xlink:href");break}a.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",""+d);break;case "contentEditable":case "spellCheck":case "draggable":case "value":case "autoReverse":case "externalResourcesRequired":case "focusable":case "preserveAlpha":null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""+d):a.removeAttribute(c);break;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":d&&
 "function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,""):a.removeAttribute(c);break;case "capture":case "download":!0===d?a.setAttribute(c,""):!1!==d&&null!=d&&"function"!==typeof d&&"symbol"!==typeof d?a.setAttribute(c,d):a.removeAttribute(c);break;case "cols":case "rows":case "size":case "span":null!=d&&"function"!==typeof d&&"symbol"!==typeof d&&!isNaN(d)&&1<=d?a.setAttribute(c,d):a.removeAttribute(c);break;case "rowSpan":case "start":null==d||"function"===typeof d||"symbol"===typeof d||
-isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":mc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":mc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":mc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":mc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":mc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":mc(a,"http://www.w3.org/1999/xlink","xlink:type",
-d);break;case "xmlBase":mc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":mc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":mc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":kc(a,"is",d);break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Tc.get(c)||c,kc(a,e,d)}}
-function Lo(a,b,c,d,e,f){switch(c){case "style":Rc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(u(61));b=d.__html;if(null!=b){if(null!=e.children)throw Error(u(60));Nc(a,b)}}break;case "children":"string"===typeof d?Oc(a,d):"number"===typeof d&&Oc(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=ak);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":break;
-default:cc.hasOwnProperty(c)||("boolean"===typeof d&&(d=""+d),kc(a,c,d))}}
-function dj(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(q in c)if(c.hasOwnProperty(q)){var n=c[q];if(null!=n)switch(q){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(u(137,b));break;default:Z(a,
-b,q,n,c,null)}}Fc(a,f,g,h,k,e,d,!1);yc(a);return;case "select":Y("invalid",a);var q=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":q=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!q;null!=b?Hc(a,!!q,b,!1):null!=c&&Hc(a,!!q,c,!0);return;case "textarea":Y("invalid",a);f=d=q=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":q=g;break;case "defaultValue":d=g;break;case "children":f=
-g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(u(91));break;default:Z(a,b,e,g,c,null)}Jc(a,q,d,f);yc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(q=c[g],null!=q))switch(g){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,g,q,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(q=0;q<zo.length;q++)Y(zo[q],a);break;case "image":Y("error",a);Y("load",
-a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(q=c[h],null!=q))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(u(137,b));default:Z(a,b,h,q,c,null)}return;default:if(Sc(b)){for(k in c)c.hasOwnProperty(k)&&(q=c[k],null!=q&&Lo(a,b,k,q,c,null));
-return}}for(f in c)c.hasOwnProperty(f)&&(q=c[f],null!=q&&Z(a,b,f,q,c,null))}
-function tk(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,q=null;for(t in c){var w=c[t];if(c.hasOwnProperty(t)&&null!=w)switch(t){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(t)||Z(a,b,t,null,d,w)}}for(var r in d){var t=d[r];w=c[r];if(d.hasOwnProperty(r)&&(null!=t||null!=w))switch(r){case "type":f=t;break;case "name":e=t;break;case "checked":n=
-t;break;case "defaultChecked":q=t;break;case "value":g=t;break;case "defaultValue":h=t;break;case "children":case "dangerouslySetInnerHTML":if(null!=t)throw Error(u(137,b));break;default:t!==w&&Z(a,b,r,t,d,w)}}Dc(a,g,h,k,n,q,f,e);return;case "select":t=g=h=r=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":t=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":r=
-f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=t;null!=r?Hc(a,!!c,r,!1):!!d!==!!c&&(null!=b?Hc(a,!!c,b,!0):Hc(a,!!c,c?[]:"",!1));return;case "textarea":t=r=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":r=e;break;case "defaultValue":t=e;break;case "children":break;
-case "dangerouslySetInnerHTML":if(null!=e)throw Error(u(91));break;default:e!==f&&Z(a,b,g,e,d,f)}Ic(a,r,t);return;case "option":for(var A in c)if(r=c[A],c.hasOwnProperty(A)&&null!=r&&!d.hasOwnProperty(A))switch(A){case "selected":a.selected=!1;break;default:Z(a,b,A,null,d,r)}for(k in d)if(r=d[k],t=c[k],d.hasOwnProperty(k)&&r!==t&&(null!=r||null!=t))switch(k){case "selected":a.selected=r&&"function"!==typeof r&&"symbol"!==typeof r;break;default:Z(a,b,k,r,d,t)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var C in c)r=
-c[C],c.hasOwnProperty(C)&&null!=r&&!d.hasOwnProperty(C)&&Z(a,b,C,null,d,r);for(n in d)if(r=d[n],t=c[n],d.hasOwnProperty(n)&&r!==t&&(null!=r||null!=t))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(u(137,b));break;default:Z(a,b,n,r,d,t)}return;default:if(Sc(b)){for(var J in c)r=c[J],c.hasOwnProperty(J)&&null!=r&&!d.hasOwnProperty(J)&&Lo(a,b,J,null,d,r);for(q in d)r=d[q],t=c[q],!d.hasOwnProperty(q)||r===t||null==r&&null==t||Lo(a,b,q,r,d,t);return}}for(var S in c)r=c[S],
-c.hasOwnProperty(S)&&null!=r&&!d.hasOwnProperty(S)&&Z(a,b,S,null,d,r);for(w in d)r=d[w],t=c[w],!d.hasOwnProperty(w)||r===t||null==r&&null==t||Z(a,b,w,r,d,t)}var Fj=null,Jj=null;function cj(a){return 9===a.nodeType?a:a.ownerDocument}function Ka(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
-function La(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Wd(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var Mo=null;function Ef(){var a=window.event;if(a&&"popstate"===a.type){if(a===Mo)return!1;Mo=a;return!0}Mo=null;return!1}
-var il="function"===typeof setTimeout?setTimeout:void 0,ql="function"===typeof clearTimeout?clearTimeout:void 0,No="function"===typeof Promise?Promise:void 0,Hf="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof No?function(a){return No.resolve(null).then(a).catch(Oo)}:il;function Oo(a){setTimeout(function(){throw a;})}
-function gk(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);hk(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);hk(b)}function Kj(a){var b=a.nodeType;if(9===b)Po(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":Po(a);break;default:a.textContent=""}}
-function Po(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":Po(c);Ub(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
-function Md(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Tb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
+isNaN(d)?a.removeAttribute(c):a.setAttribute(c,d);break;case "xlinkActuate":oc(a,"http://www.w3.org/1999/xlink","xlink:actuate",d);break;case "xlinkArcrole":oc(a,"http://www.w3.org/1999/xlink","xlink:arcrole",d);break;case "xlinkRole":oc(a,"http://www.w3.org/1999/xlink","xlink:role",d);break;case "xlinkShow":oc(a,"http://www.w3.org/1999/xlink","xlink:show",d);break;case "xlinkTitle":oc(a,"http://www.w3.org/1999/xlink","xlink:title",d);break;case "xlinkType":oc(a,"http://www.w3.org/1999/xlink","xlink:type",
+d);break;case "xmlBase":oc(a,"http://www.w3.org/XML/1998/namespace","xml:base",d);break;case "xmlLang":oc(a,"http://www.w3.org/XML/1998/namespace","xml:lang",d);break;case "xmlSpace":oc(a,"http://www.w3.org/XML/1998/namespace","xml:space",d);break;case "is":mc(a,"is",d);break;default:if(!(2<c.length)||"o"!==c[0]&&"O"!==c[0]||"n"!==c[1]&&"N"!==c[1])e=Wc.get(c)||c,mc(a,e,d)}}
+function Yo(a,b,c,d,e,f){switch(c){case "style":Uc(a,d,f);break;case "dangerouslySetInnerHTML":if(null!=d){if("object"!==typeof d||!("__html"in d))throw Error(x(61));b=d.__html;if(null!=b){if(null!=e.children)throw Error(x(60));Qc(a,b)}}break;case "children":"string"===typeof d?Rc(a,d):"number"===typeof d&&Rc(a,""+d);break;case "onScroll":null!=d&&Y("scroll",a);break;case "onScrollEnd":null!=d&&Y("scrollend",a);break;case "onClick":null!=d&&(a.onclick=jk);break;case "suppressContentEditableWarning":case "suppressHydrationWarning":case "innerHTML":case "ref":break;
+default:ec.hasOwnProperty(c)||("boolean"===typeof d&&(d=""+d),mc(a,c,d))}}
+function mj(a,b,c){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":Y("invalid",a);var d=null,e=null,f=null,g=null,h=null,k=null;for(t in c)if(c.hasOwnProperty(t)){var n=c[t];if(null!=n)switch(t){case "name":d=n;break;case "type":e=n;break;case "checked":h=n;break;case "defaultChecked":k=n;break;case "value":f=n;break;case "defaultValue":g=n;break;case "children":case "dangerouslySetInnerHTML":if(null!=n)throw Error(x(137,b));break;default:Z(a,
+b,t,n,c,null)}}Ic(a,f,g,h,k,e,d,!1);Bc(a);return;case "select":Y("invalid",a);var t=e=f=null;for(d in c)if(c.hasOwnProperty(d)&&(g=c[d],null!=g))switch(d){case "value":f=g;break;case "defaultValue":e=g;break;case "multiple":t=g;default:Z(a,b,d,g,c,null)}b=f;c=e;a.multiple=!!t;null!=b?Kc(a,!!t,b,!1):null!=c&&Kc(a,!!t,c,!0);return;case "textarea":Y("invalid",a);f=d=t=null;for(e in c)if(c.hasOwnProperty(e)&&(g=c[e],null!=g))switch(e){case "value":t=g;break;case "defaultValue":d=g;break;case "children":f=
+g;break;case "dangerouslySetInnerHTML":if(null!=g)throw Error(x(91));break;default:Z(a,b,e,g,c,null)}Mc(a,t,d,f);Bc(a);return;case "option":for(g in c)if(c.hasOwnProperty(g)&&(t=c[g],null!=t))switch(g){case "selected":a.selected=t&&"function"!==typeof t&&"symbol"!==typeof t;break;default:Z(a,b,g,t,c,null)}return;case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":Y("load",a);break;case "video":case "audio":for(t=0;t<Mo.length;t++)Y(Mo[t],a);break;case "image":Y("error",a);Y("load",
+a);break;case "details":Y("toggle",a);break;case "embed":case "source":case "img":case "link":Y("error",a),Y("load",a);case "area":case "base":case "br":case "col":case "hr":case "keygen":case "meta":case "param":case "track":case "wbr":case "menuitem":for(h in c)if(c.hasOwnProperty(h)&&(t=c[h],null!=t))switch(h){case "children":case "dangerouslySetInnerHTML":throw Error(x(137,b));default:Z(a,b,h,t,c,null)}return;default:if(Vc(b)){for(k in c)c.hasOwnProperty(k)&&(t=c[k],null!=t&&Yo(a,b,k,t,c,null));
+return}}for(f in c)c.hasOwnProperty(f)&&(t=c[f],null!=t&&Z(a,b,f,t,c,null))}
+function Ck(a,b,c,d){switch(b){case "div":case "span":case "svg":case "path":case "a":case "g":case "p":case "li":break;case "input":var e=null,f=null,g=null,h=null,k=null,n=null,t=null;for(r in c){var w=c[r];if(c.hasOwnProperty(r)&&null!=w)switch(r){case "checked":break;case "value":break;case "defaultValue":k=w;default:d.hasOwnProperty(r)||Z(a,b,r,null,d,w)}}for(var q in d){var r=d[q];w=c[q];if(d.hasOwnProperty(q)&&(null!=r||null!=w))switch(q){case "type":f=r;break;case "name":e=r;break;case "checked":n=
+r;break;case "defaultChecked":t=r;break;case "value":g=r;break;case "defaultValue":h=r;break;case "children":case "dangerouslySetInnerHTML":if(null!=r)throw Error(x(137,b));break;default:r!==w&&Z(a,b,q,r,d,w)}}Gc(a,g,h,k,n,t,f,e);return;case "select":r=g=h=q=null;for(f in c)if(k=c[f],c.hasOwnProperty(f)&&null!=k)switch(f){case "value":break;case "multiple":r=k;default:d.hasOwnProperty(f)||Z(a,b,f,null,d,k)}for(e in d)if(f=d[e],k=c[e],d.hasOwnProperty(e)&&(null!=f||null!=k))switch(e){case "value":q=
+f;break;case "defaultValue":h=f;break;case "multiple":g=f;default:f!==k&&Z(a,b,e,f,d,k)}b=h;c=g;d=r;null!=q?Kc(a,!!c,q,!1):!!d!==!!c&&(null!=b?Kc(a,!!c,b,!0):Kc(a,!!c,c?[]:"",!1));return;case "textarea":r=q=null;for(h in c)if(e=c[h],c.hasOwnProperty(h)&&null!=e&&!d.hasOwnProperty(h))switch(h){case "value":break;case "children":break;default:Z(a,b,h,null,d,e)}for(g in d)if(e=d[g],f=c[g],d.hasOwnProperty(g)&&(null!=e||null!=f))switch(g){case "value":q=e;break;case "defaultValue":r=e;break;case "children":break;
+case "dangerouslySetInnerHTML":if(null!=e)throw Error(x(91));break;default:e!==f&&Z(a,b,g,e,d,f)}Lc(a,q,r);return;case "option":for(var y in c)if(q=c[y],c.hasOwnProperty(y)&&null!=q&&!d.hasOwnProperty(y))switch(y){case "selected":a.selected=!1;break;default:Z(a,b,y,null,d,q)}for(k in d)if(q=d[k],r=c[k],d.hasOwnProperty(k)&&q!==r&&(null!=q||null!=r))switch(k){case "selected":a.selected=q&&"function"!==typeof q&&"symbol"!==typeof q;break;default:Z(a,b,k,q,d,r)}return;case "img":case "link":case "area":case "base":case "br":case "col":case "embed":case "hr":case "keygen":case "meta":case "param":case "source":case "track":case "wbr":case "menuitem":for(var D in c)q=
+c[D],c.hasOwnProperty(D)&&null!=q&&!d.hasOwnProperty(D)&&Z(a,b,D,null,d,q);for(n in d)if(q=d[n],r=c[n],d.hasOwnProperty(n)&&q!==r&&(null!=q||null!=r))switch(n){case "children":case "dangerouslySetInnerHTML":if(null!=q)throw Error(x(137,b));break;default:Z(a,b,n,q,d,r)}return;default:if(Vc(b)){for(var K in c)q=c[K],c.hasOwnProperty(K)&&null!=q&&!d.hasOwnProperty(K)&&Yo(a,b,K,null,d,q);for(t in d)q=d[t],r=c[t],!d.hasOwnProperty(t)||q===r||null==q&&null==r||Yo(a,b,t,q,d,r);return}}for(var m in c)q=c[m],
+c.hasOwnProperty(m)&&null!=q&&!d.hasOwnProperty(m)&&Z(a,b,m,null,d,q);for(w in d)q=d[w],r=c[w],!d.hasOwnProperty(w)||q===r||null==q&&null==r||Z(a,b,w,q,d,r)}var Oj=null,Sj=null;function lj(a){return 9===a.nodeType?a:a.ownerDocument}function Ja(a){switch(a){case "http://www.w3.org/2000/svg":return 1;case "http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}
+function Ka(a,b){if(0===a)switch(b){case "svg":return 1;case "math":return 2;default:return 0}return 1===a&&"foreignObject"===b?0:a}function Zd(a,b){return"textarea"===a||"noscript"===a||"string"===typeof b.children||"number"===typeof b.children||"object"===typeof b.dangerouslySetInnerHTML&&null!==b.dangerouslySetInnerHTML&&null!=b.dangerouslySetInnerHTML.__html}var Zo=null;function Ke(){var a=window.event;if(a&&"popstate"===a.type){if(a===Zo)return!1;Zo=a;return!0}Zo=null;return!1}
+var vl="function"===typeof setTimeout?setTimeout:void 0,Dl="function"===typeof clearTimeout?clearTimeout:void 0,$o="function"===typeof Promise?Promise:void 0,Ne="function"===typeof queueMicrotask?queueMicrotask:"undefined"!==typeof $o?function(a){return $o.resolve(null).then(a).catch(ap)}:vl;function ap(a){setTimeout(function(){throw a;})}
+function pk(a,b){var c=b,d=0;do{var e=c.nextSibling;a.removeChild(c);if(e&&8===e.nodeType)if(c=e.data,"/$"===c){if(0===d){a.removeChild(e);qk(b);return}d--}else"$"!==c&&"$?"!==c&&"$!"!==c||d++;c=e}while(c);qk(b)}function Tj(a){var b=a.nodeType;if(9===b)bp(a);else if(1===b)switch(a.nodeName){case "HEAD":case "HTML":case "BODY":bp(a);break;default:a.textContent=""}}
+function bp(a){var b=a.firstChild;b&&10===b.nodeType&&(b=b.nextSibling);for(;b;){var c=b;b=b.nextSibling;switch(c.nodeName){case "HTML":case "HEAD":case "BODY":bp(c);Wb(c);continue;case "SCRIPT":case "STYLE":continue;case "LINK":if("stylesheet"===c.rel.toLowerCase())continue}a.removeChild(c)}}
+function Pd(a,b,c,d){for(;1===a.nodeType;){var e=c;if(a.nodeName.toLowerCase()!==b.toLowerCase()){if(!d&&("INPUT"!==a.nodeName||"hidden"!==a.type))break}else if(!d)if("input"===b&&"hidden"===a.type){var f=null==e.name?null:""+e.name;if("hidden"===e.type&&a.getAttribute("name")===f)return a}else return a;else if(!a[Vb])switch(b){case "meta":if(!a.hasAttribute("itemprop"))break;return a;case "link":f=a.getAttribute("rel");if("stylesheet"===f&&a.hasAttribute("data-precedence"))break;else if(f!==e.rel||
 a.getAttribute("href")!==(null==e.href?null:e.href)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin)||a.getAttribute("title")!==(null==e.title?null:e.title))break;return a;case "style":if(a.hasAttribute("data-precedence"))break;return a;case "script":f=a.getAttribute("src");if((f!==(null==e.src?null:e.src)||a.getAttribute("type")!==(null==e.type?null:e.type)||a.getAttribute("crossorigin")!==(null==e.crossOrigin?null:e.crossOrigin))&&f&&a.hasAttribute("async")&&!a.hasAttribute("itemprop"))break;
-return a;default:return a}a=Rd(a);if(null===a)break}return null}function Pd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Rd(a);if(null===a)return null}return a}function Nd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Rd(a){return Nd(a.nextSibling)}
-function aj(a,b,c,d,e){a[Mb]=e;a[Nb]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<zo.length;e++)Y(zo[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);Fc(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);yc(a);break;case "select":Y("invalid",
-a);break;case "textarea":Y("invalid",a),Jc(a,c.value,c.defaultValue,c.children),yc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&ej(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=ak)}
-function Wb(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function bj(a,b,c){b=cj(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(u(452));return a;case "head":a=b.head;if(!a)throw Error(u(453));return a;case "body":a=b.body;if(!a)throw Error(u(454));return a;default:throw Error(u(451));}}var Qo=new Map,Ro=new Set;
-function vk(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var Zo={prefetchDNS:So,preconnect:To,preload:Uo,preloadModule:Vo,preinitStyle:Wo,preinitScript:Xo,preinitModuleScript:Yo};
-function $o(a,b,c){var d=document;if("string"===typeof b&&b){var e=Cc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');Ro.has(e)||(Ro.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),dj(b,"link",a),ac(b),d.head.appendChild(b)))}}function So(a){$o("dns-prefetch",a,null)}function To(a,b){$o("preconnect",a,b)}
-function Uo(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+Cc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+Cc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+Cc(c.imageSizes)+'"]')):e+='[href="'+Cc(a)+'"]':e+='[href="'+Cc(a)+'"]';var f=e;switch(b){case "style":f=ap(a);break;case "script":f=bp(a)}Qo.has(f)||(a=x({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),Qo.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(cp(f))||
-"script"===b&&d.querySelector(dp(f))||(b=d.createElement("link"),dj(b,"link",a),ac(b),d.head.appendChild(b)))}}
-function Vo(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+Cc(d)+'"][href="'+Cc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=bp(a)}if(!Qo.has(f)&&(a=x({rel:"modulepreload",href:a},b),Qo.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(dp(f)))return}d=c.createElement("link");
-dj(d,"link",a);ac(d);c.head.appendChild(d)}}}
-function Wo(a,b,c){var d=document;if(a){var e=$b(d).hoistableStyles,f=ap(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(cp(f)))h.loading=5;else{a=x({rel:"stylesheet",href:a,"data-precedence":b},c);(c=Qo.get(f))&&ep(a,c);var k=g=d.createElement("link");ac(k);dj(k,"link",a);k._p=new Promise(function(n,q){k.onload=n;k.onerror=q});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;fp(g,b,d)}g=
-{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function Xo(a,b){var c=document;if(a){var d=$b(c).hoistableScripts,e=bp(a),f=d.get(e);f||(f=c.querySelector(dp(e)),f||(a=x({src:a,async:!0},b),(b=Qo.get(e))&&gp(a,b),f=c.createElement("script"),ac(f),dj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function Yo(a,b){var c=document;if(a){var d=$b(c).hoistableScripts,e=bp(a),f=d.get(e);f||(f=c.querySelector(dp(e)),f||(a=x({src:a,async:!0,type:"module"},b),(b=Qo.get(e))&&gp(a,b),f=c.createElement("script"),ac(f),dj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
-function Jl(a,b,c){b=(b=Ga.current)?vk(b):null;if(!b)throw Error(u(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=ap(c.href),b=$b(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=ap(c.href);var d=$b(b).hoistableStyles,e=d.get(a);
-e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),Qo.has(a)||hp(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=bp(c.src),b=$b(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
-instance:null,count:0,state:null};default:throw Error(u(444,a));}}function ap(a){return'href="'+Cc(a)+'"'}function cp(a){return'link[rel="stylesheet"]['+a+"]"}function ip(a){return x({},a,{"data-precedence":a.precedence,precedence:null})}
-function hp(a,b,c,d){Qo.set(b,c);a.querySelector(cp(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),dj(b,"link",c),ac(b),a.head.appendChild(b)))}function bp(a){return'[src="'+Cc(a)+'"]'}function dp(a){return"script[async]"+a}
-function sk(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+Cc(c.href)+'"]');if(d)return b.instance=d,ac(d),d;var e=x({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");ac(d);dj(d,"style",e);fp(d,c.precedence,a);return b.instance=d;case "stylesheet":e=ap(c.href);var f=a.querySelector(cp(e));if(f)return b.state.loading|=4,b.instance=f,ac(f),f;d=ip(c);(e=Qo.get(e))&&
-ep(d,e);f=(a.ownerDocument||a).createElement("link");ac(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});dj(f,"link",d);b.state.loading|=4;fp(f,c.precedence,a);return b.instance=f;case "script":f=bp(c.src);if(e=a.querySelector(dp(f)))return b.instance=e,ac(e),e;d=c;if(e=Qo.get(f))d=x({},c),gp(d,e);a=a.ownerDocument||a;e=a.createElement("script");ac(e);dj(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(u(443,b.type));}else"stylesheet"===
-b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,fp(d,c.precedence,a));return b.instance}function fp(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
-function ep(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function gp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var uk=null;
-function qk(a,b,c){if(null===uk){var d=new Map;var e=uk=new Map;e.set(c,d)}else e=uk,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Tb]||f[Mb]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
-function rk(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
-function Ll(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
-var kl=null;function ll(){}
-function Jk(a,b,c){if(null===kl)throw Error(u(475));var d=kl;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=ap(c.href),f=a.querySelector(cp(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=jp.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;ac(f);return}f=a.ownerDocument||a;c=ip(c);(e=Qo.get(e))&&ep(c,e);f=f.createElement("link");ac(f);var g=f;g._p=new Promise(function(h,
-k){g.onload=h;g.onerror=k});dj(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=jp.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
-function ml(){if(null===kl)throw Error(u(475));var a=kl;a.stylesheets&&0===a.count&&kp(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&kp(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function jp(){this.count--;if(0===this.count)if(this.stylesheets)kp(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var lp=null;
-function kp(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,lp=new Map,b.forEach(mp,a),lp=null,jp.call(a))}
-function mp(a,b){if(!(b.state.loading&4)){var c=lp.get(a);if(c)var d=c.get("last");else{c=new Map;lp.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set("p"+g.dataset.precedence,g),d=g}d&&c.set("last",d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get("p"+g)||d;f===d&&c.set("last",e);c.set(g,e);this.count++;d=jp.bind(this);e.addEventListener("load",d);e.addEventListener("error",
-d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var np=ca.Dispatcher;"undefined"!==typeof document&&(np.current=Zo);var op="function"===typeof reportError?reportError:function(a){console.error(a)};function pp(a){this._internalRoot=a}qp.prototype.render=pp.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(u(409));Rl(a,b,null,null)};
-qp.prototype.unmount=pp.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;ol(function(){Rl(null,a,null,null)});b[Ob]=null}};function qp(a){this._internalRoot=a}qp.prototype.unstable_scheduleHydration=function(a){if(a){var b=G;a={blockedOn:null,target:a,priority:b};for(var c=0;c<Vm.length&&0!==b&&b<Vm[c].priority;c++);Vm.splice(c,0,a);0===c&&$m(a)}};function rp(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
-function sp(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function tp(){}
-function up(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=Sl(g);f.call(n)}}var g=Ql(b,d,a,0,null,!1,!1,"",tp,null,null);a._reactRootContainer=g;a[Ob]=g.current;fj(8===a.nodeType?a.parentNode:a);ol();return g}Kj(a);if("function"===typeof d){var h=d;d=function(){var n=Sl(k);h.call(n)}}var k=Nl(a,0,!1,null,null,!1,!1,"",tp,null,null);a._reactRootContainer=k;a[Ob]=k.current;fj(8===a.nodeType?a.parentNode:a);ol(function(){Rl(b,k,c,d)});return k}
-function vp(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=Sl(g);h.call(k)}}Rl(b,g,a,e)}else g=up(c,b,a,e,d);return Sl(g)}function wp(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var xp=ca.Dispatcher;ca.Events=[Xb,Yb,Zb,Zc,$c,nl];var yp={findFiberByHostInstance:Vb,bundleType:0,version:"18.3.0-canary-60a927d04-20240113",rendererPackageName:"react-dom"};
-(function(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return!0;try{a=x({},a,{getLaneLabelMap:eb,injectProfilingHooks:db}),$a=b.inject(a),ab=b}catch(c){}return b.checkDCE?!0:!1})({bundleType:yp.bundleType,version:yp.version,rendererPackageName:yp.rendererPackageName,rendererConfig:yp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,
-overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:da.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=ed(a);return null===a?null:a.stateNode},findFiberByHostInstance:yp.findFiberByHostInstance||Xl,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-canary-60a927d04-20240113"});
-exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ca;exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!rp(b))throw Error(u(200));return Ol(a,b,null,c)};
-exports.createRoot=function(a,b){if(!rp(a))throw Error(u(299));var c=!1,d="",e=op,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=Nl(a,1,!1,null,null,c,!1,d,e,f,null);a[Ob]=b.current;np.current=Zo;fj(8===a.nodeType?a.parentNode:a);return new pp(b)};
-exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(u(188));a=Object.keys(a).join(",");throw Error(u(268,a));}a=ed(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return ol(a)};exports.hydrate=function(a,b,c){if(!sp(b))throw Error(u(200));return vp(null,a,b,!0,c)};
-exports.hydrateRoot=function(a,b,c){if(!rp(a))throw Error(u(405));var d=!1,e="",f=op,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=Ql(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Ob]=b.current;np.current=Zo;fj(a);return new qp(b)};
-exports.preconnect=function(a,b){var c=xp.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=xp.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
-exports.preinit=function(a,b){var c=xp.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=wp(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
-exports.preinitModule=function(a,b){var c=xp.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=wp(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
-exports.preload=function(a,b){var c=xp.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=wp(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
-typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=xp.current;if(c&&"string"===typeof a)if(b){var d=wp(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!sp(b))throw Error(u(200));return vp(null,a,b,!1,c)};
-exports.unmountComponentAtNode=function(a){if(!sp(a))throw Error(u(40));return a._reactRootContainer?(ol(function(){vp(null,null,a,!1,function(){a._reactRootContainer=null;a[Ob]=null})}),!0):!1};exports.unstable_batchedUpdates=nl;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!sp(c))throw Error(u(200));if(null==a||void 0===a._reactInternals)throw Error(u(38));return vp(a,b,c,!1,d)};exports.useFormState=function(a,b,c){return ea.current.useFormState(a,b,c)};
-exports.useFormStatus=function(){return ea.current.useHostTransitionStatus()};exports.version="18.3.0-canary-60a927d04-20240113";"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+return a;default:return a}a=Ud(a);if(null===a)break}return null}function Sd(a,b,c){if(""===b)return null;for(;3!==a.nodeType;){if((1!==a.nodeType||"INPUT"!==a.nodeName||"hidden"!==a.type)&&!c)return null;a=Ud(a);if(null===a)return null}return a}function Qd(a){for(;null!=a;a=a.nextSibling){var b=a.nodeType;if(1===b||3===b)break;if(8===b){b=a.data;if("$"===b||"$!"===b||"$?"===b||"F!"===b||"F"===b)break;if("/$"===b)return null}}return a}function Ud(a){return Qd(a.nextSibling)}
+function jj(a,b,c,d,e){a[Ob]=e;a[Pb]=c;d=0!==(e.mode&1);switch(b){case "dialog":Y("cancel",a);Y("close",a);break;case "iframe":case "object":case "embed":Y("load",a);break;case "video":case "audio":for(e=0;e<Mo.length;e++)Y(Mo[e],a);break;case "source":Y("error",a);break;case "img":case "image":case "link":Y("error",a);Y("load",a);break;case "details":Y("toggle",a);break;case "input":Y("invalid",a);Ic(a,c.value,c.defaultValue,c.checked,c.defaultChecked,c.type,c.name,!0);Bc(a);break;case "select":Y("invalid",
+a);break;case "textarea":Y("invalid",a),Mc(a,c.value,c.defaultValue,c.children),Bc(a)}e=c.children;"string"!==typeof e&&"number"!==typeof e||a.textContent===""+e||(!0!==c.suppressHydrationWarning&&nj(a.textContent,e,d),d||"body"===b||(a.textContent=e));null!=c.onScroll&&Y("scroll",a);null!=c.onScrollEnd&&Y("scrollend",a);null!=c.onClick&&(a.onclick=jk)}
+function Yb(a){a=a.previousSibling;for(var b=0;a;){if(8===a.nodeType){var c=a.data;if("$"===c||"$!"===c||"$?"===c){if(0===b)return a;b--}else"/$"===c&&b++}a=a.previousSibling}return null}function kj(a,b,c){b=lj(c);switch(a){case "html":a=b.documentElement;if(!a)throw Error(x(452));return a;case "head":a=b.head;if(!a)throw Error(x(453));return a;case "body":a=b.body;if(!a)throw Error(x(454));return a;default:throw Error(x(451));}}var cp=new Map,dp=new Set;
+function Ek(a){return"function"===typeof a.getRootNode?a.getRootNode():a.ownerDocument}var lp={prefetchDNS:ep,preconnect:fp,preload:gp,preloadModule:hp,preinitStyle:ip,preinitScript:jp,preinitModuleScript:kp};
+function mp(a,b,c){var d=document;if("string"===typeof b&&b){var e=Fc(b);e='link[rel="'+a+'"][href="'+e+'"]';"string"===typeof c&&(e+='[crossorigin="'+c+'"]');dp.has(e)||(dp.add(e),a={rel:a,crossOrigin:c,href:b},null===d.querySelector(e)&&(b=d.createElement("link"),mj(b,"link",a),cc(b),d.head.appendChild(b)))}}function ep(a){mp("dns-prefetch",a,null)}function fp(a,b){mp("preconnect",a,b)}
+function gp(a,b,c){var d=document;if(a&&b&&d){var e='link[rel="preload"][as="'+Fc(b)+'"]';"image"===b?c&&c.imageSrcSet?(e+='[imagesrcset="'+Fc(c.imageSrcSet)+'"]',"string"===typeof c.imageSizes&&(e+='[imagesizes="'+Fc(c.imageSizes)+'"]')):e+='[href="'+Fc(a)+'"]':e+='[href="'+Fc(a)+'"]';var f=e;switch(b){case "style":f=np(a);break;case "script":f=op(a)}cp.has(f)||(a=E({rel:"preload",href:"image"===b&&c&&c.imageSrcSet?void 0:a,as:b},c),cp.set(f,a),null!==d.querySelector(e)||"style"===b&&d.querySelector(pp(f))||
+"script"===b&&d.querySelector(qp(f))||(b=d.createElement("link"),mj(b,"link",a),cc(b),d.head.appendChild(b)))}}
+function hp(a,b){var c=document;if(a){var d=b&&"string"===typeof b.as?b.as:"script",e='link[rel="modulepreload"][as="'+Fc(d)+'"][href="'+Fc(a)+'"]',f=e;switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":f=op(a)}if(!cp.has(f)&&(a=E({rel:"modulepreload",href:a},b),cp.set(f,a),null===c.querySelector(e))){switch(d){case "audioworklet":case "paintworklet":case "serviceworker":case "sharedworker":case "worker":case "script":if(c.querySelector(qp(f)))return}d=c.createElement("link");
+mj(d,"link",a);cc(d);c.head.appendChild(d)}}}
+function ip(a,b,c){var d=document;if(a){var e=bc(d).hoistableStyles,f=np(a);b=b||"default";var g=e.get(f);if(!g){var h={loading:0,preload:null};if(g=d.querySelector(pp(f)))h.loading=5;else{a=E({rel:"stylesheet",href:a,"data-precedence":b},c);(c=cp.get(f))&&rp(a,c);var k=g=d.createElement("link");cc(k);mj(k,"link",a);k._p=new Promise(function(n,t){k.onload=n;k.onerror=t});k.addEventListener("load",function(){h.loading|=1});k.addEventListener("error",function(){h.loading|=2});h.loading|=4;sp(g,b,d)}g=
+{type:"stylesheet",instance:g,count:1,state:h};e.set(f,g)}}}function jp(a,b){var c=document;if(a){var d=bc(c).hoistableScripts,e=op(a),f=d.get(e);f||(f=c.querySelector(qp(e)),f||(a=E({src:a,async:!0},b),(b=cp.get(e))&&tp(a,b),f=c.createElement("script"),cc(f),mj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function kp(a,b){var c=document;if(a){var d=bc(c).hoistableScripts,e=op(a),f=d.get(e);f||(f=c.querySelector(qp(e)),f||(a=E({src:a,async:!0,type:"module"},b),(b=cp.get(e))&&tp(a,b),f=c.createElement("script"),cc(f),mj(f,"link",a),c.head.appendChild(f)),f={type:"script",instance:f,count:1,state:null},d.set(e,f))}}
+function Wl(a,b,c){b=(b=Fa.current)?Ek(b):null;if(!b)throw Error(x(446));switch(a){case "meta":case "title":return null;case "style":return"string"===typeof c.precedence&&"string"===typeof c.href?(c=np(c.href),b=bc(b).hoistableStyles,a=b.get(c),a||(a={type:"style",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",instance:null,count:0,state:null};case "link":if("stylesheet"===c.rel&&"string"===typeof c.href&&"string"===typeof c.precedence){a=np(c.href);var d=bc(b).hoistableStyles,e=d.get(a);
+e||(b=b.ownerDocument||b,e={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},d.set(a,e),cp.has(a)||up(b,a,{rel:"preload",as:"style",href:c.href,crossOrigin:c.crossOrigin,integrity:c.integrity,media:c.media,hrefLang:c.hrefLang,referrerPolicy:c.referrerPolicy},e.state));return e}return null;case "script":return"string"===typeof c.src&&!0===c.async?(c=op(c.src),b=bc(b).hoistableScripts,a=b.get(c),a||(a={type:"script",instance:null,count:0,state:null},b.set(c,a)),a):{type:"void",
+instance:null,count:0,state:null};default:throw Error(x(444,a));}}function np(a){return'href="'+Fc(a)+'"'}function pp(a){return'link[rel="stylesheet"]['+a+"]"}function vp(a){return E({},a,{"data-precedence":a.precedence,precedence:null})}
+function up(a,b,c,d){cp.set(b,c);a.querySelector(pp(b))||(a.querySelector('link[rel="preload"][as="style"]['+b+"]")?d.loading=1:(b=a.createElement("link"),d.preload=b,b.addEventListener("load",function(){return d.loading|=1}),b.addEventListener("error",function(){return d.loading|=2}),mj(b,"link",c),cc(b),a.head.appendChild(b)))}function op(a){return'[src="'+Fc(a)+'"]'}function qp(a){return"script[async]"+a}
+function Bk(a,b,c){b.count++;if(null===b.instance)switch(b.type){case "style":var d=a.querySelector('style[data-href~="'+Fc(c.href)+'"]');if(d)return b.instance=d,cc(d),d;var e=E({},c,{"data-href":c.href,"data-precedence":c.precedence,href:null,precedence:null});d=(a.ownerDocument||a).createElement("style");cc(d);mj(d,"style",e);sp(d,c.precedence,a);return b.instance=d;case "stylesheet":e=np(c.href);var f=a.querySelector(pp(e));if(f)return b.state.loading|=4,b.instance=f,cc(f),f;d=vp(c);(e=cp.get(e))&&
+rp(d,e);f=(a.ownerDocument||a).createElement("link");cc(f);var g=f;g._p=new Promise(function(h,k){g.onload=h;g.onerror=k});mj(f,"link",d);b.state.loading|=4;sp(f,c.precedence,a);return b.instance=f;case "script":f=op(c.src);if(e=a.querySelector(qp(f)))return b.instance=e,cc(e),e;d=c;if(e=cp.get(f))d=E({},c),tp(d,e);a=a.ownerDocument||a;e=a.createElement("script");cc(e);mj(e,"link",d);a.head.appendChild(e);return b.instance=e;case "void":return null;default:throw Error(x(443,b.type));}else"stylesheet"===
+b.type&&0===(b.state.loading&4)&&(d=b.instance,b.state.loading|=4,sp(d,c.precedence,a));return b.instance}function sp(a,b,c){for(var d=c.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),e=d.length?d[d.length-1]:null,f=e,g=0;g<d.length;g++){var h=d[g];if(h.dataset.precedence===b)f=h;else if(f!==e)break}f?f.parentNode.insertBefore(a,f.nextSibling):(b=9===c.nodeType?c.head:c,b.insertBefore(a,b.firstChild))}
+function rp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.title&&(a.title=b.title)}function tp(a,b){null==a.crossOrigin&&(a.crossOrigin=b.crossOrigin);null==a.referrerPolicy&&(a.referrerPolicy=b.referrerPolicy);null==a.integrity&&(a.integrity=b.integrity)}var Dk=null;
+function zk(a,b,c){if(null===Dk){var d=new Map;var e=Dk=new Map;e.set(c,d)}else e=Dk,d=e.get(c),d||(d=new Map,e.set(c,d));if(d.has(a))return d;d.set(a,null);c=c.getElementsByTagName(a);for(e=0;e<c.length;e++){var f=c[e];if(!(f[Vb]||f[Ob]||"link"===a&&"stylesheet"===f.getAttribute("rel"))&&"http://www.w3.org/2000/svg"!==f.namespaceURI){var g=f.getAttribute(b)||"";g=a+g;var h=d.get(g);h?h.push(f):d.set(g,[f])}}return d}
+function Ak(a,b,c){a=a.ownerDocument||a;a.head.insertBefore(c,"title"===b?a.querySelector("head > title"):null)}
+function Yl(a,b,c){if(1===c||null!=b.itemProp)return!1;switch(a){case "meta":case "title":return!0;case "style":if("string"!==typeof b.precedence||"string"!==typeof b.href||""===b.href)break;return!0;case "link":if("string"!==typeof b.rel||"string"!==typeof b.href||""===b.href||b.onLoad||b.onError)break;switch(b.rel){case "stylesheet":return a=b.disabled,"string"===typeof b.precedence&&null==a;default:return!0}case "script":if(!0===b.async&&!b.onLoad&&!b.onError&&"string"===typeof b.src&&b.src)return!0}return!1}
+var xl=null;function yl(){}
+function Sk(a,b,c){if(null===xl)throw Error(x(475));var d=xl;if("stylesheet"===b.type&&("string"!==typeof c.media||!1!==matchMedia(c.media).matches)&&0===(b.state.loading&4)){if(null===b.instance){var e=np(c.href),f=a.querySelector(pp(e));if(f){a=f._p;null!==a&&"object"===typeof a&&"function"===typeof a.then&&(d.count++,d=wp.bind(d),a.then(d,d));b.state.loading|=4;b.instance=f;cc(f);return}f=a.ownerDocument||a;c=vp(c);(e=cp.get(e))&&rp(c,e);f=f.createElement("link");cc(f);var g=f;g._p=new Promise(function(h,
+k){g.onload=h;g.onerror=k});mj(f,"link",c);b.instance=f}null===d.stylesheets&&(d.stylesheets=new Map);d.stylesheets.set(b,a);(a=b.state.preload)&&0===(b.state.loading&3)&&(d.count++,b=wp.bind(d),a.addEventListener("load",b),a.addEventListener("error",b))}}
+function zl(){if(null===xl)throw Error(x(475));var a=xl;a.stylesheets&&0===a.count&&xp(a,a.stylesheets);return 0<a.count?function(b){var c=setTimeout(function(){a.stylesheets&&xp(a,a.stylesheets);if(a.unsuspend){var d=a.unsuspend;a.unsuspend=null;d()}},6E4);a.unsuspend=b;return function(){a.unsuspend=null;clearTimeout(c)}}:null}function wp(){this.count--;if(0===this.count)if(this.stylesheets)xp(this,this.stylesheets);else if(this.unsuspend){var a=this.unsuspend;this.unsuspend=null;a()}}var yp=null;
+function xp(a,b){a.stylesheets=null;null!==a.unsuspend&&(a.count++,yp=new Map,b.forEach(zp,a),yp=null,wp.call(a))}
+function zp(a,b){if(!(b.state.loading&4)){var c=yp.get(a);if(c)var d=c.get(null);else{c=new Map;yp.set(a,c);for(var e=a.querySelectorAll("link[data-precedence],style[data-precedence]"),f=0;f<e.length;f++){var g=e[f];if("link"===g.nodeName||"not all"!==g.getAttribute("media"))c.set(g.dataset.precedence,g),d=g}d&&c.set(null,d)}e=b.instance;g=e.getAttribute("data-precedence");f=c.get(g)||d;f===d&&c.set(null,e);c.set(g,e);this.count++;d=wp.bind(this);e.addEventListener("load",d);e.addEventListener("error",
+d);f?f.parentNode.insertBefore(e,f.nextSibling):(a=9===a.nodeType?a.head:a,a.insertBefore(e,a.firstChild));b.state.loading|=4}}var Ap=ba.Dispatcher;"undefined"!==typeof document&&(Ap.current=lp);var Bp="function"===typeof reportError?reportError:function(a){console.error(a)};function Cp(a){this._internalRoot=a}Dp.prototype.render=Cp.prototype.render=function(a){var b=this._internalRoot;if(null===b)throw Error(x(409));dm(a,b,null,null)};
+Dp.prototype.unmount=Cp.prototype.unmount=function(){var a=this._internalRoot;if(null!==a){this._internalRoot=null;var b=a.containerInfo;Bl(function(){dm(null,a,null,null)});b[Qb]=null}};function Dp(a){this._internalRoot=a}Dp.prototype.unstable_scheduleHydration=function(a){if(a){var b=I;a={blockedOn:null,target:a,priority:b};for(var c=0;c<hn.length&&0!==b&&b<hn[c].priority;c++);hn.splice(c,0,a);0===c&&nn(a)}};function Ep(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType)}
+function Fp(a){return!(!a||1!==a.nodeType&&9!==a.nodeType&&11!==a.nodeType&&(8!==a.nodeType||" react-mount-point-unstable "!==a.nodeValue))}function Gp(){}
+function Hp(a,b,c,d,e){if(e){if("function"===typeof d){var f=d;d=function(){var n=em(g);f.call(n)}}var g=cm(b,d,a,0,null,!1,!1,"",Gp,null,null);a._reactRootContainer=g;a[Qb]=g.current;oj(8===a.nodeType?a.parentNode:a);Bl();return g}Tj(a);if("function"===typeof d){var h=d;d=function(){var n=em(k);h.call(n)}}var k=$l(a,0,!1,null,null,!1,!1,"",Gp,null,null);a._reactRootContainer=k;a[Qb]=k.current;oj(8===a.nodeType?a.parentNode:a);Bl(function(){dm(b,k,c,d)});return k}
+function Ip(a,b,c,d,e){var f=c._reactRootContainer;if(f){var g=f;if("function"===typeof e){var h=e;e=function(){var k=em(g);h.call(k)}}dm(b,g,a,e)}else g=Hp(c,b,a,e,d);return em(g)}function Jp(a,b){if("font"===a)return"";if("string"===typeof b)return"use-credentials"===b?b:""}var Kp=ba.Dispatcher;ba.Events=[Zb,$b,ac,bd,cd,Al];var Lp={findFiberByHostInstance:Xb,bundleType:0,version:"18.3.0-canary-14898b6a9-20240318",rendererPackageName:"react-dom"};
+(function(a){if("undefined"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__)return!1;var b=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(b.isDisabled||!b.supportsFiber)return!0;try{a=E({},a,{getLaneLabelMap:gb,injectProfilingHooks:fb}),ab=b.inject(a),bb=b}catch(c){}return b.checkDCE?!0:!1})({bundleType:Lp.bundleType,version:Lp.version,rendererPackageName:Lp.rendererPackageName,rendererConfig:Lp.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,
+overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:ca.ReactCurrentDispatcher,findHostInstanceByFiber:function(a){a=hd(a);return null===a?null:a.stateNode},findFiberByHostInstance:Lp.findFiberByHostInstance||jm,findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.0-canary-14898b6a9-20240318"});
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ba;exports.createPortal=function(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Ep(b))throw Error(x(299));return am(a,b,null,c)};
+exports.createRoot=function(a,b){if(!Ep(a))throw Error(x(299));var c=!1,d="",e=Bp,f=null;null!==b&&void 0!==b&&(!0===b.unstable_strictMode&&(c=!0),void 0!==b.identifierPrefix&&(d=b.identifierPrefix),void 0!==b.onRecoverableError&&(e=b.onRecoverableError),void 0!==b.unstable_transitionCallbacks&&(f=b.unstable_transitionCallbacks));b=$l(a,1,!1,null,null,c,!1,d,e,f,null);a[Qb]=b.current;Ap.current=lp;oj(8===a.nodeType?a.parentNode:a);return new Cp(b)};
+exports.findDOMNode=function(a){if(null==a)return null;if(1===a.nodeType)return a;var b=a._reactInternals;if(void 0===b){if("function"===typeof a.render)throw Error(x(188));a=Object.keys(a).join(",");throw Error(x(268,a));}a=hd(b);a=null===a?null:a.stateNode;return a};exports.flushSync=function(a){return Bl(a)};exports.hydrate=function(a,b,c){if(!Fp(b))throw Error(x(299));return Ip(null,a,b,!0,c)};
+exports.hydrateRoot=function(a,b,c){if(!Ep(a))throw Error(x(299));var d=!1,e="",f=Bp,g=null,h=null;null!==c&&void 0!==c&&(!0===c.unstable_strictMode&&(d=!0),void 0!==c.identifierPrefix&&(e=c.identifierPrefix),void 0!==c.onRecoverableError&&(f=c.onRecoverableError),void 0!==c.unstable_transitionCallbacks&&(g=c.unstable_transitionCallbacks),void 0!==c.formState&&(h=c.formState));b=cm(b,null,a,1,null!=c?c:null,d,!1,e,f,g,h);a[Qb]=b.current;Ap.current=lp;oj(a);return new Dp(b)};
+exports.preconnect=function(a,b){var c=Kp.current;c&&"string"===typeof a&&(b?(b=b.crossOrigin,b="string"===typeof b?"use-credentials"===b?b:"":void 0):b=null,c.preconnect(a,b))};exports.prefetchDNS=function(a){var b=Kp.current;b&&"string"===typeof a&&b.prefetchDNS(a)};
+exports.preinit=function(a,b){var c=Kp.current;if(c&&"string"===typeof a&&b&&"string"===typeof b.as){var d=b.as,e=Jp(d,b.crossOrigin),f="string"===typeof b.integrity?b.integrity:void 0,g="string"===typeof b.fetchPriority?b.fetchPriority:void 0;"style"===d?c.preinitStyle(a,"string"===typeof b.precedence?b.precedence:void 0,{crossOrigin:e,integrity:f,fetchPriority:g}):"script"===d&&c.preinitScript(a,{crossOrigin:e,integrity:f,fetchPriority:g,nonce:"string"===typeof b.nonce?b.nonce:void 0})}};
+exports.preinitModule=function(a,b){var c=Kp.current;if(c&&"string"===typeof a)if("object"===typeof b&&null!==b){if(null==b.as||"script"===b.as){var d=Jp(b.as,b.crossOrigin);c.preinitModuleScript(a,{crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0})}}else null==b&&c.preinitModuleScript(a)};
+exports.preload=function(a,b){var c=Kp.current;if(c&&"string"===typeof a&&"object"===typeof b&&null!==b&&"string"===typeof b.as){var d=b.as,e=Jp(d,b.crossOrigin);c.preload(a,d,{crossOrigin:e,integrity:"string"===typeof b.integrity?b.integrity:void 0,nonce:"string"===typeof b.nonce?b.nonce:void 0,type:"string"===typeof b.type?b.type:void 0,fetchPriority:"string"===typeof b.fetchPriority?b.fetchPriority:void 0,referrerPolicy:"string"===typeof b.referrerPolicy?b.referrerPolicy:void 0,imageSrcSet:"string"===
+typeof b.imageSrcSet?b.imageSrcSet:void 0,imageSizes:"string"===typeof b.imageSizes?b.imageSizes:void 0})}};exports.preloadModule=function(a,b){var c=Kp.current;if(c&&"string"===typeof a)if(b){var d=Jp(b.as,b.crossOrigin);c.preloadModule(a,{as:"string"===typeof b.as&&"script"!==b.as?b.as:void 0,crossOrigin:d,integrity:"string"===typeof b.integrity?b.integrity:void 0})}else c.preloadModule(a)};exports.render=function(a,b,c){if(!Fp(b))throw Error(x(299));return Ip(null,a,b,!1,c)};
+exports.unmountComponentAtNode=function(a){if(!Fp(a))throw Error(x(299));return a._reactRootContainer?(Bl(function(){Ip(null,null,a,!1,function(){a._reactRootContainer=null;a[Qb]=null})}),!0):!1};exports.unstable_batchedUpdates=Al;exports.unstable_renderSubtreeIntoContainer=function(a,b,c,d){if(!Fp(c))throw Error(x(299));if(null==a||void 0===a._reactInternals)throw Error(x(38));return Ip(a,b,c,!1,d)};exports.useFormState=function(a,b,c){return da.current.useFormState(a,b,c)};
+exports.useFormStatus=function(){return da.current.useHostTransitionStatus()};exports.version="18.3.0-canary-14898b6a9-20240318";"undefined"!==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"===typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop&&__REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
 
 //# sourceMappingURL=react-dom.profiling.min.js.map
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
new file mode 100644
index 00000000000000..b563fa6b1b44c3
--- /dev/null
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.development.js
@@ -0,0 +1,319 @@
+/**
+ * @license React
+ * react-dom.react-server.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require("next/dist/compiled/react");
+
+var Internals = {
+  usingClientEntryPoint: false,
+  Events: null,
+  Dispatcher: {
+    current: null
+  }
+};
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+function getCrossOriginString(input) {
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+function getCrossOriginStringAs(as, input) {
+  if (as === 'font') {
+    return '';
+  }
+
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+
+var Dispatcher = Internals.Dispatcher;
+function prefetchDNS(href) {
+  {
+    if (typeof href !== 'string' || !href) {
+      error('ReactDOM.prefetchDNS(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.', getValueDescriptorExpectingObjectForWarning(href));
+    } else if (arguments.length > 1) {
+      var options = arguments[1];
+
+      if (typeof options === 'object' && options.hasOwnProperty('crossOrigin')) {
+        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));
+      } else {
+        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));
+      }
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    dispatcher.prefetchDNS(href);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preconnect(href, options) {
+  {
+    if (typeof href !== 'string' || !href) {
+      error('ReactDOM.preconnect(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.', getValueDescriptorExpectingObjectForWarning(href));
+    } else if (options != null && typeof options !== 'object') {
+      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));
+    } else if (options != null && typeof options.crossOrigin !== 'string') {
+      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));
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    var crossOrigin = options ? getCrossOriginString(options.crossOrigin) : null;
+    dispatcher.preconnect(href, crossOrigin);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preload(href, options) {
+  {
+    var encountered = '';
+
+    if (typeof href !== 'string' || !href) {
+      encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".";
+    }
+
+    if (options == null || typeof options !== 'object') {
+      encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + ".";
+    } else if (typeof options.as !== 'string' || !options.as) {
+      encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".";
+    }
+
+    if (encountered) {
+      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);
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && // We check existence because we cannot enforce this function is actually called with the stated type
+  typeof options === 'object' && options !== null && typeof options.as === 'string') {
+    var as = options.as;
+    var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    dispatcher.preload(href, as, {
+      crossOrigin: crossOrigin,
+      integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+      nonce: typeof options.nonce === 'string' ? options.nonce : undefined,
+      type: typeof options.type === 'string' ? options.type : undefined,
+      fetchPriority: typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined,
+      referrerPolicy: typeof options.referrerPolicy === 'string' ? options.referrerPolicy : undefined,
+      imageSrcSet: typeof options.imageSrcSet === 'string' ? options.imageSrcSet : undefined,
+      imageSizes: typeof options.imageSizes === 'string' ? options.imageSizes : undefined
+    });
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preloadModule(href, options) {
+  {
+    var encountered = '';
+
+    if (typeof href !== 'string' || !href) {
+      encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".";
+    }
+
+    if (options !== undefined && typeof options !== 'object') {
+      encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + ".";
+    } else if (options && 'as' in options && typeof options.as !== 'string') {
+      encountered += " The `as` option encountered was " + getValueDescriptorExpectingObjectForWarning(options.as) + ".";
+    }
+
+    if (encountered) {
+      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);
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (options) {
+      var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+      dispatcher.preloadModule(href, {
+        as: typeof options.as === 'string' && options.as !== 'script' ? options.as : undefined,
+        crossOrigin: crossOrigin,
+        integrity: typeof options.integrity === 'string' ? options.integrity : undefined
+      });
+    } else {
+      dispatcher.preloadModule(href);
+    }
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinit(href, options) {
+  {
+    if (typeof href !== 'string' || !href) {
+      error('ReactDOM.preinit(): Expected the `href` argument (first) to be a non-empty string but encountered %s instead.', getValueDescriptorExpectingObjectForWarning(href));
+    } else if (options == null || typeof options !== 'object') {
+      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));
+    } else if (options.as !== 'style' && options.as !== 'script') {
+      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));
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && options && typeof options.as === 'string') {
+    var as = options.as;
+    var crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    var integrity = typeof options.integrity === 'string' ? options.integrity : undefined;
+    var fetchPriority = typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined;
+
+    if (as === 'style') {
+      dispatcher.preinitStyle(href, typeof options.precedence === 'string' ? options.precedence : undefined, {
+        crossOrigin: crossOrigin,
+        integrity: integrity,
+        fetchPriority: fetchPriority
+      });
+    } else if (as === 'script') {
+      dispatcher.preinitScript(href, {
+        crossOrigin: crossOrigin,
+        integrity: integrity,
+        fetchPriority: fetchPriority,
+        nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+      });
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinitModule(href, options) {
+  {
+    var encountered = '';
+
+    if (typeof href !== 'string' || !href) {
+      encountered += " The `href` argument encountered was " + getValueDescriptorExpectingObjectForWarning(href) + ".";
+    }
+
+    if (options !== undefined && typeof options !== 'object') {
+      encountered += " The `options` argument encountered was " + getValueDescriptorExpectingObjectForWarning(options) + ".";
+    } else if (options && 'as' in options && options.as !== 'script') {
+      encountered += " The `as` option encountered was " + getValueDescriptorExpectingEnumForWarning(options.as) + ".";
+    }
+
+    if (encountered) {
+      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);
+    } else {
+      var as = options && typeof options.as === 'string' ? options.as : 'script';
+
+      switch (as) {
+        case 'script':
+          {
+            break;
+          }
+        // We have an invalid as type and need to warn
+
+        default:
+          {
+            var typeOfAs = getValueDescriptorExpectingEnumForWarning(as);
+
+            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)', typeOfAs, href);
+          }
+      }
+    }
+  }
+
+  var dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (typeof options === 'object' && options !== null) {
+      if (options.as == null || options.as === 'script') {
+        var crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+        dispatcher.preinitModuleScript(href, {
+          crossOrigin: crossOrigin,
+          integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+          nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+        });
+      }
+    } else if (options == null) {
+      dispatcher.preinitModuleScript(href);
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+
+function getValueDescriptorExpectingObjectForWarning(thing) {
+  return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : "something with type \"" + typeof thing + "\"";
+}
+
+function getValueDescriptorExpectingEnumForWarning(thing) {
+  return thing === null ? '`null`' : thing === undefined ? '`undefined`' : thing === '' ? 'an empty string' : typeof thing === 'string' ? JSON.stringify(thing) : typeof thing === 'number' ? '`' + thing + '`' : "something with type \"" + typeof thing + "\"";
+}
+
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
+exports.preconnect = preconnect;
+exports.prefetchDNS = prefetchDNS;
+exports.preinit = preinit;
+exports.preinitModule = preinitModule;
+exports.preload = preload;
+exports.preloadModule = preloadModule;
+  })();
+}
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
new file mode 100644
index 00000000000000..8ffeec2f28db61
--- /dev/null
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.js
@@ -0,0 +1,165 @@
+/**
+ * @license React
+ * react-dom.react-server.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const Internals = {
+  usingClientEntryPoint: false,
+  Events: null,
+  Dispatcher: {
+    current: null
+  }
+};
+
+function getCrossOriginString(input) {
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+function getCrossOriginStringAs(as, input) {
+  if (as === 'font') {
+    return '';
+  }
+
+  if (typeof input === 'string') {
+    return input === 'use-credentials' ? input : '';
+  }
+
+  return undefined;
+}
+
+const Dispatcher = Internals.Dispatcher;
+function prefetchDNS(href) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    dispatcher.prefetchDNS(href);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preconnect(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    const crossOrigin = options ? getCrossOriginString(options.crossOrigin) : null;
+    dispatcher.preconnect(href, crossOrigin);
+  } // We don't error because preconnect needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preload(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && // We check existence because we cannot enforce this function is actually called with the stated type
+  typeof options === 'object' && options !== null && typeof options.as === 'string') {
+    const as = options.as;
+    const crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    dispatcher.preload(href, as, {
+      crossOrigin,
+      integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+      nonce: typeof options.nonce === 'string' ? options.nonce : undefined,
+      type: typeof options.type === 'string' ? options.type : undefined,
+      fetchPriority: typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined,
+      referrerPolicy: typeof options.referrerPolicy === 'string' ? options.referrerPolicy : undefined,
+      imageSrcSet: typeof options.imageSrcSet === 'string' ? options.imageSrcSet : undefined,
+      imageSizes: typeof options.imageSizes === 'string' ? options.imageSizes : undefined
+    });
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preloadModule(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (options) {
+      const crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+      dispatcher.preloadModule(href, {
+        as: typeof options.as === 'string' && options.as !== 'script' ? options.as : undefined,
+        crossOrigin,
+        integrity: typeof options.integrity === 'string' ? options.integrity : undefined
+      });
+    } else {
+      dispatcher.preloadModule(href);
+    }
+  } // We don't error because preload needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinit(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string' && options && typeof options.as === 'string') {
+    const as = options.as;
+    const crossOrigin = getCrossOriginStringAs(as, options.crossOrigin);
+    const integrity = typeof options.integrity === 'string' ? options.integrity : undefined;
+    const fetchPriority = typeof options.fetchPriority === 'string' ? options.fetchPriority : undefined;
+
+    if (as === 'style') {
+      dispatcher.preinitStyle(href, typeof options.precedence === 'string' ? options.precedence : undefined, {
+        crossOrigin,
+        integrity,
+        fetchPriority
+      });
+    } else if (as === 'script') {
+      dispatcher.preinitScript(href, {
+        crossOrigin,
+        integrity,
+        fetchPriority,
+        nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+      });
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+function preinitModule(href, options) {
+
+  const dispatcher = Dispatcher.current;
+
+  if (dispatcher && typeof href === 'string') {
+    if (typeof options === 'object' && options !== null) {
+      if (options.as == null || options.as === 'script') {
+        const crossOrigin = getCrossOriginStringAs(options.as, options.crossOrigin);
+        dispatcher.preinitModuleScript(href, {
+          crossOrigin,
+          integrity: typeof options.integrity === 'string' ? options.integrity : undefined,
+          nonce: typeof options.nonce === 'string' ? options.nonce : undefined
+        });
+      }
+    } else if (options == null) {
+      dispatcher.preinitModuleScript(href);
+    }
+  } // We don't error because preinit needs to be resilient to being called in a variety of scopes
+  // and the runtime may not be capable of responding. The function is optimistic and not critical
+  // so we favor silent bailout over warning or erroring.
+
+}
+
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
+exports.preconnect = preconnect;
+exports.prefetchDNS = prefetchDNS;
+exports.preinit = preinit;
+exports.preinitModule = preinitModule;
+exports.preload = preload;
+exports.preloadModule = preloadModule;
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.min.js b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.min.js
new file mode 100644
index 00000000000000..6cc60a4e8b50fe
--- /dev/null
+++ b/packages/next/src/compiled/react-dom/cjs/react-dom.react-server.production.min.js
@@ -0,0 +1,17 @@
+/*
+ React
+ react-dom.react-server.production.min.js
+
+ Copyright (c) Meta Platforms, Inc. and affiliates.
+
+ This source code is licensed under the MIT license found in the
+ LICENSE file in the root directory of this source tree.
+*/
+'use strict';var e={usingClientEntryPoint:!1,Events:null,Dispatcher:{current:null}};function f(b,a){if("font"===b)return"";if("string"===typeof a)return"use-credentials"===a?a:""}var h=e.Dispatcher;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=e;exports.preconnect=function(b,a){var c=h.current;c&&"string"===typeof b&&(a?(a=a.crossOrigin,a="string"===typeof a?"use-credentials"===a?a:"":void 0):a=null,c.preconnect(b,a))};
+exports.prefetchDNS=function(b){var a=h.current;a&&"string"===typeof b&&a.prefetchDNS(b)};
+exports.preinit=function(b,a){var c=h.current;if(c&&"string"===typeof b&&a&&"string"===typeof a.as){var d=a.as,g=f(d,a.crossOrigin),k="string"===typeof a.integrity?a.integrity:void 0,l="string"===typeof a.fetchPriority?a.fetchPriority:void 0;"style"===d?c.preinitStyle(b,"string"===typeof a.precedence?a.precedence:void 0,{crossOrigin:g,integrity:k,fetchPriority:l}):"script"===d&&c.preinitScript(b,{crossOrigin:g,integrity:k,fetchPriority:l,nonce:"string"===typeof a.nonce?a.nonce:void 0})}};
+exports.preinitModule=function(b,a){var c=h.current;if(c&&"string"===typeof b)if("object"===typeof a&&null!==a){if(null==a.as||"script"===a.as){var d=f(a.as,a.crossOrigin);c.preinitModuleScript(b,{crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0})}}else null==a&&c.preinitModuleScript(b)};
+exports.preload=function(b,a){var c=h.current;if(c&&"string"===typeof b&&"object"===typeof a&&null!==a&&"string"===typeof a.as){var d=a.as,g=f(d,a.crossOrigin);c.preload(b,d,{crossOrigin:g,integrity:"string"===typeof a.integrity?a.integrity:void 0,nonce:"string"===typeof a.nonce?a.nonce:void 0,type:"string"===typeof a.type?a.type:void 0,fetchPriority:"string"===typeof a.fetchPriority?a.fetchPriority:void 0,referrerPolicy:"string"===typeof a.referrerPolicy?a.referrerPolicy:void 0,imageSrcSet:"string"===
+typeof a.imageSrcSet?a.imageSrcSet:void 0,imageSizes:"string"===typeof a.imageSizes?a.imageSizes:void 0})}};exports.preloadModule=function(b,a){var c=h.current;if(c&&"string"===typeof b)if(a){var d=f(a.as,a.crossOrigin);c.preloadModule(b,{as:"string"===typeof a.as&&"script"!==a.as?a.as:void 0,crossOrigin:d,integrity:"string"===typeof a.integrity?a.integrity:void 0})}else c.preloadModule(b)};
+
+//# sourceMappingURL=react-dom.react-server.production.min.js.map
diff --git a/packages/next/src/compiled/react-dom/package.json b/packages/next/src/compiled/react-dom/package.json
index 594e554eb5795e..fa437311feec0d 100644
--- a/packages/next/src/compiled/react-dom/package.json
+++ b/packages/next/src/compiled/react-dom/package.json
@@ -3,7 +3,7 @@
   "main": "index.js",
   "exports": {
     ".": {
-      "react-server": "./react-dom.shared-subset.js",
+      "react-server": "./react-dom.react-server.js",
       "default": "./index.js"
     },
     "./client": "./client.js",
@@ -41,10 +41,10 @@
   },
   "dependencies": {
     "loose-envify": "^1.1.0",
-    "scheduler": "0.24.0-canary-60a927d04-20240113"
+    "scheduler": "0.24.0-canary-14898b6a9-20240318"
   },
   "peerDependencies": {
-    "react": "18.3.0-canary-60a927d04-20240113"
+    "react": "18.3.0-canary-14898b6a9-20240318"
   },
   "browser": {
     "./server.js": "./server.browser.js",
diff --git a/packages/next/src/compiled/react-dom/react-dom.react-server.js b/packages/next/src/compiled/react-dom/react-dom.react-server.js
new file mode 100644
index 00000000000000..7ba04f2fec7c0a
--- /dev/null
+++ b/packages/next/src/compiled/react-dom/react-dom.react-server.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-dom.react-server.production.min.js');
+} else {
+  module.exports = require('./cjs/react-dom.react-server.development.js');
+}
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 ae7d6c57063229..71cafeb2456716 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
@@ -25,9 +25,10 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -96,35 +97,23 @@ var enableScopeAPI = false; // Experimental Create Event Handle API.
 var enableTransitionTracing = false; // No known bugs, but needs performance testing
 
 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+var __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+var enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
 // stuff. Intended to enable React core members to more easily debug scheduling
 // issues in DEV builds.
 
 var enableDebugTracing = false;
 
-var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference');
-function isValidElementType(type) {
-  if (typeof type === 'string' || typeof type === 'function') {
-    return true;
-  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
-    return true;
-  }
-
-  if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-    // types supported by any Flight configuration anywhere since
-    // we don't know which Flight build this will end up being used
-    // with.
-    type.$$typeof === REACT_CLIENT_REFERENCE$2 || type.getModuleId !== undefined) {
-      return true;
-    }
-  }
-
-  return false;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -141,7 +130,7 @@ function getContextName(type) {
   return type.displayName || 'Context';
 }
 
-var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
 function getComponentNameFromType(type) {
   if (type == null) {
@@ -150,7 +139,7 @@ function getComponentNameFromType(type) {
   }
 
   if (typeof type === 'function') {
-    if (type.$$typeof === REACT_CLIENT_REFERENCE$1) {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
       // TODO: Create a convention for naming client references with debug info.
       return null;
     }
@@ -196,13 +185,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -228,21 +227,115 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 var assign = Object.assign;
 
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
 // Helpers to patch console.logs to avoid logging during side-effect free
 // replaying on render function. This currently only patches the object
 // lazily which won't cover if the log function was extracted eagerly.
@@ -339,7 +432,7 @@ function reenableLogs() {
 
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -603,7 +696,7 @@ function describeNativeComponentFrame(fn, construct) {
 
   return syntheticFrame;
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -614,7 +707,7 @@ function shouldConstruct(Component) {
   return !!(prototype && prototype.isReactComponent);
 }
 
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
 
   if (type == null) {
     return '';
@@ -645,7 +738,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
       case REACT_MEMO_TYPE:
         // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
       case REACT_LAZY_TYPE:
         {
@@ -655,7 +748,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
           try {
             // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
           } catch (x) {}
         }
     }
@@ -664,160 +757,16 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
   return '';
 }
 
-// $FlowFixMe[method-unbinding]
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement$1(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement$1(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement$1(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-      }
-    }
-  }
-}
-
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
-/*
- * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
- * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
- *
- * The functions in this module will throw an easier-to-understand,
- * easier-to-debug exception with a clear errors message message explaining the
- * problem. (Instead of a confusing exception thrown inside the implementation
- * of the `value` object).
- */
-// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-function typeName(value) {
-  {
-    // toStringTag is needed for namespaced types like Temporal.Instant
-    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
-    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
-
-    return type;
-  }
-} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-
-
-function willCoercionThrow(value) {
-  {
-    try {
-      testStringCoercion(value);
-      return false;
-    } catch (e) {
-      return true;
-    }
-  }
-}
-
-function testStringCoercion(value) {
-  // If you ended up here by following an exception call stack, here's what's
-  // happened: you supplied an object or symbol value to React (as a prop, key,
-  // DOM attribute, CSS property, string ref, etc.) and when React tried to
-  // coerce it to a string using `'' + value`, an exception was thrown.
-  //
-  // The most common types that will cause this exception are `Symbol` instances
-  // and Temporal objects like `Temporal.Instant`. But any object that has a
-  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
-  // exception. (Library authors do this to prevent users from using built-in
-  // numeric operators like `+` or comparison operators like `>=` because custom
-  // methods are needed to perform accurate arithmetic or comparison.)
-  //
-  // To fix the problem, coerce this object or symbol value to a string before
-  // passing it to React. The most reliable way is usually `String(value)`.
-  //
-  // To find which value is throwing, check the browser or debugger console.
-  // Before this exception was thrown, there should be `console.error` output
-  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
-  // problem and how that type was used: key, atrribute, input value prop, etc.
-  // In most cases, this console output also shows the component and its
-  // ancestor components where the exception happened.
-  //
-  // eslint-disable-next-line react-internal/safe-string-coercion
-  return '' + value;
-}
-function checkKeyStringCoercion(value) {
-  {
-    if (willCoercionThrow(value)) {
-      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
-
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-    }
-  }
-}
-
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-var RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 var specialPropKeyWarningShown;
-var specialPropRefWarningShown;
 var didWarnAboutStringRefs;
+var didWarnAboutElementRef;
 
 {
   didWarnAboutStringRefs = {};
+  didWarnAboutElementRef = {};
 }
 
 function hasValidRef(config) {
@@ -850,11 +799,11 @@ function hasValidKey(config) {
 
 function warnIfStringRefCannotBeAutoConverted(config, self) {
   {
-    if (typeof config.ref === 'string' && ReactCurrentOwner$1.current && self && ReactCurrentOwner$1.current.stateNode !== self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner$1.current.type);
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
       if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner$1.current.type), config.ref);
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
 
         didWarnAboutStringRefs[componentName] = true;
       }
@@ -880,21 +829,20 @@ function defineKeyPropWarningGetter(props, displayName) {
   }
 }
 
-function defineRefPropWarningGetter(props, displayName) {
+function elementRefGetterWithDeprecationWarning() {
   {
-    var warnAboutAccessingRef = function () {
-      if (!specialPropRefWarningShown) {
-        specialPropRefWarningShown = true;
+    var componentName = getComponentNameFromType(this.type);
 
-        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
-      }
-    };
+    if (!didWarnAboutElementRef[componentName]) {
+      didWarnAboutElementRef[componentName] = true;
 
-    warnAboutAccessingRef.isReactWarning = true;
-    Object.defineProperty(props, 'ref', {
-      get: warnAboutAccessingRef,
-      configurable: true
-    });
+      error('Accessing element.ref is no longer supported. ref is now a ' + 'regular prop. It will be removed from the JSX Element ' + 'type in a future release.');
+    } // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+
+    var refProp = this.props.ref;
+    return refProp !== undefined ? refProp : null;
   }
 }
 /**
@@ -919,27 +867,74 @@ function defineRefPropWarningGetter(props, displayName) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
 
   {
-    // The validation flag is currently mutative. We put it on
-    // an external backing store so that we can freeze the whole object.
-    // This can be replaced with a WeakMap once they are implemented in
-    // commonly used development environments.
-    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
-    // the validation flag non-enumerable (where possible, which should
-    // include every environment we run tests in), so the test framework
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    var refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  var element;
+
+  {
+    // In dev, make `ref` a non-enumerable property with a warning. It's non-
+    // enumerable so that test matchers and serializers don't access it and
+    // trigger the warning.
+    //
+    // `ref` will be removed from the element completely in a future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+
+    if (ref !== null) {
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      });
+    } else {
+      // Don't warn on access if a ref is not given. This reduces false
+      // positives in cases where a test serializer uses
+      // getOwnPropertyDescriptors to compare objects, like Jest does, which is
+      // a problem because it bypasses non-enumerability.
+      //
+      // So unfortunately this will trigger a false positive warning in Jest
+      // when the diff is printed:
+      //
+      //   expect(<div ref={ref} />).toEqual(<span ref={ref} />);
+      //
+      // A bit sketchy, but this is what we've done for the `props.key` and
+      // `props.ref` accessors for years, which implies it will be good enough
+      // for `element.ref`, too. Let's see if anyone complains.
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        value: null
+      });
+    }
+  }
+
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
     // ignores it.
 
     Object.defineProperty(element._store, 'validated', {
@@ -947,21 +942,13 @@ function ReactElement(type, key, ref, self, source, owner, props) {
       enumerable: false,
       writable: true,
       value: false
-    }); // self and source are DEV only properties.
-
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: self
-    }); // Two elements created in two different places should be considered
-    // equal for testing purposes and therefore we hide it from enumeration.
+    }); // debugInfo contains Server Component debug information.
 
-    Object.defineProperty(element, '_source', {
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
-      value: source
+      writable: true,
+      value: null
     });
 
     if (Object.freeze) {
@@ -972,6 +959,7 @@ function ReactElement(type, key, ref, self, source, owner, props) {
 
   return element;
 }
+var didWarnAboutKeySpread = {};
 /**
  * https://github.com/reactjs/rfcs/pull/107
  * @param {*} type
@@ -979,8 +967,78 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  * @param {string} key
  */
 
-function jsxDEV$1(type, config, maybeKey, source, self) {
+function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
   {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = 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', typeString, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      var children = config.children;
+
+      if (children !== undefined) {
+        if (isStaticChildren) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              validateChildKeys(children[i], type);
+            }
+
+            if (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, type);
+        }
+      }
+    } // Warn about key spread regardless of whether the type is valid.
+
+
+    if (hasOwnProperty.call(config, 'key')) {
+      var componentName = getComponentNameFromType(type);
+      var keys = Object.keys(config).filter(function (k) {
+        return k !== 'key';
+      });
+      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+        didWarnAboutKeySpread[componentName + beforeExample] = true;
+      }
+    }
+
     var propName; // Reserved names are extracted
 
     var props = {};
@@ -1009,13 +1067,14 @@ function jsxDEV$1(type, config, maybeKey, source, self) {
     }
 
     if (hasValidRef(config)) {
-      ref = config.ref;
+
       warnIfStringRefCannotBeAutoConverted(config, self);
     } // Remaining properties are added to a new props object
 
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp )) {
         props[propName] = config[propName];
       }
     } // Resolve default props
@@ -1031,55 +1090,21 @@ function jsxDEV$1(type, config, maybeKey, source, self) {
       }
     }
 
-    if (key || ref) {
+    if (key || !enableRefAsProp ) {
       var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
 
       if (key) {
         defineKeyPropWarningGetter(props, displayName);
       }
-
-      if (ref) {
-        defineRefPropWarningGetter(props, displayName);
-      }
     }
 
-    return ReactElement(type, key, ref, self, source, ReactCurrentOwner$1.current, props);
-  }
-}
+    var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
 
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    if (type === REACT_FRAGMENT_TYPE) {
+      validateFragmentProps(element);
     }
-  }
-}
-
-var propTypesMisspellWarningShown;
-
-{
-  propTypesMisspellWarningShown = false;
-}
-/**
- * Verifies the object is a ReactElement.
- * See https://reactjs.org/docs/react-api.html#isvalidelement
- * @param {?object} object
- * @return {boolean} True if `object` is a ReactElement.
- * @final
- */
-
 
-function isValidElement(object) {
-  {
-    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+    return element;
   }
 }
 
@@ -1096,86 +1121,6 @@ function getDeclarationErrorAddendum() {
     return '';
   }
 }
-
-function getSourceInfoErrorAddendum(source) {
-  {
-    if (source !== undefined) {
-      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-      var lineNumber = source.lineNumber;
-      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-    }
-
-    return '';
-  }
-}
-/**
- * Warn if there's no key explicitly set on dynamic arrays of children or
- * object keys are not valid. This allows us to keep track of children between
- * updates.
- */
-
-
-var ownerHasKeyUseWarning = {};
-
-function getCurrentComponentErrorInfo(parentType) {
-  {
-    var info = getDeclarationErrorAddendum();
-
-    if (!info) {
-      var parentName = getComponentNameFromType(parentType);
-
-      if (parentName) {
-        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-      }
-    }
-
-    return info;
-  }
-}
-/**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
-
-
-function validateExplicitKey(element, parentType) {
-  {
-    if (!element._store || element._store.validated || element.key != null) {
-      return;
-    }
-
-    element._store.validated = true;
-    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-
-    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-      return;
-    }
-
-    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-    // property, it may be the creator of the child that's responsible for
-    // assigning it a key.
-
-    var childOwner = '';
-
-    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
-      // Give the component that originally created this child.
-      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
-    }
-
-    setCurrentlyValidatingElement(element);
-
-    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-
-    setCurrentlyValidatingElement(null);
-  }
-}
 /**
  * Ensure that every element either is passed in a static location, in an
  * array with an explicit keys property defined, or in an object literal
@@ -1227,52 +1172,87 @@ function validateChildKeys(node, parentType) {
   }
 }
 /**
- * Given an element, validate that its props follow the propTypes definition,
- * provided by the type.
- *
- * @param {ReactElement} element
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
  */
 
 
-function validatePropTypes(element) {
-  {
-    var type = element.type;
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
 
-    if (type === null || type === undefined || typeof type === 'string') {
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
       return;
     }
 
-    if (type.$$typeof === REACT_CLIENT_REFERENCE) {
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
       return;
     }
 
-    var propTypes;
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
 
-    if (typeof type === 'function') {
-      propTypes = type.propTypes;
-    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-    // Inner props are checked in the reconciler.
-    type.$$typeof === REACT_MEMO_TYPE)) {
-      propTypes = type.propTypes;
-    } else {
-      return;
+    var childOwner = '';
+
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
     }
 
-    if (propTypes) {
-      // Intentionally inside to avoid triggering lazy initializers:
-      var name = getComponentNameFromType(type);
-      checkPropTypes(propTypes, element.props, 'prop', name, element);
-    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
+    setCurrentlyValidatingElement(element);
 
-      var _name = getComponentNameFromType(type);
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
 
-      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
     }
+  }
+}
+
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
 
-    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
     }
+
+    return info;
   }
 }
 /**
@@ -1282,6 +1262,7 @@ function validatePropTypes(element) {
 
 
 function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
   {
     var keys = Object.keys(fragment.props);
 
@@ -1297,115 +1278,10 @@ function validateFragmentProps(fragment) {
         break;
       }
     }
-
-    if (fragment.ref !== null) {
-      setCurrentlyValidatingElement(fragment);
-
-      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-      setCurrentlyValidatingElement(null);
-    }
   }
 }
 
-var didWarnAboutKeySpread = {};
-function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
-  {
-    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-    // succeed and there will likely be errors in render.
-
-    if (!validType) {
-      var info = '';
-
-      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
-      }
-
-      var sourceInfo = getSourceInfoErrorAddendum(source);
-
-      if (sourceInfo) {
-        info += sourceInfo;
-      } else {
-        info += getDeclarationErrorAddendum();
-      }
-
-      var typeString;
-
-      if (type === null) {
-        typeString = 'null';
-      } else if (isArray(type)) {
-        typeString = 'array';
-      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
-        info = ' Did you accidentally export a JSX literal instead of a component?';
-      } else {
-        typeString = 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', typeString, info);
-    }
-
-    var element = jsxDEV$1(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-    // TODO: Drop this when these are no longer allowed as the type argument.
-
-    if (element == null) {
-      return element;
-    } // Skip key warning if the type isn't valid since our key validation logic
-    // doesn't expect a non-string/function type and can throw confusing errors.
-    // We don't want exception behavior to differ between dev and prod.
-    // (Rendering will throw with a helpful message and as soon as the type is
-    // fixed, the key warnings will appear.)
-
-
-    if (validType) {
-      var children = props.children;
-
-      if (children !== undefined) {
-        if (isStaticChildren) {
-          if (isArray(children)) {
-            for (var i = 0; i < children.length; i++) {
-              validateChildKeys(children[i], type);
-            }
-
-            if (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, type);
-        }
-      }
-    }
-
-    if (hasOwnProperty.call(props, 'key')) {
-      var componentName = getComponentNameFromType(type);
-      var keys = Object.keys(props).filter(function (k) {
-        return k !== 'key';
-      });
-      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
-
-      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
-
-        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-
-        didWarnAboutKeySpread[componentName + beforeExample] = true;
-      }
-    }
-
-    if (type === REACT_FRAGMENT_TYPE) {
-      validateFragmentProps(element);
-    } else {
-      validatePropTypes(element);
-    }
-
-    return element;
-  }
-} // These two functions exist to still get child warnings in dev
-
-var jsxDEV = jsxWithValidation ;
+var jsxDEV = jsxDEV$1 ;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsxDEV = jsxDEV;
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 ceea3135460bf9..0541178dc16fc9 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
@@ -25,9 +25,10 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -96,35 +97,23 @@ var enableScopeAPI = false; // Experimental Create Event Handle API.
 var enableTransitionTracing = false; // No known bugs, but needs performance testing
 
 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+var __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+var enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
 // stuff. Intended to enable React core members to more easily debug scheduling
 // issues in DEV builds.
 
 var enableDebugTracing = false;
 
-var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference');
-function isValidElementType(type) {
-  if (typeof type === 'string' || typeof type === 'function') {
-    return true;
-  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
-    return true;
-  }
-
-  if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-    // types supported by any Flight configuration anywhere since
-    // we don't know which Flight build this will end up being used
-    // with.
-    type.$$typeof === REACT_CLIENT_REFERENCE$2 || type.getModuleId !== undefined) {
-      return true;
-    }
-  }
-
-  return false;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -141,7 +130,7 @@ function getContextName(type) {
   return type.displayName || 'Context';
 }
 
-var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
 function getComponentNameFromType(type) {
   if (type == null) {
@@ -150,7 +139,7 @@ function getComponentNameFromType(type) {
   }
 
   if (typeof type === 'function') {
-    if (type.$$typeof === REACT_CLIENT_REFERENCE$1) {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
       // TODO: Create a convention for naming client references with debug info.
       return null;
     }
@@ -196,13 +185,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -228,21 +227,115 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
   return null;
 }
 
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 var assign = Object.assign;
 
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
 // Helpers to patch console.logs to avoid logging during side-effect free
 // replaying on render function. This currently only patches the object
 // lazily which won't cover if the log function was extracted eagerly.
@@ -339,7 +432,7 @@ function reenableLogs() {
 
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -603,7 +696,7 @@ function describeNativeComponentFrame(fn, construct) {
 
   return syntheticFrame;
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -614,7 +707,7 @@ function shouldConstruct(Component) {
   return !!(prototype && prototype.isReactComponent);
 }
 
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
 
   if (type == null) {
     return '';
@@ -645,7 +738,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
       case REACT_MEMO_TYPE:
         // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
       case REACT_LAZY_TYPE:
         {
@@ -655,7 +748,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
           try {
             // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
           } catch (x) {}
         }
     }
@@ -664,160 +757,16 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
   return '';
 }
 
-// $FlowFixMe[method-unbinding]
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement$1(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement$1(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement$1(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-      }
-    }
-  }
-}
-
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
-/*
- * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
- * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
- *
- * The functions in this module will throw an easier-to-understand,
- * easier-to-debug exception with a clear errors message message explaining the
- * problem. (Instead of a confusing exception thrown inside the implementation
- * of the `value` object).
- */
-// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-function typeName(value) {
-  {
-    // toStringTag is needed for namespaced types like Temporal.Instant
-    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
-    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
-
-    return type;
-  }
-} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-
-
-function willCoercionThrow(value) {
-  {
-    try {
-      testStringCoercion(value);
-      return false;
-    } catch (e) {
-      return true;
-    }
-  }
-}
-
-function testStringCoercion(value) {
-  // If you ended up here by following an exception call stack, here's what's
-  // happened: you supplied an object or symbol value to React (as a prop, key,
-  // DOM attribute, CSS property, string ref, etc.) and when React tried to
-  // coerce it to a string using `'' + value`, an exception was thrown.
-  //
-  // The most common types that will cause this exception are `Symbol` instances
-  // and Temporal objects like `Temporal.Instant`. But any object that has a
-  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
-  // exception. (Library authors do this to prevent users from using built-in
-  // numeric operators like `+` or comparison operators like `>=` because custom
-  // methods are needed to perform accurate arithmetic or comparison.)
-  //
-  // To fix the problem, coerce this object or symbol value to a string before
-  // passing it to React. The most reliable way is usually `String(value)`.
-  //
-  // To find which value is throwing, check the browser or debugger console.
-  // Before this exception was thrown, there should be `console.error` output
-  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
-  // problem and how that type was used: key, atrribute, input value prop, etc.
-  // In most cases, this console output also shows the component and its
-  // ancestor components where the exception happened.
-  //
-  // eslint-disable-next-line react-internal/safe-string-coercion
-  return '' + value;
-}
-function checkKeyStringCoercion(value) {
-  {
-    if (willCoercionThrow(value)) {
-      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
-
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-    }
-  }
-}
-
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-var RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 var specialPropKeyWarningShown;
-var specialPropRefWarningShown;
 var didWarnAboutStringRefs;
+var didWarnAboutElementRef;
 
 {
   didWarnAboutStringRefs = {};
+  didWarnAboutElementRef = {};
 }
 
 function hasValidRef(config) {
@@ -850,11 +799,11 @@ function hasValidKey(config) {
 
 function warnIfStringRefCannotBeAutoConverted(config, self) {
   {
-    if (typeof config.ref === 'string' && ReactCurrentOwner$1.current && self && ReactCurrentOwner$1.current.stateNode !== self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner$1.current.type);
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
       if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner$1.current.type), config.ref);
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
 
         didWarnAboutStringRefs[componentName] = true;
       }
@@ -880,21 +829,20 @@ function defineKeyPropWarningGetter(props, displayName) {
   }
 }
 
-function defineRefPropWarningGetter(props, displayName) {
+function elementRefGetterWithDeprecationWarning() {
   {
-    var warnAboutAccessingRef = function () {
-      if (!specialPropRefWarningShown) {
-        specialPropRefWarningShown = true;
+    var componentName = getComponentNameFromType(this.type);
 
-        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
-      }
-    };
+    if (!didWarnAboutElementRef[componentName]) {
+      didWarnAboutElementRef[componentName] = true;
 
-    warnAboutAccessingRef.isReactWarning = true;
-    Object.defineProperty(props, 'ref', {
-      get: warnAboutAccessingRef,
-      configurable: true
-    });
+      error('Accessing element.ref is no longer supported. ref is now a ' + 'regular prop. It will be removed from the JSX Element ' + 'type in a future release.');
+    } // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+
+    var refProp = this.props.ref;
+    return refProp !== undefined ? refProp : null;
   }
 }
 /**
@@ -919,27 +867,74 @@ function defineRefPropWarningGetter(props, displayName) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
 
   {
-    // The validation flag is currently mutative. We put it on
-    // an external backing store so that we can freeze the whole object.
-    // This can be replaced with a WeakMap once they are implemented in
-    // commonly used development environments.
-    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
-    // the validation flag non-enumerable (where possible, which should
-    // include every environment we run tests in), so the test framework
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    var refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  var element;
+
+  {
+    // In dev, make `ref` a non-enumerable property with a warning. It's non-
+    // enumerable so that test matchers and serializers don't access it and
+    // trigger the warning.
+    //
+    // `ref` will be removed from the element completely in a future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+
+    if (ref !== null) {
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      });
+    } else {
+      // Don't warn on access if a ref is not given. This reduces false
+      // positives in cases where a test serializer uses
+      // getOwnPropertyDescriptors to compare objects, like Jest does, which is
+      // a problem because it bypasses non-enumerability.
+      //
+      // So unfortunately this will trigger a false positive warning in Jest
+      // when the diff is printed:
+      //
+      //   expect(<div ref={ref} />).toEqual(<span ref={ref} />);
+      //
+      // A bit sketchy, but this is what we've done for the `props.key` and
+      // `props.ref` accessors for years, which implies it will be good enough
+      // for `element.ref`, too. Let's see if anyone complains.
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        value: null
+      });
+    }
+  }
+
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
     // ignores it.
 
     Object.defineProperty(element._store, 'validated', {
@@ -947,21 +942,13 @@ function ReactElement(type, key, ref, self, source, owner, props) {
       enumerable: false,
       writable: true,
       value: false
-    }); // self and source are DEV only properties.
+    }); // debugInfo contains Server Component debug information.
 
-    Object.defineProperty(element, '_self', {
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
-      value: self
-    }); // Two elements created in two different places should be considered
-    // equal for testing purposes and therefore we hide it from enumeration.
-
-    Object.defineProperty(element, '_source', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: source
+      writable: true,
+      value: null
     });
 
     if (Object.freeze) {
@@ -972,6 +959,31 @@ function ReactElement(type, key, ref, self, source, owner, props) {
 
   return element;
 }
+// support `jsx` and `jsxs` when running in development. This supports the case
+// where a third-party dependency ships code that was compiled for production;
+// we want to still provide warnings in development.
+//
+// So these functions are the _dev_ implementations of the _production_
+// API signatures.
+//
+// Since these functions are dev-only, it's ok to add an indirection here. They
+// only exist to provide different versions of `isStaticChildren`. (We shouldn't
+// use this pattern for the prod versions, though, because it will add an call
+// frame.)
+
+function jsxProdSignatureRunningInDevWithDynamicChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = false;
+    return jsxDEV(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+function jsxProdSignatureRunningInDevWithStaticChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = true;
+    return jsxDEV(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+var didWarnAboutKeySpread = {};
 /**
  * https://github.com/reactjs/rfcs/pull/107
  * @param {*} type
@@ -979,8 +991,78 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  * @param {string} key
  */
 
-function jsxDEV(type, config, maybeKey, source, self) {
+function jsxDEV(type, config, maybeKey, isStaticChildren, source, self) {
   {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = 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', typeString, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      var children = config.children;
+
+      if (children !== undefined) {
+        if (isStaticChildren) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              validateChildKeys(children[i], type);
+            }
+
+            if (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, type);
+        }
+      }
+    } // Warn about key spread regardless of whether the type is valid.
+
+
+    if (hasOwnProperty.call(config, 'key')) {
+      var componentName = getComponentNameFromType(type);
+      var keys = Object.keys(config).filter(function (k) {
+        return k !== 'key';
+      });
+      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+        didWarnAboutKeySpread[componentName + beforeExample] = true;
+      }
+    }
+
     var propName; // Reserved names are extracted
 
     var props = {};
@@ -1009,13 +1091,14 @@ function jsxDEV(type, config, maybeKey, source, self) {
     }
 
     if (hasValidRef(config)) {
-      ref = config.ref;
+
       warnIfStringRefCannotBeAutoConverted(config, self);
     } // Remaining properties are added to a new props object
 
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp )) {
         props[propName] = config[propName];
       }
     } // Resolve default props
@@ -1031,55 +1114,21 @@ function jsxDEV(type, config, maybeKey, source, self) {
       }
     }
 
-    if (key || ref) {
+    if (key || !enableRefAsProp ) {
       var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
 
       if (key) {
         defineKeyPropWarningGetter(props, displayName);
       }
-
-      if (ref) {
-        defineRefPropWarningGetter(props, displayName);
-      }
     }
 
-    return ReactElement(type, key, ref, self, source, ReactCurrentOwner$1.current, props);
-  }
-}
+    var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
 
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    if (type === REACT_FRAGMENT_TYPE) {
+      validateFragmentProps(element);
     }
-  }
-}
-
-var propTypesMisspellWarningShown;
 
-{
-  propTypesMisspellWarningShown = false;
-}
-/**
- * Verifies the object is a ReactElement.
- * See https://reactjs.org/docs/react-api.html#isvalidelement
- * @param {?object} object
- * @return {boolean} True if `object` is a ReactElement.
- * @final
- */
-
-
-function isValidElement(object) {
-  {
-    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+    return element;
   }
 }
 
@@ -1096,86 +1145,6 @@ function getDeclarationErrorAddendum() {
     return '';
   }
 }
-
-function getSourceInfoErrorAddendum(source) {
-  {
-    if (source !== undefined) {
-      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-      var lineNumber = source.lineNumber;
-      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-    }
-
-    return '';
-  }
-}
-/**
- * Warn if there's no key explicitly set on dynamic arrays of children or
- * object keys are not valid. This allows us to keep track of children between
- * updates.
- */
-
-
-var ownerHasKeyUseWarning = {};
-
-function getCurrentComponentErrorInfo(parentType) {
-  {
-    var info = getDeclarationErrorAddendum();
-
-    if (!info) {
-      var parentName = getComponentNameFromType(parentType);
-
-      if (parentName) {
-        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-      }
-    }
-
-    return info;
-  }
-}
-/**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
-
-
-function validateExplicitKey(element, parentType) {
-  {
-    if (!element._store || element._store.validated || element.key != null) {
-      return;
-    }
-
-    element._store.validated = true;
-    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-
-    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-      return;
-    }
-
-    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-    // property, it may be the creator of the child that's responsible for
-    // assigning it a key.
-
-    var childOwner = '';
-
-    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
-      // Give the component that originally created this child.
-      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
-    }
-
-    setCurrentlyValidatingElement(element);
-
-    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-
-    setCurrentlyValidatingElement(null);
-  }
-}
 /**
  * Ensure that every element either is passed in a static location, in an
  * array with an explicit keys property defined, or in an object literal
@@ -1227,52 +1196,87 @@ function validateChildKeys(node, parentType) {
   }
 }
 /**
- * Given an element, validate that its props follow the propTypes definition,
- * provided by the type.
- *
- * @param {ReactElement} element
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
  */
 
 
-function validatePropTypes(element) {
-  {
-    var type = element.type;
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
 
-    if (type === null || type === undefined || typeof type === 'string') {
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
       return;
     }
 
-    if (type.$$typeof === REACT_CLIENT_REFERENCE) {
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
       return;
     }
 
-    var propTypes;
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
 
-    if (typeof type === 'function') {
-      propTypes = type.propTypes;
-    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-    // Inner props are checked in the reconciler.
-    type.$$typeof === REACT_MEMO_TYPE)) {
-      propTypes = type.propTypes;
-    } else {
-      return;
+    var childOwner = '';
+
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
     }
 
-    if (propTypes) {
-      // Intentionally inside to avoid triggering lazy initializers:
-      var name = getComponentNameFromType(type);
-      checkPropTypes(propTypes, element.props, 'prop', name, element);
-    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
+    setCurrentlyValidatingElement(element);
 
-      var _name = getComponentNameFromType(type);
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
 
-      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
     }
+  }
+}
 
-    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
+
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
     }
+
+    return info;
   }
 }
 /**
@@ -1282,6 +1286,7 @@ function validatePropTypes(element) {
 
 
 function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
   {
     var keys = Object.keys(fragment.props);
 
@@ -1297,132 +1302,13 @@ function validateFragmentProps(fragment) {
         break;
       }
     }
-
-    if (fragment.ref !== null) {
-      setCurrentlyValidatingElement(fragment);
-
-      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-      setCurrentlyValidatingElement(null);
-    }
-  }
-}
-
-var didWarnAboutKeySpread = {};
-function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
-  {
-    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-    // succeed and there will likely be errors in render.
-
-    if (!validType) {
-      var info = '';
-
-      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
-      }
-
-      var sourceInfo = getSourceInfoErrorAddendum(source);
-
-      if (sourceInfo) {
-        info += sourceInfo;
-      } else {
-        info += getDeclarationErrorAddendum();
-      }
-
-      var typeString;
-
-      if (type === null) {
-        typeString = 'null';
-      } else if (isArray(type)) {
-        typeString = 'array';
-      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
-        info = ' Did you accidentally export a JSX literal instead of a component?';
-      } else {
-        typeString = 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', typeString, info);
-    }
-
-    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-    // TODO: Drop this when these are no longer allowed as the type argument.
-
-    if (element == null) {
-      return element;
-    } // Skip key warning if the type isn't valid since our key validation logic
-    // doesn't expect a non-string/function type and can throw confusing errors.
-    // We don't want exception behavior to differ between dev and prod.
-    // (Rendering will throw with a helpful message and as soon as the type is
-    // fixed, the key warnings will appear.)
-
-
-    if (validType) {
-      var children = props.children;
-
-      if (children !== undefined) {
-        if (isStaticChildren) {
-          if (isArray(children)) {
-            for (var i = 0; i < children.length; i++) {
-              validateChildKeys(children[i], type);
-            }
-
-            if (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, type);
-        }
-      }
-    }
-
-    if (hasOwnProperty.call(props, 'key')) {
-      var componentName = getComponentNameFromType(type);
-      var keys = Object.keys(props).filter(function (k) {
-        return k !== 'key';
-      });
-      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
-
-      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
-
-        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-
-        didWarnAboutKeySpread[componentName + beforeExample] = true;
-      }
-    }
-
-    if (type === REACT_FRAGMENT_TYPE) {
-      validateFragmentProps(element);
-    } else {
-      validatePropTypes(element);
-    }
-
-    return element;
-  }
-} // These two functions exist to still get child warnings in dev
-// even with the prod transform. This means that jsxDEV is purely
-// opt-in behavior for better messages but that we won't stop
-// giving you warnings if you use production apis.
-
-function jsxWithValidationStatic(type, props, key) {
-  {
-    return jsxWithValidation(type, props, key, true);
-  }
-}
-function jsxWithValidationDynamic(type, props, key) {
-  {
-    return jsxWithValidation(type, props, key, false);
   }
 }
 
-var jsx = jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
+var jsx = jsxProdSignatureRunningInDevWithDynamicChildren ; // we may want to special case jsxs internally to take advantage of static children.
 // for now we can ship identical prod functions
 
-var jsxs = jsxWithValidationStatic ;
+var jsxs = jsxProdSignatureRunningInDevWithStaticChildren ;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsx = jsx;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.js
index bc2ed0a190568d..7c68a328ded94c 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.js
@@ -19,23 +19,25 @@ var React = require("next/dist/compiled/react-experimental");
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 
+// -----------------------------------------------------------------------------
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+const __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 // $FlowFixMe[method-unbinding]
 const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-const RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
-
-function hasValidRef(config) {
-
-  return config.ref !== undefined;
-}
 
 function hasValidKey(config) {
 
@@ -63,18 +65,38 @@ function hasValidKey(config) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type,
-    key,
-    ref,
-    props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    const refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   return element;
 }
@@ -86,7 +108,7 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  */
 
 
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   let propName; // Reserved names are extracted
 
   const props = {};
@@ -108,13 +130,10 @@ function jsx$1(type, config, maybeKey) {
     key = '' + config.key;
   }
 
-  if (hasValidRef(config)) {
-    ref = config.ref;
-  } // Remaining properties are added to a new props object
-
 
   for (propName in config) {
-    if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+    if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+    propName !== 'key' && (enableRefAsProp )) {
       props[propName] = config[propName];
     }
   } // Resolve default props
@@ -131,12 +150,12 @@ function jsx$1(type, config, maybeKey) {
   }
 
   return ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
-}
+} // While `jsxDEV` should never be called when running in production, we do
 
-const jsx = jsx$1; // we may want to special case jsxs internally to take advantage of static children.
+const jsx = jsxProd; // we may want to special case jsxs internally to take advantage of static children.
 // for now we can ship identical prod functions
 
-const jsxs = jsx$1;
+const jsxs = jsxProd;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsx = jsx;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.min.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.min.js
index 0ccc38036d44b4..6567bd423f6bbb 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.min.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.production.min.js
@@ -7,7 +7,7 @@
  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 f=require("next/dist/compiled/react-experimental"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
+'use strict';var f=require("next/dist/compiled/react-experimental"),h=Symbol.for("react.element"),k=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function n(d,b,g){var c={},e=null;void 0!==g&&(e=""+g);void 0!==b.key&&(e=""+b.key);for(a in b)l.call(b,a)&&"key"!==a&&(c[a]=b[a]);if(d&&d.defaultProps)for(a in b=d.defaultProps,b)void 0===c[a]&&(c[a]=b[a]);var a=c.ref;return{$$typeof:h,type:d,key:e,ref:void 0!==a?a:null,props:c,_owner:m.current}}exports.Fragment=k;exports.jsx=n;exports.jsxs=n;
 
 //# sourceMappingURL=react-jsx-runtime.production.min.js.map
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.js
index 1772cb9a370c20..f506567b45d712 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.js
@@ -19,23 +19,25 @@ var React = require("next/dist/compiled/react-experimental");
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 
+// -----------------------------------------------------------------------------
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+const __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
 // $FlowFixMe[method-unbinding]
 const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-const RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
-
-function hasValidRef(config) {
-
-  return config.ref !== undefined;
-}
 
 function hasValidKey(config) {
 
@@ -63,18 +65,38 @@ function hasValidKey(config) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type,
-    key,
-    ref,
-    props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    const refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   return element;
 }
@@ -86,7 +108,7 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  */
 
 
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   let propName; // Reserved names are extracted
 
   const props = {};
@@ -108,13 +130,10 @@ function jsx$1(type, config, maybeKey) {
     key = '' + config.key;
   }
 
-  if (hasValidRef(config)) {
-    ref = config.ref;
-  } // Remaining properties are added to a new props object
-
 
   for (propName in config) {
-    if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+    if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+    propName !== 'key' && (enableRefAsProp )) {
       props[propName] = config[propName];
     }
   } // Resolve default props
@@ -131,12 +150,12 @@ function jsx$1(type, config, maybeKey) {
   }
 
   return ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
-}
+} // While `jsxDEV` should never be called when running in production, we do
 
-const jsx = jsx$1; // we may want to special case jsxs internally to take advantage of static children.
+const jsx = jsxProd; // we may want to special case jsxs internally to take advantage of static children.
 // for now we can ship identical prod functions
 
-const jsxs = jsx$1;
+const jsxs = jsxProd;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsx = jsx;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.min.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.min.js
index c7fbee5ae8237b..762260213da774 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.min.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.profiling.min.js
@@ -7,7 +7,7 @@
  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 f=require("next/dist/compiled/react-experimental"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
+'use strict';var f=require("next/dist/compiled/react-experimental"),h=Symbol.for("react.element"),k=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function n(d,b,g){var c={},e=null;void 0!==g&&(e=""+g);void 0!==b.key&&(e=""+b.key);for(a in b)l.call(b,a)&&"key"!==a&&(c[a]=b[a]);if(d&&d.defaultProps)for(a in b=d.defaultProps,b)void 0===c[a]&&(c[a]=b[a]);var a=c.ref;return{$$typeof:h,type:d,key:e,ref:void 0!==a?a:null,props:c,_owner:m.current}}exports.Fragment=k;exports.jsx=n;exports.jsxs=n;
 
 //# sourceMappingURL=react-jsx-runtime.profiling.min.js.map
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
new file mode 100644
index 00000000000000..78de85546b5916
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.development.js
@@ -0,0 +1,1319 @@
+/**
+ * @license React
+ * react-jsx-runtime.react-server.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require("next/dist/compiled/react-experimental");
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+// -----------------------------------------------------------------------------
+
+var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+var __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+var enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false;
+
+function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
+  var functionName = innerType.displayName || innerType.name || '';
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
+} // Keep in sync with react-reconciler/getComponentNameFromFiber
+
+
+function getContextName(type) {
+  return type.displayName || 'Context';
+}
+
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+
+function getComponentNameFromType(type) {
+  if (type == null) {
+    // Host root, text node or just invalid type.
+    return null;
+  }
+
+  if (typeof type === 'function') {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
+      // TODO: Create a convention for naming client references with debug info.
+      return null;
+    }
+
+    return type.displayName || type.name || null;
+  }
+
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_FRAGMENT_TYPE:
+      return 'Fragment';
+
+    case REACT_PORTAL_TYPE:
+      return 'Portal';
+
+    case REACT_PROFILER_TYPE:
+      return 'Profiler';
+
+    case REACT_STRICT_MODE_TYPE:
+      return 'StrictMode';
+
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+
+    case REACT_CACHE_TYPE:
+      {
+        return 'Cache';
+      }
+
+  }
+
+  if (typeof type === 'object') {
+    {
+      if (typeof type.tag === 'number') {
+        error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
+      }
+    }
+
+    switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
+      case REACT_CONTEXT_TYPE:
+        var context = type;
+
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        return getWrappedName(type, type.render, 'ForwardRef');
+
+      case REACT_MEMO_TYPE:
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            return getComponentNameFromType(init(payload));
+          } catch (x) {
+            return null;
+          }
+        }
+    }
+  }
+
+  return null;
+}
+
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+var assign = Object.assign;
+
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
+  }
+}
+function reenableLogs() {
+  {
+    disabledDepth--;
+
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
+}
+
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+var reentry = false;
+var componentFrameCache;
+
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
+}
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  {
+    var frame = componentFrameCache.get(fn);
+
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
+
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
+
+  {
+    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
+
+    ReactCurrentDispatcher.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
+
+
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    {
+      ReactCurrentDispatcher.current = previousDispatcher;
+      reenableLogs();
+    }
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
+
+  return syntheticFrame;
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
+
+  if (type == null) {
+    return '';
+  }
+
+  if (typeof type === 'function') {
+    {
+      return describeNativeComponentFrame(type, shouldConstruct(type));
+    }
+  }
+
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame('Suspense');
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame('SuspenseList');
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeFunctionComponentFrame(type.render);
+
+      case REACT_MEMO_TYPE:
+        // Memo may contain any component type so we recursively resolve it.
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+var specialPropKeyWarningShown;
+var didWarnAboutStringRefs;
+var didWarnAboutElementRef;
+
+{
+  didWarnAboutStringRefs = {};
+  didWarnAboutElementRef = {};
+}
+
+function hasValidRef(config) {
+  {
+    if (hasOwnProperty.call(config, 'ref')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.ref !== undefined;
+}
+
+function hasValidKey(config) {
+  {
+    if (hasOwnProperty.call(config, 'key')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.key !== undefined;
+}
+
+function warnIfStringRefCannotBeAutoConverted(config, self) {
+  {
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
+
+        didWarnAboutStringRefs[componentName] = true;
+      }
+    }
+  }
+}
+
+function defineKeyPropWarningGetter(props, displayName) {
+  {
+    var warnAboutAccessingKey = function () {
+      if (!specialPropKeyWarningShown) {
+        specialPropKeyWarningShown = true;
+
+        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://reactjs.org/link/special-props)', displayName);
+      }
+    };
+
+    warnAboutAccessingKey.isReactWarning = true;
+    Object.defineProperty(props, 'key', {
+      get: warnAboutAccessingKey,
+      configurable: true
+    });
+  }
+}
+
+function elementRefGetterWithDeprecationWarning() {
+  {
+    var componentName = getComponentNameFromType(this.type);
+
+    if (!didWarnAboutElementRef[componentName]) {
+      didWarnAboutElementRef[componentName] = true;
+
+      error('Accessing element.ref is no longer supported. ref is now a ' + 'regular prop. It will be removed from the JSX Element ' + 'type in a future release.');
+    } // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+
+    var refProp = this.props.ref;
+    return refProp !== undefined ? refProp : null;
+  }
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
+
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    var refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  var element;
+
+  {
+    // In dev, make `ref` a non-enumerable property with a warning. It's non-
+    // enumerable so that test matchers and serializers don't access it and
+    // trigger the warning.
+    //
+    // `ref` will be removed from the element completely in a future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+
+    if (ref !== null) {
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      });
+    } else {
+      // Don't warn on access if a ref is not given. This reduces false
+      // positives in cases where a test serializer uses
+      // getOwnPropertyDescriptors to compare objects, like Jest does, which is
+      // a problem because it bypasses non-enumerability.
+      //
+      // So unfortunately this will trigger a false positive warning in Jest
+      // when the diff is printed:
+      //
+      //   expect(<div ref={ref} />).toEqual(<span ref={ref} />);
+      //
+      // A bit sketchy, but this is what we've done for the `props.key` and
+      // `props.ref` accessors for years, which implies it will be good enough
+      // for `element.ref`, too. Let's see if anyone complains.
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        value: null
+      });
+    }
+  }
+
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
+    // ignores it.
+
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: false
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: null
+    });
+
+    if (Object.freeze) {
+      Object.freeze(element.props);
+      Object.freeze(element);
+    }
+  }
+
+  return element;
+}
+// support `jsx` and `jsxs` when running in development. This supports the case
+// where a third-party dependency ships code that was compiled for production;
+// we want to still provide warnings in development.
+//
+// So these functions are the _dev_ implementations of the _production_
+// API signatures.
+//
+// Since these functions are dev-only, it's ok to add an indirection here. They
+// only exist to provide different versions of `isStaticChildren`. (We shouldn't
+// use this pattern for the prod versions, though, because it will add an call
+// frame.)
+
+function jsxProdSignatureRunningInDevWithDynamicChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = false;
+    return jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+function jsxProdSignatureRunningInDevWithStaticChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = true;
+    return jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+var didWarnAboutKeySpread = {};
+/**
+ * https://github.com/reactjs/rfcs/pull/107
+ * @param {*} type
+ * @param {object} props
+ * @param {string} key
+ */
+
+function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
+  {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = 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', typeString, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      var children = config.children;
+
+      if (children !== undefined) {
+        if (isStaticChildren) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              validateChildKeys(children[i], type);
+            }
+
+            if (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, type);
+        }
+      }
+    } // Warn about key spread regardless of whether the type is valid.
+
+
+    if (hasOwnProperty.call(config, 'key')) {
+      var componentName = getComponentNameFromType(type);
+      var keys = Object.keys(config).filter(function (k) {
+        return k !== 'key';
+      });
+      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+        didWarnAboutKeySpread[componentName + beforeExample] = true;
+      }
+    }
+
+    var propName; // Reserved names are extracted
+
+    var props = {};
+    var key = null;
+    var ref = null; // Currently, key can be spread in as a prop. This causes a potential
+    // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
+    // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
+    // but as an intermediary step, we will use jsxDEV for everything except
+    // <div {...props} key="Hi" />, because we aren't currently able to tell if
+    // key is explicitly declared to be undefined or not.
+
+    if (maybeKey !== undefined) {
+      {
+        checkKeyStringCoercion(maybeKey);
+      }
+
+      key = '' + maybeKey;
+    }
+
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
+
+      key = '' + config.key;
+    }
+
+    if (hasValidRef(config)) {
+
+      warnIfStringRefCannotBeAutoConverted(config, self);
+    } // Remaining properties are added to a new props object
+
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp )) {
+        props[propName] = config[propName];
+      }
+    } // Resolve default props
+
+
+    if (type && type.defaultProps) {
+      var defaultProps = type.defaultProps;
+
+      for (propName in defaultProps) {
+        if (props[propName] === undefined) {
+          props[propName] = defaultProps[propName];
+        }
+      }
+    }
+
+    if (key || !enableRefAsProp ) {
+      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
+      if (key) {
+        defineKeyPropWarningGetter(props, displayName);
+      }
+    }
+
+    var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+
+    if (type === REACT_FRAGMENT_TYPE) {
+      validateFragmentProps(element);
+    }
+
+    return element;
+  }
+}
+
+function getDeclarationErrorAddendum() {
+  {
+    if (ReactCurrentOwner.current) {
+      var name = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (name) {
+        return '\n\nCheck the render method of `' + name + '`.';
+      }
+    }
+
+    return '';
+  }
+}
+/**
+ * Ensure that every element either is passed in a static location, in an
+ * array with an explicit keys property defined, or in an object literal
+ * with valid key property.
+ *
+ * @internal
+ * @param {ReactNode} node Statically passed child of any type.
+ * @param {*} parentType node's parent's type.
+ */
+
+
+function validateChildKeys(node, parentType) {
+  {
+    if (typeof node !== 'object' || !node) {
+      return;
+    }
+
+    if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
+      for (var i = 0; i < node.length; i++) {
+        var child = node[i];
+
+        if (isValidElement(child)) {
+          validateExplicitKey(child, parentType);
+        }
+      }
+    } else if (isValidElement(node)) {
+      // This element was passed in a valid location.
+      if (node._store) {
+        node._store.validated = true;
+      }
+    } else {
+      var iteratorFn = getIteratorFn(node);
+
+      if (typeof iteratorFn === 'function') {
+        // Entry iterators used to provide implicit keys,
+        // but now we print a separate warning for them later.
+        if (iteratorFn !== node.entries) {
+          var iterator = iteratorFn.call(node);
+          var step;
+
+          while (!(step = iterator.next()).done) {
+            if (isValidElement(step.value)) {
+              validateExplicitKey(step.value, parentType);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
+
+
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
+
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
+      return;
+    }
+
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
+
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
+
+    var childOwner = '';
+
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+    }
+
+    setCurrentlyValidatingElement(element);
+
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    }
+  }
+}
+
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
+
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
+    }
+
+    return info;
+  }
+}
+/**
+ * Given a fragment, validate that it can only be provided with fragment props
+ * @param {ReactElement} fragment
+ */
+
+
+function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
+  {
+    var keys = Object.keys(fragment.props);
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+
+      if (key !== 'children' && key !== 'key') {
+        setCurrentlyValidatingElement(fragment);
+
+        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+
+        setCurrentlyValidatingElement(null);
+        break;
+      }
+    }
+  }
+}
+
+var jsx = jsxProdSignatureRunningInDevWithDynamicChildren ; // we may want to special case jsxs internally to take advantage of static children.
+// for now we can ship identical prod functions
+
+var jsxs = jsxProdSignatureRunningInDevWithStaticChildren ;
+var jsxDEV = jsxDEV$1 ;
+
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.jsx = jsx;
+exports.jsxDEV = jsxDEV;
+exports.jsxs = jsxs;
+  })();
+}
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.production.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.production.js
new file mode 100644
index 00000000000000..ff5f0886c2cf52
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.production.js
@@ -0,0 +1,164 @@
+/**
+ * @license React
+ * react-jsx-runtime.react-server.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var React = require("next/dist/compiled/react-experimental");
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+
+// -----------------------------------------------------------------------------
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+const __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+
+const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+// $FlowFixMe[method-unbinding]
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+
+const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
+function hasValidKey(config) {
+
+  return config.key !== undefined;
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    const refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
+
+  return element;
+}
+/**
+ * https://github.com/reactjs/rfcs/pull/107
+ * @param {*} type
+ * @param {object} props
+ * @param {string} key
+ */
+
+
+function jsxProd(type, config, maybeKey) {
+  let propName; // Reserved names are extracted
+
+  const props = {};
+  let key = null;
+  let ref = null; // Currently, key can be spread in as a prop. This causes a potential
+  // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
+  // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
+  // but as an intermediary step, we will use jsxDEV for everything except
+  // <div {...props} key="Hi" />, because we aren't currently able to tell if
+  // key is explicitly declared to be undefined or not.
+
+  if (maybeKey !== undefined) {
+
+    key = '' + maybeKey;
+  }
+
+  if (hasValidKey(config)) {
+
+    key = '' + config.key;
+  }
+
+
+  for (propName in config) {
+    if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+    propName !== 'key' && (enableRefAsProp )) {
+      props[propName] = config[propName];
+    }
+  } // Resolve default props
+
+
+  if (type && type.defaultProps) {
+    const defaultProps = type.defaultProps;
+
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+  }
+
+  return ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+} // While `jsxDEV` should never be called when running in production, we do
+
+const jsx = jsxProd; // we may want to special case jsxs internally to take advantage of static children.
+// for now we can ship identical prod functions
+
+const jsxs = jsxProd;
+const jsxDEV = undefined;
+
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.jsx = jsx;
+exports.jsxDEV = jsxDEV;
+exports.jsxs = jsxs;
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.production.min.js b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.production.min.js
new file mode 100644
index 00000000000000..ad3d7f2b2aad95
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/cjs/react-jsx-runtime.react-server.production.min.js
@@ -0,0 +1,13 @@
+/*
+ React
+ react-jsx-runtime.react-server.production.min.js
+
+ Copyright (c) Meta Platforms, Inc. and affiliates.
+
+ This source code is licensed under the MIT license found in the
+ LICENSE file in the root directory of this source tree.
+*/
+'use strict';var f=require("next/dist/compiled/react-experimental"),h=Symbol.for("react.element"),k=Symbol.for("react.fragment"),l=Object.prototype.hasOwnProperty,m=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function n(d,b,g){var c={},e=null;void 0!==g&&(e=""+g);void 0!==b.key&&(e=""+b.key);for(a in b)l.call(b,a)&&"key"!==a&&(c[a]=b[a]);if(d&&d.defaultProps)for(a in b=d.defaultProps,b)void 0===c[a]&&(c[a]=b[a]);var a=c.ref;return{$$typeof:h,type:d,key:e,ref:void 0!==a?a:null,props:c,_owner:m.current}}exports.Fragment=k;exports.jsx=n;exports.jsxDEV=void 0;exports.jsxs=n;
+
+//# sourceMappingURL=react-jsx-runtime.react-server.production.min.js.map
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 67f9958ae87b60..c7285c7bf6ca1d 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react.development.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react.development.js
@@ -62,7 +62,7 @@ var ReactCurrentActQueue = {
  * The current owner is the component who should own any components that are
  * currently being constructed.
  */
-var ReactCurrentOwner = {
+var ReactCurrentOwner$1 = {
   /**
    * @internal
    * @type {ReactComponent}
@@ -72,11 +72,6 @@ var ReactCurrentOwner = {
 
 var ReactDebugCurrentFrame$1 = {};
 var currentExtraStackFrame = null;
-function setExtraStackFrame(stack) {
-  {
-    currentExtraStackFrame = stack;
-  }
-}
 
 {
   ReactDebugCurrentFrame$1.setExtraStackFrame = function (stack) {
@@ -106,24 +101,11 @@ function setExtraStackFrame(stack) {
   };
 }
 
-// -----------------------------------------------------------------------------
-
-var enableScopeAPI = false; // Experimental Create Event Handle API.
-var enableTransitionTracing = false; // No known bugs, but needs performance testing
-
-var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-// stuff. Intended to enable React core members to more easily debug scheduling
-// issues in DEV builds.
-
-var enableDebugTracing = false;
-
-var ContextRegistry = {};
-
 var ReactSharedInternals = {
   ReactCurrentDispatcher: ReactCurrentDispatcher$1,
   ReactCurrentCache: ReactCurrentCache,
   ReactCurrentBatchConfig: ReactCurrentBatchConfig,
-  ReactCurrentOwner: ReactCurrentOwner
+  ReactCurrentOwner: ReactCurrentOwner$1
 };
 
 {
@@ -131,10 +113,6 @@ var ReactSharedInternals = {
   ReactSharedInternals.ReactCurrentActQueue = ReactCurrentActQueue;
 }
 
-{
-  ReactSharedInternals.ContextRegistry = ContextRegistry;
-}
-
 // by calls to these methods by a Babel plugin.
 //
 // In PROD (or in packages without access to React internals),
@@ -188,7 +166,7 @@ function printWarning(level, format, args) {
   }
 }
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 // ATTENTION
 // When adding new symbols to this file,
@@ -199,9 +177,10 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -210,7 +189,6 @@ var REACT_LAZY_TYPE = Symbol.for('react.lazy');
 var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
 var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
 var REACT_CACHE_TYPE = Symbol.for('react.cache');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -366,7 +344,7 @@ Component.prototype.isReactComponent = {};
 
 Component.prototype.setState = function (partialState, callback) {
   if (typeof partialState !== 'object' && typeof partialState !== 'function' && partialState != null) {
-    throw new Error('setState(...): takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
+    throw new Error('takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
   }
 
   this.updater.enqueueSetState(this, partialState, callback, 'setState');
@@ -528,6 +506,29 @@ function checkKeyStringCoercion(value) {
   }
 }
 
+// -----------------------------------------------------------------------------
+
+var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+var __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+var enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false;
+
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -599,13 +600,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -631,13 +642,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
-      case REACT_SERVER_CONTEXT_TYPE:
-        {
-          var context2 = type;
-          return (context2.displayName || context2._globalName) + '.Provider';
-        }
-
     }
   }
 
@@ -647,2170 +651,2052 @@ function getComponentNameFromType(type) {
 // $FlowFixMe[method-unbinding]
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-var RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
-var specialPropKeyWarningShown, specialPropRefWarningShown, didWarnAboutStringRefs;
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
 
-{
-  didWarnAboutStringRefs = {};
-}
 
-function hasValidRef(config) {
-  {
-    if (hasOwnProperty.call(config, 'ref')) {
-      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
+    return true;
+  }
 
-      if (getter && getter.isReactWarning) {
-        return false;
-      }
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
     }
   }
 
-  return config.ref !== undefined;
+  return false;
 }
 
-function hasValidKey(config) {
-  {
-    if (hasOwnProperty.call(config, 'key')) {
-      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
-      if (getter && getter.isReactWarning) {
-        return false;
-      }
-    }
-  }
+function disabledLog() {}
 
-  return config.key !== undefined;
-}
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
 
-function defineKeyPropWarningGetter(props, displayName) {
-  var warnAboutAccessingKey = function () {
-    {
-      if (!specialPropKeyWarningShown) {
-        specialPropKeyWarningShown = true;
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
 
-        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://reactjs.org/link/special-props)', displayName);
-      }
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
-  };
 
-  warnAboutAccessingKey.isReactWarning = true;
-  Object.defineProperty(props, 'key', {
-    get: warnAboutAccessingKey,
-    configurable: true
-  });
+    disabledDepth++;
+  }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function defineRefPropWarningGetter(props, displayName) {
-  var warnAboutAccessingRef = function () {
-    {
-      if (!specialPropRefWarningShown) {
-        specialPropRefWarningShown = true;
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
 
-        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
-      }
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
-  };
 
-  warnAboutAccessingRef.isReactWarning = true;
-  Object.defineProperty(props, 'ref', {
-    get: warnAboutAccessingRef,
-    configurable: true
-  });
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
 }
 
-function warnIfStringRefCannotBeAutoConverted(config) {
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
-    if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-      if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, config.ref);
 
-        didWarnAboutStringRefs[componentName] = true;
-      }
-    }
+    return '\n' + prefix + name;
   }
 }
+var reentry = false;
+var componentFrameCache;
+
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
+}
 /**
- * Factory method to create a new React element. This no longer adheres to
- * the class pattern, so do not use new to call it. Also, instanceof check
- * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
- * if something is a React Element.
- *
- * @param {*} type
- * @param {*} props
- * @param {*} key
- * @param {string|object} ref
- * @param {*} owner
- * @param {*} self A *temporary* helper to detect places where `this` is
- * different from the `owner` when React.createElement is called, so that we
- * can warn. We want to get rid of owner and replace string `ref`s with arrow
- * functions, and as long as `this` and owner are the same, there will be no
- * change in behavior.
- * @param {*} source An annotation object (added by a transpiler or otherwise)
- * indicating filename, line number, and/or other information.
- * @internal
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
 
   {
-    // The validation flag is currently mutative. We put it on
-    // an external backing store so that we can freeze the whole object.
-    // This can be replaced with a WeakMap once they are implemented in
-    // commonly used development environments.
-    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
-    // the validation flag non-enumerable (where possible, which should
-    // include every environment we run tests in), so the test framework
-    // ignores it.
+    var frame = componentFrameCache.get(fn);
 
-    Object.defineProperty(element._store, 'validated', {
-      configurable: false,
-      enumerable: false,
-      writable: true,
-      value: false
-    }); // self and source are DEV only properties.
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: self
-    }); // Two elements created in two different places should be considered
-    // equal for testing purposes and therefore we hide it from enumeration.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    Object.defineProperty(element, '_source', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: source
-    });
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    if (Object.freeze) {
-      Object.freeze(element.props);
-      Object.freeze(element);
-    }
+  {
+    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
+
+    ReactCurrentDispatcher.current = null;
+    disableLogs();
   }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-  return element;
-}
-/**
- * Create and return a new ReactElement of the given type.
- * See https://reactjs.org/docs/react-api.html#createelement
- */
 
-function createElement$1(type, config, children) {
-  var propName; // Reserved names are extracted
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-  var props = {};
-  var key = null;
-  var ref = null;
-  var self = null;
-  var source = null;
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
-  if (config != null) {
-    if (hasValidRef(config)) {
-      ref = config.ref;
 
-      {
-        warnIfStringRefCannotBeAutoConverted(config);
-      }
-    }
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    if (hasValidKey(config)) {
-      {
-        checkKeyStringCoercion(config.key);
-      }
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
-      key = '' + config.key;
-    }
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    self = config.__self === undefined ? null : config.__self;
-    source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object
 
-    for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-        props[propName] = config[propName];
-      }
-    }
-  } // Children can be more than one argument, and those are transferred onto
-  // the newly allocated props object.
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
 
-  var childrenLength = arguments.length - 2;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-  if (childrenLength === 1) {
-    props.children = children;
-  } else if (childrenLength > 1) {
-    var childArray = Array(childrenLength);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-    for (var i = 0; i < childrenLength; i++) {
-      childArray[i] = arguments[i + 2];
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    {
-      if (Object.freeze) {
-        Object.freeze(childArray);
-      }
-    }
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
-    props.children = childArray;
-  } // Resolve default props
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-  if (type && type.defaultProps) {
-    var defaultProps = type.defaultProps;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
 
-    for (propName in defaultProps) {
-      if (props[propName] === undefined) {
-        props[propName] = defaultProps[propName];
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
       }
-    }
-  }
 
-  {
-    if (key || ref) {
-      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-      if (key) {
-        defineKeyPropWarningGetter(props, displayName);
-      }
 
-      if (ref) {
-        defineRefPropWarningGetter(props, displayName);
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
       }
-    }
-  }
 
-  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
-}
-function cloneAndReplaceKey(oldElement, newKey) {
-  var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
-  return newElement;
-}
-/**
- * Clone and return a new ReactElement using element as the starting point.
- * See https://reactjs.org/docs/react-api.html#cloneelement
- */
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-function cloneElement$1(element, config, children) {
-  if (element === null || element === undefined) {
-    throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
-  }
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-  var propName; // Original props are copied
 
-  var props = assign({}, element.props); // Reserved names are extracted
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  var key = element.key;
-  var ref = element.ref; // Self is preserved since the owner is preserved.
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-  var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a
-  // transpiler, and the original source is probably a better indicator of the
-  // true owner.
 
-  var source = element._source; // Owner will be preserved, unless ref is overridden
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-  var owner = element._owner;
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
 
-  if (config != null) {
-    if (hasValidRef(config)) {
-      // Silently steal the ref from the parent.
-      ref = config.ref;
-      owner = ReactCurrentOwner.current;
+    {
+      ReactCurrentDispatcher.current = previousDispatcher;
+      reenableLogs();
     }
 
-    if (hasValidKey(config)) {
-      {
-        checkKeyStringCoercion(config.key);
-      }
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
-      key = '' + config.key;
-    } // Remaining properties override existing props
 
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-    var defaultProps;
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
 
-    if (element.type && element.type.defaultProps) {
-      defaultProps = element.type.defaultProps;
-    }
-
-    for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-        if (config[propName] === undefined && defaultProps !== undefined) {
-          // Resolve default props
-          props[propName] = defaultProps[propName];
-        } else {
-          props[propName] = config[propName];
-        }
-      }
-    }
-  } // Children can be more than one argument, and those are transferred onto
-  // the newly allocated props object.
+  return syntheticFrame;
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
 
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
 
-  var childrenLength = arguments.length - 2;
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
 
-  if (childrenLength === 1) {
-    props.children = children;
-  } else if (childrenLength > 1) {
-    var childArray = Array(childrenLength);
+  if (type == null) {
+    return '';
+  }
 
-    for (var i = 0; i < childrenLength; i++) {
-      childArray[i] = arguments[i + 2];
+  if (typeof type === 'function') {
+    {
+      return describeNativeComponentFrame(type, shouldConstruct(type));
     }
+  }
 
-    props.children = childArray;
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
   }
 
-  return ReactElement(element.type, key, ref, self, source, owner, props);
-}
-/**
- * Verifies the object is a ReactElement.
- * See https://reactjs.org/docs/react-api.html#isvalidelement
- * @param {?object} object
- * @return {boolean} True if `object` is a ReactElement.
- * @final
- */
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame('Suspense');
 
-function isValidElement(object) {
-  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-}
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame('SuspenseList');
+  }
 
-var SEPARATOR = '.';
-var SUBSEPARATOR = ':';
-/**
- * Escape and wrap key so it is safe to use as a reactid
- *
- * @param {string} key to be escaped.
- * @return {string} the escaped key.
- */
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeFunctionComponentFrame(type.render);
 
-function escape(key) {
-  var escapeRegex = /[=:]/g;
-  var escaperLookup = {
-    '=': '=0',
-    ':': '=2'
-  };
-  var escapedString = key.replace(escapeRegex, function (match) {
-    return escaperLookup[match];
-  });
-  return '$' + escapedString;
-}
-/**
- * TODO: Test that a single child and an array with one item have the same key
- * pattern.
- */
+      case REACT_MEMO_TYPE:
+        // Memo may contain any component type so we recursively resolve it.
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
 
-var didWarnAboutMaps = false;
-var userProvidedKeyEscapeRegex = /\/+/g;
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
+          } catch (x) {}
+        }
+    }
+  }
 
-function escapeUserProvidedKey(text) {
-  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+  return '';
 }
-/**
- * Generate a key string that identifies a element within a set.
- *
- * @param {*} element A element that could contain a manual key.
- * @param {number} index Index that is used if a manual key is not provided.
- * @return {string}
- */
 
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+var specialPropKeyWarningShown;
+var didWarnAboutStringRefs;
+var didWarnAboutElementRef;
 
-function getElementKey(element, index) {
-  // Do some typechecking here since we call this blindly. We want to ensure
-  // that we don't block potential future ES APIs.
-  if (typeof element === 'object' && element !== null && element.key != null) {
-    // Explicit key
-    {
-      checkKeyStringCoercion(element.key);
-    }
+{
+  didWarnAboutStringRefs = {};
+  didWarnAboutElementRef = {};
+}
 
-    return escape('' + element.key);
-  } // Implicit key determined by the index in the set
+function hasValidRef(config) {
+  {
+    if (hasOwnProperty.call(config, 'ref')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
 
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
 
-  return index.toString(36);
+  return config.ref !== undefined;
 }
 
-function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
-  var type = typeof children;
+function hasValidKey(config) {
+  {
+    if (hasOwnProperty.call(config, 'key')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
 
-  if (type === 'undefined' || type === 'boolean') {
-    // All of the above are perceived as null.
-    children = null;
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
   }
 
-  var invokeCallback = false;
+  return config.key !== undefined;
+}
 
-  if (children === null) {
-    invokeCallback = true;
-  } else {
-    switch (type) {
-      case 'string':
-      case 'number':
-        invokeCallback = true;
-        break;
+function warnIfStringRefCannotBeAutoConverted(config, self) {
+  {
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
-      case 'object':
-        switch (children.$$typeof) {
-          case REACT_ELEMENT_TYPE:
-          case REACT_PORTAL_TYPE:
-            invokeCallback = true;
-        }
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
 
+        didWarnAboutStringRefs[componentName] = true;
+      }
     }
   }
+}
 
-  if (invokeCallback) {
-    var _child = children;
-    var mappedChild = callback(_child); // If it's the only child, treat the name as if it was wrapped in an array
-    // so that it's consistent if the number of children grows:
+function defineKeyPropWarningGetter(props, displayName) {
+  {
+    var warnAboutAccessingKey = function () {
+      if (!specialPropKeyWarningShown) {
+        specialPropKeyWarningShown = true;
 
-    var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
+        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://reactjs.org/link/special-props)', displayName);
+      }
+    };
 
-    if (isArray(mappedChild)) {
-      var escapedChildKey = '';
+    warnAboutAccessingKey.isReactWarning = true;
+    Object.defineProperty(props, 'key', {
+      get: warnAboutAccessingKey,
+      configurable: true
+    });
+  }
+}
 
-      if (childKey != null) {
-        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
-      }
+function elementRefGetterWithDeprecationWarning() {
+  {
+    var componentName = getComponentNameFromType(this.type);
 
-      mapIntoArray(mappedChild, array, escapedChildKey, '', function (c) {
-        return c;
-      });
-    } else if (mappedChild != null) {
-      if (isValidElement(mappedChild)) {
-        {
-          // The `if` statement here prevents auto-disabling of the safe
-          // coercion ESLint rule, so we must manually disable it below.
-          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
-          if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
-            checkKeyStringCoercion(mappedChild.key);
-          }
-        }
+    if (!didWarnAboutElementRef[componentName]) {
+      didWarnAboutElementRef[componentName] = true;
 
-        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
-        // traverseAllChildren used to do for objects as children
-        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
-        mappedChild.key && (!_child || _child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
-        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
-        ) + '/' : '') + childKey);
-      }
+      error('Accessing element.ref is no longer supported. ref is now a ' + 'regular prop. It will be removed from the JSX Element ' + 'type in a future release.');
+    } // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
 
-      array.push(mappedChild);
-    }
 
-    return 1;
+    var refProp = this.props.ref;
+    return refProp !== undefined ? refProp : null;
   }
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
 
-  var child;
-  var nextName;
-  var subtreeCount = 0; // Count of children found in the current subtree.
 
-  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
 
-  if (isArray(children)) {
-    for (var i = 0; i < children.length; i++) {
-      child = children[i];
-      nextName = nextNamePrefix + getElementKey(child, i);
-      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
-    }
-  } else {
-    var iteratorFn = getIteratorFn(children);
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    var refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
 
-    if (typeof iteratorFn === 'function') {
-      var iterableChildren = children;
+    ref = refProp !== undefined ? refProp : null;
+  }
 
-      {
-        // Warn about using Maps as children
-        if (iteratorFn === iterableChildren.entries) {
-          if (!didWarnAboutMaps) {
-            warn('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
-          }
-
-          didWarnAboutMaps = true;
-        }
-      }
+  var element;
 
-      var iterator = iteratorFn.call(iterableChildren);
-      var step;
-      var ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
+  {
+    // In dev, make `ref` a non-enumerable property with a warning. It's non-
+    // enumerable so that test matchers and serializers don't access it and
+    // trigger the warning.
+    //
+    // `ref` will be removed from the element completely in a future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
 
-      while (!(step = iterator.next()).done) {
-        child = step.value;
-        nextName = nextNamePrefix + getElementKey(child, ii++);
-        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
-      }
-    } else if (type === 'object') {
-      // eslint-disable-next-line react-internal/safe-string-coercion
-      var childrenString = String(children);
-      throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
+    if (ref !== null) {
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      });
+    } else {
+      // Don't warn on access if a ref is not given. This reduces false
+      // positives in cases where a test serializer uses
+      // getOwnPropertyDescriptors to compare objects, like Jest does, which is
+      // a problem because it bypasses non-enumerability.
+      //
+      // So unfortunately this will trigger a false positive warning in Jest
+      // when the diff is printed:
+      //
+      //   expect(<div ref={ref} />).toEqual(<span ref={ref} />);
+      //
+      // A bit sketchy, but this is what we've done for the `props.key` and
+      // `props.ref` accessors for years, which implies it will be good enough
+      // for `element.ref`, too. Let's see if anyone complains.
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        value: null
+      });
     }
   }
 
-  return subtreeCount;
-}
-/**
- * Maps children that are typically specified as `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenmap
- *
- * The provided mapFunction(child, index) will be called for each
- * leaf child.
- *
- * @param {?*} children Children tree container.
- * @param {function(*, int)} func The map function.
- * @param {*} context Context for mapFunction.
- * @return {object} Object containing the ordered map of results.
- */
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
+    // ignores it.
 
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: false
+    }); // debugInfo contains Server Component debug information.
 
-function mapChildren(children, func, context) {
-  if (children == null) {
-    // $FlowFixMe limitation refining abstract types in Flow
-    return children;
+    Object.defineProperty(element, '_debugInfo', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: null
+    });
+
+    if (Object.freeze) {
+      Object.freeze(element.props);
+      Object.freeze(element);
+    }
   }
 
-  var result = [];
-  var count = 0;
-  mapIntoArray(children, result, '', '', function (child) {
-    return func.call(context, child, count++);
-  });
-  return result;
+  return element;
 }
 /**
- * Count the number of children that are typically specified as
- * `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrencount
- *
- * @param {?*} children Children tree container.
- * @return {number} The number of children.
+ * Create and return a new ReactElement of the given type.
+ * See https://reactjs.org/docs/react-api.html#createelement
  */
 
+function createElement(type, config, children) {
+  {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
 
-function countChildren(children) {
-  var n = 0;
-  mapChildren(children, function () {
-    n++; // Don't return anything
-  });
-  return n;
-}
-/**
- * Iterates through children that are typically specified as `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
- *
- * The provided forEachFunc(child, index) will be called for each
- * leaf child.
- *
- * @param {?*} children Children tree container.
- * @param {function(*, int)} forEachFunc
- * @param {*} forEachContext Context for forEachContext.
- */
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
 
+      var typeString;
 
-function forEachChildren(children, forEachFunc, forEachContext) {
-  mapChildren(children, // $FlowFixMe[missing-this-annot]
-  function () {
-    forEachFunc.apply(this, arguments); // Don't return anything.
-  }, forEachContext);
-}
-/**
- * Flatten a children object (typically specified as `props.children`) and
- * return an array with appropriately re-keyed children.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
- */
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = typeof type;
+      }
 
+      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, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      for (var i = 2; i < arguments.length; i++) {
+        validateChildKeys(arguments[i], type);
+      }
+    } // Unlike the jsx() runtime, createElement() doesn't warn about key spread.
 
-function toArray(children) {
-  return mapChildren(children, function (child) {
-    return child;
-  }) || [];
-}
-/**
- * Returns the first child in a collection of children and verifies that there
- * is only one child in the collection.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenonly
- *
- * The current implementation of this function assumes that a single child gets
- * passed without a wrapper, but the purpose of this helper function is to
- * abstract away the particular structure of children.
- *
- * @param {?object} children Child collection structure.
- * @return {ReactElement} The first and only `ReactElement` contained in the
- * structure.
- */
+  }
 
+  var propName; // Reserved names are extracted
 
-function onlyChild(children) {
-  if (!isValidElement(children)) {
-    throw new Error('React.Children.only expected to receive a single React element child.');
-  }
+  var props = {};
+  var key = null;
+  var ref = null;
 
-  return children;
-}
+  if (config != null) {
+    if (hasValidRef(config)) {
 
-function createContext(defaultValue) {
-  // TODO: Second argument used to be an optional `calculateChangedBits`
-  // function. Warn to reserve for future use?
-  var context = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    // As a workaround to support multiple concurrent renderers, we categorize
-    // some renderers as primary and others as secondary. We only expect
-    // there to be two concurrent renderers at most: React Native (primary) and
-    // Fabric (secondary); React DOM (primary) and React ART (secondary).
-    // Secondary renderers store their context values on separate fields.
-    _currentValue: defaultValue,
-    _currentValue2: defaultValue,
-    // Used to track how many concurrent renderers this context currently
-    // supports within in a single renderer. Such as parallel server rendering.
-    _threadCount: 0,
-    // These are circular
-    Provider: null,
-    Consumer: null,
-    // Add these to use same hidden class in VM as ServerContext
-    _defaultValue: null,
-    _globalName: null
-  };
-  context.Provider = {
-    $$typeof: REACT_PROVIDER_TYPE,
-    _context: context
-  };
-  var hasWarnedAboutUsingNestedContextConsumers = false;
-  var hasWarnedAboutUsingConsumerProvider = false;
-  var hasWarnedAboutDisplayNameOnConsumer = false;
+      {
+        warnIfStringRefCannotBeAutoConverted(config, config.__self);
+      }
+    }
 
-  {
-    // A separate object, but proxies back to the original context object for
-    // backwards compatibility. It has a different $$typeof, so we can properly
-    // warn for the incorrect usage of Context as a Consumer.
-    var Consumer = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      _context: context
-    }; // $FlowFixMe[prop-missing]: Flow complains about not setting a value, which is intentional here
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
 
-    Object.defineProperties(Consumer, {
-      Provider: {
-        get: function () {
-          if (!hasWarnedAboutUsingConsumerProvider) {
-            hasWarnedAboutUsingConsumerProvider = true;
+      key = '' + config.key;
+    } // Remaining properties are added to a new props object
 
-            error('Rendering <Context.Consumer.Provider> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Provider> instead?');
-          }
 
-          return context.Provider;
-        },
-        set: function (_Provider) {
-          context.Provider = _Provider;
-        }
-      },
-      _currentValue: {
-        get: function () {
-          return context._currentValue;
-        },
-        set: function (_currentValue) {
-          context._currentValue = _currentValue;
-        }
-      },
-      _currentValue2: {
-        get: function () {
-          return context._currentValue2;
-        },
-        set: function (_currentValue2) {
-          context._currentValue2 = _currentValue2;
-        }
-      },
-      _threadCount: {
-        get: function () {
-          return context._threadCount;
-        },
-        set: function (_threadCount) {
-          context._threadCount = _threadCount;
-        }
-      },
-      Consumer: {
-        get: function () {
-          if (!hasWarnedAboutUsingNestedContextConsumers) {
-            hasWarnedAboutUsingNestedContextConsumers = true;
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
+        props[propName] = config[propName];
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
 
-            error('Rendering <Context.Consumer.Consumer> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-          }
 
-          return context.Consumer;
-        }
-      },
-      displayName: {
-        get: function () {
-          return context.displayName;
-        },
-        set: function (displayName) {
-          if (!hasWarnedAboutDisplayNameOnConsumer) {
-            warn('Setting `displayName` on Context.Consumer has no effect. ' + "You should set it directly on the context with Context.displayName = '%s'.", displayName);
+  var childrenLength = arguments.length - 2;
 
-            hasWarnedAboutDisplayNameOnConsumer = true;
-          }
-        }
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
+
+    for (var _i = 0; _i < childrenLength; _i++) {
+      childArray[_i] = arguments[_i + 2];
+    }
+
+    {
+      if (Object.freeze) {
+        Object.freeze(childArray);
       }
-    }); // $FlowFixMe[prop-missing]: Flow complains about missing properties because it doesn't understand defineProperty
+    }
+
+    props.children = childArray;
+  } // Resolve default props
+
+
+  if (type && type.defaultProps) {
+    var defaultProps = type.defaultProps;
 
-    context.Consumer = Consumer;
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
   }
 
   {
-    context._currentRenderer = null;
-    context._currentRenderer2 = null;
+    if (key || !enableRefAsProp ) {
+      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
+      if (key) {
+        defineKeyPropWarningGetter(props, displayName);
+      }
+    }
   }
 
-  return context;
-}
+  var element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
 
-var Uninitialized = -1;
-var Pending = 0;
-var Resolved = 1;
-var Rejected = 2;
-
-function lazyInitializer(payload) {
-  if (payload._status === Uninitialized) {
-    var ctor = payload._result;
-    var thenable = ctor(); // Transition to the next state.
-    // This might throw either because it's missing or throws. If so, we treat it
-    // as still uninitialized and try again next time. Which is the same as what
-    // happens if the ctor or any wrappers processing the ctor throws. This might
-    // end up fixing it if the resolution was a concurrency bug.
-
-    thenable.then(function (moduleObject) {
-      if (payload._status === Pending || payload._status === Uninitialized) {
-        // Transition to the next state.
-        var resolved = payload;
-        resolved._status = Resolved;
-        resolved._result = moduleObject;
-      }
-    }, function (error) {
-      if (payload._status === Pending || payload._status === Uninitialized) {
-        // Transition to the next state.
-        var rejected = payload;
-        rejected._status = Rejected;
-        rejected._result = error;
-      }
-    });
-
-    if (payload._status === Uninitialized) {
-      // In case, we're still uninitialized, then we're waiting for the thenable
-      // to resolve. Set it as pending in the meantime.
-      var pending = payload;
-      pending._status = Pending;
-      pending._result = thenable;
-    }
+  if (type === REACT_FRAGMENT_TYPE) {
+    validateFragmentProps(element);
   }
 
-  if (payload._status === Resolved) {
-    var moduleObject = payload._result;
-
-    {
-      if (moduleObject === undefined) {
-        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
-        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
-      }
-    }
-
-    {
-      if (!('default' in moduleObject)) {
-        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
-        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
-      }
-    }
-
-    return moduleObject.default;
-  } else {
-    throw payload._result;
-  }
+  return element;
 }
+var didWarnAboutDeprecatedCreateFactory = false;
+/**
+ * Return a function that produces ReactElements of a given type.
+ * See https://reactjs.org/docs/react-api.html#createfactory
+ */
 
-function lazy(ctor) {
-  var payload = {
-    // We use these fields to store the result.
-    _status: Uninitialized,
-    _result: ctor
-  };
-  var lazyType = {
-    $$typeof: REACT_LAZY_TYPE,
-    _payload: payload,
-    _init: lazyInitializer
-  };
+function createFactory(type) {
+  var factory = createElement.bind(null, type); // Expose the type on the factory and the prototype so that it can be
+  // easily accessed on elements. E.g. `<Foo />.type === Foo`.
+  // This should not be named `constructor` since this may not be the function
+  // that created the element, and it may not even be a constructor.
+  // Legacy hook: remove it
 
-  {
-    // In production, this would just set it on the object.
-    var defaultProps;
-    var propTypes; // $FlowFixMe[prop-missing]
+  factory.type = type;
 
-    Object.defineProperties(lazyType, {
-      defaultProps: {
-        configurable: true,
-        get: function () {
-          return defaultProps;
-        },
-        // $FlowFixMe[missing-local-annot]
-        set: function (newDefaultProps) {
-          error('React.lazy(...): It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+  {
+    if (!didWarnAboutDeprecatedCreateFactory) {
+      didWarnAboutDeprecatedCreateFactory = true;
 
-          defaultProps = newDefaultProps; // Match production behavior more closely:
-          // $FlowFixMe[prop-missing]
+      warn('React.createFactory() is deprecated and will be removed in ' + 'a future major release. Consider using JSX ' + 'or use React.createElement() directly instead.');
+    } // Legacy hook: remove it
 
-          Object.defineProperty(lazyType, 'defaultProps', {
-            enumerable: true
-          });
-        }
-      },
-      propTypes: {
-        configurable: true,
-        get: function () {
-          return propTypes;
-        },
-        // $FlowFixMe[missing-local-annot]
-        set: function (newPropTypes) {
-          error('React.lazy(...): It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
 
-          propTypes = newPropTypes; // Match production behavior more closely:
-          // $FlowFixMe[prop-missing]
+    Object.defineProperty(factory, 'type', {
+      enumerable: false,
+      get: function () {
+        warn('Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
 
-          Object.defineProperty(lazyType, 'propTypes', {
-            enumerable: true
-          });
-        }
+        Object.defineProperty(this, 'type', {
+          value: type
+        });
+        return type;
       }
     });
   }
 
-  return lazyType;
+  return factory;
 }
+function cloneAndReplaceKey(oldElement, newKey) {
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  null , undefined, undefined, oldElement._owner, oldElement.props);
+}
+/**
+ * Clone and return a new ReactElement using element as the starting point.
+ * See https://reactjs.org/docs/react-api.html#cloneelement
+ */
 
-function forwardRef(render) {
-  {
-    if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
-      error('forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
-    } else if (typeof render !== 'function') {
-      error('forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
-    } else {
-      if (render.length !== 0 && render.length !== 2) {
-        error('forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.');
-      }
+function cloneElement(element, config, children) {
+  if (element === null || element === undefined) {
+    throw new Error("The argument must be a React element, but you passed " + element + ".");
+  }
+
+  var propName; // Original props are copied
+
+  var props = assign({}, element.props); // Reserved names are extracted
+
+  var key = element.key;
+  var ref = null ; // Owner will be preserved, unless ref is overridden
+
+  var owner = element._owner;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+
+      owner = ReactCurrentOwner.current;
     }
 
-    if (render != null) {
-      if (render.defaultProps != null || render.propTypes != null) {
-        error('forwardRef render functions do not support propTypes or defaultProps. ' + 'Did you accidentally pass a React component?');
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
       }
-    }
-  }
 
-  var elementType = {
-    $$typeof: REACT_FORWARD_REF_TYPE,
-    render: render
-  };
+      key = '' + config.key;
+    } // Remaining properties override existing props
 
-  {
-    var ownName;
-    Object.defineProperty(elementType, 'displayName', {
-      enumerable: false,
-      configurable: true,
-      get: function () {
-        return ownName;
-      },
-      set: function (name) {
-        ownName = name; // The inner component shouldn't inherit this display name in most cases,
-        // because the component may be used elsewhere.
-        // But it's nice for anonymous functions to inherit the name,
-        // so that our component-stack generation logic will display their frames.
-        // An anonymous function generally suggests a pattern like:
-        //   React.forwardRef((props, ref) => {...});
-        // This kind of inner function is not used elsewhere so the side effect is okay.
 
-        if (!render.name && !render.displayName) {
-          render.displayName = name;
+    var defaultProps;
+
+    if (element.type && element.type.defaultProps) {
+      defaultProps = element.type.defaultProps;
+    }
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(propName === 'ref' && config.ref === undefined)) {
+        if (config[propName] === undefined && defaultProps !== undefined) {
+          // Resolve default props
+          props[propName] = defaultProps[propName];
+        } else {
+          props[propName] = config[propName];
         }
       }
-    });
-  }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
 
-  return elementType;
-}
 
-var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
-function isValidElementType(type) {
-  if (typeof type === 'string' || typeof type === 'function') {
-    return true;
-  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+  var childrenLength = arguments.length - 2;
 
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
 
-  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
-    return true;
+    for (var i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
+    }
+
+    props.children = childArray;
   }
 
-  if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-    // types supported by any Flight configuration anywhere since
-    // we don't know which Flight build this will end up being used
-    // with.
-    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
-      return true;
-    }
+  var clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
+
+  for (var _i2 = 2; _i2 < arguments.length; _i2++) {
+    validateChildKeys(arguments[_i2], clonedElement.type);
   }
 
-  return false;
+  return clonedElement;
 }
 
-function memo(type, compare) {
+function getDeclarationErrorAddendum() {
   {
-    if (!isValidElementType(type)) {
-      error('memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
+    if (ReactCurrentOwner.current) {
+      var name = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (name) {
+        return '\n\nCheck the render method of `' + name + '`.';
+      }
     }
+
+    return '';
   }
+}
+/**
+ * Ensure that every element either is passed in a static location, in an
+ * array with an explicit keys property defined, or in an object literal
+ * with valid key property.
+ *
+ * @internal
+ * @param {ReactNode} node Statically passed child of any type.
+ * @param {*} parentType node's parent's type.
+ */
 
-  var elementType = {
-    $$typeof: REACT_MEMO_TYPE,
-    type: type,
-    compare: compare === undefined ? null : compare
-  };
 
+function validateChildKeys(node, parentType) {
   {
-    var ownName;
-    Object.defineProperty(elementType, 'displayName', {
-      enumerable: false,
-      configurable: true,
-      get: function () {
-        return ownName;
-      },
-      set: function (name) {
-        ownName = name; // The inner component shouldn't inherit this display name in most cases,
-        // because the component may be used elsewhere.
-        // But it's nice for anonymous functions to inherit the name,
-        // so that our component-stack generation logic will display their frames.
-        // An anonymous function generally suggests a pattern like:
-        //   React.memo((props) => {...});
-        // This kind of inner function is not used elsewhere so the side effect is okay.
-
-        if (!type.name && !type.displayName) {
-          type.displayName = name;
-        }
-      }
-    });
-  }
-
-  return elementType;
-}
-
-var UNTERMINATED = 0;
-var TERMINATED = 1;
-var ERRORED = 2;
-
-function createCacheRoot() {
-  return new WeakMap();
-}
-
-function createCacheNode() {
-  return {
-    s: UNTERMINATED,
-    // status, represents whether the cached computation returned a value or threw an error
-    v: undefined,
-    // value, either the cached result or an error, depending on s
-    o: null,
-    // object cache, a WeakMap where non-primitive arguments are stored
-    p: null // primitive cache, a regular Map where primitive arguments are stored.
-
-  };
-}
-
-function cache(fn) {
-  return function () {
-    var dispatcher = ReactCurrentCache.current;
-
-    if (!dispatcher) {
-      // If there is no dispatcher, then we treat this as not being cached.
-      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
-      return fn.apply(null, arguments);
-    }
-
-    var fnMap = dispatcher.getCacheForType(createCacheRoot);
-    var fnNode = fnMap.get(fn);
-    var cacheNode;
-
-    if (fnNode === undefined) {
-      cacheNode = createCacheNode();
-      fnMap.set(fn, cacheNode);
-    } else {
-      cacheNode = fnNode;
+    if (typeof node !== 'object' || !node) {
+      return;
     }
 
-    for (var i = 0, l = arguments.length; i < l; i++) {
-      var arg = arguments[i];
+    if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
+      for (var i = 0; i < node.length; i++) {
+        var child = node[i];
 
-      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
-        // Objects go into a WeakMap
-        var objectCache = cacheNode.o;
-
-        if (objectCache === null) {
-          cacheNode.o = objectCache = new WeakMap();
-        }
-
-        var objectNode = objectCache.get(arg);
-
-        if (objectNode === undefined) {
-          cacheNode = createCacheNode();
-          objectCache.set(arg, cacheNode);
-        } else {
-          cacheNode = objectNode;
-        }
-      } else {
-        // Primitives go into a regular Map
-        var primitiveCache = cacheNode.p;
-
-        if (primitiveCache === null) {
-          cacheNode.p = primitiveCache = new Map();
-        }
-
-        var primitiveNode = primitiveCache.get(arg);
-
-        if (primitiveNode === undefined) {
-          cacheNode = createCacheNode();
-          primitiveCache.set(arg, cacheNode);
-        } else {
-          cacheNode = primitiveNode;
+        if (isValidElement(child)) {
+          validateExplicitKey(child, parentType);
         }
       }
-    }
-
-    if (cacheNode.s === TERMINATED) {
-      return cacheNode.v;
-    }
-
-    if (cacheNode.s === ERRORED) {
-      throw cacheNode.v;
-    }
-
-    try {
-      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
-      var result = fn.apply(null, arguments);
-      var terminatedNode = cacheNode;
-      terminatedNode.s = TERMINATED;
-      terminatedNode.v = result;
-      return result;
-    } catch (error) {
-      // We store the first error that's thrown and rethrow it.
-      var erroredNode = cacheNode;
-      erroredNode.s = ERRORED;
-      erroredNode.v = error;
-      throw error;
-    }
-  };
-}
-
-function postpone(reason) {
-  // eslint-disable-next-line react-internal/prod-error-codes
-  var postponeInstance = new Error(reason);
-  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
-  throw postponeInstance;
-}
-
-function resolveDispatcher() {
-  var dispatcher = ReactCurrentDispatcher$1.current;
-
-  {
-    if (dispatcher === null) {
-      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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
-    }
-  } // Will result in a null access error if accessed outside render phase. We
-  // intentionally don't throw our own error because this is in a hot path.
-  // Also helps ensure this is inlined.
-
-
-  return dispatcher;
-}
-
-function getCacheSignal() {
-  var dispatcher = ReactCurrentCache.current;
-
-  if (!dispatcher) {
-    // If we have no cache to associate with this call, then we don't know
-    // its lifetime. We abort early since that's safer than letting it live
-    // for ever. Unlike just caching which can be a functional noop outside
-    // of React, these should generally always be associated with some React
-    // render but we're not limiting quite as much as making it a Hook.
-    // It's safer than erroring early at runtime.
-    var controller = new AbortController();
-    var reason = new Error('This CacheSignal was requested outside React which means that it is ' + 'immediately aborted.');
-    controller.abort(reason);
-    return controller.signal;
-  }
-
-  return dispatcher.getCacheSignal();
-}
-function getCacheForType(resourceType) {
-  var dispatcher = ReactCurrentCache.current;
-
-  if (!dispatcher) {
-    // If there is no dispatcher, then we treat this as not being cached.
-    return resourceType();
-  }
-
-  return dispatcher.getCacheForType(resourceType);
-}
-function useContext(Context) {
-  var dispatcher = resolveDispatcher();
-
-  {
-    // TODO: add a more generic warning for invalid values.
-    if (Context._context !== undefined) {
-      var realContext = Context._context; // Don't deduplicate because this legitimately causes bugs
-      // and nobody should be using this in existing code.
-
-      if (realContext.Consumer === Context) {
-        error('Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be ' + 'removed in a future major release. Did you mean to call useContext(Context) instead?');
-      } else if (realContext.Provider === Context) {
-        error('Calling useContext(Context.Provider) is not supported. ' + 'Did you mean to call useContext(Context) instead?');
+    } else if (isValidElement(node)) {
+      // This element was passed in a valid location.
+      if (node._store) {
+        node._store.validated = true;
+      }
+    } else {
+      var iteratorFn = getIteratorFn(node);
+
+      if (typeof iteratorFn === 'function') {
+        // Entry iterators used to provide implicit keys,
+        // but now we print a separate warning for them later.
+        if (iteratorFn !== node.entries) {
+          var iterator = iteratorFn.call(node);
+          var step;
+
+          while (!(step = iterator.next()).done) {
+            if (isValidElement(step.value)) {
+              validateExplicitKey(step.value, parentType);
+            }
+          }
+        }
       }
-    }
-  }
-
-  return dispatcher.useContext(Context);
-}
-function useState(initialState) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useState(initialState);
-}
-function useReducer(reducer, initialArg, init) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useReducer(reducer, initialArg, init);
-}
-function useRef(initialValue) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useRef(initialValue);
-}
-function useEffect(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useEffect(create, deps);
-}
-function useInsertionEffect(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useInsertionEffect(create, deps);
-}
-function useLayoutEffect(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useLayoutEffect(create, deps);
-}
-function useCallback(callback, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useCallback(callback, deps);
-}
-function useMemo(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useMemo(create, deps);
-}
-function useImperativeHandle(ref, create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useImperativeHandle(ref, create, deps);
-}
-function useDebugValue(value, formatterFn) {
-  {
-    var dispatcher = resolveDispatcher();
-    return dispatcher.useDebugValue(value, formatterFn);
-  }
-}
-function useTransition() {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useTransition();
-}
-function useDeferredValue(value, initialValue) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useDeferredValue(value, initialValue);
-}
-function useId() {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useId();
-}
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-function useCacheRefresh() {
-  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-  return dispatcher.useCacheRefresh();
-}
-function use(usable) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.use(usable);
-}
-function useMemoCache(size) {
-  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-  return dispatcher.useMemoCache(size);
-}
-function useEffectEvent(callback) {
-  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-  return dispatcher.useEffectEvent(callback);
-}
-function useOptimistic(passthrough, reducer) {
-  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-  return dispatcher.useOptimistic(passthrough, reducer);
-}
-
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
-
-function disabledLog() {}
-
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
-  {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
-
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
-
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
-
-    disabledDepth++;
-  }
-}
-function reenableLogs() {
-  {
-    disabledDepth--;
-
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
-
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
-
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
     }
   }
 }
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
 
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
-
-
-    return '\n' + prefix + name;
-  }
-}
-var reentry = false;
-var componentFrameCache;
 
-{
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
 }
+var ownerHasKeyUseWarning = {};
 /**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
  */
 
-
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
-
+function validateExplicitKey(element, parentType) {
   {
-    var frame = componentFrameCache.get(fn);
-
-    if (frame !== undefined) {
-      return frame;
+    if (!element._store || element._store.validated || element.key != null) {
+      return;
     }
-  }
-
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
-
-  {
-    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
-
-    ReactCurrentDispatcher.current = null;
-    disableLogs();
-  }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
 
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
 
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
 
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
 
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
+    var childOwner = '';
 
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+    }
 
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
+    setCurrentlyValidatingElement(element);
 
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
 
-      return [null, null];
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
     }
-  }; // $FlowFixMe[prop-missing]
+  }
+}
 
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
 
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
+    }
+
+    return info;
   }
+}
+/**
+ * Given a fragment, validate that it can only be provided with fragment props
+ * @param {ReactElement} fragment
+ */
 
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
 
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
+function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
+  {
+    var keys = Object.keys(fragment.props);
 
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+
+      if (key !== 'children' && key !== 'key') {
+        setCurrentlyValidatingElement(fragment);
+
+        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+
+        setCurrentlyValidatingElement(null);
+        break;
       }
+    }
+  }
+}
 
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
+var SEPARATOR = '.';
+var SUBSEPARATOR = ':';
+/**
+ * Escape and wrap key so it is safe to use as a reactid
+ *
+ * @param {string} key to be escaped.
+ * @return {string} the escaped key.
+ */
 
+function escape(key) {
+  var escapeRegex = /[=:]/g;
+  var escaperLookup = {
+    '=': '=0',
+    ':': '=2'
+  };
+  var escapedString = key.replace(escapeRegex, function (match) {
+    return escaperLookup[match];
+  });
+  return '$' + escapedString;
+}
+/**
+ * TODO: Test that a single child and an array with one item have the same key
+ * pattern.
+ */
 
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
 
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
-        }
-      }
+var didWarnAboutMaps = false;
+var userProvidedKeyEscapeRegex = /\/+/g;
 
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
+function escapeUserProvidedKey(text) {
+  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+}
+/**
+ * Generate a key string that identifies a element within a set.
+ *
+ * @param {*} element A element that could contain a manual key.
+ * @param {number} index Index that is used if a manual key is not provided.
+ * @return {string}
+ */
 
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
 
+function getElementKey(element, index) {
+  // Do some typechecking here since we call this blindly. We want to ensure
+  // that we don't block potential future ES APIs.
+  if (typeof element === 'object' && element !== null && element.key != null) {
+    // Explicit key
+    {
+      checkKeyStringCoercion(element.key);
+    }
 
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
+    return escape('' + element.key);
+  } // Implicit key determined by the index in the set
 
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
 
+  return index.toString(36);
+}
 
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
+function noop$1() {}
 
-          break;
-        }
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
       }
-    }
-  } finally {
-    reentry = false;
 
-    {
-      ReactCurrentDispatcher.current = previousDispatcher;
-      reenableLogs();
-    }
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
 
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
 
 
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              var fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
 
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
-    }
+          case 'rejected':
+            {
+              var rejectedThenable = thenable;
+              var _rejectedError = rejectedThenable.reason;
+              throw _rejectedError;
+            }
+        }
+      }
   }
 
-  return syntheticFrame;
+  throw thenable;
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
+
+function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  var type = typeof children;
+
+  if (type === 'undefined' || type === 'boolean') {
+    // All of the above are perceived as null.
+    children = null;
   }
-}
 
-function shouldConstruct(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
+  var invokeCallback = false;
 
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+  if (children === null) {
+    invokeCallback = true;
+  } else {
+    switch (type) {
+      case 'string':
+      case 'number':
+        invokeCallback = true;
+        break;
 
-  if (type == null) {
-    return '';
-  }
+      case 'object':
+        switch (children.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+          case REACT_PORTAL_TYPE:
+            invokeCallback = true;
+            break;
 
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct(type));
-    }
-  }
+          case REACT_LAZY_TYPE:
+            var payload = children._payload;
+            var init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
+        }
 
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
+    }
   }
 
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
+  if (invokeCallback) {
+    var _child = children;
+    var mappedChild = callback(_child); // If it's the only child, treat the name as if it was wrapped in an array
+    // so that it's consistent if the number of children grows:
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
-  }
+    var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
 
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
+    if (isArray(mappedChild)) {
+      var escapedChildKey = '';
 
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+      if (childKey != null) {
+        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
+      }
 
-      case REACT_LAZY_TYPE:
+      mapIntoArray(mappedChild, array, escapedChildKey, '', function (c) {
+        return c;
+      });
+    } else if (mappedChild != null) {
+      if (isValidElement(mappedChild)) {
         {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
-
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
+          // The `if` statement here prevents auto-disabling of the safe
+          // coercion ESLint rule, so we must manually disable it below.
+          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+          if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
+            checkKeyStringCoercion(mappedChild.key);
+          }
         }
+
+        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
+        // traverseAllChildren used to do for objects as children
+        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+        mappedChild.key && (!_child || _child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
+        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
+        ) + '/' : '') + childKey);
+      }
+
+      array.push(mappedChild);
     }
+
+    return 1;
   }
 
-  return '';
-}
+  var child;
+  var nextName;
+  var subtreeCount = 0; // Count of children found in the current subtree.
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
 
-function setCurrentlyValidatingElement$1(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
+  if (isArray(children)) {
+    for (var i = 0; i < children.length; i++) {
+      child = children[i];
+      nextName = nextNamePrefix + getElementKey(child, i);
+      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
     }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
+  } else {
+    var iteratorFn = getIteratorFn(children);
 
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
+    if (typeof iteratorFn === 'function') {
+      var iterableChildren = children;
 
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
+      {
+        // Warn about using Maps as children
+        if (iteratorFn === iterableChildren.entries) {
+          if (!didWarnAboutMaps) {
+            warn('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
           }
 
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
+          didWarnAboutMaps = true;
         }
+      }
 
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement$1(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement$1(null);
-        }
+      var iterator = iteratorFn.call(iterableChildren);
+      var step;
+      var ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
 
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement$1(element);
+      while (!(step = iterator.next()).done) {
+        child = step.value;
+        nextName = nextNamePrefix + getElementKey(child, ii++);
+        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+      }
+    } else if (type === 'object') {
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
 
-          error('Failed %s type: %s', location, error$1.message);
 
-          setCurrentlyValidatingElement$1(null);
-        }
-      }
+      var childrenString = String(children);
+      throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
     }
   }
+
+  return subtreeCount;
 }
+/**
+ * Maps children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenmap
+ *
+ * The provided mapFunction(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} func The map function.
+ * @param {*} context Context for mapFunction.
+ * @return {object} Object containing the ordered map of results.
+ */
 
-var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      setExtraStackFrame(stack);
-    } else {
-      setExtraStackFrame(null);
-    }
+function mapChildren(children, func, context) {
+  if (children == null) {
+    // $FlowFixMe limitation refining abstract types in Flow
+    return children;
   }
-}
-
-var propTypesMisspellWarningShown;
 
-{
-  propTypesMisspellWarningShown = false;
+  var result = [];
+  var count = 0;
+  mapIntoArray(children, result, '', '', function (child) {
+    return func.call(context, child, count++);
+  });
+  return result;
 }
+/**
+ * Count the number of children that are typically specified as
+ * `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrencount
+ *
+ * @param {?*} children Children tree container.
+ * @return {number} The number of children.
+ */
 
-function getDeclarationErrorAddendum() {
-  if (ReactCurrentOwner.current) {
-    var name = getComponentNameFromType(ReactCurrentOwner.current.type);
-
-    if (name) {
-      return '\n\nCheck the render method of `' + name + '`.';
-    }
-  }
 
-  return '';
+function countChildren(children) {
+  var n = 0;
+  mapChildren(children, function () {
+    n++; // Don't return anything
+  });
+  return n;
 }
+/**
+ * Iterates through children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} forEachFunc
+ * @param {*} forEachContext Context for forEachContext.
+ */
 
-function getSourceInfoErrorAddendum(source) {
-  if (source !== undefined) {
-    var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-    var lineNumber = source.lineNumber;
-    return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-  }
 
-  return '';
+function forEachChildren(children, forEachFunc, forEachContext) {
+  mapChildren(children, // $FlowFixMe[missing-this-annot]
+  function () {
+    forEachFunc.apply(this, arguments); // Don't return anything.
+  }, forEachContext);
 }
+/**
+ * Flatten a children object (typically specified as `props.children`) and
+ * return an array with appropriately re-keyed children.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
+ */
 
-function getSourceInfoErrorAddendumForProps(elementProps) {
-  if (elementProps !== null && elementProps !== undefined) {
-    return getSourceInfoErrorAddendum(elementProps.__source);
-  }
 
-  return '';
+function toArray(children) {
+  return mapChildren(children, function (child) {
+    return child;
+  }) || [];
 }
 /**
- * Warn if there's no key explicitly set on dynamic arrays of children or
- * object keys are not valid. This allows us to keep track of children between
- * updates.
+ * Returns the first child in a collection of children and verifies that there
+ * is only one child in the collection.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenonly
+ *
+ * The current implementation of this function assumes that a single child gets
+ * passed without a wrapper, but the purpose of this helper function is to
+ * abstract away the particular structure of children.
+ *
+ * @param {?object} children Child collection structure.
+ * @return {ReactElement} The first and only `ReactElement` contained in the
+ * structure.
  */
 
 
-var ownerHasKeyUseWarning = {};
+function onlyChild(children) {
+  if (!isValidElement(children)) {
+    throw new Error('React.Children.only expected to receive a single React element child.');
+  }
 
-function getCurrentComponentErrorInfo(parentType) {
-  var info = getDeclarationErrorAddendum();
+  return children;
+}
+
+function createContext(defaultValue) {
+  // TODO: Second argument used to be an optional `calculateChangedBits`
+  // function. Warn to reserve for future use?
+  var context = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    // As a workaround to support multiple concurrent renderers, we categorize
+    // some renderers as primary and others as secondary. We only expect
+    // there to be two concurrent renderers at most: React Native (primary) and
+    // Fabric (secondary); React DOM (primary) and React ART (secondary).
+    // Secondary renderers store their context values on separate fields.
+    _currentValue: defaultValue,
+    _currentValue2: defaultValue,
+    // Used to track how many concurrent renderers this context currently
+    // supports within in a single renderer. Such as parallel server rendering.
+    _threadCount: 0,
+    // These are circular
+    Provider: null,
+    Consumer: null
+  };
 
-  if (!info) {
-    var parentName = getComponentNameFromType(parentType);
+  {
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
 
-    if (parentName) {
-      info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+    {
+      var Consumer = {
+        $$typeof: REACT_CONTEXT_TYPE,
+        _context: context
+      };
+      Object.defineProperties(Consumer, {
+        Provider: {
+          get: function () {
+            return context.Provider;
+          },
+          set: function (_Provider) {
+            context.Provider = _Provider;
+          }
+        },
+        _currentValue: {
+          get: function () {
+            return context._currentValue;
+          },
+          set: function (_currentValue) {
+            context._currentValue = _currentValue;
+          }
+        },
+        _currentValue2: {
+          get: function () {
+            return context._currentValue2;
+          },
+          set: function (_currentValue2) {
+            context._currentValue2 = _currentValue2;
+          }
+        },
+        _threadCount: {
+          get: function () {
+            return context._threadCount;
+          },
+          set: function (_threadCount) {
+            context._threadCount = _threadCount;
+          }
+        },
+        Consumer: {
+          get: function () {
+            return context.Consumer;
+          }
+        },
+        displayName: {
+          get: function () {
+            return context.displayName;
+          },
+          set: function (displayName) {}
+        }
+      });
+      context.Consumer = Consumer;
     }
   }
 
-  return info;
-}
-/**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
-
-
-function validateExplicitKey(element, parentType) {
-  if (!element._store || element._store.validated || element.key != null) {
-    return;
+  {
+    context._currentRenderer = null;
+    context._currentRenderer2 = null;
   }
 
-  element._store.validated = true;
-  var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+  return context;
+}
 
-  if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-    return;
-  }
+var Uninitialized = -1;
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
 
-  ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-  // property, it may be the creator of the child that's responsible for
-  // assigning it a key.
+function lazyInitializer(payload) {
+  if (payload._status === Uninitialized) {
+    var ctor = payload._result;
+    var thenable = ctor(); // Transition to the next state.
+    // This might throw either because it's missing or throws. If so, we treat it
+    // as still uninitialized and try again next time. Which is the same as what
+    // happens if the ctor or any wrappers processing the ctor throws. This might
+    // end up fixing it if the resolution was a concurrency bug.
 
-  var childOwner = '';
+    thenable.then(function (moduleObject) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var resolved = payload;
+        resolved._status = Resolved;
+        resolved._result = moduleObject;
+      }
+    }, function (error) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var rejected = payload;
+        rejected._status = Rejected;
+        rejected._result = error;
+      }
+    });
 
-  if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
-    // Give the component that originally created this child.
-    childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+    if (payload._status === Uninitialized) {
+      // In case, we're still uninitialized, then we're waiting for the thenable
+      // to resolve. Set it as pending in the meantime.
+      var pending = payload;
+      pending._status = Pending;
+      pending._result = thenable;
+    }
   }
 
-  {
-    setCurrentlyValidatingElement(element);
+  if (payload._status === Resolved) {
+    var moduleObject = payload._result;
 
-    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+    {
+      if (moduleObject === undefined) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
+      }
+    }
 
-    setCurrentlyValidatingElement(null);
+    {
+      if (!('default' in moduleObject)) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
+      }
+    }
+
+    return moduleObject.default;
+  } else {
+    throw payload._result;
   }
 }
-/**
- * Ensure that every element either is passed in a static location, in an
- * array with an explicit keys property defined, or in an object literal
- * with valid key property.
- *
- * @internal
- * @param {ReactNode} node Statically passed child of any type.
- * @param {*} parentType node's parent's type.
- */
 
+function lazy(ctor) {
+  var payload = {
+    // We use these fields to store the result.
+    _status: Uninitialized,
+    _result: ctor
+  };
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: payload,
+    _init: lazyInitializer
+  };
 
-function validateChildKeys(node, parentType) {
-  if (typeof node !== 'object' || !node) {
-    return;
-  }
+  {
+    // In production, this would just set it on the object.
+    var defaultProps;
+    var propTypes; // $FlowFixMe[prop-missing]
 
-  if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
-    for (var i = 0; i < node.length; i++) {
-      var child = node[i];
+    Object.defineProperties(lazyType, {
+      defaultProps: {
+        configurable: true,
+        get: function () {
+          return defaultProps;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newDefaultProps) {
+          error('It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
 
-      if (isValidElement(child)) {
-        validateExplicitKey(child, parentType);
-      }
-    }
-  } else if (isValidElement(node)) {
-    // This element was passed in a valid location.
-    if (node._store) {
-      node._store.validated = true;
-    }
-  } else {
-    var iteratorFn = getIteratorFn(node);
+          defaultProps = newDefaultProps; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
 
-    if (typeof iteratorFn === 'function') {
-      // Entry iterators used to provide implicit keys,
-      // but now we print a separate warning for them later.
-      if (iteratorFn !== node.entries) {
-        var iterator = iteratorFn.call(node);
-        var step;
-
-        while (!(step = iterator.next()).done) {
-          if (isValidElement(step.value)) {
-            validateExplicitKey(step.value, parentType);
-          }
+          Object.defineProperty(lazyType, 'defaultProps', {
+            enumerable: true
+          });
+        }
+      },
+      propTypes: {
+        configurable: true,
+        get: function () {
+          return propTypes;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newPropTypes) {
+          error('It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+
+          propTypes = newPropTypes; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
+
+          Object.defineProperty(lazyType, 'propTypes', {
+            enumerable: true
+          });
         }
       }
-    }
+    });
   }
-}
-/**
- * Given an element, validate that its props follow the propTypes definition,
- * provided by the type.
- *
- * @param {ReactElement} element
- */
 
+  return lazyType;
+}
 
-function validatePropTypes(element) {
+function forwardRef(render) {
   {
-    var type = element.type;
-
-    if (type === null || type === undefined || typeof type === 'string') {
-      return;
+    if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
+      error('forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
+    } else if (typeof render !== 'function') {
+      error('forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
+    } else {
+      if (render.length !== 0 && render.length !== 2) {
+        error('forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.');
+      }
     }
 
-    if (type.$$typeof === REACT_CLIENT_REFERENCE) {
-      return;
+    if (render != null) {
+      if (render.defaultProps != null) {
+        error('forwardRef render functions do not support defaultProps. ' + 'Did you accidentally pass a React component?');
+      }
     }
+  }
 
-    var propTypes;
-
-    if (typeof type === 'function') {
-      propTypes = type.propTypes;
-    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-    // Inner props are checked in the reconciler.
-    type.$$typeof === REACT_MEMO_TYPE)) {
-      propTypes = type.propTypes;
-    } else {
-      return;
-    }
+  var elementType = {
+    $$typeof: REACT_FORWARD_REF_TYPE,
+    render: render
+  };
 
-    if (propTypes) {
-      // Intentionally inside to avoid triggering lazy initializers:
-      var name = getComponentNameFromType(type);
-      checkPropTypes(propTypes, element.props, 'prop', name, element);
-    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
+  {
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.forwardRef((props, ref) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
 
-      var _name = getComponentNameFromType(type);
+        if (!render.name && !render.displayName) {
+          render.displayName = name;
+        }
+      }
+    });
+  }
 
-      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
-    }
+  return elementType;
+}
 
-    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
+function memo(type, compare) {
+  {
+    if (!isValidElementType(type)) {
+      error('memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
     }
   }
-}
-/**
- * Given a fragment, validate that it can only be provided with fragment props
- * @param {ReactElement} fragment
- */
 
+  var elementType = {
+    $$typeof: REACT_MEMO_TYPE,
+    type: type,
+    compare: compare === undefined ? null : compare
+  };
 
-function validateFragmentProps(fragment) {
   {
-    var keys = Object.keys(fragment.props);
-
-    for (var i = 0; i < keys.length; i++) {
-      var key = keys[i];
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.memo((props) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
 
-      if (key !== 'children' && key !== 'key') {
-        setCurrentlyValidatingElement(fragment);
+        if (!type.name && !type.displayName) {
+          type.displayName = name;
+        }
+      }
+    });
+  }
 
-        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+  return elementType;
+}
 
-        setCurrentlyValidatingElement(null);
-        break;
-      }
-    }
+var UNTERMINATED = 0;
+var TERMINATED = 1;
+var ERRORED = 2;
 
-    if (fragment.ref !== null) {
-      setCurrentlyValidatingElement(fragment);
+function createCacheRoot() {
+  return new WeakMap();
+}
 
-      error('Invalid attribute `ref` supplied to `React.Fragment`.');
+function createCacheNode() {
+  return {
+    s: UNTERMINATED,
+    // status, represents whether the cached computation returned a value or threw an error
+    v: undefined,
+    // value, either the cached result or an error, depending on s
+    o: null,
+    // object cache, a WeakMap where non-primitive arguments are stored
+    p: null // primitive cache, a regular Map where primitive arguments are stored.
 
-      setCurrentlyValidatingElement(null);
-    }
-  }
+  };
 }
-function createElementWithValidation(type, props, children) {
-  var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-  // succeed and there will likely be errors in render.
 
-  if (!validType) {
-    var info = '';
+function cache$1(fn) {
+  return function () {
+    var dispatcher = ReactCurrentCache.current;
 
-    if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-      info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+    if (!dispatcher) {
+      // If there is no dispatcher, then we treat this as not being cached.
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      return fn.apply(null, arguments);
     }
 
-    var sourceInfo = getSourceInfoErrorAddendumForProps(props);
+    var fnMap = dispatcher.getCacheForType(createCacheRoot);
+    var fnNode = fnMap.get(fn);
+    var cacheNode;
 
-    if (sourceInfo) {
-      info += sourceInfo;
+    if (fnNode === undefined) {
+      cacheNode = createCacheNode();
+      fnMap.set(fn, cacheNode);
     } else {
-      info += getDeclarationErrorAddendum();
+      cacheNode = fnNode;
     }
 
-    var typeString;
+    for (var i = 0, l = arguments.length; i < l; i++) {
+      var arg = arguments[i];
 
-    if (type === null) {
-      typeString = 'null';
-    } else if (isArray(type)) {
-      typeString = 'array';
-    } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-      typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
-      info = ' Did you accidentally export a JSX literal instead of a component?';
-    } else {
-      typeString = typeof type;
-    }
+      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
+        // Objects go into a WeakMap
+        var objectCache = cacheNode.o;
 
-    {
-      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, info);
-    }
-  }
+        if (objectCache === null) {
+          cacheNode.o = objectCache = new WeakMap();
+        }
 
-  var element = createElement$1.apply(this, arguments); // The result can be nullish if a mock or a custom function is used.
-  // TODO: Drop this when these are no longer allowed as the type argument.
+        var objectNode = objectCache.get(arg);
+
+        if (objectNode === undefined) {
+          cacheNode = createCacheNode();
+          objectCache.set(arg, cacheNode);
+        } else {
+          cacheNode = objectNode;
+        }
+      } else {
+        // Primitives go into a regular Map
+        var primitiveCache = cacheNode.p;
 
-  if (element == null) {
-    return element;
-  } // Skip key warning if the type isn't valid since our key validation logic
-  // doesn't expect a non-string/function type and can throw confusing errors.
-  // We don't want exception behavior to differ between dev and prod.
-  // (Rendering will throw with a helpful message and as soon as the type is
-  // fixed, the key warnings will appear.)
+        if (primitiveCache === null) {
+          cacheNode.p = primitiveCache = new Map();
+        }
 
+        var primitiveNode = primitiveCache.get(arg);
 
-  if (validType) {
-    for (var i = 2; i < arguments.length; i++) {
-      validateChildKeys(arguments[i], type);
+        if (primitiveNode === undefined) {
+          cacheNode = createCacheNode();
+          primitiveCache.set(arg, cacheNode);
+        } else {
+          cacheNode = primitiveNode;
+        }
+      }
     }
-  }
 
-  if (type === REACT_FRAGMENT_TYPE) {
-    validateFragmentProps(element);
-  } else {
-    validatePropTypes(element);
-  }
+    if (cacheNode.s === TERMINATED) {
+      return cacheNode.v;
+    }
 
-  return element;
+    if (cacheNode.s === ERRORED) {
+      throw cacheNode.v;
+    }
+
+    try {
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      var result = fn.apply(null, arguments);
+      var terminatedNode = cacheNode;
+      terminatedNode.s = TERMINATED;
+      terminatedNode.v = result;
+      return result;
+    } catch (error) {
+      // We store the first error that's thrown and rethrow it.
+      var erroredNode = cacheNode;
+      erroredNode.s = ERRORED;
+      erroredNode.v = error;
+      throw error;
+    }
+  };
 }
-var didWarnAboutDeprecatedCreateFactory = false;
-function createFactoryWithValidation(type) {
-  var validatedFactory = createElementWithValidation.bind(null, type);
-  validatedFactory.type = type;
+
+var cache = cache$1;
+
+function postpone(reason) {
+  // eslint-disable-next-line react-internal/prod-error-codes
+  var postponeInstance = new Error(reason);
+  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
+  throw postponeInstance;
+}
+
+function resolveDispatcher() {
+  var dispatcher = ReactCurrentDispatcher$1.current;
 
   {
-    if (!didWarnAboutDeprecatedCreateFactory) {
-      didWarnAboutDeprecatedCreateFactory = true;
+    if (dispatcher === null) {
+      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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    }
+  } // Will result in a null access error if accessed outside render phase. We
+  // intentionally don't throw our own error because this is in a hot path.
+  // Also helps ensure this is inlined.
 
-      warn('React.createFactory() is deprecated and will be removed in ' + 'a future major release. Consider using JSX ' + 'or use React.createElement() directly instead.');
-    } // Legacy hook: remove it
 
+  return dispatcher;
+}
 
-    Object.defineProperty(validatedFactory, 'type', {
-      enumerable: false,
-      get: function () {
-        warn('Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
+function getCacheSignal() {
+  var dispatcher = ReactCurrentCache.current;
 
-        Object.defineProperty(this, 'type', {
-          value: type
-        });
-        return type;
-      }
-    });
+  if (!dispatcher) {
+    // If we have no cache to associate with this call, then we don't know
+    // its lifetime. We abort early since that's safer than letting it live
+    // for ever. Unlike just caching which can be a functional noop outside
+    // of React, these should generally always be associated with some React
+    // render but we're not limiting quite as much as making it a Hook.
+    // It's safer than erroring early at runtime.
+    var controller = new AbortController();
+    var reason = new Error('This CacheSignal was requested outside React which means that it is ' + 'immediately aborted.');
+    controller.abort(reason);
+    return controller.signal;
   }
 
-  return validatedFactory;
+  return dispatcher.getCacheSignal();
 }
-function cloneElementWithValidation(element, props, children) {
-  var newElement = cloneElement$1.apply(this, arguments);
+function getCacheForType(resourceType) {
+  var dispatcher = ReactCurrentCache.current;
 
-  for (var i = 2; i < arguments.length; i++) {
-    validateChildKeys(arguments[i], newElement.type);
+  if (!dispatcher) {
+    // If there is no dispatcher, then we treat this as not being cached.
+    return resourceType();
   }
 
-  validatePropTypes(newElement);
-  return newElement;
+  return dispatcher.getCacheForType(resourceType);
 }
-
-function createServerContext(globalName, defaultValue) {
+function useContext(Context) {
+  var dispatcher = resolveDispatcher();
 
   {
-    error('Server Context is deprecated and will soon be removed. ' + 'It was never documented and we have found it not to be useful ' + 'enough to warrant the downside it imposes on all apps.');
-  }
-
-  var wasDefined = true;
-
-  if (!ContextRegistry[globalName]) {
-    wasDefined = false;
-    var _context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: defaultValue,
-      _currentValue2: defaultValue,
-      _defaultValue: defaultValue,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    _context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: _context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      _context._currentRenderer = null;
-      _context._currentRenderer2 = null;
-      Object.defineProperties(_context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
+    if (Context.$$typeof === REACT_CONSUMER_TYPE) {
+      error('Calling useContext(Context.Consumer) is not supported and will cause bugs. ' + 'Did you mean to call useContext(Context) instead?');
     }
-
-    ContextRegistry[globalName] = _context;
   }
 
-  var context = ContextRegistry[globalName];
+  return dispatcher.useContext(Context);
+}
+function useState(initialState) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useState(initialState);
+}
+function useReducer(reducer, initialArg, init) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useReducer(reducer, initialArg, init);
+}
+function useRef(initialValue) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useRef(initialValue);
+}
+function useEffect(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useEffect(create, deps);
+}
+function useInsertionEffect(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useInsertionEffect(create, deps);
+}
+function useLayoutEffect(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useLayoutEffect(create, deps);
+}
+function useCallback(callback, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useCallback(callback, deps);
+}
+function useMemo(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useMemo(create, deps);
+}
+function useImperativeHandle(ref, create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useImperativeHandle(ref, create, deps);
+}
+function useDebugValue(value, formatterFn) {
+  {
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useDebugValue(value, formatterFn);
+  }
+}
+function useTransition() {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useTransition();
+}
+function useDeferredValue(value, initialValue) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useDeferredValue(value, initialValue);
+}
+function useId() {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useId();
+}
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+function useCacheRefresh() {
+  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
 
-  if (context._defaultValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-    context._defaultValue = defaultValue;
+  return dispatcher.useCacheRefresh();
+}
+function use(usable) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.use(usable);
+}
+function useMemoCache(size) {
+  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
 
-    if (context._currentValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue = defaultValue;
-    }
+  return dispatcher.useMemoCache(size);
+}
+function useEffectEvent(callback) {
+  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
 
-    if (context._currentValue2 === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue2 = defaultValue;
-    }
-  } else if (wasDefined) {
-    throw new Error("ServerContext: " + globalName + " already defined");
-  }
+  return dispatcher.useEffectEvent(callback);
+}
+function useOptimistic(passthrough, reducer) {
+  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
 
-  return context;
+  return dispatcher.useOptimistic(passthrough, reducer);
 }
 
 function startTransition(scope, options) {
-  var prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = {};
+  var prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
+
+  var callbacks = new Set();
+  var transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
   var currentTransition = ReactCurrentBatchConfig.transition;
 
   {
     ReactCurrentBatchConfig.transition._updatedFibers = new Set();
   }
 
-  try {
-    scope();
-  } finally {
-    ReactCurrentBatchConfig.transition = prevTransition;
+  {
+    try {
+      var returnValue = scope();
 
-    {
-      if (prevTransition === null && currentTransition._updatedFibers) {
-        var updatedFibersCount = currentTransition._updatedFibers.size;
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(function (callback) {
+          return callback(currentTransition, returnValue);
+        });
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      warnAboutTransitionSubscriptions(prevTransition, currentTransition);
+      ReactCurrentBatchConfig.transition = prevTransition;
+    }
+  }
+}
+
+function warnAboutTransitionSubscriptions(prevTransition, currentTransition) {
+  {
+    if (prevTransition === null && currentTransition._updatedFibers) {
+      var updatedFibersCount = currentTransition._updatedFibers.size;
 
-        currentTransition._updatedFibers.clear();
+      currentTransition._updatedFibers.clear();
 
-        if (updatedFibersCount > 10) {
-          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.');
-        }
+      if (updatedFibersCount > 10) {
+        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.');
       }
     }
   }
 }
 
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
+
+
+var onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : function (error) {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
+
 var didWarnAboutMessageChannel = false;
 var enqueueTaskImpl = null;
 function enqueueTask(task) {
@@ -3125,9 +3011,6 @@ var queueSeveralMicrotasks = typeof queueMicrotask === 'function' ? function (ca
   });
 } : enqueueTask;
 
-var createElement = createElementWithValidation ;
-var cloneElement = cloneElementWithValidation ;
-var createFactory = createFactoryWithValidation ;
 var Children = {
   map: mapChildren,
   forEach: forEachChildren,
@@ -3152,13 +3035,13 @@ exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.act = act;
 exports.cache = cache;
 exports.cloneElement = cloneElement;
 exports.createContext = createContext;
 exports.createElement = createElement;
 exports.createFactory = createFactory;
 exports.createRef = createRef;
-exports.createServerContext = createServerContext;
 exports.experimental_useEffectEvent = useEffectEvent;
 exports.experimental_useOptimistic = experimental_useOptimistic;
 exports.forwardRef = forwardRef;
@@ -3170,7 +3053,6 @@ exports.unstable_Activity = REACT_OFFSCREEN_TYPE;
 exports.unstable_Cache = REACT_CACHE_TYPE;
 exports.unstable_DebugTracingMode = REACT_DEBUG_TRACING_MODE_TYPE;
 exports.unstable_SuspenseList = REACT_SUSPENSE_LIST_TYPE;
-exports.unstable_act = act;
 exports.unstable_getCacheForType = getCacheForType;
 exports.unstable_getCacheSignal = getCacheSignal;
 exports.unstable_postpone = postpone;
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 295e56a4d865dd..47c7c778f99e29 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react.production.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react.production.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-var ReactVersion = '18.3.0-experimental-60a927d04-20240113';
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
 
 // ATTENTION
 // When adding new symbols to this file,
@@ -21,9 +21,8 @@ const REACT_PORTAL_TYPE = Symbol.for('react.portal');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 const REACT_CONTEXT_TYPE = Symbol.for('react.context');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -32,7 +31,6 @@ const REACT_LAZY_TYPE = Symbol.for('react.lazy');
 const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
 const REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
 const REACT_CACHE_TYPE = Symbol.for('react.cache');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -164,7 +162,7 @@ Component.prototype.isReactComponent = {};
 
 Component.prototype.setState = function (partialState, callback) {
   if (typeof partialState !== 'object' && typeof partialState !== 'function' && partialState != null) {
-    throw new Error('setState(...): takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
+    throw new Error('takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
   }
 
   this.updater.enqueueSetState(this, partialState, callback, 'setState');
@@ -225,8 +223,40 @@ function isArray(a) {
   return isArrayImpl(a);
 }
 
-// $FlowFixMe[method-unbinding]
-const hasOwnProperty = Object.prototype.hasOwnProperty;
+// -----------------------------------------------------------------------------
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+const __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+
+/**
+ * Keeps track of the current dispatcher.
+ */
+const ReactCurrentDispatcher = {
+  current: null
+};
+
+/**
+ * Keeps track of the current Cache dispatcher.
+ */
+const ReactCurrentCache = {
+  current: null
+};
+
+/**
+ * Keeps track of the current batch's configuration such as how long an update
+ * should suspend for if it needs to.
+ */
+const ReactCurrentBatchConfig = {
+  transition: null
+};
 
 /**
  * Keeps track of the current owner.
@@ -234,7 +264,7 @@ const hasOwnProperty = Object.prototype.hasOwnProperty;
  * The current owner is the component who should own any components that are
  * currently being constructed.
  */
-const ReactCurrentOwner = {
+const ReactCurrentOwner$1 = {
   /**
    * @internal
    * @type {ReactComponent}
@@ -242,13 +272,18 @@ const ReactCurrentOwner = {
   current: null
 };
 
-const RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
+const ReactSharedInternals = {
+  ReactCurrentDispatcher,
+  ReactCurrentCache,
+  ReactCurrentBatchConfig,
+  ReactCurrentOwner: ReactCurrentOwner$1
 };
 
+// $FlowFixMe[method-unbinding]
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+
+const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
 function hasValidRef(config) {
 
   return config.ref !== undefined;
@@ -280,18 +315,38 @@ function hasValidKey(config) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    const refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   return element;
 }
@@ -300,30 +355,29 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  * See https://reactjs.org/docs/react-api.html#createelement
  */
 
-function createElement$1(type, config, children) {
+function createElement(type, config, children) {
+
   let propName; // Reserved names are extracted
 
   const props = {};
   let key = null;
   let ref = null;
-  let self = null;
-  let source = null;
 
   if (config != null) {
-    if (hasValidRef(config)) {
-      ref = config.ref;
-    }
 
     if (hasValidKey(config)) {
 
       key = '' + config.key;
-    }
+    } // Remaining properties are added to a new props object
 
-    self = config.__self === undefined ? null : config.__self;
-    source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
         props[propName] = config[propName];
       }
     }
@@ -356,35 +410,39 @@ function createElement$1(type, config, children) {
     }
   }
 
-  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+  const element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+
+  return element;
 }
 /**
  * Return a function that produces ReactElements of a given type.
  * See https://reactjs.org/docs/react-api.html#createfactory
  */
 
-function createFactory$1(type) {
-  const factory = createElement$1.bind(null, type); // Expose the type on the factory and the prototype so that it can be
+function createFactory(type) {
+  const factory = createElement.bind(null, type); // Expose the type on the factory and the prototype so that it can be
   // easily accessed on elements. E.g. `<Foo />.type === Foo`.
   // This should not be named `constructor` since this may not be the function
   // that created the element, and it may not even be a constructor.
   // Legacy hook: remove it
 
   factory.type = type;
+
   return factory;
 }
 function cloneAndReplaceKey(oldElement, newKey) {
-  const newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
-  return newElement;
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  null , undefined, undefined, oldElement._owner, oldElement.props);
 }
 /**
  * Clone and return a new ReactElement using element as the starting point.
  * See https://reactjs.org/docs/react-api.html#cloneelement
  */
 
-function cloneElement$1(element, config, children) {
+function cloneElement(element, config, children) {
   if (element === null || element === undefined) {
-    throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
+    throw new Error("The argument must be a React element, but you passed " + element + ".");
   }
 
   let propName; // Original props are copied
@@ -392,20 +450,13 @@ function cloneElement$1(element, config, children) {
   const props = assign({}, element.props); // Reserved names are extracted
 
   let key = element.key;
-  let ref = element.ref; // Self is preserved since the owner is preserved.
-
-  const self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a
-  // transpiler, and the original source is probably a better indicator of the
-  // true owner.
-
-  const source = element._source; // Owner will be preserved, unless ref is overridden
+  let ref = null ; // Owner will be preserved, unless ref is overridden
 
   let owner = element._owner;
 
   if (config != null) {
     if (hasValidRef(config)) {
-      // Silently steal the ref from the parent.
-      ref = config.ref;
+
       owner = ReactCurrentOwner.current;
     }
 
@@ -422,7 +473,17 @@ function cloneElement$1(element, config, children) {
     }
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(propName === 'ref' && config.ref === undefined)) {
         if (config[propName] === undefined && defaultProps !== undefined) {
           // Resolve default props
           props[propName] = defaultProps[propName];
@@ -449,7 +510,9 @@ function cloneElement$1(element, config, children) {
     props.children = childArray;
   }
 
-  return ReactElement(element.type, key, ref, self, source, owner, props);
+  const clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
+
+  return clonedElement;
 }
 /**
  * Verifies the object is a ReactElement.
@@ -459,6 +522,7 @@ function cloneElement$1(element, config, children) {
  * @final
  */
 
+
 function isValidElement(object) {
   return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
 }
@@ -509,6 +573,72 @@ function getElementKey(element, index) {
   return index.toString(36);
 }
 
+function noop$1() {}
+
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
+
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              throw rejectedError;
+            }
+        }
+      }
+  }
+
+  throw thenable;
+}
+
 function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
   const type = typeof children;
 
@@ -533,6 +663,12 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
           case REACT_ELEMENT_TYPE:
           case REACT_PORTAL_TYPE:
             invokeCallback = true;
+            break;
+
+          case REACT_LAZY_TYPE:
+            const payload = children._payload;
+            const init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
         }
 
     }
@@ -598,7 +734,11 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
         subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
       }
     } else if (type === 'object') {
-      // eslint-disable-next-line react-internal/safe-string-coercion
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
       const childrenString = String(children);
       throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
     }
@@ -724,18 +864,18 @@ function createContext(defaultValue) {
     _threadCount: 0,
     // These are circular
     Provider: null,
-    Consumer: null,
-    // Add these to use same hidden class in VM as ServerContext
-    _defaultValue: null,
-    _globalName: null
-  };
-  context.Provider = {
-    $$typeof: REACT_PROVIDER_TYPE,
-    _context: context
+    Consumer: null
   };
 
   {
-    context.Consumer = context;
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      context.Consumer = context;
+    }
   }
 
   return context;
@@ -825,13 +965,6 @@ function memo(type, compare) {
   return elementType;
 }
 
-/**
- * Keeps track of the current Cache dispatcher.
- */
-const ReactCurrentCache = {
-  current: null
-};
-
 const UNTERMINATED = 0;
 const TERMINATED = 1;
 const ERRORED = 2;
@@ -853,7 +986,7 @@ function createCacheNode() {
   };
 }
 
-function cache(fn) {
+function cache$1(fn) {
   return function () {
     const dispatcher = ReactCurrentCache.current;
 
@@ -937,6 +1070,8 @@ function cache(fn) {
   };
 }
 
+const cache = cache$1;
+
 function postpone(reason) {
   // eslint-disable-next-line react-internal/prod-error-codes
   const postponeInstance = new Error(reason);
@@ -944,13 +1079,6 @@ function postpone(reason) {
   throw postponeInstance;
 }
 
-/**
- * Keeps track of the current dispatcher.
- */
-const ReactCurrentDispatcher = {
-  current: null
-};
-
 function resolveDispatcher() {
   const dispatcher = ReactCurrentDispatcher.current;
   // intentionally don't throw our own error because this is in a hot path.
@@ -1072,88 +1200,44 @@ function useOptimistic(passthrough, reducer) {
   return dispatcher.useOptimistic(passthrough, reducer);
 }
 
-/**
- * Keeps track of the current batch's configuration such as how long an update
- * should suspend for if it needs to.
- */
-const ReactCurrentBatchConfig = {
-  transition: null
-};
-
-const ContextRegistry = {};
-
-const ReactSharedInternals = {
-  ReactCurrentDispatcher,
-  ReactCurrentCache,
-  ReactCurrentBatchConfig,
-  ReactCurrentOwner
-};
-
-{
-  ReactSharedInternals.ContextRegistry = ContextRegistry;
-}
-
-function createServerContext(globalName, defaultValue) {
-
-  let wasDefined = true;
-
-  if (!ContextRegistry[globalName]) {
-    wasDefined = false;
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: defaultValue,
-      _currentValue2: defaultValue,
-      _defaultValue: defaultValue,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  const context = ContextRegistry[globalName];
+function startTransition(scope, options) {
+  const prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
 
-  if (context._defaultValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-    context._defaultValue = defaultValue;
+  const callbacks = new Set();
+  const transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
+  const currentTransition = ReactCurrentBatchConfig.transition;
 
-    if (context._currentValue === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue = defaultValue;
-    }
+  {
+    try {
+      const returnValue = scope();
 
-    if (context._currentValue2 === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      context._currentValue2 = defaultValue;
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(callback => callback(currentTransition, returnValue));
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      ReactCurrentBatchConfig.transition = prevTransition;
     }
-  } else if (wasDefined) {
-    throw new Error("ServerContext: " + globalName + " already defined");
   }
-
-  return context;
 }
 
-function startTransition(scope, options) {
-  const prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = {};
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
 
-  try {
-    scope();
-  } finally {
-    ReactCurrentBatchConfig.transition = prevTransition;
-  }
-}
+
+const onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : error => {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
 
 function act(callback) {
   {
@@ -1161,9 +1245,6 @@ function act(callback) {
   }
 }
 
-const createElement = createElement$1;
-const cloneElement = cloneElement$1;
-const createFactory = createFactory$1;
 const Children = {
   map: mapChildren,
   forEach: forEachChildren,
@@ -1185,13 +1266,13 @@ exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.act = act;
 exports.cache = cache;
 exports.cloneElement = cloneElement;
 exports.createContext = createContext;
 exports.createElement = createElement;
 exports.createFactory = createFactory;
 exports.createRef = createRef;
-exports.createServerContext = createServerContext;
 exports.experimental_useEffectEvent = useEffectEvent;
 exports.experimental_useOptimistic = experimental_useOptimistic;
 exports.forwardRef = forwardRef;
@@ -1203,7 +1284,6 @@ exports.unstable_Activity = REACT_OFFSCREEN_TYPE;
 exports.unstable_Cache = REACT_CACHE_TYPE;
 exports.unstable_DebugTracingMode = REACT_DEBUG_TRACING_MODE_TYPE;
 exports.unstable_SuspenseList = REACT_SUSPENSE_LIST_TYPE;
-exports.unstable_act = act;
 exports.unstable_getCacheForType = getCacheForType;
 exports.unstable_getCacheSignal = getCacheSignal;
 exports.unstable_postpone = postpone;
diff --git a/packages/next/src/compiled/react-experimental/cjs/react.production.min.js b/packages/next/src/compiled/react-experimental/cjs/react.production.min.js
index a3f01e2bdbb47e..108860b2302d21 100644
--- a/packages/next/src/compiled/react-experimental/cjs/react.production.min.js
+++ b/packages/next/src/compiled/react-experimental/cjs/react.production.min.js
@@ -7,27 +7,28 @@
  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 l=Symbol.for("react.element"),n=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),t=Symbol.for("react.provider"),u=Symbol.for("react.context"),v=Symbol.for("react.server_context"),w=Symbol.for("react.forward_ref"),x=Symbol.for("react.suspense"),y=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),aa=Symbol.for("react.debug_trace_mode"),ba=Symbol.for("react.offscreen"),ca=
-Symbol.for("react.cache"),B=Symbol.for("react.default_value"),da=Symbol.for("react.postpone"),C=Symbol.iterator;function ea(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var D={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},E=Object.assign,F={};function G(a,b,c){this.props=a;this.context=b;this.refs=F;this.updater=c||D}G.prototype.isReactComponent={};
-G.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState")};G.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function H(){}H.prototype=G.prototype;function I(a,b,c){this.props=a;this.context=b;this.refs=F;this.updater=c||D}var J=I.prototype=new H;
-J.constructor=I;E(J,G.prototype);J.isPureReactComponent=!0;var K=Array.isArray,L=Object.prototype.hasOwnProperty,M={current:null},N={key:!0,ref:!0,__self:!0,__source:!0};
-function O(a,b,c){var d,e={},f=null,g=null;if(null!=b)for(d in void 0!==b.ref&&(g=b.ref),void 0!==b.key&&(f=""+b.key),b)L.call(b,d)&&!N.hasOwnProperty(d)&&(e[d]=b[d]);var h=arguments.length-2;if(1===h)e.children=c;else if(1<h){for(var k=Array(h),m=0;m<h;m++)k[m]=arguments[m+2];e.children=k}if(a&&a.defaultProps)for(d in h=a.defaultProps,h)void 0===e[d]&&(e[d]=h[d]);return{$$typeof:l,type:a,key:f,ref:g,props:e,_owner:M.current}}
-function fa(a,b){return{$$typeof:l,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function P(a){return"object"===typeof a&&null!==a&&a.$$typeof===l}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(c){return b[c]})}var Q=/\/+/g;function R(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
-function S(a,b,c,d,e){var f=typeof a;if("undefined"===f||"boolean"===f)a=null;var g=!1;if(null===a)g=!0;else switch(f){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case l:case n:g=!0}}if(g)return g=a,e=e(g),a=""===d?"."+R(g,0):d,K(e)?(c="",null!=a&&(c=a.replace(Q,"$&/")+"/"),S(e,b,c,"",function(m){return m})):null!=e&&(P(e)&&(e=fa(e,c+(!e.key||g&&g.key===e.key?"":(""+e.key).replace(Q,"$&/")+"/")+a)),b.push(e)),1;g=0;d=""===d?".":d+":";if(K(a))for(var h=0;h<a.length;h++){f=
-a[h];var k=d+R(f,h);g+=S(f,b,c,k,e)}else if(k=ea(a),"function"===typeof k)for(a=k.call(a),h=0;!(f=a.next()).done;)f=f.value,k=d+R(f,h++),g+=S(f,b,c,k,e);else if("object"===f)throw b=String(a),Error("Objects are not valid as a React child (found: "+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return g}
-function T(a,b,c){if(null==a)return a;var d=[],e=0;S(a,d,"","",function(f){return b.call(c,f,e++)});return d}function ha(a){if(-1===a._status){var b=a._result;b=b();b.then(function(c){if(0===a._status||-1===a._status)a._status=1,a._result=c},function(c){if(0===a._status||-1===a._status)a._status=2,a._result=c});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}var U={current:null};function ia(){return new WeakMap}
-function V(){return{s:0,v:void 0,o:null,p:null}}var W={current:null};function X(a,b){return W.current.useOptimistic(a,b)}var Y={transition:null},Z={},ja={ReactCurrentDispatcher:W,ReactCurrentCache:U,ReactCurrentBatchConfig:Y,ReactCurrentOwner:M,ContextRegistry:Z};
-exports.Children={map:T,forEach:function(a,b,c){T(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;T(a,function(){b++});return b},toArray:function(a){return T(a,function(b){return b})||[]},only:function(a){if(!P(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};exports.Component=G;exports.Fragment=p;exports.Profiler=r;exports.PureComponent=I;exports.StrictMode=q;exports.Suspense=x;
-exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ja;
-exports.cache=function(a){return function(){var b=U.current;if(!b)return a.apply(null,arguments);var c=b.getCacheForType(ia);b=c.get(a);void 0===b&&(b=V(),c.set(a,b));c=0;for(var d=arguments.length;c<d;c++){var e=arguments[c];if("function"===typeof e||"object"===typeof e&&null!==e){var f=b.o;null===f&&(b.o=f=new WeakMap);b=f.get(e);void 0===b&&(b=V(),f.set(e,b))}else f=b.p,null===f&&(b.p=f=new Map),b=f.get(e),void 0===b&&(b=V(),f.set(e,b))}if(1===b.s)return b.v;if(2===b.s)throw b.v;try{var g=a.apply(null,
-arguments);c=b;c.s=1;return c.v=g}catch(h){throw g=b,g.s=2,g.v=h,h;}}};
-exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+a+".");var d=E({},a.props),e=a.key,f=a.ref,g=a._owner;if(null!=b){void 0!==b.ref&&(f=b.ref,g=M.current);void 0!==b.key&&(e=""+b.key);if(a.type&&a.type.defaultProps)var h=a.type.defaultProps;for(k in b)L.call(b,k)&&!N.hasOwnProperty(k)&&(d[k]=void 0===b[k]&&void 0!==h?h[k]:b[k])}var k=arguments.length-2;if(1===k)d.children=c;else if(1<k){h=Array(k);
-for(var m=0;m<k;m++)h[m]=arguments[m+2];d.children=h}return{$$typeof:l,type:a.type,key:e,ref:f,props:d,_owner:g}};exports.createContext=function(a){a={$$typeof:u,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:t,_context:a};return a.Consumer=a};exports.createElement=O;exports.createFactory=function(a){var b=O.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};
-exports.createServerContext=function(a,b){var c=!0;if(!Z[a]){c=!1;var d={$$typeof:v,_currentValue:b,_currentValue2:b,_defaultValue:b,_threadCount:0,Provider:null,Consumer:null,_globalName:a};d.Provider={$$typeof:t,_context:d};Z[a]=d}d=Z[a];if(d._defaultValue===B)d._defaultValue=b,d._currentValue===B&&(d._currentValue=b),d._currentValue2===B&&(d._currentValue2=b);else if(c)throw Error("ServerContext: "+a+" already defined");return d};exports.experimental_useEffectEvent=function(a){return W.current.useEffectEvent(a)};
-exports.experimental_useOptimistic=function(a,b){return X(a,b)};exports.forwardRef=function(a){return{$$typeof:w,render:a}};exports.isValidElement=P;exports.lazy=function(a){return{$$typeof:A,_payload:{_status:-1,_result:a},_init:ha}};exports.memo=function(a,b){return{$$typeof:z,type:a,compare:void 0===b?null:b}};exports.startTransition=function(a){var b=Y.transition;Y.transition={};try{a()}finally{Y.transition=b}};exports.unstable_Activity=ba;exports.unstable_Cache=ca;
-exports.unstable_DebugTracingMode=aa;exports.unstable_SuspenseList=y;exports.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.");};exports.unstable_getCacheForType=function(a){var b=U.current;return b?b.getCacheForType(a):a()};exports.unstable_getCacheSignal=function(){var a=U.current;return a?a.getCacheSignal():(a=new AbortController,a.abort(Error("This CacheSignal was requested outside React which means that it is immediately aborted.")),a.signal)};
-exports.unstable_postpone=function(a){a=Error(a);a.$$typeof=da;throw a;};exports.unstable_useCacheRefresh=function(){return W.current.useCacheRefresh()};exports.unstable_useMemoCache=function(a){return W.current.useMemoCache(a)};exports.use=function(a){return W.current.use(a)};exports.useCallback=function(a,b){return W.current.useCallback(a,b)};exports.useContext=function(a){return W.current.useContext(a)};exports.useDebugValue=function(){};
-exports.useDeferredValue=function(a,b){return W.current.useDeferredValue(a,b)};exports.useEffect=function(a,b){return W.current.useEffect(a,b)};exports.useId=function(){return W.current.useId()};exports.useImperativeHandle=function(a,b,c){return W.current.useImperativeHandle(a,b,c)};exports.useInsertionEffect=function(a,b){return W.current.useInsertionEffect(a,b)};exports.useLayoutEffect=function(a,b){return W.current.useLayoutEffect(a,b)};
-exports.useMemo=function(a,b){return W.current.useMemo(a,b)};exports.useOptimistic=X;exports.useReducer=function(a,b,c){return W.current.useReducer(a,b,c)};exports.useRef=function(a){return W.current.useRef(a)};exports.useState=function(a){return W.current.useState(a)};exports.useSyncExternalStore=function(a,b,c){return W.current.useSyncExternalStore(a,b,c)};exports.useTransition=function(){return W.current.useTransition()};exports.version="18.3.0-experimental-60a927d04-20240113";
+'use strict';var k=Symbol.for("react.element"),m=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),p=Symbol.for("react.strict_mode"),q=Symbol.for("react.profiler"),r=Symbol.for("react.provider"),t=Symbol.for("react.context"),u=Symbol.for("react.forward_ref"),v=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),x=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),z=Symbol.for("react.debug_trace_mode"),aa=Symbol.for("react.offscreen"),ba=Symbol.for("react.cache"),ca=Symbol.for("react.postpone"),
+A=Symbol.iterator;function da(a){if(null===a||"object"!==typeof a)return null;a=A&&a[A]||a["@@iterator"];return"function"===typeof a?a:null}var B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,c){this.props=a;this.context=b;this.refs=D;this.updater=c||B}E.prototype.isReactComponent={};
+E.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function F(){}F.prototype=E.prototype;function G(a,b,c){this.props=a;this.context=b;this.refs=D;this.updater=c||B}var H=G.prototype=new F;
+H.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J={current:null},K={current:null},L={transition:null},M={ReactCurrentDispatcher:J,ReactCurrentCache:K,ReactCurrentBatchConfig:L,ReactCurrentOwner:{current:null}},N=Object.prototype.hasOwnProperty,O=M.ReactCurrentOwner;function P(a,b,c,e,d,g,f){c=f.ref;return{$$typeof:k,type:a,key:b,ref:void 0!==c?c:null,props:f,_owner:g}}
+function Q(a,b,c){var e,d={},g=null;if(null!=b)for(e in void 0!==b.key&&(g=""+b.key),b)N.call(b,e)&&"key"!==e&&"__self"!==e&&"__source"!==e&&(d[e]=b[e]);var f=arguments.length-2;if(1===f)d.children=c;else if(1<f){for(var h=Array(f),l=0;l<f;l++)h[l]=arguments[l+2];d.children=h}if(a&&a.defaultProps)for(e in f=a.defaultProps,f)void 0===d[e]&&(d[e]=f[e]);return P(a,g,null,void 0,void 0,O.current,d)}function ea(a,b){return P(a.type,b,null,void 0,void 0,a._owner,a.props)}
+function R(a){return"object"===typeof a&&null!==a&&a.$$typeof===k}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(c){return b[c]})}var S=/\/+/g;function T(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}function U(){}
+function fa(a){switch(a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;default:switch("string"===typeof a.status?a.then(U,U):(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)})),a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;}}throw a;}
+function V(a,b,c,e,d){var g=typeof a;if("undefined"===g||"boolean"===g)a=null;var f=!1;if(null===a)f=!0;else switch(g){case "string":case "number":f=!0;break;case "object":switch(a.$$typeof){case k:case m:f=!0;break;case y:return f=a._init,V(f(a._payload),b,c,e,d)}}if(f)return d=d(a),f=""===e?"."+T(a,0):e,I(d)?(c="",null!=f&&(c=f.replace(S,"$&/")+"/"),V(d,b,c,"",function(ha){return ha})):null!=d&&(R(d)&&(d=ea(d,c+(!d.key||a&&a.key===d.key?"":(""+d.key).replace(S,"$&/")+"/")+f)),b.push(d)),1;f=0;var h=
+""===e?".":e+":";if(I(a))for(var l=0;l<a.length;l++)e=a[l],g=h+T(e,l),f+=V(e,b,c,g,d);else if(l=da(a),"function"===typeof l)for(a=l.call(a),l=0;!(e=a.next()).done;)e=e.value,g=h+T(e,l++),f+=V(e,b,c,g,d);else if("object"===g){if("function"===typeof a.then)return V(fa(a),b,c,e,d);b=String(a);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");
+}return f}function W(a,b,c){if(null==a)return a;var e=[],d=0;V(a,e,"","",function(g){return b.call(c,g,d++)});return e}function ia(a){if(-1===a._status){var b=a._result;b=b();b.then(function(c){if(0===a._status||-1===a._status)a._status=1,a._result=c},function(c){if(0===a._status||-1===a._status)a._status=2,a._result=c});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}function ja(){return new WeakMap}
+function X(){return{s:0,v:void 0,o:null,p:null}}function Y(a,b){return J.current.useOptimistic(a,b)}function ka(){}var Z="function"===typeof reportError?reportError:function(a){console.error(a)};
+exports.Children={map:W,forEach:function(a,b,c){W(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;W(a,function(){b++});return b},toArray:function(a){return W(a,function(b){return b})||[]},only:function(a){if(!R(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};exports.Component=E;exports.Fragment=n;exports.Profiler=q;exports.PureComponent=G;exports.StrictMode=p;exports.Suspense=v;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=M;exports.act=function(){throw Error("act(...) is not supported in production builds of React.");};
+exports.cache=function(a){return function(){var b=K.current;if(!b)return a.apply(null,arguments);var c=b.getCacheForType(ja);b=c.get(a);void 0===b&&(b=X(),c.set(a,b));c=0;for(var e=arguments.length;c<e;c++){var d=arguments[c];if("function"===typeof d||"object"===typeof d&&null!==d){var g=b.o;null===g&&(b.o=g=new WeakMap);b=g.get(d);void 0===b&&(b=X(),g.set(d,b))}else g=b.p,null===g&&(b.p=g=new Map),b=g.get(d),void 0===b&&(b=X(),g.set(d,b))}if(1===b.s)return b.v;if(2===b.s)throw b.v;try{var f=a.apply(null,
+arguments);c=b;c.s=1;return c.v=f}catch(h){throw f=b,f.s=2,f.v=h,h;}}};
+exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error("The argument must be a React element, but you passed "+a+".");var e=C({},a.props),d=a.key,g=a._owner;if(null!=b){void 0!==b.ref&&(g=O.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var f=a.type.defaultProps;for(h in b)!N.call(b,h)||"key"===h||"__self"===h||"__source"===h||"ref"===h&&void 0===b.ref||(e[h]=void 0===b[h]&&void 0!==f?f[h]:b[h])}var h=arguments.length-2;if(1===h)e.children=c;else if(1<h){f=
+Array(h);for(var l=0;l<h;l++)f[l]=arguments[l+2];e.children=f}return P(a.type,d,null,void 0,void 0,g,e)};exports.createContext=function(a){a={$$typeof:t,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:r,_context:a};return a.Consumer=a};exports.createElement=Q;exports.createFactory=function(a){var b=Q.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};exports.experimental_useEffectEvent=function(a){return J.current.useEffectEvent(a)};
+exports.experimental_useOptimistic=function(a,b){return Y(a,b)};exports.forwardRef=function(a){return{$$typeof:u,render:a}};exports.isValidElement=R;exports.lazy=function(a){return{$$typeof:y,_payload:{_status:-1,_result:a},_init:ia}};exports.memo=function(a,b){return{$$typeof:x,type:a,compare:void 0===b?null:b}};
+exports.startTransition=function(a){var b=L.transition,c=new Set;L.transition={_callbacks:c};var e=L.transition;try{var d=a();"object"===typeof d&&null!==d&&"function"===typeof d.then&&(c.forEach(function(g){return g(e,d)}),d.then(ka,Z))}catch(g){Z(g)}finally{L.transition=b}};exports.unstable_Activity=aa;exports.unstable_Cache=ba;exports.unstable_DebugTracingMode=z;exports.unstable_SuspenseList=w;exports.unstable_getCacheForType=function(a){var b=K.current;return b?b.getCacheForType(a):a()};
+exports.unstable_getCacheSignal=function(){var a=K.current;return a?a.getCacheSignal():(a=new AbortController,a.abort(Error("This CacheSignal was requested outside React which means that it is immediately aborted.")),a.signal)};exports.unstable_postpone=function(a){a=Error(a);a.$$typeof=ca;throw a;};exports.unstable_useCacheRefresh=function(){return J.current.useCacheRefresh()};exports.unstable_useMemoCache=function(a){return J.current.useMemoCache(a)};exports.use=function(a){return J.current.use(a)};
+exports.useCallback=function(a,b){return J.current.useCallback(a,b)};exports.useContext=function(a){return J.current.useContext(a)};exports.useDebugValue=function(){};exports.useDeferredValue=function(a,b){return J.current.useDeferredValue(a,b)};exports.useEffect=function(a,b){return J.current.useEffect(a,b)};exports.useId=function(){return J.current.useId()};exports.useImperativeHandle=function(a,b,c){return J.current.useImperativeHandle(a,b,c)};
+exports.useInsertionEffect=function(a,b){return J.current.useInsertionEffect(a,b)};exports.useLayoutEffect=function(a,b){return J.current.useLayoutEffect(a,b)};exports.useMemo=function(a,b){return J.current.useMemo(a,b)};exports.useOptimistic=Y;exports.useReducer=function(a,b,c){return J.current.useReducer(a,b,c)};exports.useRef=function(a){return J.current.useRef(a)};exports.useState=function(a){return J.current.useState(a)};
+exports.useSyncExternalStore=function(a,b,c){return J.current.useSyncExternalStore(a,b,c)};exports.useTransition=function(){return J.current.useTransition()};exports.version="18.3.0-experimental-14898b6a9-20240318";
 
 //# sourceMappingURL=react.production.min.js.map
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
new file mode 100644
index 00000000000000..e230d8f9279209
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.development.js
@@ -0,0 +1,2548 @@
+/**
+ * @license React
+ * react.react-server.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+/**
+ * Keeps track of the current dispatcher.
+ */
+var ReactCurrentDispatcher$1 = {
+  current: null
+};
+
+/**
+ * Keeps track of the current owner.
+ *
+ * The current owner is the component who should own any components that are
+ * currently being constructed.
+ */
+var ReactCurrentOwner$1 = {
+  /**
+   * @internal
+   * @type {ReactComponent}
+   */
+  current: null
+};
+
+var ReactDebugCurrentFrame$1 = {};
+var currentExtraStackFrame = null;
+
+{
+  ReactDebugCurrentFrame$1.setExtraStackFrame = function (stack) {
+    {
+      currentExtraStackFrame = stack;
+    }
+  }; // Stack implementation injected by the current renderer.
+
+
+  ReactDebugCurrentFrame$1.getCurrentStack = null;
+
+  ReactDebugCurrentFrame$1.getStackAddendum = function () {
+    var stack = ''; // Add an extra top frame while an element is being validated
+
+    if (currentExtraStackFrame) {
+      stack += currentExtraStackFrame;
+    } // Delegate to the injected renderer-specific implementation
+
+
+    var impl = ReactDebugCurrentFrame$1.getCurrentStack;
+
+    if (impl) {
+      stack += impl() || '';
+    }
+
+    return stack;
+  };
+}
+
+var ReactSharedInternals = {
+  ReactCurrentDispatcher: ReactCurrentDispatcher$1,
+  ReactCurrentOwner: ReactCurrentOwner$1
+};
+
+{
+  ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame$1;
+}
+
+// by calls to these methods by a Babel plugin.
+//
+// In PROD (or in packages without access to React internals),
+// they are left as they are instead.
+
+function warn(format) {
+  {
+    {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      printWarning('warn', format, args);
+    }
+  }
+}
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+var assign = Object.assign;
+
+// -----------------------------------------------------------------------------
+
+var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+var __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+var enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false;
+
+/**
+ * Keeps track of the current Cache dispatcher.
+ */
+var ReactCurrentCache = {
+  current: null
+};
+
+function createFetchCache() {
+  return new Map();
+}
+
+var simpleCacheKey = '["GET",[],null,"follow",null,null,null,null]'; // generateCacheKey(new Request('https://blank'));
+
+function generateCacheKey(request) {
+  // We pick the fields that goes into the key used to dedupe requests.
+  // We don't include the `cache` field, because we end up using whatever
+  // caching resulted from the first request.
+  // Notably we currently don't consider non-standard (or future) options.
+  // This might not be safe. TODO: warn for non-standard extensions differing.
+  // IF YOU CHANGE THIS UPDATE THE simpleCacheKey ABOVE.
+  return JSON.stringify([request.method, Array.from(request.headers.entries()), request.mode, request.redirect, request.credentials, request.referrer, request.referrerPolicy, request.integrity]);
+}
+
+{
+  if (typeof fetch === 'function') {
+    var originalFetch = fetch;
+
+    var cachedFetch = function fetch(resource, options) {
+      var dispatcher = ReactCurrentCache.current;
+
+      if (!dispatcher) {
+        // We're outside a cached scope.
+        return originalFetch(resource, options);
+      }
+
+      if (options && options.signal && options.signal !== dispatcher.getCacheSignal()) {
+        // If we're passed a signal that is not ours, then we assume that
+        // someone else controls the lifetime of this object and opts out of
+        // caching. It's effectively the opt-out mechanism.
+        // Ideally we should be able to check this on the Request but
+        // it always gets initialized with its own signal so we don't
+        // know if it's supposed to override - unless we also override the
+        // Request constructor.
+        return originalFetch(resource, options);
+      } // Normalize the Request
+
+
+      var url;
+      var cacheKey;
+
+      if (typeof resource === 'string' && !options) {
+        // Fast path.
+        cacheKey = simpleCacheKey;
+        url = resource;
+      } else {
+        // Normalize the request.
+        // if resource is not a string or a URL (its an instance of Request)
+        // then do not instantiate a new Request but instead
+        // reuse the request as to not disturb the body in the event it's a ReadableStream.
+        var request = typeof resource === 'string' || resource instanceof URL ? new Request(resource, options) : resource;
+
+        if (request.method !== 'GET' && request.method !== 'HEAD' || // $FlowFixMe[prop-missing]: keepalive is real
+        request.keepalive) {
+          // We currently don't dedupe requests that might have side-effects. Those
+          // have to be explicitly cached. We assume that the request doesn't have a
+          // body if it's GET or HEAD.
+          // keepalive gets treated the same as if you passed a custom cache signal.
+          return originalFetch(resource, options);
+        }
+
+        cacheKey = generateCacheKey(request);
+        url = request.url;
+      }
+
+      var cache = dispatcher.getCacheForType(createFetchCache);
+      var cacheEntries = cache.get(url);
+      var match;
+
+      if (cacheEntries === undefined) {
+        // We pass the original arguments here in case normalizing the Request
+        // doesn't include all the options in this environment.
+        match = originalFetch(resource, options);
+        cache.set(url, [cacheKey, match]);
+      } else {
+        // We use an array as the inner data structure since it's lighter and
+        // we typically only expect to see one or two entries here.
+        for (var i = 0, l = cacheEntries.length; i < l; i += 2) {
+          var key = cacheEntries[i];
+          var value = cacheEntries[i + 1];
+
+          if (key === cacheKey) {
+            match = value; // I would've preferred a labelled break but lint says no.
+
+            return match.then(function (response) {
+              return response.clone();
+            });
+          }
+        }
+
+        match = originalFetch(resource, options);
+        cacheEntries.push(cacheKey, match);
+      } // We clone the response so that each time you call this you get a new read
+      // of the body so that it can be read multiple times.
+
+
+      return match.then(function (response) {
+        return response.clone();
+      });
+    }; // We don't expect to see any extra properties on fetch but if there are any,
+    // copy them over. Useful for extended fetch environments or mocks.
+
+
+    assign(cachedFetch, originalFetch);
+
+    try {
+      // eslint-disable-next-line no-native-reassign
+      fetch = cachedFetch;
+    } catch (error1) {
+      try {
+        // In case assigning it globally fails, try globalThis instead just in case it exists.
+        globalThis.fetch = cachedFetch;
+      } catch (error2) {
+        // Log even in production just to make sure this is seen if only prod is frozen.
+        // eslint-disable-next-line react-internal/no-production-logging
+        warn('React was unable to patch the fetch() function in this environment. ' + 'Suspensey APIs might not work correctly as a result.');
+      }
+    }
+  }
+}
+
+var TaintRegistryObjects$1 = new WeakMap();
+var TaintRegistryValues$1 = new Map(); // Byte lengths of all binary values we've ever seen. We don't both refcounting this.
+// We expect to see only a few lengths here such as the length of token.
+
+var TaintRegistryByteLengths$1 = new Set(); // When a value is finalized, it means that it has been removed from any global caches.
+// No future requests can get a handle on it but any ongoing requests can still have
+// a handle on it. It's still tainted until that happens.
+
+var TaintRegistryPendingRequests$1 = new Set();
+
+var ReactServerSharedInternals = {
+  ReactCurrentCache: ReactCurrentCache
+};
+
+{
+  ReactServerSharedInternals.TaintRegistryObjects = TaintRegistryObjects$1;
+  ReactServerSharedInternals.TaintRegistryValues = TaintRegistryValues$1;
+  ReactServerSharedInternals.TaintRegistryByteLengths = TaintRegistryByteLengths$1;
+  ReactServerSharedInternals.TaintRegistryPendingRequests = TaintRegistryPendingRequests$1;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
+  var functionName = innerType.displayName || innerType.name || '';
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
+} // Keep in sync with react-reconciler/getComponentNameFromFiber
+
+
+function getContextName(type) {
+  return type.displayName || 'Context';
+}
+
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+
+function getComponentNameFromType(type) {
+  if (type == null) {
+    // Host root, text node or just invalid type.
+    return null;
+  }
+
+  if (typeof type === 'function') {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
+      // TODO: Create a convention for naming client references with debug info.
+      return null;
+    }
+
+    return type.displayName || type.name || null;
+  }
+
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_FRAGMENT_TYPE:
+      return 'Fragment';
+
+    case REACT_PORTAL_TYPE:
+      return 'Portal';
+
+    case REACT_PROFILER_TYPE:
+      return 'Profiler';
+
+    case REACT_STRICT_MODE_TYPE:
+      return 'StrictMode';
+
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+
+    case REACT_CACHE_TYPE:
+      {
+        return 'Cache';
+      }
+
+  }
+
+  if (typeof type === 'object') {
+    {
+      if (typeof type.tag === 'number') {
+        error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
+      }
+    }
+
+    switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
+      case REACT_CONTEXT_TYPE:
+        var context = type;
+
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        return getWrappedName(type, type.render, 'ForwardRef');
+
+      case REACT_MEMO_TYPE:
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            return getComponentNameFromType(init(payload));
+          } catch (x) {
+            return null;
+          }
+        }
+    }
+  }
+
+  return null;
+}
+
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || type === REACT_CACHE_TYPE || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
+  }
+}
+function reenableLogs() {
+  {
+    disabledDepth--;
+
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
+}
+
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+var reentry = false;
+var componentFrameCache;
+
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
+}
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  {
+    var frame = componentFrameCache.get(fn);
+
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
+
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
+
+  {
+    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
+
+    ReactCurrentDispatcher.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
+
+
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    {
+      ReactCurrentDispatcher.current = previousDispatcher;
+      reenableLogs();
+    }
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
+
+  return syntheticFrame;
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
+
+  if (type == null) {
+    return '';
+  }
+
+  if (typeof type === 'function') {
+    {
+      return describeNativeComponentFrame(type, shouldConstruct(type));
+    }
+  }
+
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame('Suspense');
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame('SuspenseList');
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeFunctionComponentFrame(type.render);
+
+      case REACT_MEMO_TYPE:
+        // Memo may contain any component type so we recursively resolve it.
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+var specialPropKeyWarningShown;
+var didWarnAboutStringRefs;
+var didWarnAboutElementRef;
+
+{
+  didWarnAboutStringRefs = {};
+  didWarnAboutElementRef = {};
+}
+
+function hasValidRef(config) {
+  {
+    if (hasOwnProperty.call(config, 'ref')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.ref !== undefined;
+}
+
+function hasValidKey(config) {
+  {
+    if (hasOwnProperty.call(config, 'key')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.key !== undefined;
+}
+
+function warnIfStringRefCannotBeAutoConverted(config, self) {
+  {
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
+
+        didWarnAboutStringRefs[componentName] = true;
+      }
+    }
+  }
+}
+
+function defineKeyPropWarningGetter(props, displayName) {
+  {
+    var warnAboutAccessingKey = function () {
+      if (!specialPropKeyWarningShown) {
+        specialPropKeyWarningShown = true;
+
+        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://reactjs.org/link/special-props)', displayName);
+      }
+    };
+
+    warnAboutAccessingKey.isReactWarning = true;
+    Object.defineProperty(props, 'key', {
+      get: warnAboutAccessingKey,
+      configurable: true
+    });
+  }
+}
+
+function elementRefGetterWithDeprecationWarning() {
+  {
+    var componentName = getComponentNameFromType(this.type);
+
+    if (!didWarnAboutElementRef[componentName]) {
+      didWarnAboutElementRef[componentName] = true;
+
+      error('Accessing element.ref is no longer supported. ref is now a ' + 'regular prop. It will be removed from the JSX Element ' + 'type in a future release.');
+    } // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+
+    var refProp = this.props.ref;
+    return refProp !== undefined ? refProp : null;
+  }
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
+
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    var refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  var element;
+
+  {
+    // In dev, make `ref` a non-enumerable property with a warning. It's non-
+    // enumerable so that test matchers and serializers don't access it and
+    // trigger the warning.
+    //
+    // `ref` will be removed from the element completely in a future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+
+    if (ref !== null) {
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        get: elementRefGetterWithDeprecationWarning
+      });
+    } else {
+      // Don't warn on access if a ref is not given. This reduces false
+      // positives in cases where a test serializer uses
+      // getOwnPropertyDescriptors to compare objects, like Jest does, which is
+      // a problem because it bypasses non-enumerability.
+      //
+      // So unfortunately this will trigger a false positive warning in Jest
+      // when the diff is printed:
+      //
+      //   expect(<div ref={ref} />).toEqual(<span ref={ref} />);
+      //
+      // A bit sketchy, but this is what we've done for the `props.key` and
+      // `props.ref` accessors for years, which implies it will be good enough
+      // for `element.ref`, too. Let's see if anyone complains.
+      Object.defineProperty(element, 'ref', {
+        enumerable: false,
+        value: null
+      });
+    }
+  }
+
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
+    // ignores it.
+
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: false
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: null
+    });
+
+    if (Object.freeze) {
+      Object.freeze(element.props);
+      Object.freeze(element);
+    }
+  }
+
+  return element;
+}
+/**
+ * Create and return a new ReactElement of the given type.
+ * See https://reactjs.org/docs/react-api.html#createelement
+ */
+
+function createElement(type, config, children) {
+  {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = typeof type;
+      }
+
+      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, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      for (var i = 2; i < arguments.length; i++) {
+        validateChildKeys(arguments[i], type);
+      }
+    } // Unlike the jsx() runtime, createElement() doesn't warn about key spread.
+
+  }
+
+  var propName; // Reserved names are extracted
+
+  var props = {};
+  var key = null;
+  var ref = null;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+
+      {
+        warnIfStringRefCannotBeAutoConverted(config, config.__self);
+      }
+    }
+
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
+
+      key = '' + config.key;
+    } // Remaining properties are added to a new props object
+
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
+        props[propName] = config[propName];
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  var childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
+
+    for (var _i = 0; _i < childrenLength; _i++) {
+      childArray[_i] = arguments[_i + 2];
+    }
+
+    {
+      if (Object.freeze) {
+        Object.freeze(childArray);
+      }
+    }
+
+    props.children = childArray;
+  } // Resolve default props
+
+
+  if (type && type.defaultProps) {
+    var defaultProps = type.defaultProps;
+
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+  }
+
+  {
+    if (key || !enableRefAsProp ) {
+      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
+      if (key) {
+        defineKeyPropWarningGetter(props, displayName);
+      }
+    }
+  }
+
+  var element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+
+  if (type === REACT_FRAGMENT_TYPE) {
+    validateFragmentProps(element);
+  }
+
+  return element;
+}
+function cloneAndReplaceKey(oldElement, newKey) {
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  null , undefined, undefined, oldElement._owner, oldElement.props);
+}
+/**
+ * Clone and return a new ReactElement using element as the starting point.
+ * See https://reactjs.org/docs/react-api.html#cloneelement
+ */
+
+function cloneElement(element, config, children) {
+  if (element === null || element === undefined) {
+    throw new Error("The argument must be a React element, but you passed " + element + ".");
+  }
+
+  var propName; // Original props are copied
+
+  var props = assign({}, element.props); // Reserved names are extracted
+
+  var key = element.key;
+  var ref = null ; // Owner will be preserved, unless ref is overridden
+
+  var owner = element._owner;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+
+      owner = ReactCurrentOwner.current;
+    }
+
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
+
+      key = '' + config.key;
+    } // Remaining properties override existing props
+
+
+    var defaultProps;
+
+    if (element.type && element.type.defaultProps) {
+      defaultProps = element.type.defaultProps;
+    }
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(propName === 'ref' && config.ref === undefined)) {
+        if (config[propName] === undefined && defaultProps !== undefined) {
+          // Resolve default props
+          props[propName] = defaultProps[propName];
+        } else {
+          props[propName] = config[propName];
+        }
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  var childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
+
+    for (var i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
+    }
+
+    props.children = childArray;
+  }
+
+  var clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
+
+  for (var _i2 = 2; _i2 < arguments.length; _i2++) {
+    validateChildKeys(arguments[_i2], clonedElement.type);
+  }
+
+  return clonedElement;
+}
+
+function getDeclarationErrorAddendum() {
+  {
+    if (ReactCurrentOwner.current) {
+      var name = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (name) {
+        return '\n\nCheck the render method of `' + name + '`.';
+      }
+    }
+
+    return '';
+  }
+}
+/**
+ * Ensure that every element either is passed in a static location, in an
+ * array with an explicit keys property defined, or in an object literal
+ * with valid key property.
+ *
+ * @internal
+ * @param {ReactNode} node Statically passed child of any type.
+ * @param {*} parentType node's parent's type.
+ */
+
+
+function validateChildKeys(node, parentType) {
+  {
+    if (typeof node !== 'object' || !node) {
+      return;
+    }
+
+    if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
+      for (var i = 0; i < node.length; i++) {
+        var child = node[i];
+
+        if (isValidElement(child)) {
+          validateExplicitKey(child, parentType);
+        }
+      }
+    } else if (isValidElement(node)) {
+      // This element was passed in a valid location.
+      if (node._store) {
+        node._store.validated = true;
+      }
+    } else {
+      var iteratorFn = getIteratorFn(node);
+
+      if (typeof iteratorFn === 'function') {
+        // Entry iterators used to provide implicit keys,
+        // but now we print a separate warning for them later.
+        if (iteratorFn !== node.entries) {
+          var iterator = iteratorFn.call(node);
+          var step;
+
+          while (!(step = iterator.next()).done) {
+            if (isValidElement(step.value)) {
+              validateExplicitKey(step.value, parentType);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
+
+
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
+
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
+      return;
+    }
+
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
+
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
+
+    var childOwner = '';
+
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+    }
+
+    setCurrentlyValidatingElement(element);
+
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    }
+  }
+}
+
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
+
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
+    }
+
+    return info;
+  }
+}
+/**
+ * Given a fragment, validate that it can only be provided with fragment props
+ * @param {ReactElement} fragment
+ */
+
+
+function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
+  {
+    var keys = Object.keys(fragment.props);
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+
+      if (key !== 'children' && key !== 'key') {
+        setCurrentlyValidatingElement(fragment);
+
+        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+
+        setCurrentlyValidatingElement(null);
+        break;
+      }
+    }
+  }
+}
+
+var SEPARATOR = '.';
+var SUBSEPARATOR = ':';
+/**
+ * Escape and wrap key so it is safe to use as a reactid
+ *
+ * @param {string} key to be escaped.
+ * @return {string} the escaped key.
+ */
+
+function escape(key) {
+  var escapeRegex = /[=:]/g;
+  var escaperLookup = {
+    '=': '=0',
+    ':': '=2'
+  };
+  var escapedString = key.replace(escapeRegex, function (match) {
+    return escaperLookup[match];
+  });
+  return '$' + escapedString;
+}
+/**
+ * TODO: Test that a single child and an array with one item have the same key
+ * pattern.
+ */
+
+
+var didWarnAboutMaps = false;
+var userProvidedKeyEscapeRegex = /\/+/g;
+
+function escapeUserProvidedKey(text) {
+  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+}
+/**
+ * Generate a key string that identifies a element within a set.
+ *
+ * @param {*} element A element that could contain a manual key.
+ * @param {number} index Index that is used if a manual key is not provided.
+ * @return {string}
+ */
+
+
+function getElementKey(element, index) {
+  // Do some typechecking here since we call this blindly. We want to ensure
+  // that we don't block potential future ES APIs.
+  if (typeof element === 'object' && element !== null && element.key != null) {
+    // Explicit key
+    {
+      checkKeyStringCoercion(element.key);
+    }
+
+    return escape('' + element.key);
+  } // Implicit key determined by the index in the set
+
+
+  return index.toString(36);
+}
+
+function noop$1() {}
+
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
+
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              var fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              var rejectedThenable = thenable;
+              var _rejectedError = rejectedThenable.reason;
+              throw _rejectedError;
+            }
+        }
+      }
+  }
+
+  throw thenable;
+}
+
+function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  var type = typeof children;
+
+  if (type === 'undefined' || type === 'boolean') {
+    // All of the above are perceived as null.
+    children = null;
+  }
+
+  var invokeCallback = false;
+
+  if (children === null) {
+    invokeCallback = true;
+  } else {
+    switch (type) {
+      case 'string':
+      case 'number':
+        invokeCallback = true;
+        break;
+
+      case 'object':
+        switch (children.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+          case REACT_PORTAL_TYPE:
+            invokeCallback = true;
+            break;
+
+          case REACT_LAZY_TYPE:
+            var payload = children._payload;
+            var init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
+        }
+
+    }
+  }
+
+  if (invokeCallback) {
+    var _child = children;
+    var mappedChild = callback(_child); // If it's the only child, treat the name as if it was wrapped in an array
+    // so that it's consistent if the number of children grows:
+
+    var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
+
+    if (isArray(mappedChild)) {
+      var escapedChildKey = '';
+
+      if (childKey != null) {
+        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
+      }
+
+      mapIntoArray(mappedChild, array, escapedChildKey, '', function (c) {
+        return c;
+      });
+    } else if (mappedChild != null) {
+      if (isValidElement(mappedChild)) {
+        {
+          // The `if` statement here prevents auto-disabling of the safe
+          // coercion ESLint rule, so we must manually disable it below.
+          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+          if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
+            checkKeyStringCoercion(mappedChild.key);
+          }
+        }
+
+        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
+        // traverseAllChildren used to do for objects as children
+        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+        mappedChild.key && (!_child || _child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
+        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
+        ) + '/' : '') + childKey);
+      }
+
+      array.push(mappedChild);
+    }
+
+    return 1;
+  }
+
+  var child;
+  var nextName;
+  var subtreeCount = 0; // Count of children found in the current subtree.
+
+  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+
+  if (isArray(children)) {
+    for (var i = 0; i < children.length; i++) {
+      child = children[i];
+      nextName = nextNamePrefix + getElementKey(child, i);
+      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+    }
+  } else {
+    var iteratorFn = getIteratorFn(children);
+
+    if (typeof iteratorFn === 'function') {
+      var iterableChildren = children;
+
+      {
+        // Warn about using Maps as children
+        if (iteratorFn === iterableChildren.entries) {
+          if (!didWarnAboutMaps) {
+            warn('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
+          }
+
+          didWarnAboutMaps = true;
+        }
+      }
+
+      var iterator = iteratorFn.call(iterableChildren);
+      var step;
+      var ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
+
+      while (!(step = iterator.next()).done) {
+        child = step.value;
+        nextName = nextNamePrefix + getElementKey(child, ii++);
+        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+      }
+    } else if (type === 'object') {
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+      var childrenString = String(children);
+      throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
+    }
+  }
+
+  return subtreeCount;
+}
+/**
+ * Maps children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenmap
+ *
+ * The provided mapFunction(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} func The map function.
+ * @param {*} context Context for mapFunction.
+ * @return {object} Object containing the ordered map of results.
+ */
+
+
+function mapChildren(children, func, context) {
+  if (children == null) {
+    // $FlowFixMe limitation refining abstract types in Flow
+    return children;
+  }
+
+  var result = [];
+  var count = 0;
+  mapIntoArray(children, result, '', '', function (child) {
+    return func.call(context, child, count++);
+  });
+  return result;
+}
+/**
+ * Count the number of children that are typically specified as
+ * `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrencount
+ *
+ * @param {?*} children Children tree container.
+ * @return {number} The number of children.
+ */
+
+
+function countChildren(children) {
+  var n = 0;
+  mapChildren(children, function () {
+    n++; // Don't return anything
+  });
+  return n;
+}
+/**
+ * Iterates through children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} forEachFunc
+ * @param {*} forEachContext Context for forEachContext.
+ */
+
+
+function forEachChildren(children, forEachFunc, forEachContext) {
+  mapChildren(children, // $FlowFixMe[missing-this-annot]
+  function () {
+    forEachFunc.apply(this, arguments); // Don't return anything.
+  }, forEachContext);
+}
+/**
+ * Flatten a children object (typically specified as `props.children`) and
+ * return an array with appropriately re-keyed children.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
+ */
+
+
+function toArray(children) {
+  return mapChildren(children, function (child) {
+    return child;
+  }) || [];
+}
+/**
+ * Returns the first child in a collection of children and verifies that there
+ * is only one child in the collection.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenonly
+ *
+ * The current implementation of this function assumes that a single child gets
+ * passed without a wrapper, but the purpose of this helper function is to
+ * abstract away the particular structure of children.
+ *
+ * @param {?object} children Child collection structure.
+ * @return {ReactElement} The first and only `ReactElement` contained in the
+ * structure.
+ */
+
+
+function onlyChild(children) {
+  if (!isValidElement(children)) {
+    throw new Error('React.Children.only expected to receive a single React element child.');
+  }
+
+  return children;
+}
+
+// an immutable object with a single mutable value
+function createRef() {
+  var refObject = {
+    current: null
+  };
+
+  {
+    Object.seal(refObject);
+  }
+
+  return refObject;
+}
+
+function resolveDispatcher() {
+  var dispatcher = ReactCurrentDispatcher$1.current;
+
+  {
+    if (dispatcher === null) {
+      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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    }
+  } // Will result in a null access error if accessed outside render phase. We
+  // intentionally don't throw our own error because this is in a hot path.
+  // Also helps ensure this is inlined.
+
+
+  return dispatcher;
+}
+
+function getCacheSignal() {
+  var dispatcher = ReactCurrentCache.current;
+
+  if (!dispatcher) {
+    // If we have no cache to associate with this call, then we don't know
+    // its lifetime. We abort early since that's safer than letting it live
+    // for ever. Unlike just caching which can be a functional noop outside
+    // of React, these should generally always be associated with some React
+    // render but we're not limiting quite as much as making it a Hook.
+    // It's safer than erroring early at runtime.
+    var controller = new AbortController();
+    var reason = new Error('This CacheSignal was requested outside React which means that it is ' + 'immediately aborted.');
+    controller.abort(reason);
+    return controller.signal;
+  }
+
+  return dispatcher.getCacheSignal();
+}
+function getCacheForType(resourceType) {
+  var dispatcher = ReactCurrentCache.current;
+
+  if (!dispatcher) {
+    // If there is no dispatcher, then we treat this as not being cached.
+    return resourceType();
+  }
+
+  return dispatcher.getCacheForType(resourceType);
+}
+function useCallback(callback, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useCallback(callback, deps);
+}
+function useMemo(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useMemo(create, deps);
+}
+function useDebugValue(value, formatterFn) {
+  {
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useDebugValue(value, formatterFn);
+  }
+}
+function useId() {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useId();
+}
+function use(usable) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.use(usable);
+}
+
+function forwardRef(render) {
+  {
+    if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
+      error('forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
+    } else if (typeof render !== 'function') {
+      error('forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
+    } else {
+      if (render.length !== 0 && render.length !== 2) {
+        error('forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.');
+      }
+    }
+
+    if (render != null) {
+      if (render.defaultProps != null) {
+        error('forwardRef render functions do not support defaultProps. ' + 'Did you accidentally pass a React component?');
+      }
+    }
+  }
+
+  var elementType = {
+    $$typeof: REACT_FORWARD_REF_TYPE,
+    render: render
+  };
+
+  {
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.forwardRef((props, ref) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!render.name && !render.displayName) {
+          render.displayName = name;
+        }
+      }
+    });
+  }
+
+  return elementType;
+}
+
+var Uninitialized = -1;
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
+
+function lazyInitializer(payload) {
+  if (payload._status === Uninitialized) {
+    var ctor = payload._result;
+    var thenable = ctor(); // Transition to the next state.
+    // This might throw either because it's missing or throws. If so, we treat it
+    // as still uninitialized and try again next time. Which is the same as what
+    // happens if the ctor or any wrappers processing the ctor throws. This might
+    // end up fixing it if the resolution was a concurrency bug.
+
+    thenable.then(function (moduleObject) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var resolved = payload;
+        resolved._status = Resolved;
+        resolved._result = moduleObject;
+      }
+    }, function (error) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var rejected = payload;
+        rejected._status = Rejected;
+        rejected._result = error;
+      }
+    });
+
+    if (payload._status === Uninitialized) {
+      // In case, we're still uninitialized, then we're waiting for the thenable
+      // to resolve. Set it as pending in the meantime.
+      var pending = payload;
+      pending._status = Pending;
+      pending._result = thenable;
+    }
+  }
+
+  if (payload._status === Resolved) {
+    var moduleObject = payload._result;
+
+    {
+      if (moduleObject === undefined) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
+      }
+    }
+
+    {
+      if (!('default' in moduleObject)) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
+      }
+    }
+
+    return moduleObject.default;
+  } else {
+    throw payload._result;
+  }
+}
+
+function lazy(ctor) {
+  var payload = {
+    // We use these fields to store the result.
+    _status: Uninitialized,
+    _result: ctor
+  };
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: payload,
+    _init: lazyInitializer
+  };
+
+  {
+    // In production, this would just set it on the object.
+    var defaultProps;
+    var propTypes; // $FlowFixMe[prop-missing]
+
+    Object.defineProperties(lazyType, {
+      defaultProps: {
+        configurable: true,
+        get: function () {
+          return defaultProps;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newDefaultProps) {
+          error('It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+
+          defaultProps = newDefaultProps; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
+
+          Object.defineProperty(lazyType, 'defaultProps', {
+            enumerable: true
+          });
+        }
+      },
+      propTypes: {
+        configurable: true,
+        get: function () {
+          return propTypes;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newPropTypes) {
+          error('It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+
+          propTypes = newPropTypes; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
+
+          Object.defineProperty(lazyType, 'propTypes', {
+            enumerable: true
+          });
+        }
+      }
+    });
+  }
+
+  return lazyType;
+}
+
+function memo(type, compare) {
+  {
+    if (!isValidElementType(type)) {
+      error('memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
+    }
+  }
+
+  var elementType = {
+    $$typeof: REACT_MEMO_TYPE,
+    type: type,
+    compare: compare === undefined ? null : compare
+  };
+
+  {
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.memo((props) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!type.name && !type.displayName) {
+          type.displayName = name;
+        }
+      }
+    });
+  }
+
+  return elementType;
+}
+
+var UNTERMINATED = 0;
+var TERMINATED = 1;
+var ERRORED = 2;
+
+function createCacheRoot() {
+  return new WeakMap();
+}
+
+function createCacheNode() {
+  return {
+    s: UNTERMINATED,
+    // status, represents whether the cached computation returned a value or threw an error
+    v: undefined,
+    // value, either the cached result or an error, depending on s
+    o: null,
+    // object cache, a WeakMap where non-primitive arguments are stored
+    p: null // primitive cache, a regular Map where primitive arguments are stored.
+
+  };
+}
+
+function cache(fn) {
+  return function () {
+    var dispatcher = ReactCurrentCache.current;
+
+    if (!dispatcher) {
+      // If there is no dispatcher, then we treat this as not being cached.
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      return fn.apply(null, arguments);
+    }
+
+    var fnMap = dispatcher.getCacheForType(createCacheRoot);
+    var fnNode = fnMap.get(fn);
+    var cacheNode;
+
+    if (fnNode === undefined) {
+      cacheNode = createCacheNode();
+      fnMap.set(fn, cacheNode);
+    } else {
+      cacheNode = fnNode;
+    }
+
+    for (var i = 0, l = arguments.length; i < l; i++) {
+      var arg = arguments[i];
+
+      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
+        // Objects go into a WeakMap
+        var objectCache = cacheNode.o;
+
+        if (objectCache === null) {
+          cacheNode.o = objectCache = new WeakMap();
+        }
+
+        var objectNode = objectCache.get(arg);
+
+        if (objectNode === undefined) {
+          cacheNode = createCacheNode();
+          objectCache.set(arg, cacheNode);
+        } else {
+          cacheNode = objectNode;
+        }
+      } else {
+        // Primitives go into a regular Map
+        var primitiveCache = cacheNode.p;
+
+        if (primitiveCache === null) {
+          cacheNode.p = primitiveCache = new Map();
+        }
+
+        var primitiveNode = primitiveCache.get(arg);
+
+        if (primitiveNode === undefined) {
+          cacheNode = createCacheNode();
+          primitiveCache.set(arg, cacheNode);
+        } else {
+          cacheNode = primitiveNode;
+        }
+      }
+    }
+
+    if (cacheNode.s === TERMINATED) {
+      return cacheNode.v;
+    }
+
+    if (cacheNode.s === ERRORED) {
+      throw cacheNode.v;
+    }
+
+    try {
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      var result = fn.apply(null, arguments);
+      var terminatedNode = cacheNode;
+      terminatedNode.s = TERMINATED;
+      terminatedNode.v = result;
+      return result;
+    } catch (error) {
+      // We store the first error that's thrown and rethrow it.
+      var erroredNode = cacheNode;
+      erroredNode.s = ERRORED;
+      erroredNode.v = error;
+      throw error;
+    }
+  };
+}
+
+/**
+ * Keeps track of the current batch's configuration such as how long an update
+ * should suspend for if it needs to.
+ */
+var ReactCurrentBatchConfig = {
+  transition: null
+};
+
+function startTransition(scope, options) {
+  var prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
+
+  var callbacks = new Set();
+  var transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
+  var currentTransition = ReactCurrentBatchConfig.transition;
+
+  {
+    ReactCurrentBatchConfig.transition._updatedFibers = new Set();
+  }
+
+  {
+    try {
+      var returnValue = scope();
+
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(function (callback) {
+          return callback(currentTransition, returnValue);
+        });
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      warnAboutTransitionSubscriptions(prevTransition, currentTransition);
+      ReactCurrentBatchConfig.transition = prevTransition;
+    }
+  }
+}
+
+function warnAboutTransitionSubscriptions(prevTransition, currentTransition) {
+  {
+    if (prevTransition === null && currentTransition._updatedFibers) {
+      var updatedFibersCount = currentTransition._updatedFibers.size;
+
+      currentTransition._updatedFibers.clear();
+
+      if (updatedFibersCount > 10) {
+        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.');
+      }
+    }
+  }
+}
+
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
+
+
+var onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : function (error) {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
+
+function postpone(reason) {
+  // eslint-disable-next-line react-internal/prod-error-codes
+  var postponeInstance = new Error(reason);
+  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
+  throw postponeInstance;
+}
+
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
+
+var getPrototypeOf = Object.getPrototypeOf;
+
+// Turns a TypedArray or ArrayBuffer into a string that can be used for comparison
+// in a Map to see if the bytes are the same.
+function binaryToComparableString(view) {
+  return String.fromCharCode.apply(String, new Uint8Array(view.buffer, view.byteOffset, view.byteLength));
+}
+
+var TaintRegistryObjects = ReactServerSharedInternals.TaintRegistryObjects,
+    TaintRegistryValues = ReactServerSharedInternals.TaintRegistryValues,
+    TaintRegistryByteLengths = ReactServerSharedInternals.TaintRegistryByteLengths,
+    TaintRegistryPendingRequests = ReactServerSharedInternals.TaintRegistryPendingRequests; // This is the shared constructor of all typed arrays.
+
+var TypedArrayConstructor = getPrototypeOf(Uint32Array.prototype).constructor;
+var defaultMessage = 'A tainted value was attempted to be serialized to a Client Component or Action closure. ' + 'This would leak it to the client.';
+
+function cleanup(entryValue) {
+  var entry = TaintRegistryValues.get(entryValue);
+
+  if (entry !== undefined) {
+    TaintRegistryPendingRequests.forEach(function (requestQueue) {
+      requestQueue.push(entryValue);
+      entry.count++;
+    });
+
+    if (entry.count === 1) {
+      TaintRegistryValues.delete(entryValue);
+    } else {
+      entry.count--;
+    }
+  }
+} // If FinalizationRegistry doesn't exist, we assume that objects life forever.
+// E.g. the whole VM is just the lifetime of a request.
+
+
+var finalizationRegistry = typeof FinalizationRegistry === 'function' ? new FinalizationRegistry(cleanup) : null;
+function taintUniqueValue(message, lifetime, value) {
+
+
+  message = '' + (message || defaultMessage);
+
+  if (lifetime === null || typeof lifetime !== 'object' && typeof lifetime !== 'function') {
+    throw new Error('To taint a value, a lifetime must be defined by passing an object that holds ' + 'the value.');
+  }
+
+  var entryValue;
+
+  if (typeof value === 'string' || typeof value === 'bigint') {
+    // Use as is.
+    entryValue = value;
+  } else if ((value instanceof TypedArrayConstructor || value instanceof DataView)) {
+    // For now, we just convert binary data to a string so that we can just use the native
+    // hashing in the Map implementation. It doesn't really matter what form the string
+    // take as long as it's the same when we look it up.
+    // We're not too worried about collisions since this should be a high entropy value.
+    TaintRegistryByteLengths.add(value.byteLength);
+    entryValue = binaryToComparableString(value);
+  } else {
+    var kind = value === null ? 'null' : typeof value;
+
+    if (kind === 'object' || kind === 'function') {
+      throw new Error('taintUniqueValue cannot taint objects or functions. Try taintObjectReference instead.');
+    }
+
+    throw new Error('Cannot taint a ' + kind + ' because the value is too general and not unique enough to block globally.');
+  }
+
+  var existingEntry = TaintRegistryValues.get(entryValue);
+
+  if (existingEntry === undefined) {
+    TaintRegistryValues.set(entryValue, {
+      message: message,
+      count: 1
+    });
+  } else {
+    existingEntry.count++;
+  }
+
+  if (finalizationRegistry !== null) {
+    finalizationRegistry.register(lifetime, entryValue);
+  }
+}
+function taintObjectReference(message, object) {
+
+
+  message = '' + (message || defaultMessage);
+
+  if (typeof object === 'string' || typeof object === 'bigint') {
+    throw new Error('Only objects or functions can be passed to taintObjectReference. Try taintUniqueValue instead.');
+  }
+
+  if (object === null || typeof object !== 'object' && typeof object !== 'function') {
+    throw new Error('Only objects or functions can be passed to taintObjectReference.');
+  }
+
+  TaintRegistryObjects.set(object, message);
+}
+
+// Patch fetch
+var Children = {
+  map: mapChildren,
+  forEach: forEachChildren,
+  count: countChildren,
+  toArray: toArray,
+  only: onlyChild
+}; // These are server-only
+
+exports.Children = Children;
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.Profiler = REACT_PROFILER_TYPE;
+exports.StrictMode = REACT_STRICT_MODE_TYPE;
+exports.Suspense = REACT_SUSPENSE_TYPE;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactServerSharedInternals;
+exports.cache = cache;
+exports.cloneElement = cloneElement;
+exports.createElement = createElement;
+exports.createRef = createRef;
+exports.experimental_taintObjectReference = taintObjectReference;
+exports.experimental_taintUniqueValue = taintUniqueValue;
+exports.forwardRef = forwardRef;
+exports.isValidElement = isValidElement;
+exports.lazy = lazy;
+exports.memo = memo;
+exports.startTransition = startTransition;
+exports.unstable_DebugTracingMode = REACT_DEBUG_TRACING_MODE_TYPE;
+exports.unstable_SuspenseList = REACT_SUSPENSE_TYPE;
+exports.unstable_getCacheForType = getCacheForType;
+exports.unstable_getCacheSignal = getCacheSignal;
+exports.unstable_postpone = postpone;
+exports.use = use;
+exports.useCallback = useCallback;
+exports.useDebugValue = useDebugValue;
+exports.useId = useId;
+exports.useMemo = useMemo;
+exports.version = ReactVersion;
+  })();
+}
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
new file mode 100644
index 00000000000000..47b297b3eea435
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.js
@@ -0,0 +1,1252 @@
+/**
+ * @license React
+ * react.react-server.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const assign = Object.assign;
+
+// -----------------------------------------------------------------------------
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to true for easier skimming.
+// -----------------------------------------------------------------------------
+
+const __NEXT_MAJOR__ = true; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+
+/**
+ * Keeps track of the current Cache dispatcher.
+ */
+const ReactCurrentCache = {
+  current: null
+};
+
+function createFetchCache() {
+  return new Map();
+}
+
+const simpleCacheKey = '["GET",[],null,"follow",null,null,null,null]'; // generateCacheKey(new Request('https://blank'));
+
+function generateCacheKey(request) {
+  // We pick the fields that goes into the key used to dedupe requests.
+  // We don't include the `cache` field, because we end up using whatever
+  // caching resulted from the first request.
+  // Notably we currently don't consider non-standard (or future) options.
+  // This might not be safe. TODO: warn for non-standard extensions differing.
+  // IF YOU CHANGE THIS UPDATE THE simpleCacheKey ABOVE.
+  return JSON.stringify([request.method, Array.from(request.headers.entries()), request.mode, request.redirect, request.credentials, request.referrer, request.referrerPolicy, request.integrity]);
+}
+
+{
+  if (typeof fetch === 'function') {
+    const originalFetch = fetch;
+
+    const cachedFetch = function fetch(resource, options) {
+      const dispatcher = ReactCurrentCache.current;
+
+      if (!dispatcher) {
+        // We're outside a cached scope.
+        return originalFetch(resource, options);
+      }
+
+      if (options && options.signal && options.signal !== dispatcher.getCacheSignal()) {
+        // If we're passed a signal that is not ours, then we assume that
+        // someone else controls the lifetime of this object and opts out of
+        // caching. It's effectively the opt-out mechanism.
+        // Ideally we should be able to check this on the Request but
+        // it always gets initialized with its own signal so we don't
+        // know if it's supposed to override - unless we also override the
+        // Request constructor.
+        return originalFetch(resource, options);
+      } // Normalize the Request
+
+
+      let url;
+      let cacheKey;
+
+      if (typeof resource === 'string' && !options) {
+        // Fast path.
+        cacheKey = simpleCacheKey;
+        url = resource;
+      } else {
+        // Normalize the request.
+        // if resource is not a string or a URL (its an instance of Request)
+        // then do not instantiate a new Request but instead
+        // reuse the request as to not disturb the body in the event it's a ReadableStream.
+        const request = typeof resource === 'string' || resource instanceof URL ? new Request(resource, options) : resource;
+
+        if (request.method !== 'GET' && request.method !== 'HEAD' || // $FlowFixMe[prop-missing]: keepalive is real
+        request.keepalive) {
+          // We currently don't dedupe requests that might have side-effects. Those
+          // have to be explicitly cached. We assume that the request doesn't have a
+          // body if it's GET or HEAD.
+          // keepalive gets treated the same as if you passed a custom cache signal.
+          return originalFetch(resource, options);
+        }
+
+        cacheKey = generateCacheKey(request);
+        url = request.url;
+      }
+
+      const cache = dispatcher.getCacheForType(createFetchCache);
+      const cacheEntries = cache.get(url);
+      let match;
+
+      if (cacheEntries === undefined) {
+        // We pass the original arguments here in case normalizing the Request
+        // doesn't include all the options in this environment.
+        match = originalFetch(resource, options);
+        cache.set(url, [cacheKey, match]);
+      } else {
+        // We use an array as the inner data structure since it's lighter and
+        // we typically only expect to see one or two entries here.
+        for (let i = 0, l = cacheEntries.length; i < l; i += 2) {
+          const key = cacheEntries[i];
+          const value = cacheEntries[i + 1];
+
+          if (key === cacheKey) {
+            match = value; // I would've preferred a labelled break but lint says no.
+
+            return match.then(response => response.clone());
+          }
+        }
+
+        match = originalFetch(resource, options);
+        cacheEntries.push(cacheKey, match);
+      } // We clone the response so that each time you call this you get a new read
+      // of the body so that it can be read multiple times.
+
+
+      return match.then(response => response.clone());
+    }; // We don't expect to see any extra properties on fetch but if there are any,
+    // copy them over. Useful for extended fetch environments or mocks.
+
+
+    assign(cachedFetch, originalFetch);
+
+    try {
+      // eslint-disable-next-line no-native-reassign
+      fetch = cachedFetch;
+    } catch (error1) {
+      try {
+        // In case assigning it globally fails, try globalThis instead just in case it exists.
+        globalThis.fetch = cachedFetch;
+      } catch (error2) {
+        // Log even in production just to make sure this is seen if only prod is frozen.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console.warn('React was unable to patch the fetch() function in this environment. ' + 'Suspensey APIs might not work correctly as a result.');
+      }
+    }
+  }
+}
+
+/**
+ * Keeps track of the current dispatcher.
+ */
+const ReactCurrentDispatcher = {
+  current: null
+};
+
+/**
+ * Keeps track of the current owner.
+ *
+ * The current owner is the component who should own any components that are
+ * currently being constructed.
+ */
+const ReactCurrentOwner$1 = {
+  /**
+   * @internal
+   * @type {ReactComponent}
+   */
+  current: null
+};
+
+const ReactSharedInternals = {
+  ReactCurrentDispatcher,
+  ReactCurrentOwner: ReactCurrentOwner$1
+};
+
+const TaintRegistryObjects$1 = new WeakMap();
+const TaintRegistryValues$1 = new Map(); // Byte lengths of all binary values we've ever seen. We don't both refcounting this.
+// We expect to see only a few lengths here such as the length of token.
+
+const TaintRegistryByteLengths$1 = new Set(); // When a value is finalized, it means that it has been removed from any global caches.
+// No future requests can get a handle on it but any ongoing requests can still have
+// a handle on it. It's still tainted until that happens.
+
+const TaintRegistryPendingRequests$1 = new Set();
+
+const ReactServerSharedInternals = {
+  ReactCurrentCache
+};
+
+{
+  ReactServerSharedInternals.TaintRegistryObjects = TaintRegistryObjects$1;
+  ReactServerSharedInternals.TaintRegistryValues = TaintRegistryValues$1;
+  ReactServerSharedInternals.TaintRegistryByteLengths = TaintRegistryByteLengths$1;
+  ReactServerSharedInternals.TaintRegistryPendingRequests = TaintRegistryPendingRequests$1;
+}
+
+// Do not require this module directly! Use normal `invariant` calls with
+// template literal strings. The messages will be replaced with error codes
+// during build.
+function formatProdErrorMessage(code) {
+  let url = 'https://react.dev/errors/' + code;
+
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
+  }
+
+  return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for('react.debug_trace_mode');
+const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+// $FlowFixMe[method-unbinding]
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+
+const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
+function hasValidRef(config) {
+
+  return config.ref !== undefined;
+}
+
+function hasValidKey(config) {
+
+  return config.key !== undefined;
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    // When enableRefAsProp is on, ignore whatever was passed as the ref
+    // argument and treat `props.ref` as the source of truth. The only thing we
+    // use this for is `element.ref`, which will log a deprecation warning on
+    // access. In the next release, we can remove `element.ref` as well as the
+    // `ref` argument.
+    const refProp = props.ref; // An undefined `element.ref` is coerced to `null` for
+    // backwards compatibility.
+
+    ref = refProp !== undefined ? refProp : null;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
+
+  return element;
+}
+/**
+ * Create and return a new ReactElement of the given type.
+ * See https://reactjs.org/docs/react-api.html#createelement
+ */
+
+function createElement(type, config, children) {
+
+  let propName; // Reserved names are extracted
+
+  const props = {};
+  let key = null;
+  let ref = null;
+
+  if (config != null) {
+
+    if (hasValidKey(config)) {
+
+      key = '' + config.key;
+    } // Remaining properties are added to a new props object
+
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
+        props[propName] = config[propName];
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  const childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    const childArray = Array(childrenLength);
+
+    for (let i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
+    }
+
+    props.children = childArray;
+  } // Resolve default props
+
+
+  if (type && type.defaultProps) {
+    const defaultProps = type.defaultProps;
+
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+  }
+
+  const element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+
+  return element;
+}
+function cloneAndReplaceKey(oldElement, newKey) {
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  null , undefined, undefined, oldElement._owner, oldElement.props);
+}
+/**
+ * Clone and return a new ReactElement using element as the starting point.
+ * See https://reactjs.org/docs/react-api.html#cloneelement
+ */
+
+function cloneElement(element, config, children) {
+  if (element === null || element === undefined) {
+    throw Error(formatProdErrorMessage(267, element));
+  }
+
+  let propName; // Original props are copied
+
+  const props = assign({}, element.props); // Reserved names are extracted
+
+  let key = element.key;
+  let ref = null ; // Owner will be preserved, unless ref is overridden
+
+  let owner = element._owner;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+
+      owner = ReactCurrentOwner.current;
+    }
+
+    if (hasValidKey(config)) {
+
+      key = '' + config.key;
+    } // Remaining properties override existing props
+
+
+    let defaultProps;
+
+    if (element.type && element.type.defaultProps) {
+      defaultProps = element.type.defaultProps;
+    }
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (enableRefAsProp ) && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(propName === 'ref' && config.ref === undefined)) {
+        if (config[propName] === undefined && defaultProps !== undefined) {
+          // Resolve default props
+          props[propName] = defaultProps[propName];
+        } else {
+          props[propName] = config[propName];
+        }
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  const childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    const childArray = Array(childrenLength);
+
+    for (let i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
+    }
+
+    props.children = childArray;
+  }
+
+  const clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
+
+  return clonedElement;
+}
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
+
+
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+
+const SEPARATOR = '.';
+const SUBSEPARATOR = ':';
+/**
+ * Escape and wrap key so it is safe to use as a reactid
+ *
+ * @param {string} key to be escaped.
+ * @return {string} the escaped key.
+ */
+
+function escape(key) {
+  const escapeRegex = /[=:]/g;
+  const escaperLookup = {
+    '=': '=0',
+    ':': '=2'
+  };
+  const escapedString = key.replace(escapeRegex, function (match) {
+    return escaperLookup[match];
+  });
+  return '$' + escapedString;
+}
+const userProvidedKeyEscapeRegex = /\/+/g;
+
+function escapeUserProvidedKey(text) {
+  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+}
+/**
+ * Generate a key string that identifies a element within a set.
+ *
+ * @param {*} element A element that could contain a manual key.
+ * @param {number} index Index that is used if a manual key is not provided.
+ * @return {string}
+ */
+
+
+function getElementKey(element, index) {
+  // Do some typechecking here since we call this blindly. We want to ensure
+  // that we don't block potential future ES APIs.
+  if (typeof element === 'object' && element !== null && element.key != null) {
+
+    return escape('' + element.key);
+  } // Implicit key determined by the index in the set
+
+
+  return index.toString(36);
+}
+
+function noop$1() {}
+
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
+
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              throw rejectedError;
+            }
+        }
+      }
+  }
+
+  throw thenable;
+}
+
+function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  const type = typeof children;
+
+  if (type === 'undefined' || type === 'boolean') {
+    // All of the above are perceived as null.
+    children = null;
+  }
+
+  let invokeCallback = false;
+
+  if (children === null) {
+    invokeCallback = true;
+  } else {
+    switch (type) {
+      case 'string':
+      case 'number':
+        invokeCallback = true;
+        break;
+
+      case 'object':
+        switch (children.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+          case REACT_PORTAL_TYPE:
+            invokeCallback = true;
+            break;
+
+          case REACT_LAZY_TYPE:
+            const payload = children._payload;
+            const init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
+        }
+
+    }
+  }
+
+  if (invokeCallback) {
+    const child = children;
+    let mappedChild = callback(child); // If it's the only child, treat the name as if it was wrapped in an array
+    // so that it's consistent if the number of children grows:
+
+    const childKey = nameSoFar === '' ? SEPARATOR + getElementKey(child, 0) : nameSoFar;
+
+    if (isArray(mappedChild)) {
+      let escapedChildKey = '';
+
+      if (childKey != null) {
+        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
+      }
+
+      mapIntoArray(mappedChild, array, escapedChildKey, '', c => c);
+    } else if (mappedChild != null) {
+      if (isValidElement(mappedChild)) {
+
+        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
+        // traverseAllChildren used to do for objects as children
+        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+        mappedChild.key && (!child || child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
+        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
+        ) + '/' : '') + childKey);
+      }
+
+      array.push(mappedChild);
+    }
+
+    return 1;
+  }
+
+  let child;
+  let nextName;
+  let subtreeCount = 0; // Count of children found in the current subtree.
+
+  const nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+
+  if (isArray(children)) {
+    for (let i = 0; i < children.length; i++) {
+      child = children[i];
+      nextName = nextNamePrefix + getElementKey(child, i);
+      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+    }
+  } else {
+    const iteratorFn = getIteratorFn(children);
+
+    if (typeof iteratorFn === 'function') {
+      const iterableChildren = children;
+
+      const iterator = iteratorFn.call(iterableChildren);
+      let step;
+      let ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
+
+      while (!(step = iterator.next()).done) {
+        child = step.value;
+        nextName = nextNamePrefix + getElementKey(child, ii++);
+        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+      }
+    } else if (type === 'object') {
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+      const childrenString = String(children);
+      throw Error(formatProdErrorMessage(31, childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString));
+    }
+  }
+
+  return subtreeCount;
+}
+/**
+ * Maps children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenmap
+ *
+ * The provided mapFunction(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} func The map function.
+ * @param {*} context Context for mapFunction.
+ * @return {object} Object containing the ordered map of results.
+ */
+
+
+function mapChildren(children, func, context) {
+  if (children == null) {
+    // $FlowFixMe limitation refining abstract types in Flow
+    return children;
+  }
+
+  const result = [];
+  let count = 0;
+  mapIntoArray(children, result, '', '', function (child) {
+    return func.call(context, child, count++);
+  });
+  return result;
+}
+/**
+ * Count the number of children that are typically specified as
+ * `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrencount
+ *
+ * @param {?*} children Children tree container.
+ * @return {number} The number of children.
+ */
+
+
+function countChildren(children) {
+  let n = 0;
+  mapChildren(children, () => {
+    n++; // Don't return anything
+  });
+  return n;
+}
+/**
+ * Iterates through children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} forEachFunc
+ * @param {*} forEachContext Context for forEachContext.
+ */
+
+
+function forEachChildren(children, forEachFunc, forEachContext) {
+  mapChildren(children, // $FlowFixMe[missing-this-annot]
+  function () {
+    forEachFunc.apply(this, arguments); // Don't return anything.
+  }, forEachContext);
+}
+/**
+ * Flatten a children object (typically specified as `props.children`) and
+ * return an array with appropriately re-keyed children.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
+ */
+
+
+function toArray(children) {
+  return mapChildren(children, child => child) || [];
+}
+/**
+ * Returns the first child in a collection of children and verifies that there
+ * is only one child in the collection.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenonly
+ *
+ * The current implementation of this function assumes that a single child gets
+ * passed without a wrapper, but the purpose of this helper function is to
+ * abstract away the particular structure of children.
+ *
+ * @param {?object} children Child collection structure.
+ * @return {ReactElement} The first and only `ReactElement` contained in the
+ * structure.
+ */
+
+
+function onlyChild(children) {
+  if (!isValidElement(children)) {
+    throw Error(formatProdErrorMessage(143));
+  }
+
+  return children;
+}
+
+// an immutable object with a single mutable value
+function createRef() {
+  const refObject = {
+    current: null
+  };
+
+  return refObject;
+}
+
+function resolveDispatcher() {
+  const dispatcher = ReactCurrentDispatcher.current;
+  // intentionally don't throw our own error because this is in a hot path.
+  // Also helps ensure this is inlined.
+
+
+  return dispatcher;
+}
+
+function getCacheSignal() {
+  const dispatcher = ReactCurrentCache.current;
+
+  if (!dispatcher) {
+    // If we have no cache to associate with this call, then we don't know
+    // its lifetime. We abort early since that's safer than letting it live
+    // for ever. Unlike just caching which can be a functional noop outside
+    // of React, these should generally always be associated with some React
+    // render but we're not limiting quite as much as making it a Hook.
+    // It's safer than erroring early at runtime.
+    const controller = new AbortController();
+    const reason = Error(formatProdErrorMessage(455));
+    controller.abort(reason);
+    return controller.signal;
+  }
+
+  return dispatcher.getCacheSignal();
+}
+function getCacheForType(resourceType) {
+  const dispatcher = ReactCurrentCache.current;
+
+  if (!dispatcher) {
+    // If there is no dispatcher, then we treat this as not being cached.
+    return resourceType();
+  }
+
+  return dispatcher.getCacheForType(resourceType);
+}
+function useCallback(callback, deps) {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useCallback(callback, deps);
+}
+function useMemo(create, deps) {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useMemo(create, deps);
+}
+function useDebugValue(value, formatterFn) {
+}
+function useId() {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useId();
+}
+function use(usable) {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.use(usable);
+}
+
+function forwardRef(render) {
+
+  const elementType = {
+    $$typeof: REACT_FORWARD_REF_TYPE,
+    render
+  };
+
+  return elementType;
+}
+
+const Uninitialized = -1;
+const Pending = 0;
+const Resolved = 1;
+const Rejected = 2;
+
+function lazyInitializer(payload) {
+  if (payload._status === Uninitialized) {
+    const ctor = payload._result;
+    const thenable = ctor(); // Transition to the next state.
+    // This might throw either because it's missing or throws. If so, we treat it
+    // as still uninitialized and try again next time. Which is the same as what
+    // happens if the ctor or any wrappers processing the ctor throws. This might
+    // end up fixing it if the resolution was a concurrency bug.
+
+    thenable.then(moduleObject => {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        const resolved = payload;
+        resolved._status = Resolved;
+        resolved._result = moduleObject;
+      }
+    }, error => {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        const rejected = payload;
+        rejected._status = Rejected;
+        rejected._result = error;
+      }
+    });
+
+    if (payload._status === Uninitialized) {
+      // In case, we're still uninitialized, then we're waiting for the thenable
+      // to resolve. Set it as pending in the meantime.
+      const pending = payload;
+      pending._status = Pending;
+      pending._result = thenable;
+    }
+  }
+
+  if (payload._status === Resolved) {
+    const moduleObject = payload._result;
+
+    return moduleObject.default;
+  } else {
+    throw payload._result;
+  }
+}
+
+function lazy(ctor) {
+  const payload = {
+    // We use these fields to store the result.
+    _status: Uninitialized,
+    _result: ctor
+  };
+  const lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: payload,
+    _init: lazyInitializer
+  };
+
+  return lazyType;
+}
+
+function memo(type, compare) {
+
+  const elementType = {
+    $$typeof: REACT_MEMO_TYPE,
+    type,
+    compare: compare === undefined ? null : compare
+  };
+
+  return elementType;
+}
+
+const UNTERMINATED = 0;
+const TERMINATED = 1;
+const ERRORED = 2;
+
+function createCacheRoot() {
+  return new WeakMap();
+}
+
+function createCacheNode() {
+  return {
+    s: UNTERMINATED,
+    // status, represents whether the cached computation returned a value or threw an error
+    v: undefined,
+    // value, either the cached result or an error, depending on s
+    o: null,
+    // object cache, a WeakMap where non-primitive arguments are stored
+    p: null // primitive cache, a regular Map where primitive arguments are stored.
+
+  };
+}
+
+function cache(fn) {
+  return function () {
+    const dispatcher = ReactCurrentCache.current;
+
+    if (!dispatcher) {
+      // If there is no dispatcher, then we treat this as not being cached.
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      return fn.apply(null, arguments);
+    }
+
+    const fnMap = dispatcher.getCacheForType(createCacheRoot);
+    const fnNode = fnMap.get(fn);
+    let cacheNode;
+
+    if (fnNode === undefined) {
+      cacheNode = createCacheNode();
+      fnMap.set(fn, cacheNode);
+    } else {
+      cacheNode = fnNode;
+    }
+
+    for (let i = 0, l = arguments.length; i < l; i++) {
+      const arg = arguments[i];
+
+      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
+        // Objects go into a WeakMap
+        let objectCache = cacheNode.o;
+
+        if (objectCache === null) {
+          cacheNode.o = objectCache = new WeakMap();
+        }
+
+        const objectNode = objectCache.get(arg);
+
+        if (objectNode === undefined) {
+          cacheNode = createCacheNode();
+          objectCache.set(arg, cacheNode);
+        } else {
+          cacheNode = objectNode;
+        }
+      } else {
+        // Primitives go into a regular Map
+        let primitiveCache = cacheNode.p;
+
+        if (primitiveCache === null) {
+          cacheNode.p = primitiveCache = new Map();
+        }
+
+        const primitiveNode = primitiveCache.get(arg);
+
+        if (primitiveNode === undefined) {
+          cacheNode = createCacheNode();
+          primitiveCache.set(arg, cacheNode);
+        } else {
+          cacheNode = primitiveNode;
+        }
+      }
+    }
+
+    if (cacheNode.s === TERMINATED) {
+      return cacheNode.v;
+    }
+
+    if (cacheNode.s === ERRORED) {
+      throw cacheNode.v;
+    }
+
+    try {
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      const result = fn.apply(null, arguments);
+      const terminatedNode = cacheNode;
+      terminatedNode.s = TERMINATED;
+      terminatedNode.v = result;
+      return result;
+    } catch (error) {
+      // We store the first error that's thrown and rethrow it.
+      const erroredNode = cacheNode;
+      erroredNode.s = ERRORED;
+      erroredNode.v = error;
+      throw error;
+    }
+  };
+}
+
+/**
+ * Keeps track of the current batch's configuration such as how long an update
+ * should suspend for if it needs to.
+ */
+const ReactCurrentBatchConfig = {
+  transition: null
+};
+
+function startTransition(scope, options) {
+  const prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
+
+  const callbacks = new Set();
+  const transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
+  const currentTransition = ReactCurrentBatchConfig.transition;
+
+  {
+    try {
+      const returnValue = scope();
+
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(callback => callback(currentTransition, returnValue));
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      ReactCurrentBatchConfig.transition = prevTransition;
+    }
+  }
+}
+
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
+
+
+const onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : error => {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
+
+function postpone(reason) {
+  // eslint-disable-next-line react-internal/prod-error-codes
+  const postponeInstance = new Error(reason);
+  postponeInstance.$$typeof = REACT_POSTPONE_TYPE;
+  throw postponeInstance;
+}
+
+var ReactVersion = '18.3.0-experimental-14898b6a9-20240318';
+
+const getPrototypeOf = Object.getPrototypeOf;
+
+// Turns a TypedArray or ArrayBuffer into a string that can be used for comparison
+// in a Map to see if the bytes are the same.
+function binaryToComparableString(view) {
+  return String.fromCharCode.apply(String, new Uint8Array(view.buffer, view.byteOffset, view.byteLength));
+}
+
+const TaintRegistryObjects = ReactServerSharedInternals.TaintRegistryObjects,
+      TaintRegistryValues = ReactServerSharedInternals.TaintRegistryValues,
+      TaintRegistryByteLengths = ReactServerSharedInternals.TaintRegistryByteLengths,
+      TaintRegistryPendingRequests = ReactServerSharedInternals.TaintRegistryPendingRequests; // This is the shared constructor of all typed arrays.
+
+const TypedArrayConstructor = getPrototypeOf(Uint32Array.prototype).constructor;
+const defaultMessage = 'A tainted value was attempted to be serialized to a Client Component or Action closure. ' + 'This would leak it to the client.';
+
+function cleanup(entryValue) {
+  const entry = TaintRegistryValues.get(entryValue);
+
+  if (entry !== undefined) {
+    TaintRegistryPendingRequests.forEach(function (requestQueue) {
+      requestQueue.push(entryValue);
+      entry.count++;
+    });
+
+    if (entry.count === 1) {
+      TaintRegistryValues.delete(entryValue);
+    } else {
+      entry.count--;
+    }
+  }
+} // If FinalizationRegistry doesn't exist, we assume that objects life forever.
+// E.g. the whole VM is just the lifetime of a request.
+
+
+const finalizationRegistry = typeof FinalizationRegistry === 'function' ? new FinalizationRegistry(cleanup) : null;
+function taintUniqueValue(message, lifetime, value) {
+
+
+  message = '' + (message || defaultMessage);
+
+  if (lifetime === null || typeof lifetime !== 'object' && typeof lifetime !== 'function') {
+    throw Error(formatProdErrorMessage(493));
+  }
+
+  let entryValue;
+
+  if (typeof value === 'string' || typeof value === 'bigint') {
+    // Use as is.
+    entryValue = value;
+  } else if ((value instanceof TypedArrayConstructor || value instanceof DataView)) {
+    // For now, we just convert binary data to a string so that we can just use the native
+    // hashing in the Map implementation. It doesn't really matter what form the string
+    // take as long as it's the same when we look it up.
+    // We're not too worried about collisions since this should be a high entropy value.
+    TaintRegistryByteLengths.add(value.byteLength);
+    entryValue = binaryToComparableString(value);
+  } else {
+    const kind = value === null ? 'null' : typeof value;
+
+    if (kind === 'object' || kind === 'function') {
+      throw Error(formatProdErrorMessage(494));
+    }
+
+    throw Error(formatProdErrorMessage(495, kind));
+  }
+
+  const existingEntry = TaintRegistryValues.get(entryValue);
+
+  if (existingEntry === undefined) {
+    TaintRegistryValues.set(entryValue, {
+      message,
+      count: 1
+    });
+  } else {
+    existingEntry.count++;
+  }
+
+  if (finalizationRegistry !== null) {
+    finalizationRegistry.register(lifetime, entryValue);
+  }
+}
+function taintObjectReference(message, object) {
+
+
+  message = '' + (message || defaultMessage);
+
+  if (typeof object === 'string' || typeof object === 'bigint') {
+    throw Error(formatProdErrorMessage(496));
+  }
+
+  if (object === null || typeof object !== 'object' && typeof object !== 'function') {
+    throw Error(formatProdErrorMessage(497));
+  }
+
+  TaintRegistryObjects.set(object, message);
+}
+
+// Patch fetch
+const Children = {
+  map: mapChildren,
+  forEach: forEachChildren,
+  count: countChildren,
+  toArray,
+  only: onlyChild
+}; // These are server-only
+
+exports.Children = Children;
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.Profiler = REACT_PROFILER_TYPE;
+exports.StrictMode = REACT_STRICT_MODE_TYPE;
+exports.Suspense = REACT_SUSPENSE_TYPE;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactServerSharedInternals;
+exports.cache = cache;
+exports.cloneElement = cloneElement;
+exports.createElement = createElement;
+exports.createRef = createRef;
+exports.experimental_taintObjectReference = taintObjectReference;
+exports.experimental_taintUniqueValue = taintUniqueValue;
+exports.forwardRef = forwardRef;
+exports.isValidElement = isValidElement;
+exports.lazy = lazy;
+exports.memo = memo;
+exports.startTransition = startTransition;
+exports.unstable_DebugTracingMode = REACT_DEBUG_TRACING_MODE_TYPE;
+exports.unstable_SuspenseList = REACT_SUSPENSE_TYPE;
+exports.unstable_getCacheForType = getCacheForType;
+exports.unstable_getCacheSignal = getCacheSignal;
+exports.unstable_postpone = postpone;
+exports.use = use;
+exports.useCallback = useCallback;
+exports.useDebugValue = useDebugValue;
+exports.useId = useId;
+exports.useMemo = useMemo;
+exports.version = ReactVersion;
\ No newline at end of file
diff --git a/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.min.js b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.min.js
new file mode 100644
index 00000000000000..7ad9abd02fc446
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/cjs/react.react-server.production.min.js
@@ -0,0 +1,35 @@
+/*
+ React
+ react.react-server.production.min.js
+
+ Copyright (c) Meta Platforms, Inc. and affiliates.
+
+ This source code is licensed under the MIT license found in the
+ LICENSE file in the root directory of this source tree.
+*/
+'use strict';var l=Object.assign,m={current:null};function n(){return new Map}
+if("function"===typeof fetch){var p=fetch,q=function(a,b){var c=m.current;if(!c||b&&b.signal&&b.signal!==c.getCacheSignal())return p(a,b);if("string"!==typeof a||b){var d="string"===typeof a||a instanceof URL?new Request(a,b):a;if("GET"!==d.method&&"HEAD"!==d.method||d.keepalive)return p(a,b);var e=JSON.stringify([d.method,Array.from(d.headers.entries()),d.mode,d.redirect,d.credentials,d.referrer,d.referrerPolicy,d.integrity]);d=d.url}else e='["GET",[],null,"follow",null,null,null,null]',d=a;var g=
+c.getCacheForType(n);c=g.get(d);if(void 0===c)a=p(a,b),g.set(d,[e,a]);else{d=0;for(g=c.length;d<g;d+=2){var f=c[d+1];if(c[d]===e)return a=f,a.then(function(h){return h.clone()})}a=p(a,b);c.push(e,a)}return a.then(function(h){return h.clone()})};l(q,p);try{fetch=q}catch(a){try{globalThis.fetch=q}catch(b){console.warn("React was unable to patch the fetch() function in this environment. Suspensey APIs might not work correctly as a result.")}}}
+var r={current:null},t={ReactCurrentDispatcher:r,ReactCurrentOwner:{current:null}},u=new WeakMap,v=new Map,w=new Set,x=new Set,y={ReactCurrentCache:m,TaintRegistryObjects:u,TaintRegistryValues:v,TaintRegistryByteLengths:w,TaintRegistryPendingRequests:x};
+function z(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var c=2;c<arguments.length;c++)b+="&args[]="+encodeURIComponent(arguments[c])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var A=Array.isArray,B=Symbol.for("react.element"),C=Symbol.for("react.portal"),D=Symbol.for("react.fragment"),E=Symbol.for("react.strict_mode"),F=Symbol.for("react.profiler"),G=Symbol.for("react.forward_ref"),H=Symbol.for("react.suspense"),I=Symbol.for("react.memo"),J=Symbol.for("react.lazy"),K=Symbol.for("react.debug_trace_mode"),aa=Symbol.for("react.postpone"),L=Symbol.iterator;
+function ba(a){if(null===a||"object"!==typeof a)return null;a=L&&a[L]||a["@@iterator"];return"function"===typeof a?a:null}var M=Object.prototype.hasOwnProperty,N=t.ReactCurrentOwner;function O(a,b,c,d,e,g,f){c=f.ref;return{$$typeof:B,type:a,key:b,ref:void 0!==c?c:null,props:f,_owner:g}}function ca(a,b){return O(a.type,b,null,void 0,void 0,a._owner,a.props)}function P(a){return"object"===typeof a&&null!==a&&a.$$typeof===B}
+function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(c){return b[c]})}var Q=/\/+/g;function R(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}function S(){}
+function da(a){switch(a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;default:switch("string"===typeof a.status?a.then(S,S):(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)})),a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;}}throw a;}
+function T(a,b,c,d,e){var g=typeof a;if("undefined"===g||"boolean"===g)a=null;var f=!1;if(null===a)f=!0;else switch(g){case "string":case "number":f=!0;break;case "object":switch(a.$$typeof){case B:case C:f=!0;break;case J:return f=a._init,T(f(a._payload),b,c,d,e)}}if(f)return e=e(a),f=""===d?"."+R(a,0):d,A(e)?(c="",null!=f&&(c=f.replace(Q,"$&/")+"/"),T(e,b,c,"",function(ea){return ea})):null!=e&&(P(e)&&(e=ca(e,c+(!e.key||a&&a.key===e.key?"":(""+e.key).replace(Q,"$&/")+"/")+f)),b.push(e)),1;f=0;var h=
+""===d?".":d+":";if(A(a))for(var k=0;k<a.length;k++)d=a[k],g=h+R(d,k),f+=T(d,b,c,g,e);else if(k=ba(a),"function"===typeof k)for(a=k.call(a),k=0;!(d=a.next()).done;)d=d.value,g=h+R(d,k++),f+=T(d,b,c,g,e);else if("object"===g){if("function"===typeof a.then)return T(da(a),b,c,d,e);b=String(a);throw Error(z(31,"[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b));}return f}
+function U(a,b,c){if(null==a)return a;var d=[],e=0;T(a,d,"","",function(g){return b.call(c,g,e++)});return d}function fa(a){if(-1===a._status){var b=a._result;b=b();b.then(function(c){if(0===a._status||-1===a._status)a._status=1,a._result=c},function(c){if(0===a._status||-1===a._status)a._status=2,a._result=c});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}function ha(){return new WeakMap}function V(){return{s:0,v:void 0,o:null,p:null}}
+var W={transition:null};function ia(){}var X="function"===typeof reportError?reportError:function(a){console.error(a)},ja=Object.getPrototypeOf,ka=y.TaintRegistryObjects,Y=y.TaintRegistryValues,la=y.TaintRegistryByteLengths,ma=y.TaintRegistryPendingRequests,na=ja(Uint32Array.prototype).constructor;function oa(a){var b=Y.get(a);void 0!==b&&(ma.forEach(function(c){c.push(a);b.count++}),1===b.count?Y.delete(a):b.count--)}var Z="function"===typeof FinalizationRegistry?new FinalizationRegistry(oa):null;
+exports.Children={map:U,forEach:function(a,b,c){U(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;U(a,function(){b++});return b},toArray:function(a){return U(a,function(b){return b})||[]},only:function(a){if(!P(a))throw Error(z(143));return a}};exports.Fragment=D;exports.Profiler=F;exports.StrictMode=E;exports.Suspense=H;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=t;exports.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=y;
+exports.cache=function(a){return function(){var b=m.current;if(!b)return a.apply(null,arguments);var c=b.getCacheForType(ha);b=c.get(a);void 0===b&&(b=V(),c.set(a,b));c=0;for(var d=arguments.length;c<d;c++){var e=arguments[c];if("function"===typeof e||"object"===typeof e&&null!==e){var g=b.o;null===g&&(b.o=g=new WeakMap);b=g.get(e);void 0===b&&(b=V(),g.set(e,b))}else g=b.p,null===g&&(b.p=g=new Map),b=g.get(e),void 0===b&&(b=V(),g.set(e,b))}if(1===b.s)return b.v;if(2===b.s)throw b.v;try{var f=a.apply(null,
+arguments);c=b;c.s=1;return c.v=f}catch(h){throw f=b,f.s=2,f.v=h,h;}}};
+exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error(z(267,a));var d=l({},a.props),e=a.key,g=a._owner;if(null!=b){void 0!==b.ref&&(g=N.current);void 0!==b.key&&(e=""+b.key);if(a.type&&a.type.defaultProps)var f=a.type.defaultProps;for(h in b)!M.call(b,h)||"key"===h||"__self"===h||"__source"===h||"ref"===h&&void 0===b.ref||(d[h]=void 0===b[h]&&void 0!==f?f[h]:b[h])}var h=arguments.length-2;if(1===h)d.children=c;else if(1<h){f=Array(h);for(var k=0;k<h;k++)f[k]=arguments[k+2];d.children=
+f}return O(a.type,e,null,void 0,void 0,g,d)};exports.createElement=function(a,b,c){var d,e={},g=null;if(null!=b)for(d in void 0!==b.key&&(g=""+b.key),b)M.call(b,d)&&"key"!==d&&"__self"!==d&&"__source"!==d&&(e[d]=b[d]);var f=arguments.length-2;if(1===f)e.children=c;else if(1<f){for(var h=Array(f),k=0;k<f;k++)h[k]=arguments[k+2];e.children=h}if(a&&a.defaultProps)for(d in f=a.defaultProps,f)void 0===e[d]&&(e[d]=f[d]);return O(a,g,null,void 0,void 0,N.current,e)};exports.createRef=function(){return{current:null}};
+exports.experimental_taintObjectReference=function(a,b){a=""+(a||"A tainted value was attempted to be serialized to a Client Component or Action closure. This would leak it to the client.");if("string"===typeof b||"bigint"===typeof b)throw Error(z(496));if(null===b||"object"!==typeof b&&"function"!==typeof b)throw Error(z(497));ka.set(b,a)};
+exports.experimental_taintUniqueValue=function(a,b,c){a=""+(a||"A tainted value was attempted to be serialized to a Client Component or Action closure. This would leak it to the client.");if(null===b||"object"!==typeof b&&"function"!==typeof b)throw Error(z(493));if("string"!==typeof c&&"bigint"!==typeof c)if(c instanceof na||c instanceof DataView)la.add(c.byteLength),c=String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength));else{a=null===c?"null":typeof c;if("object"===
+a||"function"===a)throw Error(z(494));throw Error(z(495,a));}var d=Y.get(c);void 0===d?Y.set(c,{message:a,count:1}):d.count++;null!==Z&&Z.register(b,c)};exports.forwardRef=function(a){return{$$typeof:G,render:a}};exports.isValidElement=P;exports.lazy=function(a){return{$$typeof:J,_payload:{_status:-1,_result:a},_init:fa}};exports.memo=function(a,b){return{$$typeof:I,type:a,compare:void 0===b?null:b}};
+exports.startTransition=function(a){var b=W.transition,c=new Set;W.transition={_callbacks:c};var d=W.transition;try{var e=a();"object"===typeof e&&null!==e&&"function"===typeof e.then&&(c.forEach(function(g){return g(d,e)}),e.then(ia,X))}catch(g){X(g)}finally{W.transition=b}};exports.unstable_DebugTracingMode=K;exports.unstable_SuspenseList=H;exports.unstable_getCacheForType=function(a){var b=m.current;return b?b.getCacheForType(a):a()};
+exports.unstable_getCacheSignal=function(){var a=m.current;if(!a){a=new AbortController;var b=Error(z(455));a.abort(b);return a.signal}return a.getCacheSignal()};exports.unstable_postpone=function(a){a=Error(a);a.$$typeof=aa;throw a;};exports.use=function(a){return r.current.use(a)};exports.useCallback=function(a,b){return r.current.useCallback(a,b)};exports.useDebugValue=function(){};exports.useId=function(){return r.current.useId()};exports.useMemo=function(a,b){return r.current.useMemo(a,b)};
+exports.version="18.3.0-experimental-14898b6a9-20240318";
+
+//# sourceMappingURL=react.react-server.production.min.js.map
diff --git a/packages/next/src/compiled/react-experimental/jsx-runtime.react-server.js b/packages/next/src/compiled/react-experimental/jsx-runtime.react-server.js
new file mode 100644
index 00000000000000..cd80277331d462
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/jsx-runtime.react-server.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-jsx-runtime.react-server.production.min.js');
+} else {
+  module.exports = require('./cjs/react-jsx-runtime.react-server.development.js');
+}
diff --git a/packages/next/src/compiled/react-experimental/package.json b/packages/next/src/compiled/react-experimental/package.json
index 8caef44adfd9a7..d2a7187fe62ac4 100644
--- a/packages/next/src/compiled/react-experimental/package.json
+++ b/packages/next/src/compiled/react-experimental/package.json
@@ -3,11 +3,14 @@
   "main": "index.js",
   "exports": {
     ".": {
-      "react-server": "./react.shared-subset.js",
+      "react-server": "./react.react-server.js",
       "default": "./index.js"
     },
     "./package.json": "./package.json",
-    "./jsx-runtime": "./jsx-runtime.js",
+    "./jsx-runtime": {
+      "react-server": "./jsx-runtime.react-server.js",
+      "default": "./jsx-runtime.js"
+    },
     "./jsx-dev-runtime": "./jsx-dev-runtime.js"
   },
   "dependencies": {
diff --git a/packages/next/src/compiled/react-experimental/react.react-server.js b/packages/next/src/compiled/react-experimental/react.react-server.js
new file mode 100644
index 00000000000000..42772dc4ba3c77
--- /dev/null
+++ b/packages/next/src/compiled/react-experimental/react.react-server.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react.react-server.production.min.js');
+} else {
+  module.exports = require('./cjs/react.react-server.development.js');
+}
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 3488ed7bcf076f..ba8565d5225ead 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
@@ -30,6 +30,48 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+var badgeFormat = '%c%s%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -347,14 +389,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -467,6 +507,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -477,7 +521,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -523,6 +575,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -601,6 +659,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -651,9 +711,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -663,7 +723,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -888,7 +948,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -992,12 +1052,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1011,57 +1071,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1080,6 +1089,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1360,18 +1373,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1384,17 +1408,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1408,6 +1427,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1543,6 +1569,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1556,12 +1587,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1631,6 +1656,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1651,7 +1693,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1688,12 +1752,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1813,6 +1878,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -1909,8 +1992,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1983,6 +2066,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2061,8 +2166,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2194,7 +2299,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
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 34b3c87fc5c24d..3870f7bb6feb2f 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new TextDecoder();
@@ -301,10 +300,7 @@ function refineModel(code, model) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -598,12 +594,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -617,40 +613,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -950,17 +912,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -971,6 +936,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1104,6 +1070,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1115,12 +1086,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1186,6 +1151,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1205,7 +1172,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1240,12 +1209,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1455,8 +1425,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1529,6 +1499,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1606,8 +1588,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1738,7 +1720,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.min.js
index 3a4874dc3eefe8..5c25acb1251264 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.browser.production.min.js
@@ -7,36 +7,34 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("react-dom"),q=require("react"),r={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
-function z(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var f=b[d],h=w.get(f);if(void 0===h){h=__turbopack_load__(f);c.push(h);var e=w.set.bind(w,f,null);h.then(e,y);w.set(f,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
-var A=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),aa=Symbol.for("react.provider"),ba=Symbol.for("react.server_context"),ca=Symbol.for("react.lazy"),C=Symbol.for("react.default_value"),da=Symbol.for("react.postpone"),D=Symbol.iterator;function ea(a){if(null===a||"object"!==typeof a)return null;a=D&&a[D]||a["@@iterator"];return"function"===typeof a?a:null}var fa=Array.isArray,F=Object.getPrototypeOf,ha=Object.prototype,G=new WeakMap;
-function ia(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ja(a,b,c,d){function f(k,g){if(null===g)return null;if("object"===typeof g){if("function"===typeof g.then){null===l&&(l=new FormData);e++;var n=h++;g.then(function(m){m=JSON.stringify(m,f);var t=l;t.append(b+n,m);e--;0===e&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(fa(g))return g;if(g instanceof FormData){null===l&&(l=new FormData);var v=l;k=h++;var E=b+k+"_";g.forEach(function(m,t){v.append(E+t,m)});return"$K"+k.toString(16)}if(g instanceof Map)return g=JSON.stringify(Array.from(g),
-f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$Q"+k.toString(16);if(g instanceof Set)return g=JSON.stringify(Array.from(g),f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$W"+k.toString(16);if(ea(g))return Array.from(g);k=F(g);if(k!==ha&&(null===k||null!==F(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return g}if("string"===typeof g){if("Z"===g[g.length-1]&&this[k]instanceof Date)return"$D"+g;
-g="$"===g[0]?"$"+g:g;return g}if("boolean"===typeof g)return g;if("number"===typeof g)return ia(g);if("undefined"===typeof g)return"$undefined";if("function"===typeof g){g=G.get(g);if(void 0!==g)return g=JSON.stringify(g,f),null===l&&(l=new FormData),k=h++,l.set(b+k,g),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof g){k=g.description;if(Symbol.for(k)!==g)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(g.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof g)return"$n"+g.toString(10);throw Error("Type "+typeof g+" is not supported as an argument to a Server Function.");}var h=1,e=0,l=null;a=JSON.stringify(a,f);null===l?c(a):(l.set(b+"0",a),0===e&&c(l))}function H(a,b){G.set(a,b)}var I=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function J(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}J.prototype=Object.create(Promise.prototype);
+'use strict';var p=require("react-dom"),q={stream:!0};function r(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var u=new Map;
+function w(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function y(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var f=b[d],h=u.get(f);if(void 0===h){h=__turbopack_load__(f);c.push(h);var e=u.set.bind(u,f,null);h.then(e,x);u.set(f,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}var z=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),B=Symbol.for("react.lazy"),C=Symbol.for("react.postpone"),D=Symbol.iterator;
+function F(a){if(null===a||"object"!==typeof a)return null;a=D&&a[D]||a["@@iterator"];return"function"===typeof a?a:null}var G=Array.isArray,H=Object.getPrototypeOf,aa=Object.prototype,I=new WeakMap;function ba(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ca(a,b,c,d){function f(k,g){if(null===g)return null;if("object"===typeof g){if("function"===typeof g.then){null===l&&(l=new FormData);e++;var n=h++;g.then(function(m){m=JSON.stringify(m,f);var t=l;t.append(b+n,m);e--;0===e&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(G(g))return g;if(g instanceof FormData){null===l&&(l=new FormData);var v=l;k=h++;var E=b+k+"_";g.forEach(function(m,t){v.append(E+t,m)});return"$K"+k.toString(16)}if(g instanceof Map)return g=JSON.stringify(Array.from(g),
+f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$Q"+k.toString(16);if(g instanceof Set)return g=JSON.stringify(Array.from(g),f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$W"+k.toString(16);if(F(g))return Array.from(g);k=H(g);if(k!==aa&&(null===k||null!==H(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return g}if("string"===typeof g){if("Z"===g[g.length-1]&&this[k]instanceof Date)return"$D"+g;
+g="$"===g[0]?"$"+g:g;return g}if("boolean"===typeof g)return g;if("number"===typeof g)return ba(g);if("undefined"===typeof g)return"$undefined";if("function"===typeof g){g=I.get(g);if(void 0!==g)return g=JSON.stringify(g,f),null===l&&(l=new FormData),k=h++,l.set(b+k,g),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof g){k=g.description;if(Symbol.for(k)!==g)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(g.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof g)return"$n"+g.toString(10);throw Error("Type "+typeof g+" is not supported as an argument to a Server Function.");}var h=1,e=0,l=null;a=JSON.stringify(a,f);null===l?c(a):(l.set(b+"0",a),0===e&&c(l))}function da(a,b){I.set(a,b)}function J(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}J.prototype=Object.create(Promise.prototype);
 J.prototype.then=function(a,b){switch(this.status){case "resolved_model":K(this);break;case "resolved_module":L(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ka(a){switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function M(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function N(a,b,c){switch(a.status){case "fulfilled":M(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&M(c,a.reason)}}
+function ea(a){switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function M(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function N(a,b,c){switch(a.status){case "fulfilled":M(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&M(c,a.reason)}}
 function O(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&M(c,b)}}function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(L(a),N(a,c,d))}}var Q=null,R=null;
 function K(a){var b=Q,c=R;Q=a;R=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var f=JSON.parse(d,a._response._fromJSON);if(null!==R&&0<R.deps)R.value=f,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=f;null!==h&&M(h,f)}}catch(e){a.status="rejected",a.reason=e}finally{Q=b,R=c}}
 function L(a){try{var b=a.value,c=__turbopack_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(f){a.status="rejected",a.reason=f}}function S(a,b){a._chunks.forEach(function(c){"pending"===c.status&&O(c,b)})}function T(a,b){var c=a._chunks,d=c.get(b);d||(d=new J("pending",null,null,a),c.set(b,d));return d}
-function la(a,b,c,d){if(R){var f=R;d||f.deps++}else f=R={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&M(h,f.value))}}function ma(a){return function(b){return O(a,b)}}
-function na(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(e){return d(b.id,e.concat(f))}):d(b.id,f)}var d=a._callServer;H(c,b);return c}function U(a,b){a=T(a,b);switch(a.status){case "resolved_model":K(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function oa(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=T(a,b),{$$typeof:ca,_payload:a,_init:ka};case "@":return b=parseInt(d.slice(2),16),T(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),I[a]||(b={$$typeof:ba,_currentValue:C,_currentValue2:C,_defaultValue:C,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:aa,_context:b},I[a]=b),I[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=U(a,b),na(a,b);case "Q":return b=parseInt(d.slice(2),16),a=U(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=U(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=T(a,d);switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=Q,a.then(la(d,b,c,"cyclic"===a.status),ma(d)),null;default:throw a.reason;}}}return d}function pa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function V(a,b,c,d){var f=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:pa,_nonce:d,_chunks:f,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=qa(a);return a}function W(a,b,c){a._chunks.set(b,new J("fulfilled",c,null,a))}
-function ra(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=u(a._bundlerConfig,c);if(c=z(h)){if(f){var e=f;e.status="blocked"}else e=new J("blocked",null,null,a),d.set(b,e);c.then(function(){return P(e,h)},function(l){return O(e,l)})}else f?P(f,h):d.set(b,new J("resolved_module",h,null,a))}function X(a,b){for(var c=a.length,d=b.length,f=0;f<c;f++)d+=a[f].byteLength;d=new Uint8Array(d);for(var h=f=0;h<c;h++){var e=a[h];d.set(e,f);f+=e.byteLength}d.set(b,f);return d}
+function fa(a,b,c,d){if(R){var f=R;d||f.deps++}else f=R={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&M(h,f.value))}}function ha(a){return function(b){return O(a,b)}}
+function ia(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(e){return d(b.id,e.concat(f))}):d(b.id,f)}var d=a._callServer;I.set(c,b);return c}function U(a,b){a=T(a,b);switch(a.status){case "resolved_model":K(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ja(a,b,c,d){if("$"===d[0]){if("$"===d)return A;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=T(a,b),{$$typeof:B,_payload:a,_init:ea};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return T(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=U(a,b),ia(a,b);case "Q":return b=parseInt(d.slice(2),16),a=U(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=U(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=T(a,d);switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=Q,a.then(fa(d,b,c,"cyclic"===a.status),ha(d)),null;default:throw a.reason;}}}return d}
+function ka(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function V(a,b,c,d,f){var h=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ka,_encodeFormAction:d,_nonce:f,_chunks:h,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=la(a);return a}function W(a,b,c){a._chunks.set(b,new J("fulfilled",c,null,a))}
+function ma(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=r(a._bundlerConfig,c);if(c=y(h)){if(f){var e=f;e.status="blocked"}else e=new J("blocked",null,null,a),d.set(b,e);c.then(function(){return P(e,h)},function(l){return O(e,l)})}else f?P(f,h):d.set(b,new J("resolved_module",h,null,a))}function X(a,b){for(var c=a.length,d=b.length,f=0;f<c;f++)d+=a[f].byteLength;d=new Uint8Array(d);for(var h=f=0;h<c;h++){var e=a[h];d.set(e,f);f+=e.byteLength}d.set(b,f);return d}
 function Y(a,b,c,d,f,h){c=0===c.length&&0===d.byteOffset%h?d:X(c,d);f=new f(c.buffer,c.byteOffset,c.byteLength/h);W(a,b,f)}
-function sa(a,b,c,d,f){switch(c){case 65:W(a,b,X(d,f).buffer);return;case 67:Y(a,b,d,f,Int8Array,1);return;case 99:W(a,b,0===d.length?f:X(d,f));return;case 85:Y(a,b,d,f,Uint8ClampedArray,1);return;case 83:Y(a,b,d,f,Int16Array,2);return;case 115:Y(a,b,d,f,Uint16Array,2);return;case 76:Y(a,b,d,f,Int32Array,4);return;case 108:Y(a,b,d,f,Uint32Array,4);return;case 70:Y(a,b,d,f,Float32Array,4);return;case 68:Y(a,b,d,f,Float64Array,8);return;case 78:Y(a,b,d,f,BigInt64Array,8);return;case 109:Y(a,b,d,f,BigUint64Array,
-8);return;case 86:Y(a,b,d,f,DataView,1);return}for(var h=a._stringDecoder,e="",l=0;l<d.length;l++)e+=h.decode(d[l],r);e+=h.decode(f);switch(c){case 73:ra(a,b,e);break;case 72:b=e[0];e=e.slice(1);a=JSON.parse(e,a._fromJSON);if(e=A.current)switch(b){case "D":e.prefetchDNS(a);break;case "C":"string"===typeof a?e.preconnect(a):e.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?e.preload(b,c,a[2]):e.preload(b,c);break;case "m":"string"===typeof a?e.preloadModule(a):e.preloadModule(a[0],
+function na(a,b,c,d,f){switch(c){case 65:W(a,b,X(d,f).buffer);return;case 67:Y(a,b,d,f,Int8Array,1);return;case 99:W(a,b,0===d.length?f:X(d,f));return;case 85:Y(a,b,d,f,Uint8ClampedArray,1);return;case 83:Y(a,b,d,f,Int16Array,2);return;case 115:Y(a,b,d,f,Uint16Array,2);return;case 76:Y(a,b,d,f,Int32Array,4);return;case 108:Y(a,b,d,f,Uint32Array,4);return;case 70:Y(a,b,d,f,Float32Array,4);return;case 100:Y(a,b,d,f,Float64Array,8);return;case 78:Y(a,b,d,f,BigInt64Array,8);return;case 109:Y(a,b,d,f,
+BigUint64Array,8);return;case 86:Y(a,b,d,f,DataView,1);return}for(var h=a._stringDecoder,e="",l=0;l<d.length;l++)e+=h.decode(d[l],q);e+=h.decode(f);switch(c){case 73:ma(a,b,e);break;case 72:b=e[0];e=e.slice(1);a=JSON.parse(e,a._fromJSON);if(e=z.current)switch(b){case "D":e.prefetchDNS(a);break;case "C":"string"===typeof a?e.preconnect(a):e.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?e.preload(b,c,a[2]):e.preload(b,c);break;case "m":"string"===typeof a?e.preloadModule(a):e.preloadModule(a[0],
 a[1]);break;case "S":"string"===typeof a?e.preinitStyle(a):e.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?e.preinitScript(a):e.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?e.preinitModuleScript(a):e.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(e).digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-e.stack="Error: "+e.message;e.digest=c;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;case 84:a._chunks.set(b,new J("fulfilled",e,null,a));break;case 80:e=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");e.$$typeof=da;e.stack="Error: "+e.message;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=e,null!==a&&(K(c),N(c,a,b))):d.set(b,new J("resolved_model",e,null,a))}}function qa(a){return function(b,c){return"string"===typeof c?oa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
-function Z(a,b){function c(h){var e=h.value;if(h.done)S(a,Error("Connection closed."));else{var l=0,k=a._rowState;h=a._rowID;for(var g=a._rowTag,n=a._rowLength,v=a._buffer,E=e.length;l<E;){var m=-1;switch(k){case 0:m=e[l++];58===m?k=1:h=h<<4|(96<m?m-87:m-48);continue;case 1:k=e[l];84===k||65===k||67===k||99===k||85===k||83===k||115===k||76===k||108===k||70===k||68===k||78===k||109===k||86===k?(g=k,k=2,l++):64<k&&91>k?(g=k,k=3,l++):(g=0,k=3);continue;case 2:m=e[l++];44===m?k=4:n=n<<4|(96<m?m-87:m-
-48);continue;case 3:m=e.indexOf(10,l);break;case 4:m=l+n,m>e.length&&(m=-1)}var t=e.byteOffset+l;if(-1<m)n=new Uint8Array(e.buffer,t,m-l),sa(a,h,g,v,n),l=m,3===k&&l++,n=h=g=k=0,v.length=0;else{e=new Uint8Array(e.buffer,t,e.byteLength-l);v.push(e);n-=e.byteLength;break}}a._rowState=k;a._rowID=h;a._rowTag=g;a._rowLength=n;return f.read().then(c).catch(d)}}function d(h){S(a,h)}var f=b.getReader();f.read().then(c).catch(d)}
-exports.createFromFetch=function(a,b){var c=V(null,null,b&&b.callServer?b.callServer:void 0,void 0);a.then(function(d){Z(c,d.body)},function(d){S(c,d)});return T(c,0)};exports.createFromReadableStream=function(a,b){b=V(null,null,b&&b.callServer?b.callServer:void 0,void 0);Z(b,a);return T(b,0)};exports.createServerReference=function(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}H(c,{id:a,bound:null});return c};
-exports.encodeReply=function(a){return new Promise(function(b,c){ja(a,"",b,c)})};
+e.stack="Error: "+e.message;e.digest=c;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;case 84:a._chunks.set(b,new J("fulfilled",e,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:e=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+e.$$typeof=C;e.stack="Error: "+e.message;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status="resolved_model",c.value=e,null!==a&&(K(c),N(c,a,b))):d.set(b,new J("resolved_model",e,null,a))}}function la(a){return function(b,c){return"string"===typeof c?ja(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===A?{$$typeof:A,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function Z(a,b){function c(h){var e=h.value;if(h.done)S(a,Error("Connection closed."));else{var l=0,k=a._rowState;h=a._rowID;for(var g=a._rowTag,n=a._rowLength,v=a._buffer,E=e.length;l<E;){var m=-1;switch(k){case 0:m=e[l++];58===m?k=1:h=h<<4|(96<m?m-87:m-48);continue;case 1:k=e[l];84===k||65===k||67===k||99===k||85===k||83===k||115===k||76===k||108===k||70===k||100===k||78===k||109===k||86===k?(g=k,k=2,l++):64<k&&91>k?(g=k,k=3,l++):(g=0,k=3);continue;case 2:m=e[l++];44===m?k=4:n=n<<4|(96<m?m-87:m-
+48);continue;case 3:m=e.indexOf(10,l);break;case 4:m=l+n,m>e.length&&(m=-1)}var t=e.byteOffset+l;if(-1<m)n=new Uint8Array(e.buffer,t,m-l),na(a,h,g,v,n),l=m,3===k&&l++,n=h=g=k=0,v.length=0;else{e=new Uint8Array(e.buffer,t,e.byteLength-l);v.push(e);n-=e.byteLength;break}}a._rowState=k;a._rowID=h;a._rowTag=g;a._rowLength=n;return f.read().then(c).catch(d)}}function d(h){S(a,h)}var f=b.getReader();f.read().then(c).catch(d)}
+exports.createFromFetch=function(a,b){var c=V(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);a.then(function(d){Z(c,d.body)},function(d){S(c,d)});return T(c,0)};exports.createFromReadableStream=function(a,b){b=V(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);Z(b,a);return T(b,0)};exports.createServerReference=function(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}da(c,{id:a,bound:null});return c};
+exports.encodeReply=function(a){return new Promise(function(b,c){ca(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.browser.production.min.js.map
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 ab413cae8ea0b5..a395818124800a 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
@@ -30,6 +30,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -384,14 +427,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -504,6 +545,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -514,7 +559,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -560,6 +613,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -638,6 +697,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -688,9 +749,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -700,7 +761,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -925,7 +986,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1058,7 +1119,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1108,6 +1169,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1169,14 +1246,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1200,6 +1280,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1209,9 +1300,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1220,7 +1328,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1230,61 +1338,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1303,6 +1360,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1583,18 +1644,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1607,17 +1679,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1631,6 +1698,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1713,7 +1787,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1766,6 +1840,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1779,12 +1858,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1854,6 +1927,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1874,7 +1964,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1911,12 +2023,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2037,6 +2150,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -2133,8 +2264,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -2207,6 +2338,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2285,8 +2438,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2426,7 +2579,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
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 a5c758de1d5f4c..267c1984c436d4 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new TextDecoder();
@@ -338,10 +337,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -664,7 +660,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -714,6 +710,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -775,14 +787,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -806,6 +821,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -813,9 +829,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -824,7 +857,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -834,44 +867,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1171,17 +1170,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1192,6 +1194,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1272,7 +1275,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1325,6 +1328,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1336,12 +1344,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1407,6 +1409,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1426,7 +1430,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1461,12 +1467,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1677,8 +1684,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1751,6 +1758,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1828,8 +1847,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1968,7 +1987,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.min.js
index 4670620dc2858c..9c2401e19cafd2 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.edge.production.min.js
@@ -7,41 +7,41 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("react-dom"),q=require("react"),r={stream:!0};function aa(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var u=new Map;
-function v(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function ba(){}
-function ca(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],g=u.get(e);if(void 0===g){g=globalThis.__next_chunk_load__(e);c.push(g);var f=u.set.bind(u,e,null);g.then(f,ba);u.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?v(a[0]):Promise.all(c).then(function(){return v(a[0])}):0<c.length?Promise.all(c):null}
-function da(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var e=c,g=x.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var h=a.crossOrigin;h="string"===typeof h?"use-credentials"===h?h:"":void 0;f.call(g,l,{crossOrigin:h,nonce:e})}}}
-var x=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),ea=Symbol.for("react.provider"),fa=Symbol.for("react.server_context"),ha=Symbol.for("react.lazy"),z=Symbol.for("react.default_value"),ia=Symbol.for("react.postpone"),A=Symbol.iterator;function ja(a){if(null===a||"object"!==typeof a)return null;a=A&&a[A]||a["@@iterator"];return"function"===typeof a?a:null}var ka=Array.isArray,B=Object.getPrototypeOf,la=Object.prototype,C=new WeakMap;
-function ma(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function D(a,b,c,d){function e(h,k){if(null===k)return null;if("object"===typeof k){if("function"===typeof k.then){null===l&&(l=new FormData);f++;var n=g++;k.then(function(m){m=JSON.stringify(m,e);var t=l;t.append(b+n,m);f--;0===f&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(ka(k))return k;if(k instanceof FormData){null===l&&(l=new FormData);var w=l;h=g++;var F=b+h+"_";k.forEach(function(m,t){w.append(F+t,m)});return"$K"+h.toString(16)}if(k instanceof Map)return k=JSON.stringify(Array.from(k),
-e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$Q"+h.toString(16);if(k instanceof Set)return k=JSON.stringify(Array.from(k),e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$W"+h.toString(16);if(ja(k))return Array.from(k);h=B(k);if(h!==la&&(null===h||null!==B(h)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return k}if("string"===typeof k){if("Z"===k[k.length-1]&&this[h]instanceof Date)return"$D"+k;
-k="$"===k[0]?"$"+k:k;return k}if("boolean"===typeof k)return k;if("number"===typeof k)return ma(k);if("undefined"===typeof k)return"$undefined";if("function"===typeof k){k=C.get(k);if(void 0!==k)return k=JSON.stringify(k,e),null===l&&(l=new FormData),h=g++,l.set(b+h,k),"$F"+h.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof k){h=k.description;if(Symbol.for(h)!==k)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(k.description+") cannot be found among global symbols."));return"$S"+h}if("bigint"===typeof k)return"$n"+k.toString(10);throw Error("Type "+typeof k+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var E=new WeakMap;
-function na(a){var b,c,d=new Promise(function(e,g){b=e;c=g});D(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
-function oa(a){var b=C.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=E.get(b);c||(c=na(b),E.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function pa(a,b){var c=C.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
-function G(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:oa},$$IS_SIGNATURE_EQUAL:{value:pa},bind:{value:qa}});C.set(a,b)}var ra=Function.prototype.bind,sa=Array.prototype.slice;function qa(){var a=ra.apply(this,arguments),b=C.get(this);if(b){var c=sa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);G(a,{id:b.id,bound:d})}return a}
-function ta(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}G(c,{id:a,bound:null});return c}var H=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function I(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}I.prototype=Object.create(Promise.prototype);
-I.prototype.then=function(a,b){switch(this.status){case "resolved_model":J(this);break;case "resolved_module":K(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ua(a){switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function L(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function M(a,b,c){switch(a.status){case "fulfilled":L(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&L(c,a.reason)}}
+'use strict';var p=require("react-dom"),q={stream:!0};function r(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var t=new Map;
+function v(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function aa(){}
+function ba(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],g=t.get(e);if(void 0===g){g=globalThis.__next_chunk_load__(e);c.push(g);var f=t.set.bind(t,e,null);g.then(f,aa);t.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?v(a[0]):Promise.all(c).then(function(){return v(a[0])}):0<c.length?Promise.all(c):null}
+function ca(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var e=c,g=x.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var h=a.crossOrigin;h="string"===typeof h?"use-credentials"===h?h:"":void 0;f.call(g,l,{crossOrigin:h,nonce:e})}}}var x=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),da=Symbol.for("react.lazy"),ea=Symbol.for("react.postpone"),z=Symbol.iterator;
+function fa(a){if(null===a||"object"!==typeof a)return null;a=z&&a[z]||a["@@iterator"];return"function"===typeof a?a:null}var ha=Array.isArray,A=Object.getPrototypeOf,ia=Object.prototype,B=new WeakMap;function ja(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function C(a,b,c,d){function e(h,k){if(null===k)return null;if("object"===typeof k){if("function"===typeof k.then){null===l&&(l=new FormData);f++;var n=g++;k.then(function(m){m=JSON.stringify(m,e);var u=l;u.append(b+n,m);f--;0===f&&c(u)},function(m){d(m)});return"$@"+n.toString(16)}if(ha(k))return k;if(k instanceof FormData){null===l&&(l=new FormData);var w=l;h=g++;var E=b+h+"_";k.forEach(function(m,u){w.append(E+u,m)});return"$K"+h.toString(16)}if(k instanceof Map)return k=JSON.stringify(Array.from(k),
+e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$Q"+h.toString(16);if(k instanceof Set)return k=JSON.stringify(Array.from(k),e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$W"+h.toString(16);if(fa(k))return Array.from(k);h=A(k);if(h!==ia&&(null===h||null!==A(h)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return k}if("string"===typeof k){if("Z"===k[k.length-1]&&this[h]instanceof Date)return"$D"+k;
+k="$"===k[0]?"$"+k:k;return k}if("boolean"===typeof k)return k;if("number"===typeof k)return ja(k);if("undefined"===typeof k)return"$undefined";if("function"===typeof k){k=B.get(k);if(void 0!==k)return k=JSON.stringify(k,e),null===l&&(l=new FormData),h=g++,l.set(b+h,k),"$F"+h.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof k){h=k.description;if(Symbol.for(h)!==k)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(k.description+") cannot be found among global symbols."));return"$S"+h}if("bigint"===typeof k)return"$n"+k.toString(10);throw Error("Type "+typeof k+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var D=new WeakMap;
+function ka(a){var b,c,d=new Promise(function(e,g){b=e;c=g});C(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
+function la(a){var b=B.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=D.get(b);c||(c=ka(b),D.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function F(a,b){var c=B.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
+function G(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?la:function(){var d=B.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var e=d.bound;null===e&&(e=Promise.resolve([]));return c(d.id,e)}},$$IS_SIGNATURE_EQUAL:{value:F},bind:{value:H}});B.set(a,b)}var ma=Function.prototype.bind,na=Array.prototype.slice;
+function H(){var a=ma.apply(this,arguments),b=B.get(this);if(b){var c=na.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:F},bind:{value:H}});B.set(a,{id:b.id,bound:d})}return a}function oa(a,b,c){function d(){var e=Array.prototype.slice.call(arguments);return b(a,e)}G(d,{id:a,bound:null},c);return d}
+function I(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}I.prototype=Object.create(Promise.prototype);I.prototype.then=function(a,b){switch(this.status){case "resolved_model":J(this);break;case "resolved_module":K(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function pa(a){switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function L(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function M(a,b,c){switch(a.status){case "fulfilled":L(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&L(c,a.reason)}}
 function N(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&L(c,b)}}function O(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(K(a),M(a,c,d))}}var P=null,Q=null;
 function J(a){var b=P,c=Q;P=a;Q=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(d,a._response._fromJSON);if(null!==Q&&0<Q.deps)Q.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&L(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{P=b,Q=c}}
 function K(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(e){a.status="rejected",a.reason=e}}function R(a,b){a._chunks.forEach(function(c){"pending"===c.status&&N(c,b)})}function S(a,b){var c=a._chunks,d=c.get(b);d||(d=new I("pending",null,null,a),c.set(b,d));return d}
-function va(a,b,c,d){if(Q){var e=Q;d||e.deps++}else e=Q={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&L(g,e.value))}}function wa(a){return function(b){return N(a,b)}}
-function xa(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;G(c,b);return c}function T(a,b){a=S(a,b);switch(a.status){case "resolved_model":J(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function ya(a,b,c,d){if("$"===d[0]){if("$"===d)return y;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=S(a,b),{$$typeof:ha,_payload:a,_init:ua};case "@":return b=parseInt(d.slice(2),16),S(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),H[a]||(b={$$typeof:fa,_currentValue:z,_currentValue2:z,_defaultValue:z,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ea,_context:b},H[a]=b),H[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=T(a,b),xa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=T(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=T(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=S(a,d);switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=P,a.then(va(d,b,c,"cyclic"===a.status),wa(d)),null;default:throw a.reason;}}}return d}function za(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function U(a,b,c){a._chunks.set(b,new I("fulfilled",c,null,a))}
-function Aa(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=aa(a._bundlerConfig,c);da(a._moduleLoading,c[1],a._nonce);if(c=ca(g)){if(e){var f=e;f.status="blocked"}else f=new I("blocked",null,null,a),d.set(b,f);c.then(function(){return O(f,g)},function(l){return N(f,l)})}else e?O(e,g):d.set(b,new I("resolved_module",g,null,a))}
+function qa(a,b,c,d){if(Q){var e=Q;d||e.deps++}else e=Q={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&L(g,e.value))}}function ra(a){return function(b){return N(a,b)}}
+function sa(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;G(c,b,a._encodeFormAction);return c}function T(a,b){a=S(a,b);switch(a.status){case "resolved_model":J(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ta(a,b,c,d){if("$"===d[0]){if("$"===d)return y;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=S(a,b),{$$typeof:da,_payload:a,_init:pa};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return S(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=T(a,b),sa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=T(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=T(a,b),new Set(a);
+case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=S(a,d);switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=P,a.then(qa(d,b,c,"cyclic"===a.status),ra(d)),null;default:throw a.reason;}}}return d}
+function ua(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function U(a,b,c){a._chunks.set(b,new I("fulfilled",c,null,a))}
+function va(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=r(a._bundlerConfig,c);ca(a._moduleLoading,c[1],a._nonce);if(c=ba(g)){if(e){var f=e;f.status="blocked"}else f=new I("blocked",null,null,a),d.set(b,f);c.then(function(){return O(f,g)},function(l){return N(f,l)})}else e?O(e,g):d.set(b,new I("resolved_module",g,null,a))}
 function V(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function W(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:V(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);U(a,b,e)}
-function Ba(a,b,c,d,e){switch(c){case 65:U(a,b,V(d,e).buffer);return;case 67:W(a,b,d,e,Int8Array,1);return;case 99:U(a,b,0===d.length?e:V(d,e));return;case 85:W(a,b,d,e,Uint8ClampedArray,1);return;case 83:W(a,b,d,e,Int16Array,2);return;case 115:W(a,b,d,e,Uint16Array,2);return;case 76:W(a,b,d,e,Int32Array,4);return;case 108:W(a,b,d,e,Uint32Array,4);return;case 70:W(a,b,d,e,Float32Array,4);return;case 68:W(a,b,d,e,Float64Array,8);return;case 78:W(a,b,d,e,BigInt64Array,8);return;case 109:W(a,b,d,e,BigUint64Array,
-8);return;case 86:W(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],r);f+=g.decode(e);switch(c){case 73:Aa(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=x.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+function wa(a,b,c,d,e){switch(c){case 65:U(a,b,V(d,e).buffer);return;case 67:W(a,b,d,e,Int8Array,1);return;case 99:U(a,b,0===d.length?e:V(d,e));return;case 85:W(a,b,d,e,Uint8ClampedArray,1);return;case 83:W(a,b,d,e,Int16Array,2);return;case 115:W(a,b,d,e,Uint16Array,2);return;case 76:W(a,b,d,e,Int32Array,4);return;case 108:W(a,b,d,e,Uint32Array,4);return;case 70:W(a,b,d,e,Float32Array,4);return;case 100:W(a,b,d,e,Float64Array,8);return;case 78:W(a,b,d,e,BigInt64Array,8);return;case 109:W(a,b,d,e,
+BigUint64Array,8);return;case 86:W(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],q);f+=g.decode(e);switch(c){case 73:va(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=x.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
 a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;case 84:a._chunks.set(b,new I("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=ia;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=f,null!==a&&(J(c),M(c,a,b))):d.set(b,new I("resolved_model",f,null,a))}}function Ca(a){return function(b,c){return"string"===typeof c?ya(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===y?{$$typeof:y,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading;a="string"===typeof a.nonce?a.nonce:void 0;var d=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:za,_nonce:a,_chunks:d,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=Ca(b);return b}
-function Z(a,b){function c(g){var f=g.value;if(g.done)R(a,Error("Connection closed."));else{var l=0,h=a._rowState;g=a._rowID;for(var k=a._rowTag,n=a._rowLength,w=a._buffer,F=f.length;l<F;){var m=-1;switch(h){case 0:m=f[l++];58===m?h=1:g=g<<4|(96<m?m-87:m-48);continue;case 1:h=f[l];84===h||65===h||67===h||99===h||85===h||83===h||115===h||76===h||108===h||70===h||68===h||78===h||109===h||86===h?(k=h,h=2,l++):64<h&&91>h?(k=h,h=3,l++):(k=0,h=3);continue;case 2:m=f[l++];44===m?h=4:n=n<<4|(96<m?m-87:m-
-48);continue;case 3:m=f.indexOf(10,l);break;case 4:m=l+n,m>f.length&&(m=-1)}var t=f.byteOffset+l;if(-1<m)n=new Uint8Array(f.buffer,t,m-l),Ba(a,g,k,w,n),l=m,3===h&&l++,n=g=k=h=0,w.length=0;else{f=new Uint8Array(f.buffer,t,f.byteLength-l);w.push(f);n-=f.byteLength;break}}a._rowState=h;a._rowID=g;a._rowTag=k;a._rowLength=n;return e.read().then(c).catch(d)}}function d(g){R(a,g)}var e=b.getReader();e.read().then(c).catch(d)}
-exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){R(c,d)});return S(c,0)};exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return S(b,0)};exports.createServerReference=function(a){return ta(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){D(a,"",b,c)})};
+f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;case 84:a._chunks.set(b,new I("fulfilled",f,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+f.$$typeof=ea;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status="resolved_model",c.value=f,null!==a&&(J(c),M(c,a,b))):d.set(b,new I("resolved_model",f,null,a))}}function xa(a){return function(b,c){return"string"===typeof c?ta(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===y?{$$typeof:y,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading,d=a.encodeFormAction;a="string"===typeof a.nonce?a.nonce:void 0;var e=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:ua,_encodeFormAction:d,_nonce:a,_chunks:e,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=xa(b);return b}
+function Z(a,b){function c(g){var f=g.value;if(g.done)R(a,Error("Connection closed."));else{var l=0,h=a._rowState;g=a._rowID;for(var k=a._rowTag,n=a._rowLength,w=a._buffer,E=f.length;l<E;){var m=-1;switch(h){case 0:m=f[l++];58===m?h=1:g=g<<4|(96<m?m-87:m-48);continue;case 1:h=f[l];84===h||65===h||67===h||99===h||85===h||83===h||115===h||76===h||108===h||70===h||100===h||78===h||109===h||86===h?(k=h,h=2,l++):64<h&&91>h?(k=h,h=3,l++):(k=0,h=3);continue;case 2:m=f[l++];44===m?h=4:n=n<<4|(96<m?m-87:m-
+48);continue;case 3:m=f.indexOf(10,l);break;case 4:m=l+n,m>f.length&&(m=-1)}var u=f.byteOffset+l;if(-1<m)n=new Uint8Array(f.buffer,u,m-l),wa(a,g,k,w,n),l=m,3===h&&l++,n=g=k=h=0,w.length=0;else{f=new Uint8Array(f.buffer,u,f.byteLength-l);w.push(f);n-=f.byteLength;break}}a._rowState=h;a._rowID=g;a._rowTag=k;a._rowLength=n;return e.read().then(c).catch(d)}}function d(g){R(a,g)}var e=b.getReader();e.read().then(c).catch(d)}
+exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){R(c,d)});return S(c,0)};exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return S(b,0)};exports.createServerReference=function(a){return oa(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){C(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.edge.production.min.js.map
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 e8672cb2674118..fc0f7f9a83df64 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
@@ -31,6 +31,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -385,14 +428,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -505,6 +546,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -515,7 +560,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -561,6 +614,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -639,6 +698,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -689,9 +750,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -701,7 +762,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -926,7 +987,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1059,7 +1120,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1109,6 +1170,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1170,14 +1247,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1201,6 +1281,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1210,9 +1301,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1221,7 +1329,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1231,61 +1339,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1304,6 +1361,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1584,18 +1645,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1608,17 +1680,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1632,6 +1699,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1714,7 +1788,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1767,6 +1841,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1780,12 +1859,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1855,6 +1928,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1875,7 +1965,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1912,12 +2024,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2038,6 +2151,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -2134,8 +2265,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -2208,6 +2339,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2286,8 +2439,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2427,7 +2580,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 d6667a4fa00828..992d744601ccf4 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new util.TextDecoder();
@@ -339,10 +338,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -665,7 +661,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -715,6 +711,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -776,14 +788,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -807,6 +822,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -814,9 +830,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -825,7 +858,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -835,44 +868,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1172,17 +1171,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1193,6 +1195,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1273,7 +1276,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1326,6 +1329,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1337,12 +1345,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1408,6 +1410,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1427,7 +1431,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1462,12 +1468,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1678,8 +1685,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1752,6 +1759,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1829,8 +1848,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1969,7 +1988,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.min.js
index e19fc3b8cb9684..3eb596995626a9 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.production.min.js
@@ -7,41 +7,40 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var n=require("util"),q=require("react-dom"),r=require("react"),u={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
-function aa(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],g=w.get(e);if(void 0===g){g=globalThis.__next_chunk_load__(e);c.push(g);var f=w.set.bind(w,e,null);g.then(f,y);w.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
-function ba(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var e=c,g=z.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}
-var z=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),ca=Symbol.for("react.provider"),da=Symbol.for("react.server_context"),ea=Symbol.for("react.lazy"),C=Symbol.for("react.default_value"),fa=Symbol.for("react.postpone"),D=Symbol.iterator;function ha(a){if(null===a||"object"!==typeof a)return null;a=D&&a[D]||a["@@iterator"];return"function"===typeof a?a:null}var ia=Array.isArray,E=Object.getPrototypeOf,ja=Object.prototype,G=new WeakMap;
-function ka(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function la(a,b,c,d){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var t=g++;h.then(function(p){p=JSON.stringify(p,e);var A=l;A.append(b+t,p);f--;0===f&&c(A)},function(p){d(p)});return"$@"+t.toString(16)}if(ia(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var F=l;k=g++;var m=b+k+"_";h.forEach(function(p,A){F.append(m+A,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
-e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(ha(h))return Array.from(h);k=E(h);if(k!==ja&&(null===k||null!==E(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
-h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ka(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=G.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var H=new WeakMap;
-function ma(a){var b,c,d=new Promise(function(e,g){b=e;c=g});la(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
-function na(a){var b=G.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=H.get(b);c||(c=ma(b),H.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function oa(a,b){var c=G.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
-function I(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:na},$$IS_SIGNATURE_EQUAL:{value:oa},bind:{value:pa}});G.set(a,b)}var qa=Function.prototype.bind,ra=Array.prototype.slice;function pa(){var a=qa.apply(this,arguments),b=G.get(this);if(b){var c=ra.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);I(a,{id:b.id,bound:d})}return a}
-function sa(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}I(c,{id:a,bound:null});return c}var J=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);
-K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ta(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
+'use strict';var n=require("util"),q=require("react-dom"),r={stream:!0};function t(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var v=new Map;
+function w(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function y(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],g=v.get(e);if(void 0===g){g=globalThis.__next_chunk_load__(e);c.push(g);var f=v.set.bind(v,e,null);g.then(f,x);v.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}
+function aa(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var e=c,g=z.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}var z=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),ba=Symbol.for("react.lazy"),ca=Symbol.for("react.postpone"),C=Symbol.iterator;
+function da(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var ea=Array.isArray,D=Object.getPrototypeOf,fa=Object.prototype,F=new WeakMap;function ha(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ia(a,b,c,d){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var u=g++;h.then(function(p){p=JSON.stringify(p,e);var A=l;A.append(b+u,p);f--;0===f&&c(A)},function(p){d(p)});return"$@"+u.toString(16)}if(ea(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var E=l;k=g++;var m=b+k+"_";h.forEach(function(p,A){E.append(m+A,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
+e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(da(h))return Array.from(h);k=D(h);if(k!==fa&&(null===k||null!==D(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
+h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ha(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=F.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var G=new WeakMap;
+function ja(a){var b,c,d=new Promise(function(e,g){b=e;c=g});ia(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
+function ka(a){var b=F.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=G.get(b);c||(c=ja(b),G.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function H(a,b){var c=F.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
+function I(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?ka:function(){var d=F.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var e=d.bound;null===e&&(e=Promise.resolve([]));return c(d.id,e)}},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,b)}var la=Function.prototype.bind,ma=Array.prototype.slice;
+function J(){var a=la.apply(this,arguments),b=F.get(this);if(b){var c=ma.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,{id:b.id,bound:d})}return a}function na(a,b,c){function d(){var e=Array.prototype.slice.call(arguments);return b(a,e)}I(d,{id:a,bound:null},c);return d}
+function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function oa(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
 function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&N(c,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(M(a),O(a,c,d))}}var R=null,S=null;
 function L(a){var b=R,c=S;R=a;S=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(d,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&N(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{R=b,S=c}}
 function M(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(e){a.status="rejected",a.reason=e}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new K("pending",null,null,a),c.set(b,d));return d}
-function ua(a,b,c,d){if(S){var e=S;d||e.deps++}else e=S={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function va(a){return function(b){return P(a,b)}}
-function wa(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;I(c,b);return c}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function xa(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ea,_payload:a,_init:ta};case "@":return b=parseInt(d.slice(2),16),U(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),J[a]||(b={$$typeof:da,_currentValue:C,_currentValue2:C,_defaultValue:C,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ca,_context:b},J[a]=b),J[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=V(a,b),wa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=R,a.then(ua(d,b,c,"cyclic"===a.status),va(d)),null;default:throw a.reason;}}}return d}function ya(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function za(a,b,c,d){var e=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ya,_nonce:d,_chunks:e,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=Aa(a);return a}function W(a,b,c){a._chunks.set(b,new K("fulfilled",c,null,a))}
-function Ba(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=v(a._bundlerConfig,c);ba(a._moduleLoading,c[1],a._nonce);if(c=aa(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),d.set(b,f);c.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):d.set(b,new K("resolved_module",g,null,a))}
+function pa(a,b,c,d){if(S){var e=S;d||e.deps++}else e=S={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function qa(a){return function(b){return P(a,b)}}
+function ra(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;I(c,b,a._encodeFormAction);return c}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function sa(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ba,_payload:a,_init:oa};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return U(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=V(a,b),ra(a,b);case "Q":return b=parseInt(d.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=V(a,b),new Set(a);
+case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=R,a.then(pa(d,b,c,"cyclic"===a.status),qa(d)),null;default:throw a.reason;}}}return d}
+function ta(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ua(a,b,c,d,e){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ta,_encodeFormAction:d,_nonce:e,_chunks:g,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=va(a);return a}function W(a,b,c){a._chunks.set(b,new K("fulfilled",c,null,a))}
+function wa(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=t(a._bundlerConfig,c);aa(a._moduleLoading,c[1],a._nonce);if(c=y(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),d.set(b,f);c.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):d.set(b,new K("resolved_module",g,null,a))}
 function X(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function Y(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:X(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);W(a,b,e)}
-function Ca(a,b,c,d,e){switch(c){case 65:W(a,b,X(d,e).buffer);return;case 67:Y(a,b,d,e,Int8Array,1);return;case 99:W(a,b,0===d.length?e:X(d,e));return;case 85:Y(a,b,d,e,Uint8ClampedArray,1);return;case 83:Y(a,b,d,e,Int16Array,2);return;case 115:Y(a,b,d,e,Uint16Array,2);return;case 76:Y(a,b,d,e,Int32Array,4);return;case 108:Y(a,b,d,e,Uint32Array,4);return;case 70:Y(a,b,d,e,Float32Array,4);return;case 68:Y(a,b,d,e,Float64Array,8);return;case 78:Y(a,b,d,e,BigInt64Array,8);return;case 109:Y(a,b,d,e,BigUint64Array,
-8);return;case 86:Y(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],u);f+=g.decode(e);switch(c){case 73:Ba(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=z.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+function xa(a,b,c,d,e){switch(c){case 65:W(a,b,X(d,e).buffer);return;case 67:Y(a,b,d,e,Int8Array,1);return;case 99:W(a,b,0===d.length?e:X(d,e));return;case 85:Y(a,b,d,e,Uint8ClampedArray,1);return;case 83:Y(a,b,d,e,Int16Array,2);return;case 115:Y(a,b,d,e,Uint16Array,2);return;case 76:Y(a,b,d,e,Int32Array,4);return;case 108:Y(a,b,d,e,Uint32Array,4);return;case 70:Y(a,b,d,e,Float32Array,4);return;case 100:Y(a,b,d,e,Float64Array,8);return;case 78:Y(a,b,d,e,BigInt64Array,8);return;case 109:Y(a,b,d,e,
+BigUint64Array,8);return;case 86:Y(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],r);f+=g.decode(e);switch(c){case 73:wa(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=z.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
 a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=fa;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=f,null!==a&&(L(c),O(c,a,b))):d.set(b,new K("resolved_model",f,null,a))}}function Aa(a){return function(b,c){return"string"===typeof c?xa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,c){var d=za(b.moduleMap,b.moduleLoading,Z,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(e){for(var g=0,f=d._rowState,l=d._rowID,k=d._rowTag,h=d._rowLength,t=d._buffer,F=e.length;g<F;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||68===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&91>f?(k=f,f=3,g++):(k=0,f=3);
-continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),Ca(d,l,k,t,h),g=m,3===f&&g++,h=l=k=f=0,t.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);t.push(e);h-=e.byteLength;break}}d._rowState=f;d._rowID=l;d._rowTag=k;d._rowLength=h});a.on("error",function(e){T(d,e)});a.on("end",function(){T(d,Error("Connection closed."))});return U(d,0)};
-exports.createServerReference=function(a){return sa(a,Z)};
+f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+f.$$typeof=ca;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status="resolved_model",c.value=f,null!==a&&(L(c),O(c,a,b))):d.set(b,new K("resolved_model",f,null,a))}}function va(a){return function(b,c){return"string"===typeof c?sa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,c){var d=ua(b.moduleMap,b.moduleLoading,Z,c?c.encodeFormAction:void 0,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(e){for(var g=0,f=d._rowState,l=d._rowID,k=d._rowTag,h=d._rowLength,u=d._buffer,E=e.length;g<E;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||100===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&
+91>f?(k=f,f=3,g++):(k=0,f=3);continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),xa(d,l,k,u,h),g=m,3===f&&g++,h=l=k=f=0,u.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);u.push(e);h-=e.byteLength;break}}d._rowState=f;d._rowID=l;d._rowTag=k;d._rowLength=h});a.on("error",function(e){T(d,e)});a.on("end",function(){T(d,Error("Connection closed."))});return U(d,
+0)};exports.createServerReference=function(a){return na(a,Z)};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.node.production.min.js.map
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 86b86522da6bb1..0fb56dfa6664fd 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
@@ -31,6 +31,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -340,14 +383,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -460,6 +501,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -470,7 +515,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -516,6 +569,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -594,6 +653,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -644,9 +705,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -656,7 +717,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -881,7 +942,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1014,7 +1075,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1064,6 +1125,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1125,14 +1202,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1156,6 +1236,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1165,9 +1256,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1176,7 +1284,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1186,61 +1294,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1259,6 +1316,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1539,18 +1600,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1563,17 +1635,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1587,6 +1654,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1669,7 +1743,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1722,6 +1796,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1735,12 +1814,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1810,6 +1883,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1830,7 +1920,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1867,12 +1979,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1993,6 +2106,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -2089,8 +2220,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -2163,6 +2294,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2241,8 +2394,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2382,7 +2535,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 5c84b6b9d7e3c4..4e68df6aa5fbc0 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new util.TextDecoder();
@@ -294,10 +293,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -620,7 +616,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -670,6 +666,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -731,14 +743,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -762,6 +777,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -769,9 +785,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -780,7 +813,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -790,44 +823,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1127,17 +1126,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1148,6 +1150,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1228,7 +1231,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1281,6 +1284,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1292,12 +1300,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1363,6 +1365,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1382,7 +1386,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1417,12 +1423,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1633,8 +1640,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1707,6 +1714,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1784,8 +1803,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1924,7 +1943,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
index ab805e8306ab08..81cd740e66dac7 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
@@ -7,40 +7,39 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var n=require("util"),q=require("react-dom"),r=require("react"),u={stream:!0};function v(a,b){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return{specifier:a.specifier,name:c,async:4===b.length}}var w=new Map;
-function x(a){var b=w.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var c=import(a.specifier);a.async&&(c=c.then(function(d){return d.default}));c.then(function(d){var e=c;e.status="fulfilled";e.value=d},function(d){var e=c;e.status="rejected";e.reason=d});w.set(a.specifier,c);return c}
-function y(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var e=c,g=A.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}
-var A=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),aa=Symbol.for("react.provider"),ba=Symbol.for("react.server_context"),ca=Symbol.for("react.lazy"),C=Symbol.for("react.default_value"),da=Symbol.for("react.postpone"),D=Symbol.iterator;function ea(a){if(null===a||"object"!==typeof a)return null;a=D&&a[D]||a["@@iterator"];return"function"===typeof a?a:null}var fa=Array.isArray,E=Object.getPrototypeOf,ha=Object.prototype,G=new WeakMap;
-function ia(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ja(a,b,c,d){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var t=g++;h.then(function(p){p=JSON.stringify(p,e);var z=l;z.append(b+t,p);f--;0===f&&c(z)},function(p){d(p)});return"$@"+t.toString(16)}if(fa(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var F=l;k=g++;var m=b+k+"_";h.forEach(function(p,z){F.append(m+z,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
-e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(ea(h))return Array.from(h);k=E(h);if(k!==ha&&(null===k||null!==E(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
-h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ia(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=G.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var H=new WeakMap;
-function ka(a){var b,c,d=new Promise(function(e,g){b=e;c=g});ja(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
-function la(a){var b=G.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=H.get(b);c||(c=ka(b),H.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function ma(a,b){var c=G.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
-function I(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:la},$$IS_SIGNATURE_EQUAL:{value:ma},bind:{value:na}});G.set(a,b)}var oa=Function.prototype.bind,pa=Array.prototype.slice;function na(){var a=oa.apply(this,arguments),b=G.get(this);if(b){var c=pa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);I(a,{id:b.id,bound:d})}return a}
-function qa(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}I(c,{id:a,bound:null});return c}var J=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);
-K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ra(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
-function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&N(c,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(M(a),O(a,c,d))}}var R=null,S=null;
-function L(a){var b=R,c=S;R=a;S=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(d,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&N(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{R=b,S=c}}
-function M(a){try{var b=a.value,c=w.get(b.specifier);if("fulfilled"===c.status)var d=c.value;else throw c.reason;var e="*"===b.name?d:""===b.name?d.default:d[b.name];a.status="fulfilled";a.value=e}catch(g){a.status="rejected",a.reason=g}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new K("pending",null,null,a),c.set(b,d));return d}
-function sa(a,b,c,d){if(S){var e=S;d||e.deps++}else e=S={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function ta(a){return function(b){return P(a,b)}}
-function ua(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;I(c,b);return c}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function va(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ca,_payload:a,_init:ra};case "@":return b=parseInt(d.slice(2),16),U(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),J[a]||(b={$$typeof:ba,_currentValue:C,_currentValue2:C,_defaultValue:C,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:aa,_context:b},J[a]=b),J[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=V(a,b),ua(a,b);case "Q":return b=parseInt(d.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=R,a.then(sa(d,b,c,"cyclic"===a.status),ta(d)),null;default:throw a.reason;}}}return d}function wa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function xa(a,b,c,d){var e=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:wa,_nonce:d,_chunks:e,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ya(a);return a}function W(a,b,c){a._chunks.set(b,new K("fulfilled",c,null,a))}
-function za(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=v(a._bundlerConfig,c);y(a._moduleLoading,c[1],a._nonce);if(c=x(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),d.set(b,f);c.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):d.set(b,new K("resolved_module",g,null,a))}
-function X(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function Y(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:X(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);W(a,b,e)}
-function Aa(a,b,c,d,e){switch(c){case 65:W(a,b,X(d,e).buffer);return;case 67:Y(a,b,d,e,Int8Array,1);return;case 99:W(a,b,0===d.length?e:X(d,e));return;case 85:Y(a,b,d,e,Uint8ClampedArray,1);return;case 83:Y(a,b,d,e,Int16Array,2);return;case 115:Y(a,b,d,e,Uint16Array,2);return;case 76:Y(a,b,d,e,Int32Array,4);return;case 108:Y(a,b,d,e,Uint32Array,4);return;case 70:Y(a,b,d,e,Float32Array,4);return;case 68:Y(a,b,d,e,Float64Array,8);return;case 78:Y(a,b,d,e,BigInt64Array,8);return;case 109:Y(a,b,d,e,BigUint64Array,
-8);return;case 86:Y(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],u);f+=g.decode(e);switch(c){case 73:za(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=A.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
-a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=da;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=f,null!==a&&(L(c),O(c,a,b))):d.set(b,new K("resolved_model",f,null,a))}}function ya(a){return function(b,c){return"string"===typeof c?va(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,c){var d=xa(b.moduleMap,b.moduleLoading,Z,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(e){for(var g=0,f=d._rowState,l=d._rowID,k=d._rowTag,h=d._rowLength,t=d._buffer,F=e.length;g<F;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||68===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&91>f?(k=f,f=3,g++):(k=0,f=3);
-continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),Aa(d,l,k,t,h),g=m,3===f&&g++,h=l=k=f=0,t.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);t.push(e);h-=e.byteLength;break}}d._rowState=f;d._rowID=l;d._rowTag=k;d._rowLength=h});a.on("error",function(e){T(d,e)});a.on("end",function(){T(d,Error("Connection closed."))});return U(d,0)};
-exports.createServerReference=function(a){return qa(a,Z)};
+'use strict';var n=require("util"),q=require("react-dom"),r={stream:!0};function t(a,b){var d=a[b[0]];if(a=d[b[2]])d=a.name;else{a=d["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');d=b[2]}return{specifier:a.specifier,name:d,async:4===b.length}}var v=new Map;
+function w(a){var b=v.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});v.set(a.specifier,d);return d}
+function x(a,b,d){if(null!==a)for(var c=0;c<b.length;c++){var e=d,g=y.current;if(g){var f=g.preinitScript,l=a.prefix+b[c];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}var y=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),B=Symbol.for("react.lazy"),aa=Symbol.for("react.postpone"),C=Symbol.iterator;
+function ba(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var ca=Array.isArray,D=Object.getPrototypeOf,da=Object.prototype,F=new WeakMap;function ea(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function fa(a,b,d,c){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var u=g++;h.then(function(p){p=JSON.stringify(p,e);var z=l;z.append(b+u,p);f--;0===f&&d(z)},function(p){c(p)});return"$@"+u.toString(16)}if(ca(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var E=l;k=g++;var m=b+k+"_";h.forEach(function(p,z){E.append(m+z,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
+e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(ba(h))return Array.from(h);k=D(h);if(k!==da&&(null===k||null!==D(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
+h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ea(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=F.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?d(a):(l.set(b+"0",a),0===f&&d(l))}var G=new WeakMap;
+function ha(a){var b,d,c=new Promise(function(e,g){b=e;d=g});fa(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}c.status="fulfilled";c.value=e;b(e)},function(e){c.status="rejected";c.reason=e;d(e)});return c}
+function ia(a){var b=F.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var d=null;if(null!==b.bound){d=G.get(b);d||(d=ha(b),G.set(b,d));if("rejected"===d.status)throw d.reason;if("fulfilled"!==d.status)throw d;b=d.value;var c=new FormData;b.forEach(function(e,g){c.append("$ACTION_"+a+":"+g,e)});d=c;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:d}}
+function H(a,b){var d=F.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(d.id!==a)return!1;var c=d.bound;if(null===c)return 0===b;switch(c.status){case "fulfilled":return c.value.length===b;case "pending":throw c;case "rejected":throw c.reason;default:throw"string"!==typeof c.status&&(c.status="pending",c.then(function(e){c.status="fulfilled";c.value=e},function(e){c.status="rejected";c.reason=e})),c;}}
+function I(a,b,d){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===d?ia:function(){var c=F.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var e=c.bound;null===e&&(e=Promise.resolve([]));return d(c.id,e)}},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,b)}var ja=Function.prototype.bind,ka=Array.prototype.slice;
+function J(){var a=ja.apply(this,arguments),b=F.get(this);if(b){var d=ka.call(arguments,1),c=null;c=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(d)}):Promise.resolve(d);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,{id:b.id,bound:c})}return a}function la(a,b,d){function c(){var e=Array.prototype.slice.call(arguments);return b(a,e)}I(c,{id:a,bound:null},d);return c}
+function K(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}K.prototype=Object.create(Promise.prototype);K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function ma(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function O(a,b,d){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=d;break;case "rejected":d&&N(d,a.reason)}}
+function P(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&N(d,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.value,c=a.reason;a.status="resolved_module";a.value=b;null!==d&&(M(a),O(a,d,c))}}var R=null,S=null;
+function L(a){var b=R,d=S;R=a;S=null;var c=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(c,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&N(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{R=b,S=d}}
+function M(a){try{var b=a.value,d=v.get(b.specifier);if("fulfilled"===d.status)var c=d.value;else throw d.reason;var e="*"===b.name?c:""===b.name?c.default:c[b.name];a.status="fulfilled";a.value=e}catch(g){a.status="rejected",a.reason=g}}function T(a,b){a._chunks.forEach(function(d){"pending"===d.status&&P(d,b)})}function U(a,b){var d=a._chunks,c=d.get(b);c||(c=new K("pending",null,null,a),d.set(b,c));return c}
+function na(a,b,d,c){if(S){var e=S;c||e.deps++}else e=S={deps:c?0:1,value:null};return function(g){b[d]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function oa(a){return function(b){return P(a,b)}}
+function pa(a,b){function d(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?c(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return c(b.id,f.concat(e))}):c(b.id,e)}var c=a._callServer;I(d,b,a._encodeFormAction);return d}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function qa(a,b,d,c){if("$"===c[0]){if("$"===c)return A;switch(c[1]){case "$":return c.slice(1);case "L":return b=parseInt(c.slice(2),16),a=U(a,b),{$$typeof:B,_payload:a,_init:ma};case "@":if(2===c.length)return new Promise(function(){});b=parseInt(c.slice(2),16);return U(a,b);case "S":return Symbol.for(c.slice(2));case "F":return b=parseInt(c.slice(2),16),b=V(a,b),pa(a,b);case "Q":return b=parseInt(c.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=U(a,c);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return c=R,a.then(na(c,b,d,"cyclic"===a.status),oa(c)),null;default:throw a.reason;}}}return c}
+function ra(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function sa(a,b,d,c,e){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==d?d:ra,_encodeFormAction:c,_nonce:e,_chunks:g,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ta(a);return a}function W(a,b,d){a._chunks.set(b,new K("fulfilled",d,null,a))}
+function ua(a,b,d){var c=a._chunks,e=c.get(b);d=JSON.parse(d,a._fromJSON);var g=t(a._bundlerConfig,d);x(a._moduleLoading,d[1],a._nonce);if(d=w(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),c.set(b,f);d.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):c.set(b,new K("resolved_module",g,null,a))}
+function X(a,b){for(var d=a.length,c=b.length,e=0;e<d;e++)c+=a[e].byteLength;c=new Uint8Array(c);for(var g=e=0;g<d;g++){var f=a[g];c.set(f,e);e+=f.byteLength}c.set(b,e);return c}function Y(a,b,d,c,e,g){d=0===d.length&&0===c.byteOffset%g?c:X(d,c);e=new e(d.buffer,d.byteOffset,d.byteLength/g);W(a,b,e)}
+function va(a,b,d,c,e){switch(d){case 65:W(a,b,X(c,e).buffer);return;case 67:Y(a,b,c,e,Int8Array,1);return;case 99:W(a,b,0===c.length?e:X(c,e));return;case 85:Y(a,b,c,e,Uint8ClampedArray,1);return;case 83:Y(a,b,c,e,Int16Array,2);return;case 115:Y(a,b,c,e,Uint16Array,2);return;case 76:Y(a,b,c,e,Int32Array,4);return;case 108:Y(a,b,c,e,Uint32Array,4);return;case 70:Y(a,b,c,e,Float32Array,4);return;case 100:Y(a,b,c,e,Float64Array,8);return;case 78:Y(a,b,c,e,BigInt64Array,8);return;case 109:Y(a,b,c,e,
+BigUint64Array,8);return;case 86:Y(a,b,c,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<c.length;l++)f+=g.decode(c[l],r);f+=g.decode(e);switch(d){case 73:ua(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=y.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];d=a[1];3===a.length?f.preload(b,d,a[2]):f.preload(b,d);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:d=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+f.stack="Error: "+f.message;f.digest=d;d=a._chunks;(c=d.get(b))?P(c,f):d.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+f.$$typeof=aa;f.stack="Error: "+f.message;d=a._chunks;(c=d.get(b))?P(c,f):d.set(b,new K("rejected",null,f,a));break;default:c=a._chunks,(d=c.get(b))?"pending"===d.status&&(a=d.value,b=d.reason,d.status="resolved_model",d.value=f,null!==a&&(L(d),O(d,a,b))):c.set(b,new K("resolved_model",f,null,a))}}function ta(a){return function(b,d){return"string"===typeof d?qa(a,this,b,d):"object"===typeof d&&null!==d?(b=d[0]===A?{$$typeof:A,type:d[1],key:d[2],ref:null,props:d[3],_owner:null}:d,b):d}}
+function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,d){var c=sa(b.moduleMap,b.moduleLoading,Z,d?d.encodeFormAction:void 0,d&&"string"===typeof d.nonce?d.nonce:void 0);a.on("data",function(e){for(var g=0,f=c._rowState,l=c._rowID,k=c._rowTag,h=c._rowLength,u=c._buffer,E=e.length;g<E;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||100===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&
+91>f?(k=f,f=3,g++):(k=0,f=3);continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),va(c,l,k,u,h),g=m,3===f&&g++,h=l=k=f=0,u.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);u.push(e);h-=e.byteLength;break}}c._rowState=f;c._rowID=l;c._rowTag=k;c._rowLength=h});a.on("error",function(e){T(c,e)});a.on("end",function(){T(c,Error("Connection closed."))});return U(c,
+0)};exports.createServerReference=function(a){return la(a,Z)};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.node.unbundled.production.min.js.map
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 bd4c28a283e5ba..b147b6639fc21c 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
@@ -62,7 +62,7 @@ var enablePostpone = true;
 function scheduleWork(callback) {
   callback();
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   // If we passed through this straight to enqueue we wouldn't have to convert it but since
@@ -172,10 +165,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -187,7 +180,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -234,13 +227,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -279,6 +275,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -291,89 +291,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -681,20 +709,21 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = false;
+var requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -713,198 +742,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1033,29 +870,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1066,8 +887,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1100,6 +921,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1125,20 +950,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1276,6 +1103,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1286,7 +1117,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1332,6 +1171,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1410,6 +1255,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1460,9 +1307,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1472,7 +1319,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1499,57 +1346,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1563,6 +1359,75 @@ function binaryToComparableString(view) {
   return String.fromCharCode.apply(String, new Uint8Array(view.buffer, view.byteOffset, view.byteLength));
 }
 
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1613,7 +1478,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1648,21 +1513,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1673,15 +1536,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1825,119 +1691,252 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
-  if (ref !== null && ref !== undefined) {
-    // When the ref moves to the regular props object this will implicitly
-    // throw for functions. We could probably relax it to a DEV warning for other
-    // cases.
-    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
-  }
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
 
   {
-    jsxPropsParents.set(props, type);
-
-    if (typeof props.children === 'object' && props.children !== null) {
-      jsxChildrenParents.set(props.children, type);
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
     }
   }
 
-  if (typeof type === 'function') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
 
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
 
-      return createLazyWrapperAroundWakeable(result);
-    }
 
-    return result;
-  } else if (typeof type === 'string') {
-    // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
-      // For key-less fragments, we add a small optimization to avoid serializing
-      // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
-    } // This might be a built-in React component. We'll let the client decide.
-    // Any built-in works as long as its props are serializable.
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
 
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (type != null && typeof type === 'object') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
     }
+  }
 
-    switch (type.$$typeof) {
-      case REACT_LAZY_TYPE:
-        {
-          var payload = type._payload;
-          var init = type._init;
-          var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
-        }
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
 
-      case REACT_FORWARD_REF_TYPE:
-        {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
-        }
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
 
-      case REACT_MEMO_TYPE:
-        {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
 
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
 
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
 
-                return true;
-              });
+  return children;
+}
 
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
 
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
+
+
+    return renderFunctionComponent(request, task, key, type, props);
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return renderClientElement(task, type, key, props);
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      var prevImplicitSlot = task.implicitSlot;
 
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return renderClientElement(task, type, key, props);
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return renderElement(request, task, wrappedType, key, ref, props);
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        {
+          return renderFunctionComponent(request, task, key, type.render, props);
+        }
+
+      case REACT_MEMO_TYPE:
+        {
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1957,16 +1956,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1981,6 +2015,10 @@ function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -1993,10 +2031,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2039,13 +2073,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2064,7 +2098,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2084,13 +2118,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2195,136 +2230,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2332,94 +2325,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2477,7 +2547,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2499,7 +2569,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2511,14 +2581,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2540,9 +2610,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2570,6 +2640,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2578,18 +2656,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2607,7 +2680,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2629,17 +2702,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2701,8 +2795,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2742,68 +2839,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
 
-  var json = stringify(model, request.toJSON);
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2836,6 +3223,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3053,27 +3444,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3734,7 +4104,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 1251d241e16b70..1179f55b272ddf 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
@@ -10,8 +10,8 @@
 
 'use strict';
 
-var ReactDOM = require('react-dom');
 var React = require('react');
+var ReactDOM = require('react-dom');
 
 // -----------------------------------------------------------------------------
 const enablePostpone = true;
@@ -19,7 +19,7 @@ const enablePostpone = true;
 function scheduleWork(callback) {
   callback();
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -123,10 +122,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -138,7 +137,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -185,13 +184,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -230,6 +232,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -242,89 +248,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
-
-      case 'defaultProps':
-        return undefined;
-      // Avoid this attempting to be serialized.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'toJSON':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
+      }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  let cachedReference = target[name];
 
-    }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    let cachedReference = target[name];
+  return cachedReference;
+}
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
+
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -634,20 +668,21 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = false;
+const requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -666,184 +701,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -972,16 +829,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -995,8 +849,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1032,6 +886,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1057,14 +915,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1143,6 +1009,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1153,7 +1023,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1199,6 +1076,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1246,6 +1129,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1297,38 +1182,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1392,7 +1245,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1427,21 +1280,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1452,15 +1299,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1602,61 +1443,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1665,34 +1615,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1710,14 +1643,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1744,10 +1693,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1790,13 +1735,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1815,7 +1760,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1835,13 +1780,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1945,100 +1891,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
-let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+let modelRoot = false;
 
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
+
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
 
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
+
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2046,6 +1987,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2054,16 +2065,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2075,41 +2088,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2122,8 +2114,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2181,7 +2172,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2203,7 +2194,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2230,7 +2221,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2260,6 +2251,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2268,18 +2267,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2296,7 +2287,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2318,17 +2309,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2401,68 +2413,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2495,6 +2493,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2687,27 +2686,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3351,7 +3329,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js
index 193e785670306e..f59a0085d49ef8 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.browser.production.min.js
@@ -7,76 +7,76 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react-dom"),ba=require("react"),l=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(512),n=0),a.enqueue(b);else{var d=l.length-n;d<b.byteLength&&(0===d?a.enqueue(l):(l.set(b.subarray(0,d),n),a.enqueue(l),b=b.subarray(d)),l=new Uint8Array(512),n=0);l.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
-var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=u({},a.$$id,!0),e=new Proxy(c,ja);a.status="fulfilled";a.value=e;return a.then=u(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},ra={prefetchDNS:ka,preconnect:la,preload:ma,preloadModule:na,preinitStyle:oa,preinitScript:pa,preinitModuleScript:qa};function ka(a){if("string"===typeof a&&a){var b=v?v:null;if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),w(b,"D",a))}}}function la(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?w(d,"C",[a,b]):w(d,"C",a))}}}
-function ma(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=x(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function na(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"m",[a,b]):w(d,"m",a)}}}
-function oa(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=x(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function pa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"X",[a,b]):w(d,"X",a)}}}
-function qa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"M",[a,b]):w(d,"M",a)}}}function x(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var ta=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),ua=Symbol.for("react.fragment"),va=Symbol.for("react.provider"),wa=Symbol.for("react.server_context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),Ba=Symbol.for("react.default_value"),Ca=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Da=Symbol.iterator,C=null;
-function Ea(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ea(a,d);b.context._currentValue=b.value}}}function Fa(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Fa(a)}
-function Ga(a){var b=a.parent;null!==b&&Ga(b);a.context._currentValue=a.value}function Ha(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ea(a,b):Ha(a,b)}
-function Ia(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Ea(a,d):Ia(a,d);b.context._currentValue=b.value}function Ja(a){var b=C;b!==a&&(null===b?Ga(a):null===a?Fa(b):b.depth===a.depth?Ea(b,a):b.depth>a.depth?Ha(b,a):Ia(b,a),C=a)}function Ka(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var La=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ma(){}function Na(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ma,Ma),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Oa=b;throw La;}}var Oa=null;
-function Pa(){if(null===Oa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Oa;Oa=null;return a}var D=null,Qa=0,E=null;function Ra(){var a=E;E=null;return a}function Sa(a){return a._currentValue}
-var Wa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Sa,useContext:Sa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ta,useSyncExternalStore:F,useCacheRefresh:function(){return Ua},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ca;return b},use:Va};
-function F(){throw Error("This Hook is not supported in Server Components.");}function Ua(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ta(){if(null===D)throw Error("useId can only be used while React is rendering");var a=D.identifierCount++;return":"+D.identifierPrefix+"S"+a.toString(32)+":"}
-function Va(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Qa;Qa+=1;null===E&&(E=[]);return Na(E,a,b)}if(a.$$typeof===wa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Xa(){return(new AbortController).signal}function Ya(){var a=v?v:null;return a?a.cache:new Map}
-var Za={getCacheSignal:function(){var a=Ya(),b=a.get(Xa);void 0===b&&(b=Xa(),a.set(Xa,b));return b},getCacheForType:function(a){var b=Ya(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},$a=Array.isArray,ab=Object.getPrototypeOf;function bb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function cb(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if($a(a))return"[...]";a=bb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function db(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return db(a.render);case Aa:return db(a.type);case z:var b=a._payload;a=a._init;try{return db(a(b))}catch(d){}}return""}
-function H(a,b){var d=bb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if($a(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?H(g):cb(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+db(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?H(h):
-cb(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var eb=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,fb=eb.ContextRegistry,I=ba.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!I)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 gb=Object.prototype,J=JSON.stringify,hb=I.TaintRegistryObjects,K=I.TaintRegistryValues,ib=I.TaintRegistryByteLengths,jb=I.TaintRegistryPendingRequests,kb=I.ReactCurrentCache,lb=eb.ReactCurrentDispatcher;function L(a){throw Error(a);}
-function mb(a){a=a.taintCleanupQueue;jb.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=K.get(d);void 0!==c&&(1===c.count?K.delete(d):c.count--)}a.length=0}function nb(a){console.error(a)}function ob(){}
-function pb(a,b,d,c,e,f){if(null!==kb.current&&kb.current!==Za)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=ra;kb.current=Za;var g=new Set,k=[],h=[];jb.add(h);var m=new Set,A={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:m,abortableTasks:g,pingedTasks:k,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:h,onError:void 0===d?nb:d,onPostpone:void 0===f?ob:f,toJSON:function(sa,G){return qb(A,this,sa,G)}};A.pendingChunks++;b=rb(c);a=sb(A,a,b,g);k.push(a);return A}var v=null,tb={};
-function ub(a,b){a.pendingChunks++;var d=sb(a,null,C,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,vb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===B?(M(a,c.message),N(a,d.id)):(c=O(a,c),P(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;vb(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===B?(M(a,e.message),N(a,d.id)):(d.status=4,e=O(a,e),P(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&Q(a,a.destination)});return d.id}function w(a,b,d){d=J(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,Q(a,d))}
-function wb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}function xb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:z,_payload:a,_init:wb}}
-function R(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[y,b,d,e];Qa=0;E=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:xb(e):e}if("string"===typeof b)return[y,b,d,e];if("symbol"===typeof b)return b===ua?e.children:[y,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[y,b,d,e];switch(b.$$typeof){case z:var g=
-b._init;b=g(b._payload);return R(a,b,d,c,e,f);case xa:return a=b.render,Qa=0,E=f,a(e,void 0);case Aa:return R(a,b.type,d,c,e,f);case va:return Ka(b._context,e.value),[y,b,d,{value:e.value,children:e.children,__pop:tb}]}}throw Error("Unsupported Server Component type: "+cb(b));}function vb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,yb(a))}
-function sb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return vb(a,e)},thenableState:null};c.add(e);return e}function S(a){return"$"+a.toString(16)}function zb(a,b,d){a=J(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function Ab(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===y&&"1"===d?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var m=k[h];if(m)g=m.name;else{var A=h.lastIndexOf("#");-1!==A&&(g=h.slice(A+1),m=k[h.slice(0,A)]);if(!m)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var sa=!0===c.$$async?[m.id,m.chunks,g,1]:[m.id,m.chunks,
-g];a.pendingChunks++;var G=a.nextChunkId++,Sb=J(sa),Tb=G.toString(16)+":I"+Sb+"\n",Ub=q.encode(Tb);a.completedImportChunks.push(Ub);f.set(e,G);return b[0]===y&&"1"===d?"$L"+G.toString(16):S(G)}catch(Vb){return a.pendingChunks++,b=a.nextChunkId++,d=O(a,Vb),P(a,b,d),S(b)}}function T(a,b){a.pendingChunks++;b=sb(a,b,C,a.abortableTasks);Bb(a,b);return b.id}
-function U(a,b,d){if(ib.has(d.byteLength)){var c=K.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&L(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;var e=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);d=512<d.byteLength?e.slice():e;e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";b=q.encode(b);a.completedRegularChunks.push(b,d);return S(c)}var V=!1;
-function qb(a,b,d,c){switch(c){case y:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===y||c.$$typeof===z);)try{switch(c.$$typeof){case y:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=T(a,c);return S(g)}if(V===c)V=null;else return S(f)}else e.set(c,-1);var k=c;c=R(a,k.type,k.key,k.ref,k.props,null);break;case z:var h=c._init;c=h(c._payload)}}catch(m){d=m===La?Pa():m;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=sb(a,c,C,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Ra(),"$L"+a.id.toString(16);if(d.$$typeof===B)return c=d,a.pendingChunks++,d=a.nextChunkId++,M(a,c.message),N(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=O(a,d);P(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=hb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Ab(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(V===c)V=null;else return"$@"+e.toString(16);a=ub(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===va)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=zb(a,d,"$P"+c),a.completedRegularChunks.push(c)),S(d);if(c===tb){a=C;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Ba?a.context._defaultValue:c;C=a.parent;return}if(void 0!==e){if(-1===e)return a=T(a,c),S(a);if(V===c)V=null;else return S(e)}else b.set(c,
--1);if($a(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+T(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+T(a,c).toString(16)}if(c instanceof ArrayBuffer)return U(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return U(a,"C",c);if(c instanceof
-Uint8Array)return U(a,"c",c);if(c instanceof Uint8ClampedArray)return U(a,"U",c);if(c instanceof Int16Array)return U(a,"S",c);if(c instanceof Uint16Array)return U(a,"s",c);if(c instanceof Int32Array)return U(a,"L",c);if(c instanceof Uint32Array)return U(a,"l",c);if(c instanceof Float32Array)return U(a,"F",c);if(c instanceof Float64Array)return U(a,"D",c);if(c instanceof BigInt64Array)return U(a,"N",c);if(c instanceof BigUint64Array)return U(a,"m",c);if(c instanceof DataView)return U(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Da&&c[Da]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=ab(c);if(a!==gb&&(null===a||null!==ab(a)))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.");return c}if("string"===typeof c){e=K.get(c);void 0!==e&&L(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-c=q.encode(c),b=c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",b=q.encode(b),a.completedRegularChunks.push(b,c),S(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=hb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Ab(a,b,d,c);if(c.$$typeof===t)return d=a.writtenServerReferences,
-b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=T(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+H(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+H(b,d));}if("symbol"===typeof c){e=
-a.writtenSymbols;f=e.get(c);if(void 0!==f)return S(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+H(b,d));a.pendingChunks++;d=a.nextChunkId++;b=zb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return S(d)}if("bigint"===typeof c)return a=K.get(c),void 0!==a&&L(a.message),"$n"+c.toString(10);throw Error("Type "+typeof c+
-" is not supported in Client Component props."+H(b,d));}function M(a,b){a=a.onPostpone;a(b)}function O(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Cb(a,b){mb(a);null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function N(a,b){b=b.toString(16)+":P\n";b=q.encode(b);a.completedErrorChunks.push(b)}function P(a,b,d){d={digest:d};b=b.toString(16)+":E"+J(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function Bb(a,b){if(0===b.status){Ja(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===y){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=R(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===y;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=R(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;V=d;var g=J(d,a.toJSON),k=f.toString(16)+":"+g+"\n",h=q.encode(k);
-a.completedRegularChunks.push(h);a.abortableTasks.delete(b);b.status=1}catch(m){f=m===La?Pa():m;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Ra();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=O(a,f);P(a,b.id,f)}}}
-function yb(a){var b=lb.current;lb.current=Wa;var d=v;D=v=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Bb(a,c[e]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Cb(a,f)}finally{lb.current=b,D=null,v=d}}
-function Q(a,b){l=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<n&&(b.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}0===a.pendingChunks&&
-(mb(a),b.close())}function Db(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,e);P(a,c,f,e)}d.forEach(function(g){g.status=3;var k=S(c);g=zb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Cb(a,g)}}
-function rb(a){if(a){var b=C;Ja(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!fb[e]){var f={$$typeof:wa,_currentValue:Ba,_currentValue2:Ba,_defaultValue:Ba,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:va,_context:f};fb[e]=f}Ka(fb[e],c)}a=C;Ja(b);return a}return null}
-function Eb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Fb=new Map;
-function Gb(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Hb(){}
-function Ib(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=Fb.get(e);if(void 0===f){f=__turbopack_load__(e);d.push(f);var g=Fb.set.bind(Fb,e,null);f.then(g,Hb);Fb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?Gb(a[0]):Promise.all(d).then(function(){return Gb(a[0])}):0<d.length?Promise.all(d):null}
-function W(a){var b=__turbopack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Jb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Jb.prototype=Object.create(Promise.prototype);
-Jb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Kb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Lb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Mb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Lb(d,b)}}function Nb(a,b,d,c,e,f){var g=Eb(a._bundlerConfig,b);a=Ib(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Ob(c,e,f),Pb(c));return null}var X=null,Y=null;
-function Kb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Qb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Mb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Jb("resolved_model",c,null,a):new Jb("pending",null,null,a),d.set(b,c));return c}function Ob(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Lb(e,c.value))}}function Pb(a){return function(b){return Mb(a,b)}}
-function Rb(a,b){a=Z(a,b);"resolved_model"===a.status&&Kb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Wb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Rb(a,c),Nb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Rb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Rb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Kb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Ob(c,b,d),Pb(c)),null;default:throw a.reason;}}return c}
-function Xb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Wb(e,this,f,g):g}};return e}function Yb(a){Qb(a,Error("Connection closed."))}function Zb(a,b,d){var c=Eb(a,b);a=Ib(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}
-function $b(a,b,d){a=Xb(b,d,a);Yb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ja)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=$b(a,b,e),c=Zb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Zb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Xb(b,"",a);b=Z(a,0);Yb(a);return b};
-exports.registerClientReference=function(a,b,d){return u(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
-exports.renderToReadableStream=function(a,b,d){var c=pb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)Db(c,e.reason);else{var f=function(){Db(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){c.flushScheduled=null!==c.destination;yb(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===
-c.destination){c.destination=g;try{Q(c,g)}catch(k){O(c,k),Cb(c,k)}}},cancel:function(){}},{highWaterMark:0})};
+'use strict';var aa=require("react"),ba=require("react-dom"),l=null,p=0;function q(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<p&&(a.enqueue(new Uint8Array(l.buffer,0,p)),l=new Uint8Array(2048),p=0),a.enqueue(b);else{var c=l.length-p;c<b.byteLength&&(0===c?a.enqueue(l):(l.set(b.subarray(0,c),p),a.enqueue(l),b=b.subarray(c)),l=new Uint8Array(2048),p=0);l.set(b,p);p+=b.byteLength}return!0}var r=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var t=Symbol.for("react.client.reference"),u=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:c}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function ha(){var a=da.apply(this,arguments);if(this.$$typeof===u){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:u},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ha}})}return a}
+var ia=Promise.prototype,ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function ka(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=v({},a.$$id,!0),d=new Proxy(e,la);a.status="fulfilled";a.value=d;return a.then=v(function(g){return Promise.resolve(g(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,ja));return e}
+var la={get:function(a,b){return ka(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ka(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ia},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ta={prefetchDNS:ma,preconnect:na,preload:oa,preloadModule:pa,preinitStyle:qa,preinitScript:ra,preinitModuleScript:sa};
+function ma(a){if("string"===typeof a&&a){var b=w?w:null;if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),x(b,"D",a))}}}function na(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function oa(a,b,c){if("string"===typeof a){var e=w?w:null;if(e){var d=e.hints,g="L";if("image"===b&&c){var f=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof f&&""!==f?(h+="["+f+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;g+="[image]"+h}else g+="["+b+"]"+a;d.has(g)||(d.add(g),(c=z(c))?x(e,"L",[a,b,c]):x(e,"L",[a,b]))}}}function pa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=z(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function qa(a,b,c){if("string"===typeof a){var e=w?w:null;if(e){var d=e.hints,g="S|"+a;if(!d.has(g))return d.add(g),(c=z(c))?x(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(e,"S",[a,b]):x(e,"S",a)}}}function ra(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=z(b))?x(c,"X",[a,b]):x(c,"X",a)}}}
+function sa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=z(b))?x(c,"M",[a,b]):x(c,"M",a)}}}function z(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}
+var ua=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),Ba=Symbol.for("react.memo_cache_sentinel"),D=Symbol.for("react.postpone"),Ca=Symbol.iterator,Da=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ea(){}function Fa(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ea,Ea),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ga=b;throw Da;}}var Ga=null;
+function Ha(){if(null===Ga)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ga;Ga=null;return a}var E=null,Ia=0,F=null;function Ja(){var a=F||[];F=null;return a}
+var Oa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Ka,useContext:Ka,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:La,useSyncExternalStore:G,useCacheRefresh:function(){return Ma},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ba;return b},use:Na};
+function G(){throw Error("This Hook is not supported in Server Components.");}function Ma(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ka(){throw Error("Cannot read a Client Context from a Server Component.");}function La(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
+function Na(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ia;Ia+=1;null===F&&(F=[]);return Fa(F,a,b)}a.$$typeof===wa&&Ka()}if(a.$$typeof===t){if(null!=a.value&&a.value.$$typeof===wa)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Pa(){return(new AbortController).signal}
+function Qa(){var a=w?w:null;return a?a.cache:new Map}var Ra={getCacheSignal:function(){var a=Qa(),b=a.get(Pa);void 0===b&&(b=Pa(),a.set(Pa,b));return b},getCacheForType:function(a){var b=Qa(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Sa=Array.isArray,Ta=Object.getPrototypeOf;function Ua(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Va(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Sa(a))return"[...]";if(null!==a&&a.$$typeof===Wa)return"client";a=Ua(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Wa?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function Xa(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return Xa(a.render);case Aa:return Xa(a.type);case B:var b=a._payload;a=a._init;try{return Xa(a(b))}catch(c){}}return""}var Wa=Symbol.for("react.client.reference");
+function H(a,b){var c=Ua(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Sa(a)){var d="[";for(var g=0;g<a.length;g++){0<g&&(d+=", ");var f=a[g];f="object"===typeof f&&null!==f?H(f):Va(f);""+g===b?(c=d.length,e=f.length,d+=f):d=10>f.length&&40>d.length+f.length?d+f:d+"..."}d+="]"}else if(a.$$typeof===A)d="<"+Xa(a.type)+"/>";else{if(a.$$typeof===Wa)return"client";d="{";g=Object.keys(a);for(f=0;f<g.length;f++){0<f&&(d+=", ");var k=g[f],h=JSON.stringify(k);d+=('"'+k+'"'===h?k:h)+": ";h=a[k];
+h="object"===typeof h&&null!==h?H(h):Va(h);k===b?(c=d.length,e=h.length,d+=h):d=10>h.length&&40>d.length+h.length?d+h:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var Ya=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,I=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!I)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 Za=Object.prototype,J=JSON.stringify,$a=I.TaintRegistryObjects,K=I.TaintRegistryValues,ab=I.TaintRegistryByteLengths,bb=I.TaintRegistryPendingRequests,cb=I.ReactCurrentCache,db=Ya.ReactCurrentDispatcher;function L(a){throw Error(a);}
+function eb(a){a=a.taintCleanupQueue;bb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=K.get(c);void 0!==e&&(1===e.count?K.delete(c):e.count--)}a.length=0}function fb(a){console.error(a)}function gb(){}
+function hb(a,b,c,e,d){if(null!==cb.current&&cb.current!==Ra)throw Error("Currently React only supports one RSC renderer at a time.");ua.current=ta;cb.current=Ra;var g=new Set,f=[],k=[];bb.add(k);var h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:g,pingedTasks:f,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===c?fb:c,onPostpone:void 0===d?gb:d};a=ib(b,a,null,!1,g);f.push(a);return b}var w=null;
+function jb(a,b,c){var e=ib(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,kb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===D?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;kb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===D?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function x(a,b,c){c=J(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;c=r.encode(b+c+"\n");a.completedHintChunks.push(c);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(c=a.destination,a.flushScheduled=!0,Q(a,c))}
+function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}function mb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:B,_payload:a,_init:lb}}
+function nb(a,b,c,e,d){var g=b.thenableState;b.thenableState=null;Ia=0;F=g;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=mb(e)}d=b.keyPath;g=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,ob,"",e);b.keyPath=d;b.implicitSlot=g;return a}function pb(a,b,c){return null!==b.keyPath?(a=[A,va,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function qb(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[A,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function rb(a,b,c,e,d,g){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===t?qb(b,c,e,g):nb(a,b,e,c,g);if("string"===typeof c)return qb(b,c,e,g);if("symbol"===typeof c)return c===va&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,ob,"",g.children),b.implicitSlot=e,a):qb(b,c,e,g);if(null!=c&&"object"===typeof c){if(c.$$typeof===t)return qb(b,c,e,g);switch(c.$$typeof){case B:var f=
+c._init;c=f(c._payload);return rb(a,b,c,e,d,g);case xa:return nb(a,b,e,c.render,g);case Aa:return rb(a,b,c.type,e,d,g)}}throw Error("Unsupported Server Component type: "+Va(c));}function kb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,sb(a))}
+function ib(a,b,c,e,d){a.pendingChunks++;var g=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,g);var f={id:g,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return kb(a,f)},toJSON:function(k,h){a:{var m=f.keyPath,y=f.implicitSlot;try{var n=R(a,f,this,k,h)}catch(fa){k=fa===Da?Ha():fa;h=f.model;h="object"===typeof h&&null!==h&&(h.$$typeof===A||h.$$typeof===B);if("object"===typeof k&&null!==k){if("function"===typeof k.then){n=ib(a,f.model,f.keyPath,f.implicitSlot,
+a.abortableTasks);var C=n.ping;k.then(C,C);n.thenableState=Ja();f.keyPath=m;f.implicitSlot=y;n=h?"$L"+n.id.toString(16):S(n.id);break a}if(k.$$typeof===D){a.pendingChunks++;n=a.nextChunkId++;M(a,k.message);N(a,n);f.keyPath=m;f.implicitSlot=y;n=h?"$L"+n.toString(16):S(n);break a}}f.keyPath=m;f.implicitSlot=y;if(h)a.pendingChunks++,m=a.nextChunkId++,y=O(a,k),P(a,m,y),n="$L"+m.toString(16);else throw k;}}return n},thenableState:null};d.add(f);return f}function S(a){return"$"+a.toString(16)}
+function tb(a,b,c){a=J(c);b=b.toString(16)+":"+a+"\n";return r.encode(b)}
+function ub(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,g=a.writtenClientReferences,f=g.get(d);if(void 0!==f)return b[0]===A&&"1"===c?"$L"+f.toString(16):S(f);try{var k=a.bundlerConfig,h=e.$$id;f="";var m=k[h];if(m)f=m.name;else{var y=h.lastIndexOf("#");-1!==y&&(f=h.slice(y+1),m=k[h.slice(0,y)]);if(!m)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var n=!0===e.$$async?[m.id,m.chunks,f,1]:[m.id,m.chunks,
+f];a.pendingChunks++;var C=a.nextChunkId++,fa=J(n),Mb=C.toString(16)+":I"+fa+"\n",Nb=r.encode(Mb);a.completedImportChunks.push(Nb);g.set(d,C);return b[0]===A&&"1"===c?"$L"+C.toString(16):S(C)}catch(Ob){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Ob),P(a,b,c),S(b)}}function T(a,b){b=ib(a,b,null,!1,a.abortableTasks);vb(a,b);return b.id}
+function U(a,b,c){if(ab.has(c.byteLength)){var e=K.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&L(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;var d=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);c=2048<c.byteLength?d.slice():d;d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";b=r.encode(b);a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===A)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case A:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return rb(a,b,d.type,d.key,void 0!==e?e:null,c);case B:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,ob,"",d)}if(d.$$typeof===t)return ub(a,c,e,d);c=$a.get(d);void 0!==c&&L(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+jb(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=jb(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Sa(d))return pb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Ca&&d[Ca]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return pb(a,b,Array.from(d));a=Ta(d);if(a!==Za&&(null===a||null!==Ta(a)))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.");
+return d}if("string"===typeof d){b=K.get(d);void 0!==b&&L(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,d=r.encode(d),c=d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=r.encode(c),a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===d?"$-Infinity":
+"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===t)return ub(a,c,e,d);if(d.$$typeof===u)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=$a.get(d);void 0!==a&&L(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+H(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+H(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var g=b.get(d);if(void 0!==g)return S(g);g=d.description;if(Symbol.for(g)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+H(c,e));a.pendingChunks++;c=a.nextChunkId++;e=tb(a,c,"$S"+g);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=K.get(d),void 0!==a&&L(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+H(c,e));}function M(a,b){var c=w;w=null;try{var e=a.onPostpone;e(b)}finally{w=c}}
+function O(a,b){var c=w;w=null;try{var e=a.onError;var d=e(b)}finally{w=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}function wb(a,b){eb(a);null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";b=r.encode(b);a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+J(c)+"\n";b=r.encode(b);a.completedErrorChunks.push(b)}var ob={};
+function vb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,ob,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?J(c,b.toJSON):J(c),d=b.id.toString(16)+":"+e+"\n",g=r.encode(d);a.completedRegularChunks.push(g);a.abortableTasks.delete(b);b.status=1}catch(m){var f=m===Da?Ha():m;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var k=b.ping;f.then(k,k);b.thenableState=Ja();return}if(f.$$typeof===D){a.abortableTasks.delete(b);b.status=4;M(a,f.message);
+N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;var h=O(a,f);P(a,b.id,h)}finally{}}function sb(a){var b=db.current;db.current=Oa;var c=w;E=w=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)vb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),wb(a,g)}finally{db.current=b,E=null,w=c}}
+function Q(a,b){l=new Uint8Array(2048);p=0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)a.pendingChunks--,q(b,c[e]);c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)q(b,d[e]);d.splice(0,e);var g=a.completedRegularChunks;for(e=0;e<g.length;e++)a.pendingChunks--,q(b,g[e]);g.splice(0,e);var f=a.completedErrorChunks;for(e=0;e<f.length;e++)a.pendingChunks--,q(b,f[e]);f.splice(0,e)}finally{a.flushScheduled=!1,l&&0<p&&(b.enqueue(new Uint8Array(l.buffer,0,p)),l=null,p=0)}0===a.pendingChunks&&
+(eb(a),b.close())}function xb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===D)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,g=O(a,d);P(a,e,g,d)}c.forEach(function(f){f.status=3;var k=S(e);f=tb(a,f.id,k);a.completedErrorChunks.push(f)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),wb(a,f)}}
+function yb(a,b){var c="",e=a[b];if(e)c=e.name;else{var d=b.lastIndexOf("#");-1!==d&&(c=b.slice(d+1),e=a[b.slice(0,d)]);if(!e)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[e.id,e.chunks,c]}var zb=new Map;
+function Ab(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function Bb(){}
+function Cb(a){for(var b=a[1],c=[],e=0;e<b.length;e++){var d=b[e],g=zb.get(d);if(void 0===g){g=__turbopack_load__(d);c.push(g);var f=zb.set.bind(zb,d,null);g.then(f,Bb);zb.set(d,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?Ab(a[0]):Promise.all(c).then(function(){return Ab(a[0])}):0<c.length?Promise.all(c):null}
+function W(a){var b=__turbopack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Db(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Db.prototype=Object.create(Promise.prototype);
+Db.prototype.then=function(a,b){switch(this.status){case "resolved_model":Eb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Fb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Gb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Fb(c,b)}}function Hb(a,b,c,e,d,g){var f=yb(a._bundlerConfig,b);a=Cb(f);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=W(f);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return W(f)});else return W(f);c.then(Ib(e,d,g),Jb(e));return null}var X=null,Y=null;
+function Eb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Kb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Gb(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Db("resolved_model",e,null,a):new Db("pending",null,null,a),c.set(b,e));return e}function Ib(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Fb(d,e.value))}}function Jb(a){return function(b){return Gb(a,b)}}
+function Lb(a,b){a=Z(a,b);"resolved_model"===a.status&&Eb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Pb(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Lb(a,e),Hb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Lb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Lb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",g=new FormData;a._formData.forEach(function(f,k){k.startsWith(d)&&g.append(k.slice(d.length),
+f)});return g;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Eb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Ib(e,b,c),Jb(e)),null;default:throw a.reason;}}return e}
+function Qb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(g,f){return"string"===typeof f?Pb(d,this,g,f):f}};return d}function Rb(a){Kb(a,Error("Connection closed."))}function Sb(a,b,c){var e=yb(a,b);a=Cb(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var g=W(e);return g.bind.apply(g,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}
+function Tb(a,b,c){a=Qb(b,c,a);Rb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,la)};
+exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,g){g.startsWith("$ACTION_")?g.startsWith("$ACTION_REF_")?(d="$ACTION_"+g.slice(12)+":",d=Tb(a,b,d),e=Sb(b,d.id,d.bound)):g.startsWith("$ACTION_ID_")&&(d=g.slice(11),e=Sb(b,d,null)):c.append(g,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Qb(b,"",a);b=Z(a,0);Rb(a);return b};
+exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:u},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ha,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var e=hb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var d=c.signal;if(d.aborted)xb(e,d.reason);else{var g=function(){xb(e,d.reason);d.removeEventListener("abort",g)};d.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){e.flushScheduled=null!==e.destination;sb(e)},pull:function(f){if(1===e.status)e.status=2,ca(f,e.fatalError);else if(2!==e.status&&null===e.destination){e.destination=
+f;try{Q(e,f)}catch(k){O(e,k),wb(e,k)}}},cancel:function(){}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.browser.production.min.js.map
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 2076f806b1aa6e..c754165124e24e 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
@@ -62,7 +62,7 @@ var enablePostpone = true;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   // If we passed through this straight to enqueue we wouldn't have to convert it but since
@@ -172,10 +165,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -187,7 +180,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -234,13 +227,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -279,6 +275,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -291,89 +291,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -718,14 +746,12 @@ var executionAsyncId = typeof async_hooks === 'object' ? async_hooks.executionAs
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -744,198 +770,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1064,29 +898,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1097,8 +915,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1131,6 +949,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1156,20 +978,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1307,6 +1131,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1317,7 +1145,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1363,6 +1199,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1441,6 +1283,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1491,9 +1335,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1503,7 +1347,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1530,57 +1374,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1595,6 +1388,76 @@ function binaryToComparableString(view) {
 }
 
 initAsyncDebugInfo();
+
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1645,7 +1508,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1680,21 +1543,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1710,15 +1571,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1862,119 +1726,252 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
-  if (ref !== null && ref !== undefined) {
-    // When the ref moves to the regular props object this will implicitly
-    // throw for functions. We could probably relax it to a DEV warning for other
-    // cases.
-    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
-  }
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
 
   {
-    jsxPropsParents.set(props, type);
-
-    if (typeof props.children === 'object' && props.children !== null) {
-      jsxChildrenParents.set(props.children, type);
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
     }
   }
 
-  if (typeof type === 'function') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
 
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
 
-      return createLazyWrapperAroundWakeable(result);
-    }
 
-    return result;
-  } else if (typeof type === 'string') {
-    // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
-      // For key-less fragments, we add a small optimization to avoid serializing
-      // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
-    } // This might be a built-in React component. We'll let the client decide.
-    // Any built-in works as long as its props are serializable.
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
 
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (type != null && typeof type === 'object') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
     }
+  }
 
-    switch (type.$$typeof) {
-      case REACT_LAZY_TYPE:
-        {
-          var payload = type._payload;
-          var init = type._init;
-          var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
-        }
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
 
-      case REACT_FORWARD_REF_TYPE:
-        {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
-        }
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
 
-      case REACT_MEMO_TYPE:
-        {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
 
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
 
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
 
-                return true;
-              });
+  return children;
+}
 
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
+
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
+
+
+    return renderFunctionComponent(request, task, key, type, props);
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return renderClientElement(task, type, key, props);
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return renderClientElement(task, type, key, props);
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return renderElement(request, task, wrappedType, key, ref, props);
+        }
 
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
+      case REACT_FORWARD_REF_TYPE:
+        {
+          return renderFunctionComponent(request, task, key, type.render, props);
+        }
 
+      case REACT_MEMO_TYPE:
+        {
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1994,16 +1991,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -2018,6 +2050,10 @@ function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2030,10 +2066,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2076,13 +2108,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2101,7 +2133,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2121,13 +2153,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2232,136 +2265,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2369,94 +2360,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2514,7 +2582,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2536,7 +2604,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2548,14 +2616,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2577,9 +2645,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2607,6 +2675,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2615,18 +2691,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2644,7 +2715,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2666,17 +2737,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2738,8 +2836,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2779,68 +2880,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
 
-  var json = stringify(model, request.toJSON);
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2873,6 +3264,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3094,27 +3489,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3775,7 +4149,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 3b1e9e16a7f2b3..0005dc59da75f0 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
@@ -19,7 +19,7 @@ const enablePostpone = true;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -123,10 +122,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -138,7 +137,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -185,13 +184,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -230,6 +232,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -242,89 +248,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
-
-      case 'defaultProps':
-        return undefined;
-      // Avoid this attempting to be serialized.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'toJSON':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
+      }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  let cachedReference = target[name];
 
-    }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    let cachedReference = target[name];
+  return cachedReference;
+}
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
+
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -653,14 +687,12 @@ typeof async_hooks === 'object' ? async_hooks.executionAsyncId : null;
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -679,184 +711,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -985,16 +839,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1008,8 +859,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1045,6 +896,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1070,14 +925,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1156,6 +1019,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1166,7 +1033,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1212,6 +1086,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1259,6 +1139,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1310,38 +1192,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1405,7 +1255,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1440,21 +1290,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1470,15 +1314,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1620,61 +1458,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1683,34 +1630,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1728,14 +1658,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1762,10 +1708,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1808,13 +1750,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1833,7 +1775,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1853,13 +1795,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1963,100 +1906,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
-let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+let modelRoot = false;
 
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
+
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
 
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
+
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2064,6 +2002,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2072,16 +2080,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2093,41 +2103,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2140,8 +2129,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2199,7 +2187,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2221,7 +2209,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2248,7 +2236,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2278,6 +2266,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2286,18 +2282,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2314,7 +2302,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2336,17 +2324,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2419,68 +2434,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2513,6 +2514,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2707,27 +2709,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3371,7 +3352,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js
index 3923ba2b9ec352..12b1f75d100564 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.edge.production.min.js
@@ -7,77 +7,77 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var d=m.length-n;d<b.byteLength&&(0===d?a.enqueue(m):(m.set(b.subarray(0,d),n),a.enqueue(m),b=b.subarray(d)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),da=Symbol.for("react.server.reference");function t(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var ea=Function.prototype.bind,fa=Array.prototype.slice;function ha(){var a=ea.apply(this,arguments);if(this.$$typeof===da){var b=fa.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:da},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ha}})}return a}
-var ia=Promise.prototype,ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ka={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=t({},a.$$id,!0),e=new Proxy(c,ka);a.status="fulfilled";a.value=e;return a.then=t(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ja));return c},getPrototypeOf:function(){return ia},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},sa={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};function la(a){if("string"===typeof a&&a){var b=u();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),v(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?v(d,"C",[a,b]):v(d,"C",a))}}}
-function na(a,b,d){if("string"===typeof a){var c=u();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=w(d))?v(c,"L",[a,b,d]):v(c,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=w(b))?v(d,"m",[a,b]):v(d,"m",a)}}}
-function pa(a,b,d){if("string"===typeof a){var c=u();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=w(d))?v(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?v(c,"S",[a,b]):v(c,"S",a)}}}function qa(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=w(b))?v(d,"X",[a,b]):v(d,"X",a)}}}function ra(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=w(b))?v(d,"M",[a,b]):v(d,"M",a)}}}
-function w(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var ta=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,va="function"===typeof AsyncLocalStorage,wa=va?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
-var x=Symbol.for("react.element"),xa=Symbol.for("react.fragment"),ya=Symbol.for("react.provider"),za=Symbol.for("react.server_context"),Aa=Symbol.for("react.forward_ref"),Ba=Symbol.for("react.suspense"),Ca=Symbol.for("react.suspense_list"),Da=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),Ea=Symbol.for("react.default_value"),Fa=Symbol.for("react.memo_cache_sentinel"),z=Symbol.for("react.postpone"),Ga=Symbol.iterator,B=null;
-function Ha(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ha(a,d);b.context._currentValue=b.value}}}function Ia(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ia(a)}
-function Ja(a){var b=a.parent;null!==b&&Ja(b);a.context._currentValue=a.value}function Ka(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ha(a,b):Ka(a,b)}
-function La(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Ha(a,d):La(a,d);b.context._currentValue=b.value}function Ma(a){var b=B;b!==a&&(null===b?Ja(a):null===a?Ia(b):b.depth===a.depth?Ha(b,a):b.depth>a.depth?Ka(b,a):La(b,a),B=a)}function Na(a,b){var d=a._currentValue;a._currentValue=b;var c=B;return B=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Oa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Pa(){}function Qa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Pa,Pa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ra=b;throw Oa;}}var Ra=null;
-function Sa(){if(null===Ra)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ra;Ra=null;return a}var C=null,Ta=0,D=null;function Ua(){var a=D;D=null;return a}function Va(a){return a._currentValue}
-var Za={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:E,useTransition:E,readContext:Va,useContext:Va,useReducer:E,useRef:E,useState:E,useInsertionEffect:E,useLayoutEffect:E,useImperativeHandle:E,useEffect:E,useId:Wa,useSyncExternalStore:E,useCacheRefresh:function(){return Xa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Fa;return b},use:Ya};
-function E(){throw Error("This Hook is not supported in Server Components.");}function Xa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Wa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
-function Ya(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ta;Ta+=1;null===D&&(D=[]);return Qa(D,a,b)}if(a.$$typeof===za)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function $a(){return(new AbortController).signal}function ab(){var a=u();return a?a.cache:new Map}
-var bb={getCacheSignal:function(){var a=ab(),b=a.get($a);void 0===b&&(b=$a(),a.set($a,b));return b},getCacheForType:function(a){var b=ab(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},cb=Array.isArray,db=Object.getPrototypeOf;function eb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function fb(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(cb(a))return"[...]";a=eb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function gb(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return gb(a.render);case Da:return gb(a.type);case y:var b=a._payload;a=a._init;try{return gb(a(b))}catch(d){}}return""}
-function F(a,b){var d=eb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(cb(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?F(g):fb(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===x)e="<"+gb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?F(h):
-fb(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var hb=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ib=hb.ContextRegistry,H=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!H)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 jb=Object.prototype,I=JSON.stringify,kb=H.TaintRegistryObjects,J=H.TaintRegistryValues,lb=H.TaintRegistryByteLengths,mb=H.TaintRegistryPendingRequests,nb=H.ReactCurrentCache,ob=hb.ReactCurrentDispatcher;function K(a){throw Error(a);}
-function pb(a){a=a.taintCleanupQueue;mb.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=J.get(d);void 0!==c&&(1===c.count?J.delete(d):c.count--)}a.length=0}function qb(a){console.error(a)}function rb(){}
-function sb(a,b,d,c,e,f){if(null!==nb.current&&nb.current!==bb)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;nb.current=bb;var g=new Set,k=[],h=[];mb.add(h);var l=new Set,A={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:l,abortableTasks:g,pingedTasks:k,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:h,onError:void 0===d?qb:d,onPostpone:void 0===f?rb:f,toJSON:function(ua,G){return tb(A,this,ua,G)}};A.pendingChunks++;b=ub(c);a=vb(A,a,b,g);k.push(a);return A}var L=null;function u(){if(L)return L;if(va){var a=wa.getStore();if(a)return a}return null}var wb={};
-function xb(a,b){a.pendingChunks++;var d=vb(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,yb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===z?(M(a,c.message),N(a,d.id)):(c=O(a,c),P(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;yb(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===z?(M(a,e.message),N(a,d.id)):(d.status=4,e=O(a,e),P(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&Q(a,a.destination)});return d.id}function v(a,b,d){d=I(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);zb(a)}function Ab(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function Bb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:y,_payload:a,_init:Ab}}
-function R(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[x,b,d,e];Ta=0;D=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Bb(e):e}if("string"===typeof b)return[x,b,d,e];if("symbol"===typeof b)return b===xa?e.children:[x,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[x,b,d,e];switch(b.$$typeof){case y:var g=
-b._init;b=g(b._payload);return R(a,b,d,c,e,f);case Aa:return a=b.render,Ta=0,D=f,a(e,void 0);case Da:return R(a,b.type,d,c,e,f);case ya:return Na(b._context,e.value),[x,b,d,{value:e.value,children:e.children,__pop:wb}]}}throw Error("Unsupported Server Component type: "+fb(b));}function yb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return Cb(a)},0))}
-function vb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return yb(a,e)},thenableState:null};c.add(e);return e}function S(a){return"$"+a.toString(16)}function Db(a,b,d){a=I(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function Eb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===x&&"1"===d?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var l=k[h];if(l)g=l.name;else{var A=h.lastIndexOf("#");-1!==A&&(g=h.slice(A+1),l=k[h.slice(0,A)]);if(!l)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var ua=!0===c.$$async?[l.id,l.chunks,g,1]:[l.id,l.chunks,
-g];a.pendingChunks++;var G=a.nextChunkId++,Wb=I(ua),Xb=G.toString(16)+":I"+Wb+"\n",Yb=q.encode(Xb);a.completedImportChunks.push(Yb);f.set(e,G);return b[0]===x&&"1"===d?"$L"+G.toString(16):S(G)}catch(Zb){return a.pendingChunks++,b=a.nextChunkId++,d=O(a,Zb),P(a,b,d),S(b)}}function T(a,b){a.pendingChunks++;b=vb(a,b,B,a.abortableTasks);Fb(a,b);return b.id}
-function U(a,b,d){if(lb.has(d.byteLength)){var c=J.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&K(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;var e=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);d=512<d.byteLength?e.slice():e;e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";b=q.encode(b);a.completedRegularChunks.push(b,d);return S(c)}var V=!1;
-function tb(a,b,d,c){switch(c){case x:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===x||c.$$typeof===y);)try{switch(c.$$typeof){case x:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=T(a,c);return S(g)}if(V===c)V=null;else return S(f)}else e.set(c,-1);var k=c;c=R(a,k.type,k.key,k.ref,k.props,null);break;case y:var h=c._init;c=h(c._payload)}}catch(l){d=l===Oa?Sa():l;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=vb(a,c,B,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Ua(),"$L"+a.id.toString(16);if(d.$$typeof===z)return c=d,a.pendingChunks++,d=a.nextChunkId++,M(a,c.message),N(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=O(a,d);P(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=kb.get(c);void 0!==e&&K(e);if(c.$$typeof===r)return Eb(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(V===c)V=null;else return"$@"+e.toString(16);a=xb(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===ya)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=Db(a,d,"$P"+c),a.completedRegularChunks.push(c)),S(d);if(c===wb){a=B;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Ea?a.context._defaultValue:c;B=a.parent;return}if(void 0!==e){if(-1===e)return a=T(a,c),S(a);if(V===c)V=null;else return S(e)}else b.set(c,
--1);if(cb(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+T(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+T(a,c).toString(16)}if(c instanceof ArrayBuffer)return U(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return U(a,"C",c);if(c instanceof
-Uint8Array)return U(a,"c",c);if(c instanceof Uint8ClampedArray)return U(a,"U",c);if(c instanceof Int16Array)return U(a,"S",c);if(c instanceof Uint16Array)return U(a,"s",c);if(c instanceof Int32Array)return U(a,"L",c);if(c instanceof Uint32Array)return U(a,"l",c);if(c instanceof Float32Array)return U(a,"F",c);if(c instanceof Float64Array)return U(a,"D",c);if(c instanceof BigInt64Array)return U(a,"N",c);if(c instanceof BigUint64Array)return U(a,"m",c);if(c instanceof DataView)return U(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Ga&&c[Ga]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=db(c);if(a!==jb&&(null===a||null!==db(a)))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.");return c}if("string"===typeof c){e=J.get(c);void 0!==e&&K(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-c=q.encode(c),b=c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",b=q.encode(b),a.completedRegularChunks.push(b,c),S(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=kb.get(c);void 0!==e&&K(e);if(c.$$typeof===r)return Eb(a,b,d,c);if(c.$$typeof===da)return d=a.writtenServerReferences,
-b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=T(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+F(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+F(b,d));}if("symbol"===typeof c){e=
-a.writtenSymbols;f=e.get(c);if(void 0!==f)return S(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+F(b,d));a.pendingChunks++;d=a.nextChunkId++;b=Db(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return S(d)}if("bigint"===typeof c)return a=J.get(c),void 0!==a&&K(a.message),"$n"+c.toString(10);throw Error("Type "+typeof c+
-" is not supported in Client Component props."+F(b,d));}function M(a,b){a=a.onPostpone;a(b)}function O(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Gb(a,b){pb(a);null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function N(a,b){b=b.toString(16)+":P\n";b=q.encode(b);a.completedErrorChunks.push(b)}function P(a,b,d){d={digest:d};b=b.toString(16)+":E"+I(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function Fb(a,b){if(0===b.status){Ma(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===x){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=R(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===x;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=R(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;V=d;var g=I(d,a.toJSON),k=f.toString(16)+":"+g+"\n",h=q.encode(k);
-a.completedRegularChunks.push(h);a.abortableTasks.delete(b);b.status=1}catch(l){f=l===Oa?Sa():l;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Ua();return}if(f.$$typeof===z){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=O(a,f);P(a,b.id,f)}}}
-function Cb(a){var b=ob.current;ob.current=Za;var d=L;C=L=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Fb(a,c[e]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Gb(a,f)}finally{ob.current=b,C=null,L=d}}
-function Q(a,b){m=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&
-(pb(a),b.close())}function Hb(a){a.flushScheduled=null!==a.destination;va?setTimeout(function(){return wa.run(a,Cb,a)},0):setTimeout(function(){return Cb(a)},0)}function zb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return Q(a,b)},0)}}
-function Ib(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===z)M(a,b.message),N(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,e);P(a,c,f,e)}d.forEach(function(g){g.status=3;var k=S(c);g=Db(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Gb(a,g)}}
-function ub(a){if(a){var b=B;Ma(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!ib[e]){var f={$$typeof:za,_currentValue:Ea,_currentValue2:Ea,_defaultValue:Ea,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:ya,_context:f};ib[e]=f}Na(ib[e],c)}a=B;Ma(b);return a}return null}
-function Jb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Kb=new Map;
-function Lb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Mb(){}
-function Nb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=Kb.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);d.push(f);var g=Kb.set.bind(Kb,e,null);f.then(g,Mb);Kb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?Lb(a[0]):Promise.all(d).then(function(){return Lb(a[0])}):0<d.length?Promise.all(d):null}
-function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Ob(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Ob.prototype=Object.create(Promise.prototype);
-Ob.prototype.then=function(a,b){switch(this.status){case "resolved_model":Pb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Qb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Rb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Qb(d,b)}}function Sb(a,b,d,c,e,f){var g=Jb(a._bundlerConfig,b);a=Nb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Tb(c,e,f),Ub(c));return null}var X=null,Y=null;
-function Pb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Vb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Rb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Ob("resolved_model",c,null,a):new Ob("pending",null,null,a),d.set(b,c));return c}function Tb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Qb(e,c.value))}}function Ub(a){return function(b){return Rb(a,b)}}
-function $b(a,b){a=Z(a,b);"resolved_model"===a.status&&Pb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function ac(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=$b(a,c),Sb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=$b(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=$b(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Pb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Tb(c,b,d),Ub(c)),null;default:throw a.reason;}}return c}
-function bc(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?ac(e,this,f,g):g}};return e}function cc(a){Vb(a,Error("Connection closed."))}function dc(a,b,d){var c=Jb(a,b);a=Nb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}
-function ec(a,b,d){a=bc(b,d,a);cc(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,ka)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=ec(a,b,e),c=dc(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=dc(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=bc(b,"",a);b=Z(a,0);cc(a);return b};
-exports.registerClientReference=function(a,b,d){return t(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:da},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ha}})};
-exports.renderToReadableStream=function(a,b,d){var c=sb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)Ib(c,e.reason);else{var f=function(){Ib(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){Hb(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=g;try{Q(c,
-g)}catch(k){O(c,k),Gb(c,k)}}},cancel:function(){}},{highWaterMark:0})};
+'use strict';var aa=require("react"),ba=require("react-dom"),n=null,p=0;function ca(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<p&&(a.enqueue(new Uint8Array(n.buffer,0,p)),n=new Uint8Array(2048),p=0),a.enqueue(b);else{var c=n.length-p;c<b.byteLength&&(0===c?a.enqueue(n):(n.set(b.subarray(0,c),p),a.enqueue(n),b=b.subarray(c)),n=new Uint8Array(2048),p=0);n.set(b,p);p+=b.byteLength}return!0}var q=new TextEncoder;function da(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var r=Symbol.for("react.client.reference"),ea=Symbol.for("react.server.reference");function t(a,b,c){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:c}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===ea){var b=ha.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ea},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ia}})}return a}
+var ka=Promise.prototype,la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function ma(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=t({},a.$$id,!0),d=new Proxy(e,na);a.status="fulfilled";a.value=d;return a.then=t(function(g){return Promise.resolve(g(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,la));return e}
+var na={get:function(a,b){return ma(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ma(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ka},set:function(){throw Error("Cannot assign to a client module from a server module.");}},va={prefetchDNS:oa,preconnect:pa,preload:qa,preloadModule:ra,preinitStyle:sa,preinitScript:ta,preinitModuleScript:ua};
+function oa(a){if("string"===typeof a&&a){var b=u();if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),v(b,"D",a))}}}function pa(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?v(c,"C",[a,b]):v(c,"C",a))}}}
+function qa(a,b,c){if("string"===typeof a){var e=u();if(e){var d=e.hints,g="L";if("image"===b&&c){var f=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof f&&""!==f?(h+="["+f+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;g+="[image]"+h}else g+="["+b+"]"+a;d.has(g)||(d.add(g),(c=w(c))?v(e,"L",[a,b,c]):v(e,"L",[a,b]))}}}function ra(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=w(b))?v(c,"m",[a,b]):v(c,"m",a)}}}
+function sa(a,b,c){if("string"===typeof a){var e=u();if(e){var d=e.hints,g="S|"+a;if(!d.has(g))return d.add(g),(c=w(c))?v(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?v(e,"S",[a,b]):v(e,"S",a)}}}function ta(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=w(b))?v(c,"X",[a,b]):v(c,"X",a)}}}function ua(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=w(b))?v(c,"M",[a,b]):v(c,"M",a)}}}
+function w(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}var wa=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,x="function"===typeof AsyncLocalStorage,xa=x?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
+var z=Symbol.for("react.element"),ya=Symbol.for("react.fragment"),za=Symbol.for("react.context"),Aa=Symbol.for("react.forward_ref"),Ba=Symbol.for("react.suspense"),Ca=Symbol.for("react.suspense_list"),Da=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ea=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Fa=Symbol.iterator,Ga=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ha(){}function Ia(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ha,Ha),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ja=b;throw Ga;}}var Ja=null;
+function Ka(){if(null===Ja)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ja;Ja=null;return a}var C=null,La=0,E=null;function Ma(){var a=E||[];E=null;return a}
+var Ra={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Na,useContext:Na,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Oa,useSyncExternalStore:F,useCacheRefresh:function(){return Pa},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ea;return b},use:Qa};
+function F(){throw Error("This Hook is not supported in Server Components.");}function Pa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Na(){throw Error("Cannot read a Client Context from a Server Component.");}function Oa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
+function Qa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=La;La+=1;null===E&&(E=[]);return Ia(E,a,b)}a.$$typeof===za&&Na()}if(a.$$typeof===r){if(null!=a.value&&a.value.$$typeof===za)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Sa(){return(new AbortController).signal}
+function Ta(){var a=u();return a?a.cache:new Map}var Ua={getCacheSignal:function(){var a=Ta(),b=a.get(Sa);void 0===b&&(b=Sa(),a.set(Sa,b));return b},getCacheForType:function(a){var b=Ta(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Va=Array.isArray,Wa=Object.getPrototypeOf;function Xa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Ya(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Va(a))return"[...]";if(null!==a&&a.$$typeof===Za)return"client";a=Xa(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Za?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function $a(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return $a(a.render);case Da:return $a(a.type);case A:var b=a._payload;a=a._init;try{return $a(a(b))}catch(c){}}return""}var Za=Symbol.for("react.client.reference");
+function G(a,b){var c=Xa(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Va(a)){var d="[";for(var g=0;g<a.length;g++){0<g&&(d+=", ");var f=a[g];f="object"===typeof f&&null!==f?G(f):Ya(f);""+g===b?(c=d.length,e=f.length,d+=f):d=10>f.length&&40>d.length+f.length?d+f:d+"..."}d+="]"}else if(a.$$typeof===z)d="<"+$a(a.type)+"/>";else{if(a.$$typeof===Za)return"client";d="{";g=Object.keys(a);for(f=0;f<g.length;f++){0<f&&(d+=", ");var k=g[f],h=JSON.stringify(k);d+=('"'+k+'"'===h?k:h)+": ";h=a[k];
+h="object"===typeof h&&null!==h?G(h):Ya(h);k===b?(c=d.length,e=h.length,d+=h):d=10>h.length&&40>d.length+h.length?d+h:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var ab=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,H=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!H)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 bb=Object.prototype,I=JSON.stringify,cb=H.TaintRegistryObjects,J=H.TaintRegistryValues,db=H.TaintRegistryByteLengths,eb=H.TaintRegistryPendingRequests,fb=H.ReactCurrentCache,gb=ab.ReactCurrentDispatcher;function K(a){throw Error(a);}
+function hb(a){a=a.taintCleanupQueue;eb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=J.get(c);void 0!==e&&(1===e.count?J.delete(c):e.count--)}a.length=0}function ib(a){console.error(a)}function jb(){}
+function kb(a,b,c,e,d){if(null!==fb.current&&fb.current!==Ua)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;fb.current=Ua;var g=new Set,f=[],k=[];eb.add(k);var h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:g,pingedTasks:f,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===c?ib:c,onPostpone:void 0===d?jb:d};a=lb(b,a,null,!1,g);f.push(a);return b}var L=null;function u(){if(L)return L;if(x){var a=xa.getStore();if(a)return a}return null}
+function mb(a,b,c){var e=lb(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,nb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===B?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;nb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===B?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function v(a,b,c){c=I(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;c=q.encode(b+c+"\n");a.completedHintChunks.push(c);ob(a)}function pb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function qb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:pb}}
+function rb(a,b,c,e,d){var g=b.thenableState;b.thenableState=null;La=0;E=g;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=qb(e)}d=b.keyPath;g=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,sb,"",e);b.keyPath=d;b.implicitSlot=g;return a}function tb(a,b,c){return null!==b.keyPath?(a=[z,ya,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function ub(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[z,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function vb(a,b,c,e,d,g){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===r?ub(b,c,e,g):rb(a,b,e,c,g);if("string"===typeof c)return ub(b,c,e,g);if("symbol"===typeof c)return c===ya&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,sb,"",g.children),b.implicitSlot=e,a):ub(b,c,e,g);if(null!=c&&"object"===typeof c){if(c.$$typeof===r)return ub(b,c,e,g);switch(c.$$typeof){case A:var f=
+c._init;c=f(c._payload);return vb(a,b,c,e,d,g);case Aa:return rb(a,b,e,c.render,g);case Da:return vb(a,b,c.type,e,d,g)}}throw Error("Unsupported Server Component type: "+Ya(c));}function nb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return wb(a)},0))}
+function lb(a,b,c,e,d){a.pendingChunks++;var g=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,g);var f={id:g,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return nb(a,f)},toJSON:function(k,h){a:{var l=f.keyPath,y=f.implicitSlot;try{var m=R(a,f,this,k,h)}catch(ja){k=ja===Ga?Ka():ja;h=f.model;h="object"===typeof h&&null!==h&&(h.$$typeof===z||h.$$typeof===A);if("object"===typeof k&&null!==k){if("function"===typeof k.then){m=lb(a,f.model,f.keyPath,f.implicitSlot,
+a.abortableTasks);var D=m.ping;k.then(D,D);m.thenableState=Ma();f.keyPath=l;f.implicitSlot=y;m=h?"$L"+m.id.toString(16):S(m.id);break a}if(k.$$typeof===B){a.pendingChunks++;m=a.nextChunkId++;M(a,k.message);N(a,m);f.keyPath=l;f.implicitSlot=y;m=h?"$L"+m.toString(16):S(m);break a}}f.keyPath=l;f.implicitSlot=y;if(h)a.pendingChunks++,l=a.nextChunkId++,y=O(a,k),P(a,l,y),m="$L"+l.toString(16);else throw k;}}return m},thenableState:null};d.add(f);return f}function S(a){return"$"+a.toString(16)}
+function xb(a,b,c){a=I(c);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
+function yb(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,g=a.writtenClientReferences,f=g.get(d);if(void 0!==f)return b[0]===z&&"1"===c?"$L"+f.toString(16):S(f);try{var k=a.bundlerConfig,h=e.$$id;f="";var l=k[h];if(l)f=l.name;else{var y=h.lastIndexOf("#");-1!==y&&(f=h.slice(y+1),l=k[h.slice(0,y)]);if(!l)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var m=!0===e.$$async?[l.id,l.chunks,f,1]:[l.id,l.chunks,
+f];a.pendingChunks++;var D=a.nextChunkId++,ja=I(m),Qb=D.toString(16)+":I"+ja+"\n",Rb=q.encode(Qb);a.completedImportChunks.push(Rb);g.set(d,D);return b[0]===z&&"1"===c?"$L"+D.toString(16):S(D)}catch(Sb){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Sb),P(a,b,c),S(b)}}function T(a,b){b=lb(a,b,null,!1,a.abortableTasks);zb(a,b);return b.id}
+function U(a,b,c){if(db.has(c.byteLength)){var e=J.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&K(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;var d=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);c=2048<c.byteLength?d.slice():d;d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";b=q.encode(b);a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===z)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case z:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return vb(a,b,d.type,d.key,void 0!==e?e:null,c);case A:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,sb,"",d)}if(d.$$typeof===r)return yb(a,c,e,d);c=cb.get(d);void 0!==c&&K(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+mb(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=mb(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Va(d))return tb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Fa&&d[Fa]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return tb(a,b,Array.from(d));a=Wa(d);if(a!==bb&&(null===a||null!==Wa(a)))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.");
+return d}if("string"===typeof d){b=J.get(d);void 0!==b&&K(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,d=q.encode(d),c=d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=q.encode(c),a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===d?"$-Infinity":
+"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===r)return yb(a,c,e,d);if(d.$$typeof===ea)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=cb.get(d);void 0!==a&&K(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+G(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+G(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var g=b.get(d);if(void 0!==g)return S(g);g=d.description;if(Symbol.for(g)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+G(c,e));a.pendingChunks++;c=a.nextChunkId++;e=xb(a,c,"$S"+g);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=J.get(d),void 0!==a&&K(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+G(c,e));}function M(a,b){var c=L;L=null;try{var e=a.onPostpone;x?xa.run(void 0,e,b):e(b)}finally{L=c}}
+function O(a,b){var c=L;L=null;try{var e=a.onError;var d=x?xa.run(void 0,e,b):e(b)}finally{L=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}function Ab(a,b){hb(a);null!==a.destination?(a.status=2,da(a.destination,b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";b=q.encode(b);a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+I(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}var sb={};
+function zb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,sb,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?I(c,b.toJSON):I(c),d=b.id.toString(16)+":"+e+"\n",g=q.encode(d);a.completedRegularChunks.push(g);a.abortableTasks.delete(b);b.status=1}catch(l){var f=l===Ga?Ka():l;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var k=b.ping;f.then(k,k);b.thenableState=Ma();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);
+N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;var h=O(a,f);P(a,b.id,h)}finally{}}function wb(a){var b=gb.current;gb.current=Ra;var c=L;C=L=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)zb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Ab(a,g)}finally{gb.current=b,C=null,L=c}}
+function Q(a,b){n=new Uint8Array(2048);p=0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)a.pendingChunks--,ca(b,c[e]);c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)ca(b,d[e]);d.splice(0,e);var g=a.completedRegularChunks;for(e=0;e<g.length;e++)a.pendingChunks--,ca(b,g[e]);g.splice(0,e);var f=a.completedErrorChunks;for(e=0;e<f.length;e++)a.pendingChunks--,ca(b,f[e]);f.splice(0,e)}finally{a.flushScheduled=!1,n&&0<p&&(b.enqueue(new Uint8Array(n.buffer,0,p)),n=null,p=0)}0===
+a.pendingChunks&&(hb(a),b.close())}function Bb(a){a.flushScheduled=null!==a.destination;x?setTimeout(function(){return xa.run(a,wb,a)},0):setTimeout(function(){return wb(a)},0)}function ob(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return Q(a,b)},0)}}
+function Cb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,g=O(a,d);P(a,e,g,d)}c.forEach(function(f){f.status=3;var k=S(e);f=xb(a,f.id,k);a.completedErrorChunks.push(f)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Ab(a,f)}}
+function Db(a,b){var c="",e=a[b];if(e)c=e.name;else{var d=b.lastIndexOf("#");-1!==d&&(c=b.slice(d+1),e=a[b.slice(0,d)]);if(!e)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[e.id,e.chunks,c]}var Eb=new Map;
+function Fb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function Gb(){}
+function Hb(a){for(var b=a[1],c=[],e=0;e<b.length;e++){var d=b[e],g=Eb.get(d);if(void 0===g){g=globalThis.__next_chunk_load__(d);c.push(g);var f=Eb.set.bind(Eb,d,null);g.then(f,Gb);Eb.set(d,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?Fb(a[0]):Promise.all(c).then(function(){return Fb(a[0])}):0<c.length?Promise.all(c):null}
+function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Ib(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Ib.prototype=Object.create(Promise.prototype);
+Ib.prototype.then=function(a,b){switch(this.status){case "resolved_model":Jb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Kb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Lb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Kb(c,b)}}function Mb(a,b,c,e,d,g){var f=Db(a._bundlerConfig,b);a=Hb(f);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=W(f);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return W(f)});else return W(f);c.then(Nb(e,d,g),Ob(e));return null}var X=null,Y=null;
+function Jb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Pb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Lb(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Ib("resolved_model",e,null,a):new Ib("pending",null,null,a),c.set(b,e));return e}function Nb(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Kb(d,e.value))}}function Ob(a){return function(b){return Lb(a,b)}}
+function Tb(a,b){a=Z(a,b);"resolved_model"===a.status&&Jb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Ub(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Tb(a,e),Mb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Tb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Tb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",g=new FormData;a._formData.forEach(function(f,k){k.startsWith(d)&&g.append(k.slice(d.length),
+f)});return g;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Jb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Nb(e,b,c),Ob(e)),null;default:throw a.reason;}}return e}
+function Vb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(g,f){return"string"===typeof f?Ub(d,this,g,f):f}};return d}function Wb(a){Pb(a,Error("Connection closed."))}function Xb(a,b,c){var e=Db(a,b);a=Hb(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var g=W(e);return g.bind.apply(g,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}
+function Yb(a,b,c){a=Vb(b,c,a);Wb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,na)};
+exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,g){g.startsWith("$ACTION_")?g.startsWith("$ACTION_REF_")?(d="$ACTION_"+g.slice(12)+":",d=Yb(a,b,d),e=Xb(b,d.id,d.bound)):g.startsWith("$ACTION_ID_")&&(d=g.slice(11),e=Xb(b,d,null)):c.append(g,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Vb(b,"",a);b=Z(a,0);Wb(a);return b};
+exports.registerClientReference=function(a,b,c){return t(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:ea},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ia,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var e=kb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var d=c.signal;if(d.aborted)Cb(e,d.reason);else{var g=function(){Cb(e,d.reason);d.removeEventListener("abort",g)};d.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){Bb(e)},pull:function(f){if(1===e.status)e.status=2,da(f,e.fatalError);else if(2!==e.status&&null===e.destination){e.destination=f;try{Q(e,f)}catch(k){O(e,
+k),Ab(e,k)}}},cancel:function(){}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.edge.production.min.js.map
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 501bbbd8a243f7..444325e928d443 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
@@ -233,10 +226,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -248,7 +241,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -295,13 +288,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -340,6 +336,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -352,89 +352,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -762,6 +790,7 @@ function initAsyncDebugInfo() {
   }
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -770,14 +799,12 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -796,198 +823,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1116,29 +951,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1149,8 +968,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1183,6 +1002,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1208,20 +1031,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1359,6 +1184,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1369,7 +1198,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1415,6 +1252,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1493,6 +1336,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1543,9 +1388,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1555,7 +1400,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1582,57 +1427,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1647,6 +1441,76 @@ function binaryToComparableString(view) {
 }
 
 initAsyncDebugInfo();
+
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1697,7 +1561,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1732,21 +1596,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1762,15 +1624,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1914,119 +1779,252 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
-  if (ref !== null && ref !== undefined) {
-    // When the ref moves to the regular props object this will implicitly
-    // throw for functions. We could probably relax it to a DEV warning for other
-    // cases.
-    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
-  }
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
 
   {
-    jsxPropsParents.set(props, type);
-
-    if (typeof props.children === 'object' && props.children !== null) {
-      jsxChildrenParents.set(props.children, type);
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
     }
   }
 
-  if (typeof type === 'function') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
 
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
 
-      return createLazyWrapperAroundWakeable(result);
-    }
 
-    return result;
-  } else if (typeof type === 'string') {
-    // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
-      // For key-less fragments, we add a small optimization to avoid serializing
-      // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
-    } // This might be a built-in React component. We'll let the client decide.
-    // Any built-in works as long as its props are serializable.
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (type != null && typeof type === 'object') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
     }
+  }
 
-    switch (type.$$typeof) {
-      case REACT_LAZY_TYPE:
-        {
-          var payload = type._payload;
-          var init = type._init;
-          var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
-        }
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
 
-      case REACT_FORWARD_REF_TYPE:
-        {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
-        }
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
 
-      case REACT_MEMO_TYPE:
-        {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
 
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
 
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
 
-                return true;
-              });
+  return children;
+}
 
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
+
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
 
+    return renderFunctionComponent(request, task, key, type, props);
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return renderClientElement(task, type, key, props);
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return renderClientElement(task, type, key, props);
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return renderElement(request, task, wrappedType, key, ref, props);
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        {
+          return renderFunctionComponent(request, task, key, type.render, props);
+        }
+
+      case REACT_MEMO_TYPE:
+        {
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -2046,16 +2044,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -2070,6 +2103,10 @@ function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2082,10 +2119,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2128,13 +2161,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2153,7 +2186,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2173,13 +2206,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2284,136 +2318,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2421,94 +2413,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2566,7 +2635,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2588,7 +2657,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2600,14 +2669,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2629,9 +2698,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2659,6 +2728,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2667,18 +2744,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2696,7 +2768,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2718,17 +2790,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2790,8 +2885,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2831,68 +2929,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
 
-  var json = stringify(model, request.toJSON);
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2925,6 +3313,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3144,27 +3536,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3912,7 +4283,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 da7cce44f42a23..558d5da0f5bd8d 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -184,10 +183,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -199,7 +198,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -246,13 +245,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -291,6 +293,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -303,89 +309,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  let cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    let cachedReference = target[name];
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -695,6 +729,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -703,14 +738,12 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -729,184 +762,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1035,16 +890,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1058,8 +910,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1095,6 +947,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1120,14 +976,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1206,6 +1070,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1216,7 +1084,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1262,6 +1137,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1309,6 +1190,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1360,38 +1243,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1455,7 +1306,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1490,21 +1341,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1520,15 +1365,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1670,61 +1509,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1733,34 +1681,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1778,14 +1709,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1812,10 +1759,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1858,13 +1801,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1883,7 +1826,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1903,13 +1846,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -2013,100 +1957,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
-let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+let modelRoot = false;
 
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
+
+
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2114,6 +2053,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2122,16 +2131,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2143,41 +2154,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2190,8 +2180,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2249,7 +2238,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2271,7 +2260,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2298,7 +2287,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2328,6 +2317,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2336,18 +2333,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2364,7 +2353,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2386,17 +2375,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2469,68 +2481,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (false) ; // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2563,6 +2561,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2773,27 +2772,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3522,7 +3500,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js
index 56c22c4b9b104d..26f0495057df04 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.production.min.js
@@ -7,81 +7,81 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new aa.TextEncoder,r=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function t(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var ia=Function.prototype.bind,ja=Array.prototype.slice;
-function ka(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ja.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ka}})}return a}
-var la=Promise.prototype,ma={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},na={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=t({},a.$$id,!0),e=new Proxy(c,na);a.status="fulfilled";a.value=e;return a.then=t(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ma));return c},getPrototypeOf:function(){return la},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},va={prefetchDNS:oa,preconnect:pa,preload:qa,preloadModule:ra,preinitStyle:sa,preinitScript:ta,preinitModuleScript:ua};function oa(a){if("string"===typeof a&&a){var b=v();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),x(b,"D",a))}}}function pa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?x(d,"C",[a,b]):x(d,"C",a))}}}
-function qa(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?x(c,"L",[a,b,d]):x(c,"L",[a,b]))}}}function ra(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"m",[a,b]):x(d,"m",a)}}}
-function sa(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?x(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?x(c,"S",[a,b]):x(c,"S",a)}}}function ta(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"X",[a,b]):x(d,"X",a)}}}function ua(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"M",[a,b]):x(d,"M",a)}}}
-function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var wa=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,xa=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),ya=Symbol.for("react.fragment"),za=Symbol.for("react.provider"),Aa=Symbol.for("react.server_context"),Ba=Symbol.for("react.forward_ref"),Ca=Symbol.for("react.suspense"),Da=Symbol.for("react.suspense_list"),Ea=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Fa=Symbol.for("react.default_value"),Ga=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),
-Ha=Symbol.iterator,C=null;function Ia(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ia(a,d);b.context._currentValue=b.value}}}function Ja(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ja(a)}
-function Ka(a){var b=a.parent;null!==b&&Ka(b);a.context._currentValue=a.value}function La(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ia(a,b):La(a,b)}
-function Ma(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Ia(a,d):Ma(a,d);b.context._currentValue=b.value}function Na(a){var b=C;b!==a&&(null===b?Ka(a):null===a?Ja(b):b.depth===a.depth?Ia(b,a):b.depth>a.depth?La(b,a):Ma(b,a),C=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null;
-function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var D=null,Ua=0,E=null;function Va(){var a=E;E=null;return a}function Wa(a){return a._currentValue}
-var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Wa,useContext:Wa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Xa,useSyncExternalStore:F,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ga;return b},use:Za};
-function F(){throw Error("This Hook is not supported in Server Components.");}function Ya(){throw Error("Refreshing the cache is not supported in Server Components.");}function Xa(){if(null===D)throw Error("useId can only be used while React is rendering");var a=D.identifierCount++;return":"+D.identifierPrefix+"S"+a.toString(32)+":"}
-function Za(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ua;Ua+=1;null===E&&(E=[]);return Ra(E,a,b)}if(a.$$typeof===Aa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function ab(){return(new AbortController).signal}function bb(){var a=v();return a?a.cache:new Map}
-var cb={getCacheSignal:function(){var a=bb(),b=a.get(ab);void 0===b&&(b=ab(),a.set(ab,b));return b},getCacheForType:function(a){var b=bb(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},db=Array.isArray,eb=Object.getPrototypeOf;function fb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function gb(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function hb(a){if("string"===typeof a)return a;switch(a){case Ca:return"Suspense";case Da:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ba:return hb(a.render);case Ea:return hb(a.type);case A:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""}
-function G(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):gb(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?G(h):
-gb(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var ib=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,jb=ib.ContextRegistry,I=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!I)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 kb=Object.prototype,J=JSON.stringify,lb=I.TaintRegistryObjects,K=I.TaintRegistryValues,mb=I.TaintRegistryByteLengths,nb=I.TaintRegistryPendingRequests,ob=I.ReactCurrentCache,pb=ib.ReactCurrentDispatcher;function L(a){throw Error(a);}
-function qb(a){a=a.taintCleanupQueue;nb.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=K.get(d);void 0!==c&&(1===c.count?K.delete(d):c.count--)}a.length=0}function rb(a){console.error(a)}function sb(){}
-function tb(a,b,d,c,e,f){if(null!==ob.current&&ob.current!==cb)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;ob.current=cb;var g=new Set,k=[],h=[];nb.add(h);var n=new Set,w={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:n,abortableTasks:g,pingedTasks:k,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:h,onError:void 0===d?rb:d,onPostpone:void 0===f?sb:f,toJSON:function(u,H){return ub(w,this,u,H)}};w.pendingChunks++;b=vb(c);a=wb(w,a,b,g);k.push(a);return w}var M=null;function v(){if(M)return M;var a=xa.getStore();return a?a:null}var xb={};
-function yb(a,b){a.pendingChunks++;var d=wb(a,null,C,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,zb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===B?(N(a,c.message),O(a,d.id)):(c=P(a,c),Q(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;zb(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===B?(N(a,e.message),O(a,d.id)):(d.status=4,e=P(a,e),Q(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&R(a,a.destination)});return d.id}function x(a,b,d){d=J(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");Ab(a)}function Bb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function Cb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:Bb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];Ua=0;E=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Cb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===ya?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Ba:return a=b.render,Ua=0,E=f,a(e,void 0);case Ea:return S(a,b.type,d,c,e,f);case za:return Oa(b._context,e.value),[z,b,d,{value:e.value,children:e.children,__pop:xb}]}}throw Error("Unsupported Server Component type: "+gb(b));}function zb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return Db(a)}))}
-function wb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return zb(a,e)},thenableState:null};c.add(e);return e}function T(a){return"$"+a.toString(16)}function Eb(a,b,d){a=J(d);return b.toString(16)+":"+a+"\n"}
-function Fb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):T(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var n=k[h];if(n)g=n.name;else{var w=h.lastIndexOf("#");-1!==w&&(g=h.slice(w+1),n=k[h.slice(0,w)]);if(!n)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var H=a.nextChunkId++,$b=J(u),ac=H.toString(16)+":I"+$b+"\n";a.completedImportChunks.push(ac);f.set(e,H);return b[0]===z&&"1"===d?"$L"+H.toString(16):T(H)}catch(bc){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,bc),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=wb(a,b,C,a.abortableTasks);Gb(a,b);return b.id}
-function V(a,b,d){if(mb.has(d.byteLength)){var c=K.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&L(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;d=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);var e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";a.completedRegularChunks.push(b,d);return T(c)}var W=!1;
-function ub(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(W===c)W=null;else return T(f)}else e.set(c,-1);var k=c;c=S(a,k.type,k.key,k.ref,k.props,null);break;case A:var h=c._init;c=h(c._payload)}}catch(n){d=n===Pa?Ta():n;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=wb(a,c,C,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Va(),"$L"+a.id.toString(16);if(d.$$typeof===B)return c=d,a.pendingChunks++,d=a.nextChunkId++,N(a,c.message),O(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=P(a,d);Q(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=lb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Fb(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(W===c)W=null;else return"$@"+e.toString(16);a=yb(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===za)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=Eb(a,d,"$P"+c),a.completedRegularChunks.push(c)),T(d);if(c===xb){a=C;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Fa?a.context._defaultValue:c;C=a.parent;return}if(void 0!==e){if(-1===e)return a=U(a,c),T(a);if(W===c)W=null;else return T(e)}else b.set(c,
--1);if(db(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+U(a,c).toString(16)}if(c instanceof ArrayBuffer)return V(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return V(a,"C",c);if(c instanceof
-Uint8Array)return V(a,"c",c);if(c instanceof Uint8ClampedArray)return V(a,"U",c);if(c instanceof Int16Array)return V(a,"S",c);if(c instanceof Uint16Array)return V(a,"s",c);if(c instanceof Int32Array)return V(a,"L",c);if(c instanceof Uint32Array)return V(a,"l",c);if(c instanceof Float32Array)return V(a,"F",c);if(c instanceof Float64Array)return V(a,"D",c);if(c instanceof BigInt64Array)return V(a,"N",c);if(c instanceof BigUint64Array)return V(a,"m",c);if(c instanceof DataView)return V(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Ha&&c[Ha]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=eb(c);if(a!==kb&&(null===a||null!==eb(a)))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.");return c}if("string"===typeof c){e=K.get(c);void 0!==e&&L(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-b="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",a.completedRegularChunks.push(b,c),T(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=lb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Fb(a,b,d,c);if(c.$$typeof===
-ha)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=U(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+G(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+
-G(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+G(b,d));a.pendingChunks++;d=a.nextChunkId++;b=Eb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return T(d)}if("bigint"===typeof c)return a=K.get(c),void 0!==a&&L(a.message),"$n"+c.toString(10);
-throw Error("Type "+typeof c+" is not supported in Client Component props."+G(b,d));}function N(a,b){a=a.onPostpone;a(b)}function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Hb(a,b){qb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+J(d)+"\n";a.completedErrorChunks.push(b)}
-function Gb(a,b){if(0===b.status){Na(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===z){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=S(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===z;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=S(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;W=d;var g=J(d,a.toJSON),k=f.toString(16)+":"+g+"\n";a.completedRegularChunks.push(k);
-a.abortableTasks.delete(b);b.status=1}catch(h){f=h===Pa?Ta():h;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Va();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;N(a,f.message);O(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=P(a,f);Q(a,b.id,f)}}}
-function Db(a){var b=pb.current;pb.current=$a;var d=M;D=M=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Gb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),Hb(a,f)}finally{pb.current=b,D=null,M=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!ea(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!ea(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!ea(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!ea(b,
-g[c])){a.destination=null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(qb(a),b.end())}function Ib(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return xa.run(a,Db,a)})}function Ab(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function Jb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),Hb(a,d)}}}
-function Kb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)N(a,b.message),O(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e)}d.forEach(function(g){g.status=3;var k=T(c);g=Eb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),Hb(a,g)}}
-function vb(a){if(a){var b=C;Na(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!jb[e]){var f={$$typeof:Aa,_currentValue:Fa,_currentValue2:Fa,_defaultValue:Fa,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:za,_context:f};jb[e]=f}Oa(jb[e],c)}a=C;Na(b);return a}return null}
-function Lb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Mb=new Map;
-function Nb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Ob(){}
-function Pb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=Mb.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);d.push(f);var g=Mb.set.bind(Mb,e,null);f.then(g,Ob);Mb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?Nb(a[0]):Promise.all(d).then(function(){return Nb(a[0])}):0<d.length?Promise.all(d):null}
-function X(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Qb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Qb.prototype=Object.create(Promise.prototype);
-Qb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Rb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Sb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Tb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Sb(d,b)}}function Ub(a,b,d,c,e,f){var g=Lb(a._bundlerConfig,b);a=Pb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=X(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return X(g)});else return X(g);d.then(Vb(c,e,f),Wb(c));return null}var Xb=null,Y=null;
-function Rb(a){var b=Xb,d=Y;Xb=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{Xb=b,Y=d}}function Yb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Tb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Qb("resolved_model",c,null,a):new Qb("pending",null,null,a),d.set(b,c));return c}function Vb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Sb(e,c.value))}}function Wb(a){return function(b){return Tb(a,b)}}
-function Zb(a,b){a=Z(a,b);"resolved_model"===a.status&&Rb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function cc(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Zb(a,c),Ub(a,c.id,c.bound,Xb,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Zb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Zb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Rb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=Xb,a.then(Vb(c,b,d),Wb(c)),null;default:throw a.reason;}}return c}
-function dc(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?cc(e,this,f,g):g}};return e}
-function ec(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Rb(b),b.status){case "fulfilled":Sb(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Sb(a,b.reason)}}function fc(a){Yb(a,Error("Connection closed."))}
-function gc(a,b,d){var c=Lb(a,b);a=Pb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=X(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return X(c)}):Promise.resolve(X(c))}function hc(a,b,d){a=dc(b,d,a);fc(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function ic(a,b){return function(){return Jb(b,a)}}exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,na)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=hc(a,b,e),c=gc(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=gc(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=dc(b,"",a);b=Z(a,0);fc(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=dc(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):ec(d,f,g)});a.on("file",function(f,g,k){var h=k.filename,n=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var w=[];g.on("data",function(u){w.push(u)});g.on("end",function(){var u=
-new Blob(w,{type:n});d._formData.append(f,u,h);c--;if(0===c){for(u=0;u<e.length;u+=2)ec(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){fc(d)});a.on("error",function(f){Yb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return t(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ka}})};
-exports.renderToPipeableStream=function(a,b,d){var c=tb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;Ib(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Jb(c,f);f.on("drain",ic(f,c));return f},abort:function(f){Kb(c,f)}}};
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,n=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,fa.encode(b));else{var c=l;0<n&&(c=l.subarray(n));c=fa.encodeInto(b,c);var e=c.read;n+=c.written;e<b.length&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=fa.encodeInto(b.slice(e),l).written);2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,b)):(c=l.length-n,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),n),n+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),n=0),l.set(b,n),n+=b.byteLength,2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)));return q}var fa=new aa.TextEncoder,t=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:c}})}var ia=Function.prototype.bind,ka=Array.prototype.slice;
+function la(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ka.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:la}})}return a}
+var ma=Promise.prototype,na={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function oa(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=v({},a.$$id,!0),d=new Proxy(e,pa);a.status="fulfilled";a.value=d;return a.then=v(function(f){return Promise.resolve(f(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,na));return e}
+var pa={get:function(a,b){return oa(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:oa(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ma},set:function(){throw Error("Cannot assign to a client module from a server module.");}},xa={prefetchDNS:qa,preconnect:ra,preload:sa,preloadModule:ta,preinitStyle:ua,preinitScript:va,preinitModuleScript:wa};
+function qa(a){if("string"===typeof a&&a){var b=w();if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),x(b,"D",a))}}}function ra(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function sa(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;d.has(f)||(d.add(f),(c=y(c))?x(e,"L",[a,b,c]):x(e,"L",[a,b]))}}}function ta(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function ua(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="S|"+a;if(!d.has(f))return d.add(f),(c=y(c))?x(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(e,"S",[a,b]):x(e,"S",a)}}}function va(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"X",[a,b]):x(c,"X",a)}}}function wa(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"M",[a,b]):x(c,"M",a)}}}
+function y(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}
+var ya=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,za=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),Aa=Symbol.for("react.fragment"),Ba=Symbol.for("react.context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),Fa=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ga=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Ha=Symbol.iterator,Ia=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ja(){}function Ka(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ja,Ja),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}La=b;throw Ia;}}var La=null;
+function Ma(){if(null===La)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=La;La=null;return a}var C=null,Na=0,E=null;function Oa(){var a=E||[];E=null;return a}
+var Ta={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Pa,useContext:Pa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Qa,useSyncExternalStore:F,useCacheRefresh:function(){return Ra},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ga;return b},use:Sa};
+function F(){throw Error("This Hook is not supported in Server Components.");}function Ra(){throw Error("Refreshing the cache is not supported in Server Components.");}function Pa(){throw Error("Cannot read a Client Context from a Server Component.");}function Qa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
+function Sa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Na;Na+=1;null===E&&(E=[]);return Ka(E,a,b)}a.$$typeof===Ba&&Pa()}if(a.$$typeof===t){if(null!=a.value&&a.value.$$typeof===Ba)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Ua(){return(new AbortController).signal}
+function Va(){var a=w();return a?a.cache:new Map}var Wa={getCacheSignal:function(){var a=Va(),b=a.get(Ua);void 0===b&&(b=Ua(),a.set(Ua,b));return b},getCacheForType:function(a){var b=Va(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Xa=Array.isArray,Ya=Object.getPrototypeOf;function Za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function $a(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Xa(a))return"[...]";if(null!==a&&a.$$typeof===ab)return"client";a=Za(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===ab?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function bb(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return bb(a.render);case Fa:return bb(a.type);case A:var b=a._payload;a=a._init;try{return bb(a(b))}catch(c){}}return""}var ab=Symbol.for("react.client.reference");
+function G(a,b){var c=Za(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Xa(a)){var d="[";for(var f=0;f<a.length;f++){0<f&&(d+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):$a(g);""+f===b?(c=d.length,e=g.length,d+=g):d=10>g.length&&40>d.length+g.length?d+g:d+"..."}d+="]"}else if(a.$$typeof===z)d="<"+bb(a.type)+"/>";else{if(a.$$typeof===ab)return"client";d="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(d+=", ");var k=f[g],h=JSON.stringify(k);d+=('"'+k+'"'===h?k:h)+": ";h=a[k];
+h="object"===typeof h&&null!==h?G(h):$a(h);k===b?(c=d.length,e=h.length,d+=h):d=10>h.length&&40>d.length+h.length?d+h:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var cb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,H=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!H)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 db=Object.prototype,I=JSON.stringify,eb=H.TaintRegistryObjects,J=H.TaintRegistryValues,fb=H.TaintRegistryByteLengths,gb=H.TaintRegistryPendingRequests,hb=H.ReactCurrentCache,ib=cb.ReactCurrentDispatcher;function K(a){throw Error(a);}
+function jb(a){a=a.taintCleanupQueue;gb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=J.get(c);void 0!==e&&(1===e.count?J.delete(c):e.count--)}a.length=0}function kb(a){console.error(a)}function lb(){}
+function mb(a,b,c,e,d){if(null!==hb.current&&hb.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");ya.current=xa;hb.current=Wa;var f=new Set,g=[],k=[];gb.add(k);var h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===c?kb:c,onPostpone:void 0===d?lb:d};a=nb(b,a,null,!1,f);g.push(a);return b}var L=null;function w(){if(L)return L;var a=za.getStore();return a?a:null}
+function ob(a,b,c){var e=nb(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,pb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===B?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;pb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===B?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function x(a,b,c){c=I(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");qb(a)}function rb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function sb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:rb}}
+function tb(a,b,c,e,d){var f=b.thenableState;b.thenableState=null;Na=0;E=f;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=sb(e)}d=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,ub,"",e);b.keyPath=d;b.implicitSlot=f;return a}function vb(a,b,c){return null!==b.keyPath?(a=[z,Aa,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function wb(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[z,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function xb(a,b,c,e,d,f){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===t?wb(b,c,e,f):tb(a,b,e,c,f);if("string"===typeof c)return wb(b,c,e,f);if("symbol"===typeof c)return c===Aa&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,ub,"",f.children),b.implicitSlot=e,a):wb(b,c,e,f);if(null!=c&&"object"===typeof c){if(c.$$typeof===t)return wb(b,c,e,f);switch(c.$$typeof){case A:var g=
+c._init;c=g(c._payload);return xb(a,b,c,e,d,f);case Ca:return tb(a,b,e,c.render,f);case Fa:return xb(a,b,c.type,e,d,f)}}throw Error("Unsupported Server Component type: "+$a(c));}function pb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return yb(a)}))}
+function nb(a,b,c,e,d){a.pendingChunks++;var f=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return pb(a,g)},toJSON:function(k,h){a:{var p=g.keyPath,u=g.implicitSlot;try{var m=R(a,g,this,k,h)}catch(ja){k=ja===Ia?Ma():ja;h=g.model;h="object"===typeof h&&null!==h&&(h.$$typeof===z||h.$$typeof===A);if("object"===typeof k&&null!==k){if("function"===typeof k.then){m=nb(a,g.model,g.keyPath,g.implicitSlot,
+a.abortableTasks);var D=m.ping;k.then(D,D);m.thenableState=Oa();g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.id.toString(16):S(m.id);break a}if(k.$$typeof===B){a.pendingChunks++;m=a.nextChunkId++;M(a,k.message);N(a,m);g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.toString(16):S(m);break a}}g.keyPath=p;g.implicitSlot=u;if(h)a.pendingChunks++,p=a.nextChunkId++,u=O(a,k),P(a,p,u),m="$L"+p.toString(16);else throw k;}}return m},thenableState:null};d.add(g);return g}function S(a){return"$"+a.toString(16)}
+function zb(a,b,c){a=I(c);return b.toString(16)+":"+a+"\n"}
+function Ab(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,f=a.writtenClientReferences,g=f.get(d);if(void 0!==g)return b[0]===z&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=e.$$id;g="";var p=k[h];if(p)g=p.name;else{var u=h.lastIndexOf("#");-1!==u&&(g=h.slice(u+1),p=k[h.slice(0,u)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var m=!0===e.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var D=a.nextChunkId++,ja=I(m),Ub=D.toString(16)+":I"+ja+"\n";a.completedImportChunks.push(Ub);f.set(d,D);return b[0]===z&&"1"===c?"$L"+D.toString(16):S(D)}catch(Vb){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Vb),P(a,b,c),S(b)}}function T(a,b){b=nb(a,b,null,!1,a.abortableTasks);Bb(a,b);return b.id}
+function U(a,b,c){if(fb.has(c.byteLength)){var e=J.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&K(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;c=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);var d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===z)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case z:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return xb(a,b,d.type,d.key,void 0!==e?e:null,c);case A:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,ub,"",d)}if(d.$$typeof===t)return Ab(a,c,e,d);c=eb.get(d);void 0!==c&&K(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+ob(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=ob(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Xa(d))return vb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Ha&&d[Ha]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return vb(a,b,Array.from(d));a=Ya(d);if(a!==db&&(null===a||null!==Ya(a)))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.");
+return d}if("string"===typeof d){b=J.get(d);void 0!==b&&K(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,c="string"===typeof d?Buffer.byteLength(d,"utf8"):d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===
+d?"$-Infinity":"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===t)return Ab(a,c,e,d);if(d.$$typeof===ha)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=eb.get(d);void 0!==a&&K(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+G(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+G(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var f=b.get(d);if(void 0!==f)return S(f);f=d.description;if(Symbol.for(f)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+G(c,e));a.pendingChunks++;c=a.nextChunkId++;e=zb(a,c,"$S"+f);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=J.get(d),void 0!==a&&K(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+G(c,e));}function M(a,b){var c=L;L=null;try{za.run(void 0,a.onPostpone,b)}finally{L=c}}
+function O(a,b){var c=L;L=null;try{var e=za.run(void 0,a.onError,b)}finally{L=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}function Cb(a,b){jb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+I(c)+"\n";a.completedErrorChunks.push(b)}var ub={};
+function Bb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,ub,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?I(c,b.toJSON):I(c),d=b.id.toString(16)+":"+e+"\n";a.completedRegularChunks.push(d);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Ia?Ma():h;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Oa();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);
+b.status=4;var k=O(a,f);P(a,b.id,k)}finally{}}function yb(a){var b=ib.current;ib.current=Ta;var c=L;C=L=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)Bb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Cb(a,f)}finally{ib.current=b,C=null,L=c}}
+function Q(a,b){l=new Uint8Array(2048);n=0;q=!0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)if(a.pendingChunks--,!ea(b,c[e])){a.destination=null;e++;break}c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)if(!ea(b,d[e])){a.destination=null;e++;break}d.splice(0,e);var f=a.completedRegularChunks;for(e=0;e<f.length;e++)if(a.pendingChunks--,!ea(b,f[e])){a.destination=null;e++;break}f.splice(0,e);var g=a.completedErrorChunks;for(e=0;e<g.length;e++)if(a.pendingChunks--,!ea(b,
+g[e])){a.destination=null;e++;break}g.splice(0,e)}finally{a.flushScheduled=!1,l&&0<n&&b.write(l.subarray(0,n)),l=null,n=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(jb(a),b.end())}function Db(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return za.run(a,yb,a)})}function qb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return Q(a,b)})}}
+function Eb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Q(a,b)}catch(c){O(a,c),Cb(a,c)}}}
+function Fb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,d);P(a,e,f,d)}c.forEach(function(g){g.status=3;var k=S(e);g=zb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Cb(a,g)}}
+function Gb(a,b){var c="",e=a[b];if(e)c=e.name;else{var d=b.lastIndexOf("#");-1!==d&&(c=b.slice(d+1),e=a[b.slice(0,d)]);if(!e)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[e.id,e.chunks,c]}var Hb=new Map;
+function Ib(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function Jb(){}
+function Kb(a){for(var b=a[1],c=[],e=0;e<b.length;e++){var d=b[e],f=Hb.get(d);if(void 0===f){f=globalThis.__next_chunk_load__(d);c.push(f);var g=Hb.set.bind(Hb,d,null);f.then(g,Jb);Hb.set(d,f)}else null!==f&&c.push(f)}return 4===a.length?0===c.length?Ib(a[0]):Promise.all(c).then(function(){return Ib(a[0])}):0<c.length?Promise.all(c):null}
+function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Lb(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Lb.prototype=Object.create(Promise.prototype);
+Lb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Mb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Nb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Ob(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Nb(c,b)}}function Pb(a,b,c,e,d,f){var g=Gb(a._bundlerConfig,b);a=Kb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return W(g)});else return W(g);c.then(Qb(e,d,f),Rb(e));return null}var X=null,Y=null;
+function Mb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Sb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Ob(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Lb("resolved_model",e,null,a):new Lb("pending",null,null,a),c.set(b,e));return e}function Qb(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Nb(d,e.value))}}function Rb(a){return function(b){return Ob(a,b)}}
+function Tb(a,b){a=Z(a,b);"resolved_model"===a.status&&Mb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Wb(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Tb(a,e),Pb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Tb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Tb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(d)&&f.append(k.slice(d.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Mb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Qb(e,b,c),Rb(e)),null;default:throw a.reason;}}return e}
+function Xb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(f,g){return"string"===typeof g?Wb(d,this,f,g):g}};return d}
+function Yb(a,b,c){a._formData.append(b,c);var e=a._prefix;if(b.startsWith(e)&&(a=a._chunks,b=+b.slice(e.length),(b=a.get(b))&&"pending"===b.status&&(e=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==e)))switch(Mb(b),b.status){case "fulfilled":Nb(e,b.value);break;case "pending":case "blocked":b.value=e;b.reason=a;break;case "rejected":a&&Nb(a,b.reason)}}function Zb(a){Sb(a,Error("Connection closed."))}
+function $b(a,b,c){var e=Gb(a,b);a=Kb(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var f=W(e);return f.bind.apply(f,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}function ac(a,b,c){a=Xb(b,c,a);Zb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function bc(a,b){return function(){return Eb(b,a)}}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,pa)};
+exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(d="$ACTION_"+f.slice(12)+":",d=ac(a,b,d),e=$b(b,d.id,d.bound)):f.startsWith("$ACTION_ID_")&&(d=f.slice(11),e=$b(b,d,null)):c.append(f,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Xb(b,"",a);b=Z(a,0);Zb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Xb(b,""),e=0,d=[];a.on("field",function(f,g){0<e?d.push(f,g):Yb(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");e++;var u=[];g.on("data",function(m){u.push(m)});g.on("end",function(){var m=
+new Blob(u,{type:p});c._formData.append(f,m,h);e--;if(0===e){for(m=0;m<d.length;m+=2)Yb(c,d[m],d[m+1]);d.length=0}})});a.on("finish",function(){Zb(c)});a.on("error",function(f){Sb(c,f)});return Z(c,0)};exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:la,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var e=mb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),d=!1;Db(e);return{pipe:function(f){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;Eb(e,f);f.on("drain",bc(f,e));return f},abort:function(f){Fb(e,f)}}};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.node.production.min.js.map
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 d88868782aedb7..d9bf728246a697 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
@@ -233,10 +226,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -248,7 +241,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -295,13 +288,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -340,6 +336,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -352,89 +352,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -762,6 +790,7 @@ function initAsyncDebugInfo() {
   }
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -770,14 +799,12 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -796,198 +823,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1116,29 +951,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1149,8 +968,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1183,6 +1002,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1208,20 +1031,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1359,6 +1184,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1369,7 +1198,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1415,6 +1252,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1493,6 +1336,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1543,9 +1388,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1555,7 +1400,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1582,57 +1427,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1647,6 +1441,76 @@ function binaryToComparableString(view) {
 }
 
 initAsyncDebugInfo();
+
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1697,7 +1561,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1732,21 +1596,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1762,15 +1624,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1914,119 +1779,252 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
-  if (ref !== null && ref !== undefined) {
-    // When the ref moves to the regular props object this will implicitly
-    // throw for functions. We could probably relax it to a DEV warning for other
-    // cases.
-    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
-  }
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
 
   {
-    jsxPropsParents.set(props, type);
-
-    if (typeof props.children === 'object' && props.children !== null) {
-      jsxChildrenParents.set(props.children, type);
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
     }
   }
 
-  if (typeof type === 'function') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
 
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
 
-      return createLazyWrapperAroundWakeable(result);
-    }
 
-    return result;
-  } else if (typeof type === 'string') {
-    // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
-      // For key-less fragments, we add a small optimization to avoid serializing
-      // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
-    } // This might be a built-in React component. We'll let the client decide.
-    // Any built-in works as long as its props are serializable.
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
-  } else if (type != null && typeof type === 'object') {
-    if (isClientReference(type)) {
-      // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
     }
+  }
 
-    switch (type.$$typeof) {
-      case REACT_LAZY_TYPE:
-        {
-          var payload = type._payload;
-          var init = type._init;
-          var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
-        }
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
 
-      case REACT_FORWARD_REF_TYPE:
-        {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
-        }
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
 
-      case REACT_MEMO_TYPE:
-        {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
 
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
 
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
 
-                return true;
-              });
+  return children;
+}
 
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
+  if (ref !== null && ref !== undefined) {
+    // When the ref moves to the regular props object this will implicitly
+    // throw for functions. We could probably relax it to a DEV warning for other
+    // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
+    throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
+  }
+
+  {
+    jsxPropsParents.set(props, type);
+
+    if (typeof props.children === 'object' && props.children !== null) {
+      jsxChildrenParents.set(props.children, type);
+    }
+  }
+
+  if (typeof type === 'function') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
 
+    return renderFunctionComponent(request, task, key, type, props);
+  } else if (typeof type === 'string') {
+    // This is a host element. E.g. HTML.
+    return renderClientElement(task, type, key, props);
+  } else if (typeof type === 'symbol') {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
+      // For key-less fragments, we add a small optimization to avoid serializing
+      // it as a wrapper.
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
+    } // This might be a built-in React component. We'll let the client decide.
+    // Any built-in works as long as its props are serializable.
+
+
+    return renderClientElement(task, type, key, props);
+  } else if (type != null && typeof type === 'object') {
+    if (isClientReference(type)) {
+      // This is a reference to a Client Component.
+      return renderClientElement(task, type, key, props);
+    }
+
+    switch (type.$$typeof) {
+      case REACT_LAZY_TYPE:
+        {
+          var payload = type._payload;
+          var init = type._init;
+          var wrappedType = init(payload);
+          return renderElement(request, task, wrappedType, key, ref, props);
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        {
+          return renderFunctionComponent(request, task, key, type.render, props);
+        }
+
+      case REACT_MEMO_TYPE:
+        {
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -2046,16 +2044,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -2070,6 +2103,10 @@ function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2082,10 +2119,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2128,13 +2161,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2153,7 +2186,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2173,13 +2206,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2284,136 +2318,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2421,94 +2413,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2566,7 +2635,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2588,7 +2657,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2600,14 +2669,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2629,9 +2698,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2659,6 +2728,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2667,18 +2744,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2696,7 +2768,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2718,17 +2790,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2790,8 +2885,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2831,68 +2929,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
 
-  var json = stringify(model, request.toJSON);
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2925,6 +3313,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3144,27 +3536,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   var idx = id.lastIndexOf('#');
   var specifier = id.slice(0, idx);
@@ -3841,7 +4212,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 203cdcd40e2a5f..2a134fd046de26 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -184,10 +183,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -199,7 +198,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -246,13 +245,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -291,6 +293,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -303,89 +309,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  let cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    let cachedReference = target[name];
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -695,6 +729,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -703,14 +738,12 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -729,184 +762,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1035,16 +890,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1058,8 +910,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1095,6 +947,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1120,14 +976,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1206,6 +1070,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1216,7 +1084,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1262,6 +1137,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1309,6 +1190,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1360,38 +1243,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1455,7 +1306,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1490,21 +1341,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1520,15 +1365,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1670,61 +1509,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1733,34 +1681,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1778,14 +1709,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1812,10 +1759,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1858,13 +1801,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1883,7 +1826,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1903,13 +1846,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -2013,100 +1957,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
-let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+let modelRoot = false;
 
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
+
+
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2114,6 +2053,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2122,16 +2131,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2143,41 +2154,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2190,8 +2180,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2249,7 +2238,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2271,7 +2260,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2298,7 +2287,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2328,6 +2317,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2336,18 +2333,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2364,7 +2353,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2386,17 +2375,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2469,68 +2481,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (false) ; // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2563,6 +2561,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2773,27 +2772,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   const idx = id.lastIndexOf('#');
   const specifier = id.slice(0, idx);
@@ -3451,7 +3429,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
index fde1e5b614dd1e..b90980158d3ed8 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack-experimental/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
@@ -7,78 +7,79 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new aa.TextEncoder,r=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function t(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var ia=Function.prototype.bind,ja=Array.prototype.slice;
-function ka(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ja.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ka}})}return a}
-var la=Promise.prototype,ma={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},na={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=t({},a.$$id,!0),e=new Proxy(c,na);a.status="fulfilled";a.value=e;return a.then=t(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ma));return c},getPrototypeOf:function(){return la},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},va={prefetchDNS:oa,preconnect:pa,preload:qa,preloadModule:ra,preinitStyle:sa,preinitScript:ta,preinitModuleScript:ua};function oa(a){if("string"===typeof a&&a){var b=v();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),x(b,"D",a))}}}function pa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?x(d,"C",[a,b]):x(d,"C",a))}}}
-function qa(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?x(c,"L",[a,b,d]):x(c,"L",[a,b]))}}}function ra(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"m",[a,b]):x(d,"m",a)}}}
-function sa(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?x(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?x(c,"S",[a,b]):x(c,"S",a)}}}function ta(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"X",[a,b]):x(d,"X",a)}}}function ua(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"M",[a,b]):x(d,"M",a)}}}
-function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var wa=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,xa=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),ya=Symbol.for("react.fragment"),za=Symbol.for("react.provider"),Aa=Symbol.for("react.server_context"),Ba=Symbol.for("react.forward_ref"),Ca=Symbol.for("react.suspense"),Da=Symbol.for("react.suspense_list"),Ea=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Fa=Symbol.for("react.default_value"),Ga=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),
-Ha=Symbol.iterator,C=null;function Ia(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ia(a,d);b.context._currentValue=b.value}}}function Ja(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ja(a)}
-function Ka(a){var b=a.parent;null!==b&&Ka(b);a.context._currentValue=a.value}function La(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ia(a,b):La(a,b)}
-function Ma(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Ia(a,d):Ma(a,d);b.context._currentValue=b.value}function Na(a){var b=C;b!==a&&(null===b?Ka(a):null===a?Ja(b):b.depth===a.depth?Ia(b,a):b.depth>a.depth?La(b,a):Ma(b,a),C=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null;
-function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var D=null,Ua=0,E=null;function Va(){var a=E;E=null;return a}function Wa(a){return a._currentValue}
-var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Wa,useContext:Wa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Xa,useSyncExternalStore:F,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ga;return b},use:Za};
-function F(){throw Error("This Hook is not supported in Server Components.");}function Ya(){throw Error("Refreshing the cache is not supported in Server Components.");}function Xa(){if(null===D)throw Error("useId can only be used while React is rendering");var a=D.identifierCount++;return":"+D.identifierPrefix+"S"+a.toString(32)+":"}
-function Za(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ua;Ua+=1;null===E&&(E=[]);return Ra(E,a,b)}if(a.$$typeof===Aa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function ab(){return(new AbortController).signal}function bb(){var a=v();return a?a.cache:new Map}
-var cb={getCacheSignal:function(){var a=bb(),b=a.get(ab);void 0===b&&(b=ab(),a.set(ab,b));return b},getCacheForType:function(a){var b=bb(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},db=Array.isArray,eb=Object.getPrototypeOf;function fb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function gb(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function hb(a){if("string"===typeof a)return a;switch(a){case Ca:return"Suspense";case Da:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ba:return hb(a.render);case Ea:return hb(a.type);case A:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""}
-function G(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):gb(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?G(h):
-gb(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var ib=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,jb=ib.ContextRegistry,I=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!I)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 kb=Object.prototype,J=JSON.stringify,lb=I.TaintRegistryObjects,K=I.TaintRegistryValues,mb=I.TaintRegistryByteLengths,nb=I.TaintRegistryPendingRequests,ob=I.ReactCurrentCache,pb=ib.ReactCurrentDispatcher;function L(a){throw Error(a);}
-function qb(a){a=a.taintCleanupQueue;nb.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=K.get(d);void 0!==c&&(1===c.count?K.delete(d):c.count--)}a.length=0}function rb(a){console.error(a)}function sb(){}
-function tb(a,b,d,c,e,f){if(null!==ob.current&&ob.current!==cb)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;ob.current=cb;var g=new Set,k=[],h=[];nb.add(h);var n=new Set,w={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:n,abortableTasks:g,pingedTasks:k,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:h,onError:void 0===d?rb:d,onPostpone:void 0===f?sb:f,toJSON:function(u,H){return ub(w,this,u,H)}};w.pendingChunks++;b=vb(c);a=wb(w,a,b,g);k.push(a);return w}var M=null;function v(){if(M)return M;var a=xa.getStore();return a?a:null}var xb={};
-function yb(a,b){a.pendingChunks++;var d=wb(a,null,C,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,zb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===B?(N(a,c.message),O(a,d.id)):(c=P(a,c),Q(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;zb(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===B?(N(a,e.message),O(a,d.id)):(d.status=4,e=P(a,e),Q(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&R(a,a.destination)});return d.id}function x(a,b,d){d=J(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");Ab(a)}function Bb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function Cb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:Bb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];Ua=0;E=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Cb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===ya?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Ba:return a=b.render,Ua=0,E=f,a(e,void 0);case Ea:return S(a,b.type,d,c,e,f);case za:return Oa(b._context,e.value),[z,b,d,{value:e.value,children:e.children,__pop:xb}]}}throw Error("Unsupported Server Component type: "+gb(b));}function zb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return Db(a)}))}
-function wb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return zb(a,e)},thenableState:null};c.add(e);return e}function T(a){return"$"+a.toString(16)}function Eb(a,b,d){a=J(d);return b.toString(16)+":"+a+"\n"}
-function Fb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):T(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var n=k[h];if(n)g=n.name;else{var w=h.lastIndexOf("#");-1!==w&&(g=h.slice(w+1),n=k[h.slice(0,w)]);if(!n)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var H=a.nextChunkId++,Zb=J(u),$b=H.toString(16)+":I"+Zb+"\n";a.completedImportChunks.push($b);f.set(e,H);return b[0]===z&&"1"===d?"$L"+H.toString(16):T(H)}catch(ac){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,ac),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=wb(a,b,C,a.abortableTasks);Gb(a,b);return b.id}
-function V(a,b,d){if(mb.has(d.byteLength)){var c=K.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&L(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;d=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);var e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";a.completedRegularChunks.push(b,d);return T(c)}var W=!1;
-function ub(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(W===c)W=null;else return T(f)}else e.set(c,-1);var k=c;c=S(a,k.type,k.key,k.ref,k.props,null);break;case A:var h=c._init;c=h(c._payload)}}catch(n){d=n===Pa?Ta():n;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=wb(a,c,C,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Va(),"$L"+a.id.toString(16);if(d.$$typeof===B)return c=d,a.pendingChunks++,d=a.nextChunkId++,N(a,c.message),O(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=P(a,d);Q(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=lb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Fb(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(W===c)W=null;else return"$@"+e.toString(16);a=yb(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===za)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=Eb(a,d,"$P"+c),a.completedRegularChunks.push(c)),T(d);if(c===xb){a=C;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Fa?a.context._defaultValue:c;C=a.parent;return}if(void 0!==e){if(-1===e)return a=U(a,c),T(a);if(W===c)W=null;else return T(e)}else b.set(c,
--1);if(db(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+U(a,c).toString(16)}if(c instanceof ArrayBuffer)return V(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return V(a,"C",c);if(c instanceof
-Uint8Array)return V(a,"c",c);if(c instanceof Uint8ClampedArray)return V(a,"U",c);if(c instanceof Int16Array)return V(a,"S",c);if(c instanceof Uint16Array)return V(a,"s",c);if(c instanceof Int32Array)return V(a,"L",c);if(c instanceof Uint32Array)return V(a,"l",c);if(c instanceof Float32Array)return V(a,"F",c);if(c instanceof Float64Array)return V(a,"D",c);if(c instanceof BigInt64Array)return V(a,"N",c);if(c instanceof BigUint64Array)return V(a,"m",c);if(c instanceof DataView)return V(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Ha&&c[Ha]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=eb(c);if(a!==kb&&(null===a||null!==eb(a)))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.");return c}if("string"===typeof c){e=K.get(c);void 0!==e&&L(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-b="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",a.completedRegularChunks.push(b,c),T(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=lb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Fb(a,b,d,c);if(c.$$typeof===
-ha)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=U(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+G(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+
-G(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+G(b,d));a.pendingChunks++;d=a.nextChunkId++;b=Eb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return T(d)}if("bigint"===typeof c)return a=K.get(c),void 0!==a&&L(a.message),"$n"+c.toString(10);
-throw Error("Type "+typeof c+" is not supported in Client Component props."+G(b,d));}function N(a,b){a=a.onPostpone;a(b)}function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Hb(a,b){qb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+J(d)+"\n";a.completedErrorChunks.push(b)}
-function Gb(a,b){if(0===b.status){Na(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===z){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=S(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===z;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=S(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;W=d;var g=J(d,a.toJSON),k=f.toString(16)+":"+g+"\n";a.completedRegularChunks.push(k);
-a.abortableTasks.delete(b);b.status=1}catch(h){f=h===Pa?Ta():h;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Va();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;N(a,f.message);O(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=P(a,f);Q(a,b.id,f)}}}
-function Db(a){var b=pb.current;pb.current=$a;var d=M;D=M=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Gb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),Hb(a,f)}finally{pb.current=b,D=null,M=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!ea(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!ea(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!ea(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!ea(b,
-g[c])){a.destination=null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(qb(a),b.end())}function Ib(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return xa.run(a,Db,a)})}function Ab(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function Jb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),Hb(a,d)}}}
-function Kb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)N(a,b.message),O(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e)}d.forEach(function(g){g.status=3;var k=T(c);g=Eb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),Hb(a,g)}}
-function vb(a){if(a){var b=C;Na(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!jb[e]){var f={$$typeof:Aa,_currentValue:Fa,_currentValue2:Fa,_defaultValue:Fa,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:za,_context:f};jb[e]=f}Oa(jb[e],c)}a=C;Na(b);return a}return null}function Lb(a,b){var d=b.lastIndexOf("#");a=b.slice(0,d);b=b.slice(d+1);return{specifier:a,name:b}}var Mb=new Map;
-function Nb(a){var b=Mb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});Mb.set(a.specifier,d);return d}function X(a){var b=Mb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}
-function Ob(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Ob.prototype=Object.create(Promise.prototype);Ob.prototype.then=function(a,b){switch(this.status){case "resolved_model":Pb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function Qb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function Rb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Qb(d,b)}}function Sb(a,b,d,c,e,f){var g=Lb(a._bundlerConfig,b);a=Nb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=X(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return X(g)});else return X(g);d.then(Tb(c,e,f),Ub(c));return null}var Vb=null,Y=null;
-function Pb(a){var b=Vb,d=Y;Vb=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{Vb=b,Y=d}}function Wb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Rb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Ob("resolved_model",c,null,a):new Ob("pending",null,null,a),d.set(b,c));return c}function Tb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Qb(e,c.value))}}function Ub(a){return function(b){return Rb(a,b)}}
-function Xb(a,b){a=Z(a,b);"resolved_model"===a.status&&Pb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Yb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Xb(a,c),Sb(a,c.id,c.bound,Vb,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Xb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Xb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Pb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=Vb,a.then(Tb(c,b,d),Ub(c)),null;default:throw a.reason;}}return c}
-function bc(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Yb(e,this,f,g):g}};return e}
-function cc(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Pb(b),b.status){case "fulfilled":Qb(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Qb(a,b.reason)}}function dc(a){Wb(a,Error("Connection closed."))}
-function ec(a,b,d){var c=Lb(a,b);a=Nb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=X(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return X(c)}):Promise.resolve(X(c))}function fc(a,b,d){a=bc(b,d,a);dc(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function gc(a,b){return function(){return Jb(b,a)}}exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,na)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=fc(a,b,e),c=ec(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=ec(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=bc(b,"",a);b=Z(a,0);dc(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=bc(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):cc(d,f,g)});a.on("file",function(f,g,k){var h=k.filename,n=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var w=[];g.on("data",function(u){w.push(u)});g.on("end",function(){var u=
-new Blob(w,{type:n});d._formData.append(f,u,h);c--;if(0===c){for(u=0;u<e.length;u+=2)cc(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){dc(d)});a.on("error",function(f){Wb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return t(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ka}})};
-exports.renderToPipeableStream=function(a,b,d){var c=tb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;Ib(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Jb(c,f);f.on("drain",gc(f,c));return f},abort:function(f){Kb(c,f)}}};
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,n=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,fa.encode(b));else{var c=l;0<n&&(c=l.subarray(n));c=fa.encodeInto(b,c);var e=c.read;n+=c.written;e<b.length&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=fa.encodeInto(b.slice(e),l).written);2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,b)):(c=l.length-n,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),n),n+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),n=0),l.set(b,n),n+=b.byteLength,2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)));return q}var fa=new aa.TextEncoder,t=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:c}})}var ia=Function.prototype.bind,ka=Array.prototype.slice;
+function la(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ka.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:la}})}return a}
+var ma=Promise.prototype,na={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function oa(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=v({},a.$$id,!0),d=new Proxy(e,pa);a.status="fulfilled";a.value=d;return a.then=v(function(f){return Promise.resolve(f(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,na));return e}
+var pa={get:function(a,b){return oa(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:oa(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ma},set:function(){throw Error("Cannot assign to a client module from a server module.");}},xa={prefetchDNS:qa,preconnect:ra,preload:sa,preloadModule:ta,preinitStyle:ua,preinitScript:va,preinitModuleScript:wa};
+function qa(a){if("string"===typeof a&&a){var b=w();if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),x(b,"D",a))}}}function ra(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function sa(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;d.has(f)||(d.add(f),(c=y(c))?x(e,"L",[a,b,c]):x(e,"L",[a,b]))}}}function ta(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function ua(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="S|"+a;if(!d.has(f))return d.add(f),(c=y(c))?x(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(e,"S",[a,b]):x(e,"S",a)}}}function va(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"X",[a,b]):x(c,"X",a)}}}function wa(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"M",[a,b]):x(c,"M",a)}}}
+function y(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}
+var ya=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,za=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),Aa=Symbol.for("react.fragment"),Ba=Symbol.for("react.context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),Fa=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ga=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Ha=Symbol.iterator,Ia=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ja(){}function Ka(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ja,Ja),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}La=b;throw Ia;}}var La=null;
+function Ma(){if(null===La)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=La;La=null;return a}var C=null,Na=0,E=null;function Oa(){var a=E||[];E=null;return a}
+var Ta={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Pa,useContext:Pa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Qa,useSyncExternalStore:F,useCacheRefresh:function(){return Ra},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ga;return b},use:Sa};
+function F(){throw Error("This Hook is not supported in Server Components.");}function Ra(){throw Error("Refreshing the cache is not supported in Server Components.");}function Pa(){throw Error("Cannot read a Client Context from a Server Component.");}function Qa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
+function Sa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Na;Na+=1;null===E&&(E=[]);return Ka(E,a,b)}a.$$typeof===Ba&&Pa()}if(a.$$typeof===t){if(null!=a.value&&a.value.$$typeof===Ba)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Ua(){return(new AbortController).signal}
+function Va(){var a=w();return a?a.cache:new Map}var Wa={getCacheSignal:function(){var a=Va(),b=a.get(Ua);void 0===b&&(b=Ua(),a.set(Ua,b));return b},getCacheForType:function(a){var b=Va(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Xa=Array.isArray,Ya=Object.getPrototypeOf;function Za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function $a(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Xa(a))return"[...]";if(null!==a&&a.$$typeof===ab)return"client";a=Za(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===ab?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function bb(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return bb(a.render);case Fa:return bb(a.type);case A:var b=a._payload;a=a._init;try{return bb(a(b))}catch(c){}}return""}var ab=Symbol.for("react.client.reference");
+function G(a,b){var c=Za(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Xa(a)){var d="[";for(var f=0;f<a.length;f++){0<f&&(d+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):$a(g);""+f===b?(c=d.length,e=g.length,d+=g):d=10>g.length&&40>d.length+g.length?d+g:d+"..."}d+="]"}else if(a.$$typeof===z)d="<"+bb(a.type)+"/>";else{if(a.$$typeof===ab)return"client";d="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(d+=", ");var k=f[g],h=JSON.stringify(k);d+=('"'+k+'"'===h?k:h)+": ";h=a[k];
+h="object"===typeof h&&null!==h?G(h):$a(h);k===b?(c=d.length,e=h.length,d+=h):d=10>h.length&&40>d.length+h.length?d+h:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var cb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,H=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!H)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 db=Object.prototype,I=JSON.stringify,eb=H.TaintRegistryObjects,J=H.TaintRegistryValues,fb=H.TaintRegistryByteLengths,gb=H.TaintRegistryPendingRequests,hb=H.ReactCurrentCache,ib=cb.ReactCurrentDispatcher;function K(a){throw Error(a);}
+function jb(a){a=a.taintCleanupQueue;gb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=J.get(c);void 0!==e&&(1===e.count?J.delete(c):e.count--)}a.length=0}function kb(a){console.error(a)}function lb(){}
+function mb(a,b,c,e,d){if(null!==hb.current&&hb.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");ya.current=xa;hb.current=Wa;var f=new Set,g=[],k=[];gb.add(k);var h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===c?kb:c,onPostpone:void 0===d?lb:d};a=nb(b,a,null,!1,f);g.push(a);return b}var L=null;function w(){if(L)return L;var a=za.getStore();return a?a:null}
+function ob(a,b,c){var e=nb(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,pb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===B?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;pb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===B?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function x(a,b,c){c=I(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");qb(a)}function rb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function sb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:rb}}
+function tb(a,b,c,e,d){var f=b.thenableState;b.thenableState=null;Na=0;E=f;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=sb(e)}d=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,ub,"",e);b.keyPath=d;b.implicitSlot=f;return a}function vb(a,b,c){return null!==b.keyPath?(a=[z,Aa,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function wb(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[z,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function xb(a,b,c,e,d,f){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===t?wb(b,c,e,f):tb(a,b,e,c,f);if("string"===typeof c)return wb(b,c,e,f);if("symbol"===typeof c)return c===Aa&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,ub,"",f.children),b.implicitSlot=e,a):wb(b,c,e,f);if(null!=c&&"object"===typeof c){if(c.$$typeof===t)return wb(b,c,e,f);switch(c.$$typeof){case A:var g=
+c._init;c=g(c._payload);return xb(a,b,c,e,d,f);case Ca:return tb(a,b,e,c.render,f);case Fa:return xb(a,b,c.type,e,d,f)}}throw Error("Unsupported Server Component type: "+$a(c));}function pb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return yb(a)}))}
+function nb(a,b,c,e,d){a.pendingChunks++;var f=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return pb(a,g)},toJSON:function(k,h){a:{var p=g.keyPath,u=g.implicitSlot;try{var m=R(a,g,this,k,h)}catch(ja){k=ja===Ia?Ma():ja;h=g.model;h="object"===typeof h&&null!==h&&(h.$$typeof===z||h.$$typeof===A);if("object"===typeof k&&null!==k){if("function"===typeof k.then){m=nb(a,g.model,g.keyPath,g.implicitSlot,
+a.abortableTasks);var D=m.ping;k.then(D,D);m.thenableState=Oa();g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.id.toString(16):S(m.id);break a}if(k.$$typeof===B){a.pendingChunks++;m=a.nextChunkId++;M(a,k.message);N(a,m);g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.toString(16):S(m);break a}}g.keyPath=p;g.implicitSlot=u;if(h)a.pendingChunks++,p=a.nextChunkId++,u=O(a,k),P(a,p,u),m="$L"+p.toString(16);else throw k;}}return m},thenableState:null};d.add(g);return g}function S(a){return"$"+a.toString(16)}
+function zb(a,b,c){a=I(c);return b.toString(16)+":"+a+"\n"}
+function Ab(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,f=a.writtenClientReferences,g=f.get(d);if(void 0!==g)return b[0]===z&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=e.$$id;g="";var p=k[h];if(p)g=p.name;else{var u=h.lastIndexOf("#");-1!==u&&(g=h.slice(u+1),p=k[h.slice(0,u)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var m=!0===e.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var D=a.nextChunkId++,ja=I(m),Tb=D.toString(16)+":I"+ja+"\n";a.completedImportChunks.push(Tb);f.set(d,D);return b[0]===z&&"1"===c?"$L"+D.toString(16):S(D)}catch(Ub){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Ub),P(a,b,c),S(b)}}function T(a,b){b=nb(a,b,null,!1,a.abortableTasks);Bb(a,b);return b.id}
+function U(a,b,c){if(fb.has(c.byteLength)){var e=J.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&K(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;c=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);var d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===z)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case z:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return xb(a,b,d.type,d.key,void 0!==e?e:null,c);case A:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,ub,"",d)}if(d.$$typeof===t)return Ab(a,c,e,d);c=eb.get(d);void 0!==c&&K(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+ob(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=ob(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Xa(d))return vb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Ha&&d[Ha]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return vb(a,b,Array.from(d));a=Ya(d);if(a!==db&&(null===a||null!==Ya(a)))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.");
+return d}if("string"===typeof d){b=J.get(d);void 0!==b&&K(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,c="string"===typeof d?Buffer.byteLength(d,"utf8"):d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===
+d?"$-Infinity":"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===t)return Ab(a,c,e,d);if(d.$$typeof===ha)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=eb.get(d);void 0!==a&&K(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+G(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+G(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var f=b.get(d);if(void 0!==f)return S(f);f=d.description;if(Symbol.for(f)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+G(c,e));a.pendingChunks++;c=a.nextChunkId++;e=zb(a,c,"$S"+f);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=J.get(d),void 0!==a&&K(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+G(c,e));}function M(a,b){var c=L;L=null;try{za.run(void 0,a.onPostpone,b)}finally{L=c}}
+function O(a,b){var c=L;L=null;try{var e=za.run(void 0,a.onError,b)}finally{L=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}function Cb(a,b){jb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+I(c)+"\n";a.completedErrorChunks.push(b)}var ub={};
+function Bb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,ub,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?I(c,b.toJSON):I(c),d=b.id.toString(16)+":"+e+"\n";a.completedRegularChunks.push(d);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Ia?Ma():h;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Oa();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);
+b.status=4;var k=O(a,f);P(a,b.id,k)}finally{}}function yb(a){var b=ib.current;ib.current=Ta;var c=L;C=L=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)Bb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Cb(a,f)}finally{ib.current=b,C=null,L=c}}
+function Q(a,b){l=new Uint8Array(2048);n=0;q=!0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)if(a.pendingChunks--,!ea(b,c[e])){a.destination=null;e++;break}c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)if(!ea(b,d[e])){a.destination=null;e++;break}d.splice(0,e);var f=a.completedRegularChunks;for(e=0;e<f.length;e++)if(a.pendingChunks--,!ea(b,f[e])){a.destination=null;e++;break}f.splice(0,e);var g=a.completedErrorChunks;for(e=0;e<g.length;e++)if(a.pendingChunks--,!ea(b,
+g[e])){a.destination=null;e++;break}g.splice(0,e)}finally{a.flushScheduled=!1,l&&0<n&&b.write(l.subarray(0,n)),l=null,n=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(jb(a),b.end())}function Db(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return za.run(a,yb,a)})}function qb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return Q(a,b)})}}
+function Eb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Q(a,b)}catch(c){O(a,c),Cb(a,c)}}}
+function Fb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,d);P(a,e,f,d)}c.forEach(function(g){g.status=3;var k=S(e);g=zb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Cb(a,g)}}
+function Gb(a,b){var c=b.lastIndexOf("#");a=b.slice(0,c);b=b.slice(c+1);return{specifier:a,name:b}}var Hb=new Map;function Ib(a){var b=Hb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var c=import(a.specifier);a.async&&(c=c.then(function(e){return e.default}));c.then(function(e){var d=c;d.status="fulfilled";d.value=e},function(e){var d=c;d.status="rejected";d.reason=e});Hb.set(a.specifier,c);return c}
+function W(a){var b=Hb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}function Jb(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Jb.prototype=Object.create(Promise.prototype);
+Jb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Kb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Lb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Mb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Lb(c,b)}}function Nb(a,b,c,e,d,f){var g=Gb(a._bundlerConfig,b);a=Ib(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return W(g)});else return W(g);c.then(Ob(e,d,f),Pb(e));return null}var X=null,Y=null;
+function Kb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Qb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Mb(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Jb("resolved_model",e,null,a):new Jb("pending",null,null,a),c.set(b,e));return e}function Ob(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Lb(d,e.value))}}function Pb(a){return function(b){return Mb(a,b)}}
+function Rb(a,b){a=Z(a,b);"resolved_model"===a.status&&Kb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Sb(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Rb(a,e),Nb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Rb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Rb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(d)&&f.append(k.slice(d.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Kb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Ob(e,b,c),Pb(e)),null;default:throw a.reason;}}return e}
+function Vb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(f,g){return"string"===typeof g?Sb(d,this,f,g):g}};return d}
+function Wb(a,b,c){a._formData.append(b,c);var e=a._prefix;if(b.startsWith(e)&&(a=a._chunks,b=+b.slice(e.length),(b=a.get(b))&&"pending"===b.status&&(e=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==e)))switch(Kb(b),b.status){case "fulfilled":Lb(e,b.value);break;case "pending":case "blocked":b.value=e;b.reason=a;break;case "rejected":a&&Lb(a,b.reason)}}function Xb(a){Qb(a,Error("Connection closed."))}
+function Yb(a,b,c){var e=Gb(a,b);a=Ib(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var f=W(e);return f.bind.apply(f,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}function Zb(a,b,c){a=Vb(b,c,a);Xb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function $b(a,b){return function(){return Eb(b,a)}}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,pa)};
+exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(d="$ACTION_"+f.slice(12)+":",d=Zb(a,b,d),e=Yb(b,d.id,d.bound)):f.startsWith("$ACTION_ID_")&&(d=f.slice(11),e=Yb(b,d,null)):c.append(f,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Vb(b,"",a);b=Z(a,0);Xb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Vb(b,""),e=0,d=[];a.on("field",function(f,g){0<e?d.push(f,g):Wb(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");e++;var u=[];g.on("data",function(m){u.push(m)});g.on("end",function(){var m=
+new Blob(u,{type:p});c._formData.append(f,m,h);e--;if(0===e){for(m=0;m<d.length;m+=2)Wb(c,d[m],d[m+1]);d.length=0}})});a.on("finish",function(){Xb(c)});a.on("error",function(f){Qb(c,f)});return Z(c,0)};exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:la,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var e=mb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),d=!1;Db(e);return{pipe:function(f){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;Eb(e,f);f.on("drain",$b(f,e));return f},abort:function(f){Fb(e,f)}}};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.node.unbundled.production.min.js.map
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 2c87144cfbb562..da5ed6c55288e9 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
@@ -48,7 +48,7 @@
     "loose-envify": "^1.1.0"
   },
   "peerDependencies": {
-    "react": "0.0.0-experimental-60a927d04-20240113",
-    "react-dom": "0.0.0-experimental-60a927d04-20240113"
+    "react": "0.0.0-experimental-14898b6a9-20240318",
+    "react-dom": "0.0.0-experimental-14898b6a9-20240318"
   }
 }
\ 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 578e1865cbdef7..f0905608b76704 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
@@ -33,6 +33,48 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+var badgeFormat = '%c%s%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -350,14 +392,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -469,6 +509,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -479,7 +523,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -525,6 +577,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -603,6 +661,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -653,9 +713,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -665,7 +725,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -890,7 +950,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -994,12 +1054,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1013,57 +1073,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1082,6 +1091,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1358,17 +1371,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1381,17 +1397,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1405,6 +1416,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1540,6 +1558,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1553,12 +1576,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1628,6 +1645,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1648,7 +1682,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1685,12 +1741,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1787,6 +1844,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -1837,6 +1912,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2014,7 +2111,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
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 1adbad6d83f406..ef7be328cd8060 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -304,10 +303,7 @@ function refineModel(code, model) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -600,12 +596,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -619,40 +615,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -947,17 +909,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -968,6 +933,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1101,6 +1067,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1112,12 +1083,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1183,6 +1148,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1202,7 +1169,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1237,12 +1206,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1384,6 +1354,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1560,7 +1542,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.min.js
index 3a9fea181c8e87..98ab418c3a0952 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.browser.production.min.js
@@ -7,33 +7,32 @@
  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 r=require("react-dom"),t=require("react"),u={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
-function z(a){for(var b=a[1],c=[],e=0;e<b.length;e++){var l=b[e],k=w.get(l);if(void 0===k){k=__turbopack_load__(l);c.push(k);var n=w.set.bind(w,l,null);k.then(n,y);w.set(l,k)}else null!==k&&c.push(k)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
-var A=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),C=Symbol.for("react.provider"),aa=Symbol.for("react.server_context"),ba=Symbol.for("react.lazy"),E=Symbol.for("react.default_value"),F=Symbol.iterator;function ca(a){if(null===a||"object"!==typeof a)return null;a=F&&a[F]||a["@@iterator"];return"function"===typeof a?a:null}var da=Array.isArray,G=Object.getPrototypeOf,ea=Object.prototype,I=new WeakMap;
-function fa(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ha(a,b,c,e){function l(m,d){if(null===d)return null;if("object"===typeof d){if("function"===typeof d.then){null===g&&(g=new FormData);n++;var h=k++;d.then(function(p){p=JSON.stringify(p,l);var q=g;q.append(b+h,p);n--;0===n&&c(q)},function(p){e(p)});return"$@"+h.toString(16)}if(da(d))return d;if(d instanceof FormData){null===g&&(g=new FormData);var f=g;m=k++;var D=b+m+"_";d.forEach(function(p,q){f.append(D+q,p)});return"$K"+m.toString(16)}if(d instanceof Map)return d=JSON.stringify(Array.from(d),
-l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$Q"+m.toString(16);if(d instanceof Set)return d=JSON.stringify(Array.from(d),l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$W"+m.toString(16);if(ca(d))return Array.from(d);m=G(d);if(m!==ea&&(null===m||null!==G(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return d}if("string"===typeof d){if("Z"===d[d.length-1]&&this[m]instanceof Date)return"$D"+d;
-d="$"===d[0]?"$"+d:d;return d}if("boolean"===typeof d)return d;if("number"===typeof d)return fa(d);if("undefined"===typeof d)return"$undefined";if("function"===typeof d){d=I.get(d);if(void 0!==d)return d=JSON.stringify(d,l),null===g&&(g=new FormData),m=k++,g.set(b+m,d),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof d){m=d.description;if(Symbol.for(m)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(d.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof d)return"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported as an argument to a Server Function.");}var k=1,n=0,g=null;a=JSON.stringify(a,l);null===g?c(a):(g.set(b+"0",a),0===n&&c(g))}function J(a,b){I.set(a,b)}var K=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function L(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}L.prototype=Object.create(Promise.prototype);
+'use strict';var r=require("react-dom"),t={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var v=new Map;
+function w(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function y(a){for(var b=a[1],c=[],e=0;e<b.length;e++){var l=b[e],k=v.get(l);if(void 0===k){k=__turbopack_load__(l);c.push(k);var n=v.set.bind(v,l,null);k.then(n,x);v.set(l,k)}else null!==k&&c.push(k)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}var z=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),B=Symbol.for("react.lazy"),C=Symbol.iterator;
+function E(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var F=Array.isArray,H=Object.getPrototypeOf,I=Object.prototype,J=new WeakMap;function K(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function aa(a,b,c,e){function l(m,d){if(null===d)return null;if("object"===typeof d){if("function"===typeof d.then){null===g&&(g=new FormData);n++;var h=k++;d.then(function(p){p=JSON.stringify(p,l);var q=g;q.append(b+h,p);n--;0===n&&c(q)},function(p){e(p)});return"$@"+h.toString(16)}if(F(d))return d;if(d instanceof FormData){null===g&&(g=new FormData);var f=g;m=k++;var D=b+m+"_";d.forEach(function(p,q){f.append(D+q,p)});return"$K"+m.toString(16)}if(d instanceof Map)return d=JSON.stringify(Array.from(d),
+l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$Q"+m.toString(16);if(d instanceof Set)return d=JSON.stringify(Array.from(d),l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$W"+m.toString(16);if(E(d))return Array.from(d);m=H(d);if(m!==I&&(null===m||null!==H(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return d}if("string"===typeof d){if("Z"===d[d.length-1]&&this[m]instanceof Date)return"$D"+d;d=
+"$"===d[0]?"$"+d:d;return d}if("boolean"===typeof d)return d;if("number"===typeof d)return K(d);if("undefined"===typeof d)return"$undefined";if("function"===typeof d){d=J.get(d);if(void 0!==d)return d=JSON.stringify(d,l),null===g&&(g=new FormData),m=k++,g.set(b+m,d),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof d){m=d.description;if(Symbol.for(m)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(d.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof d)return"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported as an argument to a Server Function.");}var k=1,n=0,g=null;a=JSON.stringify(a,l);null===g?c(a):(g.set(b+"0",a),0===n&&c(g))}function ba(a,b){J.set(a,b)}function L(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}L.prototype=Object.create(Promise.prototype);
 L.prototype.then=function(a,b){switch(this.status){case "resolved_model":M(this);break;case "resolved_module":N(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ia(a){switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function O(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function P(a,b,c){switch(a.status){case "fulfilled":O(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&O(c,a.reason)}}
-function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&O(c,b)}}function S(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,e=a.reason;a.status="resolved_module";a.value=b;null!==c&&(N(a),P(a,c,e))}}var T=null,U=null;
-function M(a){var b=T,c=U;T=a;U=null;var e=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var l=JSON.parse(e,a._response._fromJSON);if(null!==U&&0<U.deps)U.value=l,a.status="blocked",a.value=null,a.reason=null;else{var k=a.value;a.status="fulfilled";a.value=l;null!==k&&O(k,l)}}catch(n){a.status="rejected",a.reason=n}finally{T=b,U=c}}
-function N(a){try{var b=a.value,c=__turbopack_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var e="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=e}catch(l){a.status="rejected",a.reason=l}}function V(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Q(c,b)})}function W(a,b){var c=a._chunks,e=c.get(b);e||(e=new L("pending",null,null,a),c.set(b,e));return e}
-function ja(a,b,c,e){if(U){var l=U;e||l.deps++}else l=U={deps:e?0:1,value:null};return function(k){b[c]=k;l.deps--;0===l.deps&&"blocked"===a.status&&(k=a.value,a.status="fulfilled",a.value=l.value,null!==k&&O(k,l.value))}}function ka(a){return function(b){return Q(a,b)}}
-function la(a,b){function c(){var l=Array.prototype.slice.call(arguments),k=b.bound;return k?"fulfilled"===k.status?e(b.id,k.value.concat(l)):Promise.resolve(k).then(function(n){return e(b.id,n.concat(l))}):e(b.id,l)}var e=a._callServer;J(c,b);return c}function X(a,b){a=W(a,b);switch(a.status){case "resolved_model":M(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function ma(a,b,c,e){if("$"===e[0]){if("$"===e)return B;switch(e[1]){case "$":return e.slice(1);case "L":return b=parseInt(e.slice(2),16),a=W(a,b),{$$typeof:ba,_payload:a,_init:ia};case "@":return b=parseInt(e.slice(2),16),W(a,b);case "S":return Symbol.for(e.slice(2));case "P":return a=e.slice(2),K[a]||(b={$$typeof:aa,_currentValue:E,_currentValue2:E,_defaultValue:E,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:C,_context:b},K[a]=b),K[a].Provider;case "F":return b=
-parseInt(e.slice(2),16),b=X(a,b),la(a,b);case "Q":return b=parseInt(e.slice(2),16),a=X(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=X(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=W(a,e);switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return e=T,a.then(ja(e,b,c,"cyclic"===a.status),ka(e)),null;default:throw a.reason;}}}return e}function na(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function Y(a,b,c,e){var l=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:na,_nonce:e,_chunks:l,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=oa(a);return a}
-function pa(a,b,c){var e=a._chunks,l=e.get(b);c=JSON.parse(c,a._fromJSON);var k=v(a._bundlerConfig,c);if(c=z(k)){if(l){var n=l;n.status="blocked"}else n=new L("blocked",null,null,a),e.set(b,n);c.then(function(){return S(n,k)},function(g){return Q(n,g)})}else l?S(l,k):e.set(b,new L("resolved_module",k,null,a))}
-function oa(a){return function(b,c){return"string"===typeof c?ma(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function ca(a){switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function P(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function Q(a,b,c){switch(a.status){case "fulfilled":P(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&P(c,a.reason)}}
+function R(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&P(c,b)}}function S(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,e=a.reason;a.status="resolved_module";a.value=b;null!==c&&(N(a),Q(a,c,e))}}var T=null,U=null;
+function M(a){var b=T,c=U;T=a;U=null;var e=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var l=JSON.parse(e,a._response._fromJSON);if(null!==U&&0<U.deps)U.value=l,a.status="blocked",a.value=null,a.reason=null;else{var k=a.value;a.status="fulfilled";a.value=l;null!==k&&P(k,l)}}catch(n){a.status="rejected",a.reason=n}finally{T=b,U=c}}
+function N(a){try{var b=a.value,c=__turbopack_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var e="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=e}catch(l){a.status="rejected",a.reason=l}}function V(a,b){a._chunks.forEach(function(c){"pending"===c.status&&R(c,b)})}function W(a,b){var c=a._chunks,e=c.get(b);e||(e=new L("pending",null,null,a),c.set(b,e));return e}
+function da(a,b,c,e){if(U){var l=U;e||l.deps++}else l=U={deps:e?0:1,value:null};return function(k){b[c]=k;l.deps--;0===l.deps&&"blocked"===a.status&&(k=a.value,a.status="fulfilled",a.value=l.value,null!==k&&P(k,l.value))}}function ea(a){return function(b){return R(a,b)}}
+function fa(a,b){function c(){var l=Array.prototype.slice.call(arguments),k=b.bound;return k?"fulfilled"===k.status?e(b.id,k.value.concat(l)):Promise.resolve(k).then(function(n){return e(b.id,n.concat(l))}):e(b.id,l)}var e=a._callServer;J.set(c,b);return c}function X(a,b){a=W(a,b);switch(a.status){case "resolved_model":M(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ha(a,b,c,e){if("$"===e[0]){if("$"===e)return A;switch(e[1]){case "$":return e.slice(1);case "L":return b=parseInt(e.slice(2),16),a=W(a,b),{$$typeof:B,_payload:a,_init:ca};case "@":if(2===e.length)return new Promise(function(){});b=parseInt(e.slice(2),16);return W(a,b);case "S":return Symbol.for(e.slice(2));case "F":return b=parseInt(e.slice(2),16),b=X(a,b),fa(a,b);case "Q":return b=parseInt(e.slice(2),16),a=X(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=X(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=W(a,e);switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return e=T,a.then(da(e,b,c,"cyclic"===a.status),ea(e)),null;default:throw a.reason;}}}return e}
+function ia(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function Y(a,b,c,e,l){var k=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ia,_encodeFormAction:e,_nonce:l,_chunks:k,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ja(a);return a}
+function ka(a,b,c){var e=a._chunks,l=e.get(b);c=JSON.parse(c,a._fromJSON);var k=u(a._bundlerConfig,c);if(c=y(k)){if(l){var n=l;n.status="blocked"}else n=new L("blocked",null,null,a),e.set(b,n);c.then(function(){return S(n,k)},function(g){return R(n,g)})}else l?S(l,k):e.set(b,new L("resolved_module",k,null,a))}
+function ja(a){return function(b,c){return"string"===typeof c?ha(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===A?{$$typeof:A,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
 function Z(a,b){function c(k){var n=k.value;if(k.done)V(a,Error("Connection closed."));else{var g=0,m=a._rowState,d=a._rowID,h=a._rowTag,f=a._rowLength;k=a._buffer;for(var D=n.length;g<D;){var p=-1;switch(m){case 0:p=n[g++];58===p?m=1:d=d<<4|(96<p?p-87:p-48);continue;case 1:m=n[g];84===m?(h=m,m=2,g++):64<m&&91>m?(h=m,m=3,g++):(h=0,m=3);continue;case 2:p=n[g++];44===p?m=4:f=f<<4|(96<p?p-87:p-48);continue;case 3:p=n.indexOf(10,g);break;case 4:p=g+f,p>n.length&&(p=-1)}var q=n.byteOffset+g;if(-1<p){g=
-new Uint8Array(n.buffer,q,p-g);f=a;q=h;var R=f._stringDecoder;h="";for(var H=0;H<k.length;H++)h+=R.decode(k[H],u);h+=R.decode(g);switch(q){case 73:pa(f,d,h);break;case 72:d=h[0];h=h.slice(1);f=JSON.parse(h,f._fromJSON);if(h=A.current)switch(d){case "D":h.prefetchDNS(f);break;case "C":"string"===typeof f?h.preconnect(f):h.preconnect(f[0],f[1]);break;case "L":d=f[0];g=f[1];3===f.length?h.preload(d,g,f[2]):h.preload(d,g);break;case "m":"string"===typeof f?h.preloadModule(f):h.preloadModule(f[0],f[1]);
+new Uint8Array(n.buffer,q,p-g);f=a;q=h;var O=f._stringDecoder;h="";for(var G=0;G<k.length;G++)h+=O.decode(k[G],t);h+=O.decode(g);switch(q){case 73:ka(f,d,h);break;case 72:d=h[0];h=h.slice(1);f=JSON.parse(h,f._fromJSON);if(h=z.current)switch(d){case "D":h.prefetchDNS(f);break;case "C":"string"===typeof f?h.preconnect(f):h.preconnect(f[0],f[1]);break;case "L":d=f[0];g=f[1];3===f.length?h.preload(d,g,f[2]):h.preload(d,g);break;case "m":"string"===typeof f?h.preloadModule(f):h.preloadModule(f[0],f[1]);
 break;case "S":"string"===typeof f?h.preinitStyle(f):h.preinitStyle(f[0],0===f[1]?void 0:f[1],3===f.length?f[2]:void 0);break;case "X":"string"===typeof f?h.preinitScript(f):h.preinitScript(f[0],f[1]);break;case "M":"string"===typeof f?h.preinitModuleScript(f):h.preinitModuleScript(f[0],f[1])}break;case 69:h=JSON.parse(h);g=h.digest;h=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.");
-h.stack="Error: "+h.message;h.digest=g;g=f._chunks;(q=g.get(d))?Q(q,h):g.set(d,new L("rejected",null,h,f));break;case 84:f._chunks.set(d,new L("fulfilled",h,null,f));break;default:g=f._chunks,(q=g.get(d))?(f=q,d=h,"pending"===f.status&&(h=f.value,g=f.reason,f.status="resolved_model",f.value=d,null!==h&&(M(f),P(f,h,g)))):g.set(d,new L("resolved_model",h,null,f))}g=p;3===m&&g++;f=d=h=m=0;k.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-g);k.push(n);f-=n.byteLength;break}}a._rowState=m;a._rowID=
-d;a._rowTag=h;a._rowLength=f;return l.read().then(c).catch(e)}}function e(k){V(a,k)}var l=b.getReader();l.read().then(c).catch(e)}exports.createFromFetch=function(a,b){var c=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0);a.then(function(e){Z(c,e.body)},function(e){V(c,e)});return W(c,0)};exports.createFromReadableStream=function(a,b){b=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0);Z(b,a);return W(b,0)};
-exports.createServerReference=function(a,b){function c(){var e=Array.prototype.slice.call(arguments);return b(a,e)}J(c,{id:a,bound:null});return c};exports.encodeReply=function(a){return new Promise(function(b,c){ha(a,"",b,c)})};
+h.stack="Error: "+h.message;h.digest=g;g=f._chunks;(q=g.get(d))?R(q,h):g.set(d,new L("rejected",null,h,f));break;case 84:f._chunks.set(d,new L("fulfilled",h,null,f));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:g=f._chunks,(q=g.get(d))?(f=q,d=h,"pending"===f.status&&(h=f.value,g=f.reason,f.status="resolved_model",
+f.value=d,null!==h&&(M(f),Q(f,h,g)))):g.set(d,new L("resolved_model",h,null,f))}g=p;3===m&&g++;f=d=h=m=0;k.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-g);k.push(n);f-=n.byteLength;break}}a._rowState=m;a._rowID=d;a._rowTag=h;a._rowLength=f;return l.read().then(c).catch(e)}}function e(k){V(a,k)}var l=b.getReader();l.read().then(c).catch(e)}
+exports.createFromFetch=function(a,b){var c=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);a.then(function(e){Z(c,e.body)},function(e){V(c,e)});return W(c,0)};exports.createFromReadableStream=function(a,b){b=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);Z(b,a);return W(b,0)};exports.createServerReference=function(a,b){function c(){var e=Array.prototype.slice.call(arguments);return b(a,e)}ba(c,{id:a,bound:null});return c};
+exports.encodeReply=function(a){return new Promise(function(b,c){aa(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.browser.production.min.js.map
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 e628fa1a7580c0..ef6b3df8cfcea3 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
@@ -33,6 +33,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -387,14 +430,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -506,6 +547,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -516,7 +561,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -562,6 +615,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -640,6 +699,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -690,9 +751,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -702,7 +763,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -927,7 +988,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1060,7 +1121,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1110,6 +1171,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1171,14 +1248,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1202,6 +1282,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1211,9 +1302,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1222,7 +1330,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1232,61 +1340,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1305,6 +1362,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1581,17 +1642,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1604,17 +1668,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1628,6 +1687,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1710,7 +1776,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1763,6 +1829,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1776,12 +1847,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1851,6 +1916,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1871,7 +1953,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1908,12 +2012,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2011,6 +2116,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -2061,6 +2184,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2246,7 +2391,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
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 df0fee3d1ae0a4..2e1fd805d1214d 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -341,10 +340,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -666,7 +662,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -716,6 +712,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -777,14 +789,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -808,6 +823,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -815,9 +831,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -826,7 +859,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -836,44 +869,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1168,17 +1167,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1189,6 +1191,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1269,7 +1272,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1322,6 +1325,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1333,12 +1341,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1404,6 +1406,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1423,7 +1427,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1458,12 +1464,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1606,6 +1613,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1790,7 +1809,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.min.js
index 13a51ce60889ad..2499f36712a5df 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.edge.production.min.js
@@ -7,37 +7,37 @@
  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 r=require("react-dom"),t=require("react"),u={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function aa(){}
-function ba(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var f=b[d],h=w.get(f);if(void 0===h){h=globalThis.__next_chunk_load__(f);c.push(h);var n=w.set.bind(w,f,null);h.then(n,aa);w.set(f,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
-function ca(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var f=c,h=y.current;if(h){var n=h.preinitScript,k=a.prefix+b[d];var m=a.crossOrigin;m="string"===typeof m?"use-credentials"===m?m:"":void 0;n.call(h,k,{crossOrigin:m,nonce:f})}}}var y=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),da=Symbol.for("react.provider"),ea=Symbol.for("react.server_context"),fa=Symbol.for("react.lazy"),A=Symbol.for("react.default_value"),B=Symbol.iterator;
-function ha(a){if(null===a||"object"!==typeof a)return null;a=B&&a[B]||a["@@iterator"];return"function"===typeof a?a:null}var ia=Array.isArray,C=Object.getPrototypeOf,ja=Object.prototype,D=new WeakMap;function ka(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function F(a,b,c,d){function f(m,e){if(null===e)return null;if("object"===typeof e){if("function"===typeof e.then){null===k&&(k=new FormData);n++;var l=h++;e.then(function(p){p=JSON.stringify(p,f);var q=k;q.append(b+l,p);n--;0===n&&c(q)},function(p){d(p)});return"$@"+l.toString(16)}if(ia(e))return e;if(e instanceof FormData){null===k&&(k=new FormData);var g=k;m=h++;var E=b+m+"_";e.forEach(function(p,q){g.append(E+q,p)});return"$K"+m.toString(16)}if(e instanceof Map)return e=JSON.stringify(Array.from(e),
-f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$Q"+m.toString(16);if(e instanceof Set)return e=JSON.stringify(Array.from(e),f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$W"+m.toString(16);if(ha(e))return Array.from(e);m=C(e);if(m!==ja&&(null===m||null!==C(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&this[m]instanceof Date)return"$D"+e;
-e="$"===e[0]?"$"+e:e;return e}if("boolean"===typeof e)return e;if("number"===typeof e)return ka(e);if("undefined"===typeof e)return"$undefined";if("function"===typeof e){e=D.get(e);if(void 0!==e)return e=JSON.stringify(e,f),null===k&&(k=new FormData),m=h++,k.set(b+m,e),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof e){m=e.description;if(Symbol.for(m)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(e.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+" is not supported as an argument to a Server Function.");}var h=1,n=0,k=null;a=JSON.stringify(a,f);null===k?c(a):(k.set(b+"0",a),0===n&&c(k))}var G=new WeakMap;
-function la(a){var b,c,d=new Promise(function(f,h){b=f;c=h});F(a,"",function(f){if("string"===typeof f){var h=new FormData;h.append("0",f);f=h}d.status="fulfilled";d.value=f;b(f)},function(f){d.status="rejected";d.reason=f;c(f)});return d}
-function ma(a){var b=D.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=G.get(b);c||(c=la(b),G.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(f,h){d.append("$ACTION_"+a+":"+h,f)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function na(a,b){var c=D.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(f){d.status="fulfilled";d.value=f},function(f){d.status="rejected";d.reason=f})),d;}}
-function H(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ma},$$IS_SIGNATURE_EQUAL:{value:na},bind:{value:oa}});D.set(a,b)}var pa=Function.prototype.bind,qa=Array.prototype.slice;function oa(){var a=pa.apply(this,arguments),b=D.get(this);if(b){var c=qa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(f){return f.concat(c)}):Promise.resolve(c);H(a,{id:b.id,bound:d})}return a}
-function ra(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}H(c,{id:a,bound:null});return c}var I=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function J(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}J.prototype=Object.create(Promise.prototype);
-J.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function sa(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
+'use strict';var r=require("react-dom"),t={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var v=new Map;
+function w(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function aa(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var f=b[d],h=v.get(f);if(void 0===h){h=globalThis.__next_chunk_load__(f);c.push(h);var n=v.set.bind(v,f,null);h.then(n,x);v.set(f,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}
+function ba(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var f=c,h=y.current;if(h){var n=h.preinitScript,k=a.prefix+b[d];var m=a.crossOrigin;m="string"===typeof m?"use-credentials"===m?m:"":void 0;n.call(h,k,{crossOrigin:m,nonce:f})}}}var y=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),ca=Symbol.for("react.lazy"),A=Symbol.iterator;
+function da(a){if(null===a||"object"!==typeof a)return null;a=A&&a[A]||a["@@iterator"];return"function"===typeof a?a:null}var ea=Array.isArray,B=Object.getPrototypeOf,fa=Object.prototype,C=new WeakMap;function ha(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function E(a,b,c,d){function f(m,e){if(null===e)return null;if("object"===typeof e){if("function"===typeof e.then){null===k&&(k=new FormData);n++;var l=h++;e.then(function(p){p=JSON.stringify(p,f);var q=k;q.append(b+l,p);n--;0===n&&c(q)},function(p){d(p)});return"$@"+l.toString(16)}if(ea(e))return e;if(e instanceof FormData){null===k&&(k=new FormData);var g=k;m=h++;var D=b+m+"_";e.forEach(function(p,q){g.append(D+q,p)});return"$K"+m.toString(16)}if(e instanceof Map)return e=JSON.stringify(Array.from(e),
+f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$Q"+m.toString(16);if(e instanceof Set)return e=JSON.stringify(Array.from(e),f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$W"+m.toString(16);if(da(e))return Array.from(e);m=B(e);if(m!==fa&&(null===m||null!==B(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&this[m]instanceof Date)return"$D"+e;
+e="$"===e[0]?"$"+e:e;return e}if("boolean"===typeof e)return e;if("number"===typeof e)return ha(e);if("undefined"===typeof e)return"$undefined";if("function"===typeof e){e=C.get(e);if(void 0!==e)return e=JSON.stringify(e,f),null===k&&(k=new FormData),m=h++,k.set(b+m,e),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof e){m=e.description;if(Symbol.for(m)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(e.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+" is not supported as an argument to a Server Function.");}var h=1,n=0,k=null;a=JSON.stringify(a,f);null===k?c(a):(k.set(b+"0",a),0===n&&c(k))}var F=new WeakMap;
+function ia(a){var b,c,d=new Promise(function(f,h){b=f;c=h});E(a,"",function(f){if("string"===typeof f){var h=new FormData;h.append("0",f);f=h}d.status="fulfilled";d.value=f;b(f)},function(f){d.status="rejected";d.reason=f;c(f)});return d}
+function ja(a){var b=C.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=F.get(b);c||(c=ia(b),F.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(f,h){d.append("$ACTION_"+a+":"+h,f)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function G(a,b){var c=C.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(f){d.status="fulfilled";d.value=f},function(f){d.status="rejected";d.reason=f})),d;}}
+function I(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?ja:function(){var d=C.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var f=d.bound;null===f&&(f=Promise.resolve([]));return c(d.id,f)}},$$IS_SIGNATURE_EQUAL:{value:G},bind:{value:J}});C.set(a,b)}var ka=Function.prototype.bind,la=Array.prototype.slice;
+function J(){var a=ka.apply(this,arguments),b=C.get(this);if(b){var c=la.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(f){return f.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:G},bind:{value:J}});C.set(a,{id:b.id,bound:d})}return a}function ma(a,b,c){function d(){var f=Array.prototype.slice.call(arguments);return b(a,f)}I(d,{id:a,bound:null},c);return d}
+function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function na(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
 function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&N(c,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(M(a),O(a,c,d))}}var R=null,S=null;
 function L(a){var b=R,c=S;R=a;S=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var f=JSON.parse(d,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=f,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=f;null!==h&&N(h,f)}}catch(n){a.status="rejected",a.reason=n}finally{R=b,S=c}}
-function M(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(f){a.status="rejected",a.reason=f}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new J("pending",null,null,a),c.set(b,d));return d}
-function ta(a,b,c,d){if(S){var f=S;d||f.deps++}else f=S={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&N(h,f.value))}}function ua(a){return function(b){return P(a,b)}}
-function va(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(n){return d(b.id,n.concat(f))}):d(b.id,f)}var d=a._callServer;H(c,b);return c}function W(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function wa(a,b,c,d){if("$"===d[0]){if("$"===d)return z;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:fa,_payload:a,_init:sa};case "@":return b=parseInt(d.slice(2),16),U(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),I[a]||(b={$$typeof:ea,_currentValue:A,_currentValue2:A,_defaultValue:A,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:da,_context:b},I[a]=b),I[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=W(a,b),va(a,b);case "Q":return b=parseInt(d.slice(2),16),a=W(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=W(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=R,a.then(ta(d,b,c,"cyclic"===a.status),ua(d)),null;default:throw a.reason;}}}return d}function xa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function ya(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=v(a._bundlerConfig,c);ca(a._moduleLoading,c[1],a._nonce);if(c=ba(h)){if(f){var n=f;n.status="blocked"}else n=new J("blocked",null,null,a),d.set(b,n);c.then(function(){return Q(n,h)},function(k){return P(n,k)})}else f?Q(f,h):d.set(b,new J("resolved_module",h,null,a))}
-function za(a){return function(b,c){return"string"===typeof c?wa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===z?{$$typeof:z,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading;a="string"===typeof a.nonce?a.nonce:void 0;var d=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:xa,_nonce:a,_chunks:d,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=za(b);return b}
-function Z(a,b){function c(h){var n=h.value;if(h.done)T(a,Error("Connection closed."));else{var k=0,m=a._rowState,e=a._rowID,l=a._rowTag,g=a._rowLength;h=a._buffer;for(var E=n.length;k<E;){var p=-1;switch(m){case 0:p=n[k++];58===p?m=1:e=e<<4|(96<p?p-87:p-48);continue;case 1:m=n[k];84===m?(l=m,m=2,k++):64<m&&91>m?(l=m,m=3,k++):(l=0,m=3);continue;case 2:p=n[k++];44===p?m=4:g=g<<4|(96<p?p-87:p-48);continue;case 3:p=n.indexOf(10,k);break;case 4:p=k+g,p>n.length&&(p=-1)}var q=n.byteOffset+k;if(-1<p){k=
-new Uint8Array(n.buffer,q,p-k);g=a;q=l;var V=g._stringDecoder;l="";for(var K=0;K<h.length;K++)l+=V.decode(h[K],u);l+=V.decode(k);switch(q){case 73:ya(g,e,l);break;case 72:e=l[0];l=l.slice(1);g=JSON.parse(l,g._fromJSON);if(l=y.current)switch(e){case "D":l.prefetchDNS(g);break;case "C":"string"===typeof g?l.preconnect(g):l.preconnect(g[0],g[1]);break;case "L":e=g[0];k=g[1];3===g.length?l.preload(e,k,g[2]):l.preload(e,k);break;case "m":"string"===typeof g?l.preloadModule(g):l.preloadModule(g[0],g[1]);
+function M(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(f){a.status="rejected",a.reason=f}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new K("pending",null,null,a),c.set(b,d));return d}
+function oa(a,b,c,d){if(S){var f=S;d||f.deps++}else f=S={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&N(h,f.value))}}function pa(a){return function(b){return P(a,b)}}
+function qa(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(n){return d(b.id,n.concat(f))}):d(b.id,f)}var d=a._callServer;I(c,b,a._encodeFormAction);return c}function W(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ra(a,b,c,d){if("$"===d[0]){if("$"===d)return z;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ca,_payload:a,_init:na};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return U(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=W(a,b),qa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=W(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=W(a,b),new Set(a);
+case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=R,a.then(oa(d,b,c,"cyclic"===a.status),pa(d)),null;default:throw a.reason;}}}return d}
+function sa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ta(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=u(a._bundlerConfig,c);ba(a._moduleLoading,c[1],a._nonce);if(c=aa(h)){if(f){var n=f;n.status="blocked"}else n=new K("blocked",null,null,a),d.set(b,n);c.then(function(){return Q(n,h)},function(k){return P(n,k)})}else f?Q(f,h):d.set(b,new K("resolved_module",h,null,a))}
+function ua(a){return function(b,c){return"string"===typeof c?ra(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===z?{$$typeof:z,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading,d=a.encodeFormAction;a="string"===typeof a.nonce?a.nonce:void 0;var f=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:sa,_encodeFormAction:d,_nonce:a,_chunks:f,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=ua(b);return b}
+function Z(a,b){function c(h){var n=h.value;if(h.done)T(a,Error("Connection closed."));else{var k=0,m=a._rowState,e=a._rowID,l=a._rowTag,g=a._rowLength;h=a._buffer;for(var D=n.length;k<D;){var p=-1;switch(m){case 0:p=n[k++];58===p?m=1:e=e<<4|(96<p?p-87:p-48);continue;case 1:m=n[k];84===m?(l=m,m=2,k++):64<m&&91>m?(l=m,m=3,k++):(l=0,m=3);continue;case 2:p=n[k++];44===p?m=4:g=g<<4|(96<p?p-87:p-48);continue;case 3:p=n.indexOf(10,k);break;case 4:p=k+g,p>n.length&&(p=-1)}var q=n.byteOffset+k;if(-1<p){k=
+new Uint8Array(n.buffer,q,p-k);g=a;q=l;var V=g._stringDecoder;l="";for(var H=0;H<h.length;H++)l+=V.decode(h[H],t);l+=V.decode(k);switch(q){case 73:ta(g,e,l);break;case 72:e=l[0];l=l.slice(1);g=JSON.parse(l,g._fromJSON);if(l=y.current)switch(e){case "D":l.prefetchDNS(g);break;case "C":"string"===typeof g?l.preconnect(g):l.preconnect(g[0],g[1]);break;case "L":e=g[0];k=g[1];3===g.length?l.preload(e,k,g[2]):l.preload(e,k);break;case "m":"string"===typeof g?l.preloadModule(g):l.preloadModule(g[0],g[1]);
 break;case "S":"string"===typeof g?l.preinitStyle(g):l.preinitStyle(g[0],0===g[1]?void 0:g[1],3===g.length?g[2]:void 0);break;case "X":"string"===typeof g?l.preinitScript(g):l.preinitScript(g[0],g[1]);break;case "M":"string"===typeof g?l.preinitModuleScript(g):l.preinitModuleScript(g[0],g[1])}break;case 69:l=JSON.parse(l);k=l.digest;l=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.");
-l.stack="Error: "+l.message;l.digest=k;k=g._chunks;(q=k.get(e))?P(q,l):k.set(e,new J("rejected",null,l,g));break;case 84:g._chunks.set(e,new J("fulfilled",l,null,g));break;default:k=g._chunks,(q=k.get(e))?(g=q,e=l,"pending"===g.status&&(l=g.value,k=g.reason,g.status="resolved_model",g.value=e,null!==l&&(L(g),O(g,l,k)))):k.set(e,new J("resolved_model",l,null,g))}k=p;3===m&&k++;g=e=l=m=0;h.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-k);h.push(n);g-=n.byteLength;break}}a._rowState=m;a._rowID=
-e;a._rowTag=l;a._rowLength=g;return f.read().then(c).catch(d)}}function d(h){T(a,h)}var f=b.getReader();f.read().then(c).catch(d)}exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){T(c,d)});return U(c,0)};exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return U(b,0)};exports.createServerReference=function(a){return ra(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){F(a,"",b,c)})};
+l.stack="Error: "+l.message;l.digest=k;k=g._chunks;(q=k.get(e))?P(q,l):k.set(e,new K("rejected",null,l,g));break;case 84:g._chunks.set(e,new K("fulfilled",l,null,g));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:k=g._chunks,(q=k.get(e))?(g=q,e=l,"pending"===g.status&&(l=g.value,k=g.reason,g.status="resolved_model",
+g.value=e,null!==l&&(L(g),O(g,l,k)))):k.set(e,new K("resolved_model",l,null,g))}k=p;3===m&&k++;g=e=l=m=0;h.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-k);h.push(n);g-=n.byteLength;break}}a._rowState=m;a._rowID=e;a._rowTag=l;a._rowLength=g;return f.read().then(c).catch(d)}}function d(h){T(a,h)}var f=b.getReader();f.read().then(c).catch(d)}exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){T(c,d)});return U(c,0)};
+exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return U(b,0)};exports.createServerReference=function(a){return ma(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){E(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.edge.production.min.js.map
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 4c0766e6edd5cd..bb03e2ff406917 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
@@ -34,6 +34,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -388,14 +431,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -507,6 +548,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -517,7 +562,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -563,6 +616,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -641,6 +700,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -691,9 +752,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -703,7 +764,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -928,7 +989,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1061,7 +1122,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1111,6 +1172,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1172,14 +1249,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1203,6 +1283,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1212,9 +1303,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1223,7 +1331,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1233,61 +1341,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1306,6 +1363,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1582,17 +1643,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1605,17 +1669,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1629,6 +1688,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1711,7 +1777,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1764,6 +1830,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1777,12 +1848,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1852,6 +1917,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1872,7 +1954,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1909,12 +2013,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2012,6 +2117,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -2062,6 +2185,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2247,7 +2392,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 d923ff3d68d209..5f182c57067611 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -342,10 +341,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -667,7 +663,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -717,6 +713,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -778,14 +790,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -809,6 +824,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -816,9 +832,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -827,7 +860,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -837,44 +870,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1169,17 +1168,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1190,6 +1192,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1270,7 +1273,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1323,6 +1326,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1334,12 +1342,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1405,6 +1407,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1424,7 +1428,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1459,12 +1465,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1607,6 +1614,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1791,7 +1810,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.min.js
index dd45eecd41e677..4cf85c0d030804 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.production.min.js
@@ -7,37 +7,36 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("util"),r=require("react-dom"),u=require("react"),v={stream:!0};function w(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var x=new Map;
-function y(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function z(){}
-function A(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var g=b[d],h=x.get(g);if(void 0===h){h=globalThis.__next_chunk_load__(g);c.push(h);var l=x.set.bind(x,g,null);h.then(l,z);x.set(g,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?y(a[0]):Promise.all(c).then(function(){return y(a[0])}):0<c.length?Promise.all(c):null}
-function B(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var g=c,h=C.current;if(h){var l=h.preinitScript,k=a.prefix+b[d];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var C=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,D=Symbol.for("react.element"),F=Symbol.for("react.provider"),aa=Symbol.for("react.server_context"),ba=Symbol.for("react.lazy"),G=Symbol.for("react.default_value"),H=Symbol.iterator;
-function ca(a){if(null===a||"object"!==typeof a)return null;a=H&&a[H]||a["@@iterator"];return"function"===typeof a?a:null}var da=Array.isArray,I=Object.getPrototypeOf,ea=Object.prototype,J=new WeakMap;function fa(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ha(a,b,c,d){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var t=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(b+t,n);l--;0===l&&c(q)},function(n){d(n)});return"$@"+t.toString(16)}if(da(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var E=k;e=h++;var m=b+e+"_";f.forEach(function(n,q){E.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
-g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$W"+e.toString(16);if(ca(f))return Array.from(f);e=I(f);if(e!==ea&&(null===e||null!==I(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;
-f="$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return fa(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=J.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(b+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?c(a):(k.set(b+"0",a),0===l&&c(k))}var K=new WeakMap;
-function ia(a){var b,c,d=new Promise(function(g,h){b=g;c=h});ha(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}d.status="fulfilled";d.value=g;b(g)},function(g){d.status="rejected";d.reason=g;c(g)});return d}
-function ja(a){var b=J.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=K.get(b);c||(c=ia(b),K.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(g,h){d.append("$ACTION_"+a+":"+h,g)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function ka(a,b){var c=J.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(g){d.status="fulfilled";d.value=g},function(g){d.status="rejected";d.reason=g})),d;}}
-function L(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ja},$$IS_SIGNATURE_EQUAL:{value:ka},bind:{value:la}});J.set(a,b)}var ma=Function.prototype.bind,na=Array.prototype.slice;function la(){var a=ma.apply(this,arguments),b=J.get(this);if(b){var c=na.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(g){return g.concat(c)}):Promise.resolve(c);L(a,{id:b.id,bound:d})}return a}
-function oa(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}L(c,{id:a,bound:null});return c}var M=u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function N(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}N.prototype=Object.create(Promise.prototype);
-N.prototype.then=function(a,b){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function pa(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function R(a,b,c){switch(a.status){case "fulfilled":Q(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&Q(c,a.reason)}}
+'use strict';var p=require("util"),r=require("react-dom"),t={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
+function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
+function z(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var g=b[d],h=w.get(g);if(void 0===h){h=globalThis.__next_chunk_load__(g);c.push(h);var l=w.set.bind(w,g,null);h.then(l,y);w.set(g,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
+function A(a,b,c){if(null!==a)for(var d=0;d<b.length;d++){var g=c,h=B.current;if(h){var l=h.preinitScript,k=a.prefix+b[d];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var B=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,C=Symbol.for("react.element"),E=Symbol.for("react.lazy"),F=Symbol.iterator;
+function G(a){if(null===a||"object"!==typeof a)return null;a=F&&a[F]||a["@@iterator"];return"function"===typeof a?a:null}var aa=Array.isArray,H=Object.getPrototypeOf,ba=Object.prototype,I=new WeakMap;function ca(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function da(a,b,c,d){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var u=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(b+u,n);l--;0===l&&c(q)},function(n){d(n)});return"$@"+u.toString(16)}if(aa(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var D=k;e=h++;var m=b+e+"_";f.forEach(function(n,q){D.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
+g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$W"+e.toString(16);if(G(f))return Array.from(f);e=H(f);if(e!==ba&&(null===e||null!==H(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;
+f="$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return ca(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=I.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(b+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?c(a):(k.set(b+"0",a),0===l&&c(k))}var J=new WeakMap;
+function ea(a){var b,c,d=new Promise(function(g,h){b=g;c=h});da(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}d.status="fulfilled";d.value=g;b(g)},function(g){d.status="rejected";d.reason=g;c(g)});return d}
+function fa(a){var b=I.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=J.get(b);c||(c=ea(b),J.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(g,h){d.append("$ACTION_"+a+":"+h,g)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function K(a,b){var c=I.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(g){d.status="fulfilled";d.value=g},function(g){d.status="rejected";d.reason=g})),d;}}
+function L(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?fa:function(){var d=I.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var g=d.bound;null===g&&(g=Promise.resolve([]));return c(d.id,g)}},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,b)}var ha=Function.prototype.bind,ia=Array.prototype.slice;
+function M(){var a=ha.apply(this,arguments),b=I.get(this);if(b){var c=ia.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(g){return g.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,{id:b.id,bound:d})}return a}function ja(a,b,c){function d(){var g=Array.prototype.slice.call(arguments);return b(a,g)}L(d,{id:a,bound:null},c);return d}
+function N(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}N.prototype=Object.create(Promise.prototype);N.prototype.then=function(a,b){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function ka(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function R(a,b,c){switch(a.status){case "fulfilled":Q(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&Q(c,a.reason)}}
 function S(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Q(c,b)}}function T(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(P(a),R(a,c,d))}}var U=null,V=null;
 function O(a){var b=U,c=V;U=a;V=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var g=JSON.parse(d,a._response._fromJSON);if(null!==V&&0<V.deps)V.value=g,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=g;null!==h&&Q(h,g)}}catch(l){a.status="rejected",a.reason=l}finally{U=b,V=c}}
 function P(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(g){a.status="rejected",a.reason=g}}function W(a,b){a._chunks.forEach(function(c){"pending"===c.status&&S(c,b)})}function X(a,b){var c=a._chunks,d=c.get(b);d||(d=new N("pending",null,null,a),c.set(b,d));return d}
-function qa(a,b,c,d){if(V){var g=V;d||g.deps++}else g=V={deps:d?0:1,value:null};return function(h){b[c]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function ra(a){return function(b){return S(a,b)}}
-function sa(a,b){function c(){var g=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return d(b.id,l.concat(g))}):d(b.id,g)}var d=a._callServer;L(c,b);return c}function Y(a,b){a=X(a,b);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function ta(a,b,c,d){if("$"===d[0]){if("$"===d)return D;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=X(a,b),{$$typeof:ba,_payload:a,_init:pa};case "@":return b=parseInt(d.slice(2),16),X(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),M[a]||(b={$$typeof:aa,_currentValue:G,_currentValue2:G,_defaultValue:G,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:F,_context:b},M[a]=b),M[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=Y(a,b),sa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=Y(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Y(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=X(a,d);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=U,a.then(qa(d,b,c,"cyclic"===a.status),ra(d)),null;default:throw a.reason;}}}return d}function ua(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function va(a,b,c,d){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ua,_nonce:d,_chunks:g,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=wa(a);return a}
-function xa(a,b,c){var d=a._chunks,g=d.get(b);c=JSON.parse(c,a._fromJSON);var h=w(a._bundlerConfig,c);B(a._moduleLoading,c[1],a._nonce);if(c=A(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),d.set(b,l);c.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):d.set(b,new N("resolved_module",h,null,a))}
-function wa(a){return function(b,c){return"string"===typeof c?ta(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===D?{$$typeof:D,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,c){var d=va(b.moduleMap,b.moduleLoading,Z,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(g){for(var h=0,l=d._rowState,k=d._rowID,e=d._rowTag,f=d._rowLength,t=d._buffer,E=g.length;h<E;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=g.indexOf(10,h);break;case 4:m=
-h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=d._stringDecoder;e="";for(var q=0;q<t.length;q++)e+=n.decode(t[q],v);e+=n.decode(f);switch(h){case 73:xa(d,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,d._fromJSON);if(f=C.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;case "m":"string"===typeof e?
-f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-e.stack="Error: "+e.message;e.digest=f;f=d._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,d));break;case 84:d._chunks.set(k,new N("fulfilled",e,null,d));break;default:f=d._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,d))}h=m;3===l&&h++;f=k=e=l=0;t.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);t.push(g);f-=g.byteLength;break}}d._rowState=l;d._rowID=
-k;d._rowTag=e;d._rowLength=f});a.on("error",function(g){W(d,g)});a.on("end",function(){W(d,Error("Connection closed."))});return X(d,0)};exports.createServerReference=function(a){return oa(a,Z)};
+function la(a,b,c,d){if(V){var g=V;d||g.deps++}else g=V={deps:d?0:1,value:null};return function(h){b[c]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function ma(a){return function(b){return S(a,b)}}
+function na(a,b){function c(){var g=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return d(b.id,l.concat(g))}):d(b.id,g)}var d=a._callServer;L(c,b,a._encodeFormAction);return c}function Y(a,b){a=X(a,b);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function oa(a,b,c,d){if("$"===d[0]){if("$"===d)return C;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=X(a,b),{$$typeof:E,_payload:a,_init:ka};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return X(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=Y(a,b),na(a,b);case "Q":return b=parseInt(d.slice(2),16),a=Y(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Y(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=X(a,d);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=U,a.then(la(d,b,c,"cyclic"===a.status),ma(d)),null;default:throw a.reason;}}}return d}
+function pa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function qa(a,b,c,d,g){var h=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:pa,_encodeFormAction:d,_nonce:g,_chunks:h,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ra(a);return a}
+function sa(a,b,c){var d=a._chunks,g=d.get(b);c=JSON.parse(c,a._fromJSON);var h=v(a._bundlerConfig,c);A(a._moduleLoading,c[1],a._nonce);if(c=z(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),d.set(b,l);c.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):d.set(b,new N("resolved_module",h,null,a))}
+function ra(a){return function(b,c){return"string"===typeof c?oa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===C?{$$typeof:C,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,c){var d=qa(b.moduleMap,b.moduleLoading,Z,c?c.encodeFormAction:void 0,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(g){for(var h=0,l=d._rowState,k=d._rowID,e=d._rowTag,f=d._rowLength,u=d._buffer,D=g.length;h<D;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=
+g.indexOf(10,h);break;case 4:m=h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=d._stringDecoder;e="";for(var q=0;q<u.length;q++)e+=n.decode(u[q],t);e+=n.decode(f);switch(h){case 73:sa(d,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,d._fromJSON);if(f=B.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;
+case "m":"string"===typeof e?f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+e.stack="Error: "+e.message;e.digest=f;f=d._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,d));break;case 84:d._chunks.set(k,new N("fulfilled",e,null,d));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:f=d._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",
+k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,d))}h=m;3===l&&h++;f=k=e=l=0;u.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);u.push(g);f-=g.byteLength;break}}d._rowState=l;d._rowID=k;d._rowTag=e;d._rowLength=f});a.on("error",function(g){W(d,g)});a.on("end",function(){W(d,Error("Connection closed."))});return X(d,0)};exports.createServerReference=function(a){return ja(a,Z)};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.node.production.min.js.map
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 7bb2dcea4eeca9..28af38b028e5c0 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
@@ -34,6 +34,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -343,14 +386,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -462,6 +503,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -472,7 +517,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -518,6 +571,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -596,6 +655,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -646,9 +707,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -658,7 +719,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -883,7 +944,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1016,7 +1077,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1066,6 +1127,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1127,14 +1204,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1158,6 +1238,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1167,9 +1258,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1178,7 +1286,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1188,61 +1296,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1261,6 +1318,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1537,17 +1598,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1560,17 +1624,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1584,6 +1643,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1666,7 +1732,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1719,6 +1785,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1732,12 +1803,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1807,6 +1872,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1827,7 +1909,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1864,12 +1968,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1967,6 +2072,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -2017,6 +2140,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2202,7 +2347,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 7a6bb811b260c8..30d0116bcf8c33 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -297,10 +296,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -622,7 +618,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -672,6 +668,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -733,14 +745,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -764,6 +779,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -771,9 +787,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -782,7 +815,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -792,44 +825,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1124,17 +1123,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1145,6 +1147,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1225,7 +1228,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1278,6 +1281,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1289,12 +1297,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1360,6 +1362,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1379,7 +1383,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1414,12 +1420,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1562,6 +1569,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1746,7 +1765,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
index 3af4f3f4c31fec..00d0a281f1c3b0 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-client.node.unbundled.production.min.js
@@ -7,35 +7,35 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("util"),r=require("react-dom"),u=require("react"),v={stream:!0};function w(a,b){var d=a[b[0]];if(a=d[b[2]])d=a.name;else{a=d["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');d=b[2]}return{specifier:a.specifier,name:d,async:4===b.length}}var x=new Map;
-function y(a){var b=x.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var g=d;g.status="fulfilled";g.value=c},function(c){var g=d;g.status="rejected";g.reason=c});x.set(a.specifier,d);return d}
-function z(a,b,d){if(null!==a)for(var c=0;c<b.length;c++){var g=d,h=A.current;if(h){var l=h.preinitScript,k=a.prefix+b[c];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var A=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),C=Symbol.for("react.provider"),D=Symbol.for("react.server_context"),F=Symbol.for("react.lazy"),G=Symbol.for("react.default_value"),H=Symbol.iterator;
-function aa(a){if(null===a||"object"!==typeof a)return null;a=H&&a[H]||a["@@iterator"];return"function"===typeof a?a:null}var ba=Array.isArray,I=Object.getPrototypeOf,ca=Object.prototype,J=new WeakMap;function da(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ea(a,b,d,c){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var t=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(b+t,n);l--;0===l&&d(q)},function(n){c(n)});return"$@"+t.toString(16)}if(ba(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var E=k;e=h++;var m=b+e+"_";f.forEach(function(n,q){E.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
-g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$W"+e.toString(16);if(aa(f))return Array.from(f);e=I(f);if(e!==ca&&(null===e||null!==I(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;
-f="$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return da(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=J.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(b+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?d(a):(k.set(b+"0",a),0===l&&d(k))}var K=new WeakMap;
-function fa(a){var b,d,c=new Promise(function(g,h){b=g;d=h});ea(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}c.status="fulfilled";c.value=g;b(g)},function(g){c.status="rejected";c.reason=g;d(g)});return c}
-function ha(a){var b=J.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var d=null;if(null!==b.bound){d=K.get(b);d||(d=fa(b),K.set(b,d));if("rejected"===d.status)throw d.reason;if("fulfilled"!==d.status)throw d;b=d.value;var c=new FormData;b.forEach(function(g,h){c.append("$ACTION_"+a+":"+h,g)});d=c;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:d}}
-function ia(a,b){var d=J.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(d.id!==a)return!1;var c=d.bound;if(null===c)return 0===b;switch(c.status){case "fulfilled":return c.value.length===b;case "pending":throw c;case "rejected":throw c.reason;default:throw"string"!==typeof c.status&&(c.status="pending",c.then(function(g){c.status="fulfilled";c.value=g},function(g){c.status="rejected";c.reason=g})),c;}}
-function L(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ha},$$IS_SIGNATURE_EQUAL:{value:ia},bind:{value:ja}});J.set(a,b)}var ka=Function.prototype.bind,la=Array.prototype.slice;function ja(){var a=ka.apply(this,arguments),b=J.get(this);if(b){var d=la.call(arguments,1),c=null;c=null!==b.bound?Promise.resolve(b.bound).then(function(g){return g.concat(d)}):Promise.resolve(d);L(a,{id:b.id,bound:c})}return a}
-function ma(a,b){function d(){var c=Array.prototype.slice.call(arguments);return b(a,c)}L(d,{id:a,bound:null});return d}var M=u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function N(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}N.prototype=Object.create(Promise.prototype);
-N.prototype.then=function(a,b){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function na(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function R(a,b,d){switch(a.status){case "fulfilled":Q(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=d;break;case "rejected":d&&Q(d,a.reason)}}
-function S(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Q(d,b)}}function T(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.value,c=a.reason;a.status="resolved_module";a.value=b;null!==d&&(P(a),R(a,d,c))}}var U=null,V=null;
-function O(a){var b=U,d=V;U=a;V=null;var c=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var g=JSON.parse(c,a._response._fromJSON);if(null!==V&&0<V.deps)V.value=g,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=g;null!==h&&Q(h,g)}}catch(l){a.status="rejected",a.reason=l}finally{U=b,V=d}}
-function P(a){try{var b=a.value,d=x.get(b.specifier);if("fulfilled"===d.status)var c=d.value;else throw d.reason;var g="*"===b.name?c:""===b.name?c.default:c[b.name];a.status="fulfilled";a.value=g}catch(h){a.status="rejected",a.reason=h}}function W(a,b){a._chunks.forEach(function(d){"pending"===d.status&&S(d,b)})}function X(a,b){var d=a._chunks,c=d.get(b);c||(c=new N("pending",null,null,a),d.set(b,c));return c}
-function oa(a,b,d,c){if(V){var g=V;c||g.deps++}else g=V={deps:c?0:1,value:null};return function(h){b[d]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function pa(a){return function(b){return S(a,b)}}
-function qa(a,b){function d(){var g=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?c(b.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return c(b.id,l.concat(g))}):c(b.id,g)}var c=a._callServer;L(d,b);return d}function Y(a,b){a=X(a,b);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function ra(a,b,d,c){if("$"===c[0]){if("$"===c)return B;switch(c[1]){case "$":return c.slice(1);case "L":return b=parseInt(c.slice(2),16),a=X(a,b),{$$typeof:F,_payload:a,_init:na};case "@":return b=parseInt(c.slice(2),16),X(a,b);case "S":return Symbol.for(c.slice(2));case "P":return a=c.slice(2),M[a]||(b={$$typeof:D,_currentValue:G,_currentValue2:G,_defaultValue:G,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:C,_context:b},M[a]=b),M[a].Provider;case "F":return b=parseInt(c.slice(2),
-16),b=Y(a,b),qa(a,b);case "Q":return b=parseInt(c.slice(2),16),a=Y(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Y(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=X(a,c);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return c=
-U,a.then(oa(c,b,d,"cyclic"===a.status),pa(c)),null;default:throw a.reason;}}}return c}function sa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ta(a,b,d,c){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==d?d:sa,_nonce:c,_chunks:g,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ua(a);return a}
-function va(a,b,d){var c=a._chunks,g=c.get(b);d=JSON.parse(d,a._fromJSON);var h=w(a._bundlerConfig,d);z(a._moduleLoading,d[1],a._nonce);if(d=y(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),c.set(b,l);d.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):c.set(b,new N("resolved_module",h,null,a))}
-function ua(a){return function(b,d){return"string"===typeof d?ra(a,this,b,d):"object"===typeof d&&null!==d?(b=d[0]===B?{$$typeof:B,type:d[1],key:d[2],ref:null,props:d[3],_owner:null}:d,b):d}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,d){var c=ta(b.moduleMap,b.moduleLoading,Z,d&&"string"===typeof d.nonce?d.nonce:void 0);a.on("data",function(g){for(var h=0,l=c._rowState,k=c._rowID,e=c._rowTag,f=c._rowLength,t=c._buffer,E=g.length;h<E;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=g.indexOf(10,h);break;case 4:m=
-h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=c._stringDecoder;e="";for(var q=0;q<t.length;q++)e+=n.decode(t[q],v);e+=n.decode(f);switch(h){case 73:va(c,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,c._fromJSON);if(f=A.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;case "m":"string"===typeof e?
-f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-e.stack="Error: "+e.message;e.digest=f;f=c._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,c));break;case 84:c._chunks.set(k,new N("fulfilled",e,null,c));break;default:f=c._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,c))}h=m;3===l&&h++;f=k=e=l=0;t.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);t.push(g);f-=g.byteLength;break}}c._rowState=l;c._rowID=
-k;c._rowTag=e;c._rowLength=f});a.on("error",function(g){W(c,g)});a.on("end",function(){W(c,Error("Connection closed."))});return X(c,0)};exports.createServerReference=function(a){return ma(a,Z)};
+'use strict';var p=require("util"),r=require("react-dom"),t={stream:!0};function v(a,c){var d=a[c[0]];if(a=d[c[2]])d=a.name;else{a=d["*"];if(!a)throw Error('Could not find the module "'+c[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');d=c[2]}return{specifier:a.specifier,name:d,async:4===c.length}}var w=new Map;
+function x(a){var c=w.get(a.specifier);if(c)return"fulfilled"===c.status?null:c;var d=import(a.specifier);a.async&&(d=d.then(function(b){return b.default}));d.then(function(b){var g=d;g.status="fulfilled";g.value=b},function(b){var g=d;g.status="rejected";g.reason=b});w.set(a.specifier,d);return d}
+function y(a,c,d){if(null!==a)for(var b=0;b<c.length;b++){var g=d,h=z.current;if(h){var l=h.preinitScript,k=a.prefix+c[b];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var z=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),B=Symbol.for("react.lazy"),C=Symbol.iterator;
+function E(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var F=Array.isArray,G=Object.getPrototypeOf,H=Object.prototype,I=new WeakMap;function aa(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ba(a,c,d,b){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var u=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(c+u,n);l--;0===l&&d(q)},function(n){b(n)});return"$@"+u.toString(16)}if(F(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var D=k;e=h++;var m=c+e+"_";f.forEach(function(n,q){D.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
+g),null===k&&(k=new FormData),e=h++,k.append(c+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(c+e,f),"$W"+e.toString(16);if(E(f))return Array.from(f);e=G(f);if(e!==H&&(null===e||null!==G(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;f=
+"$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return aa(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=I.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(c+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?d(a):(k.set(c+"0",a),0===l&&d(k))}var J=new WeakMap;
+function ca(a){var c,d,b=new Promise(function(g,h){c=g;d=h});ba(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}b.status="fulfilled";b.value=g;c(g)},function(g){b.status="rejected";b.reason=g;d(g)});return b}
+function da(a){var c=I.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var d=null;if(null!==c.bound){d=J.get(c);d||(d=ca(c),J.set(c,d));if("rejected"===d.status)throw d.reason;if("fulfilled"!==d.status)throw d;c=d.value;var b=new FormData;c.forEach(function(g,h){b.append("$ACTION_"+a+":"+h,g)});d=b;c="$ACTION_REF_"+a}else c="$ACTION_ID_"+c.id;return{name:c,method:"POST",encType:"multipart/form-data",data:d}}
+function K(a,c){var d=I.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(d.id!==a)return!1;var b=d.bound;if(null===b)return 0===c;switch(b.status){case "fulfilled":return b.value.length===c;case "pending":throw b;case "rejected":throw b.reason;default:throw"string"!==typeof b.status&&(b.status="pending",b.then(function(g){b.status="fulfilled";b.value=g},function(g){b.status="rejected";b.reason=g})),b;}}
+function L(a,c,d){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===d?da:function(){var b=I.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var g=b.bound;null===g&&(g=Promise.resolve([]));return d(b.id,g)}},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,c)}var ea=Function.prototype.bind,fa=Array.prototype.slice;
+function M(){var a=ea.apply(this,arguments),c=I.get(this);if(c){var d=fa.call(arguments,1),b=null;b=null!==c.bound?Promise.resolve(c.bound).then(function(g){return g.concat(d)}):Promise.resolve(d);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,{id:c.id,bound:b})}return a}function ha(a,c,d){function b(){var g=Array.prototype.slice.call(arguments);return c(a,g)}L(b,{id:a,bound:null},d);return b}
+function N(a,c,d,b){this.status=a;this.value=c;this.reason=d;this._response=b}N.prototype=Object.create(Promise.prototype);N.prototype.then=function(a,c){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));c&&(null===this.reason&&(this.reason=[]),this.reason.push(c));break;default:c(this.reason)}};
+function ia(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,c){for(var d=0;d<a.length;d++)(0,a[d])(c)}function R(a,c,d){switch(a.status){case "fulfilled":Q(c,a.value);break;case "pending":case "blocked":case "cyclic":a.value=c;a.reason=d;break;case "rejected":d&&Q(d,a.reason)}}
+function S(a,c){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=c;null!==d&&Q(d,c)}}function T(a,c){if("pending"===a.status||"blocked"===a.status){var d=a.value,b=a.reason;a.status="resolved_module";a.value=c;null!==d&&(P(a),R(a,d,b))}}var U=null,V=null;
+function O(a){var c=U,d=V;U=a;V=null;var b=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var g=JSON.parse(b,a._response._fromJSON);if(null!==V&&0<V.deps)V.value=g,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=g;null!==h&&Q(h,g)}}catch(l){a.status="rejected",a.reason=l}finally{U=c,V=d}}
+function P(a){try{var c=a.value,d=w.get(c.specifier);if("fulfilled"===d.status)var b=d.value;else throw d.reason;var g="*"===c.name?b:""===c.name?b.default:b[c.name];a.status="fulfilled";a.value=g}catch(h){a.status="rejected",a.reason=h}}function W(a,c){a._chunks.forEach(function(d){"pending"===d.status&&S(d,c)})}function X(a,c){var d=a._chunks,b=d.get(c);b||(b=new N("pending",null,null,a),d.set(c,b));return b}
+function ja(a,c,d,b){if(V){var g=V;b||g.deps++}else g=V={deps:b?0:1,value:null};return function(h){c[d]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function ka(a){return function(c){return S(a,c)}}
+function la(a,c){function d(){var g=Array.prototype.slice.call(arguments),h=c.bound;return h?"fulfilled"===h.status?b(c.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return b(c.id,l.concat(g))}):b(c.id,g)}var b=a._callServer;L(d,c,a._encodeFormAction);return d}function Y(a,c){a=X(a,c);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ma(a,c,d,b){if("$"===b[0]){if("$"===b)return A;switch(b[1]){case "$":return b.slice(1);case "L":return c=parseInt(b.slice(2),16),a=X(a,c),{$$typeof:B,_payload:a,_init:ia};case "@":if(2===b.length)return new Promise(function(){});c=parseInt(b.slice(2),16);return X(a,c);case "S":return Symbol.for(b.slice(2));case "F":return c=parseInt(b.slice(2),16),c=Y(a,c),la(a,c);case "Q":return c=parseInt(b.slice(2),16),a=Y(a,c),new Map(a);case "W":return c=parseInt(b.slice(2),16),a=Y(a,c),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===b?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(b.slice(2)));case "n":return BigInt(b.slice(2));default:b=parseInt(b.slice(1),16);a=X(a,b);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return b=U,a.then(ja(b,c,d,"cyclic"===a.status),ka(b)),null;default:throw a.reason;}}}return b}
+function na(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function oa(a,c,d,b,g){var h=new Map;a={_bundlerConfig:a,_moduleLoading:c,_callServer:void 0!==d?d:na,_encodeFormAction:b,_nonce:g,_chunks:h,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=pa(a);return a}
+function qa(a,c,d){var b=a._chunks,g=b.get(c);d=JSON.parse(d,a._fromJSON);var h=v(a._bundlerConfig,d);y(a._moduleLoading,d[1],a._nonce);if(d=x(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),b.set(c,l);d.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):b.set(c,new N("resolved_module",h,null,a))}
+function pa(a){return function(c,d){return"string"===typeof d?ma(a,this,c,d):"object"===typeof d&&null!==d?(c=d[0]===A?{$$typeof:A,type:d[1],key:d[2],ref:null,props:d[3],_owner:null}:d,c):d}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,c,d){var b=oa(c.moduleMap,c.moduleLoading,Z,d?d.encodeFormAction:void 0,d&&"string"===typeof d.nonce?d.nonce:void 0);a.on("data",function(g){for(var h=0,l=b._rowState,k=b._rowID,e=b._rowTag,f=b._rowLength,u=b._buffer,D=g.length;h<D;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=
+g.indexOf(10,h);break;case 4:m=h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=b._stringDecoder;e="";for(var q=0;q<u.length;q++)e+=n.decode(u[q],t);e+=n.decode(f);switch(h){case 73:qa(b,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,b._fromJSON);if(f=z.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;
+case "m":"string"===typeof e?f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+e.stack="Error: "+e.message;e.digest=f;f=b._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,b));break;case 84:b._chunks.set(k,new N("fulfilled",e,null,b));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:f=b._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",
+k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,b))}h=m;3===l&&h++;f=k=e=l=0;u.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);u.push(g);f-=g.byteLength;break}}b._rowState=l;b._rowID=k;b._rowTag=e;b._rowLength=f});a.on("error",function(g){W(b,g)});a.on("end",function(){W(b,Error("Connection closed."))});return X(b,0)};exports.createServerReference=function(a){return ha(a,Z)};
 
 //# sourceMappingURL=react-server-dom-turbopack-client.node.unbundled.production.min.js.map
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 5f2148da417ad3..fa0507483897b2 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
@@ -62,7 +62,7 @@ var enablePostpone = false;
 function scheduleWork(callback) {
   callback();
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return chunk.byteLength;
 }
@@ -159,10 +152,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -174,7 +167,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -221,13 +214,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -266,6 +262,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -278,89 +278,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -668,13 +696,16 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = false;
+var requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -698,146 +729,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -966,29 +857,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -999,8 +874,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1033,6 +908,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1058,20 +937,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1209,6 +1090,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1219,7 +1104,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1265,6 +1158,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1343,6 +1242,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1393,9 +1294,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1405,7 +1306,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1460,7 +1361,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1491,21 +1392,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1516,13 +1415,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1658,14 +1562,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1680,47 +1706,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1729,19 +1744,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1761,16 +1774,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1839,13 +1887,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1864,7 +1912,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1884,13 +1932,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -1970,110 +2019,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
-
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+var modelRoot = false;
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2081,61 +2097,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
+          var element = value;
 
-    var _writtenObjects = request.writtenObjects;
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+          var props = element.props;
+          var ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
 
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2149,7 +2256,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2161,14 +2268,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2183,9 +2290,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2213,19 +2320,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2243,7 +2352,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2258,17 +2367,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2327,8 +2457,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2368,62 +2501,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2449,6 +2599,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2658,11 +2812,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3323,7 +3472,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 02d1f2a37ddfe8..d878d8e475d79d 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
@@ -10,8 +10,8 @@
 
 'use strict';
 
-var ReactDOM = require('react-dom');
 var React = require('react');
+var ReactDOM = require('react-dom');
 
 // -----------------------------------------------------------------------------
 const enablePostpone = false;
@@ -19,7 +19,7 @@ const enablePostpone = false;
 function scheduleWork(callback) {
   callback();
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -110,10 +109,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -125,7 +124,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -172,13 +171,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -217,6 +219,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -229,89 +235,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
-
-      case 'defaultProps':
-        return undefined;
-      // Avoid this attempting to be serialized.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'toJSON':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
+      }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  let cachedReference = target[name];
 
-    }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    let cachedReference = target[name];
+  return cachedReference;
+}
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
+
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -621,13 +655,16 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = false;
+const requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -651,146 +688,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -919,16 +816,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -942,8 +836,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -979,6 +873,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1004,14 +902,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1090,6 +996,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1100,7 +1010,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1146,6 +1063,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1193,6 +1116,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1272,7 +1197,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1303,21 +1228,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1328,13 +1247,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1468,61 +1383,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1531,19 +1502,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1561,14 +1530,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1637,13 +1622,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1662,7 +1647,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1682,13 +1667,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1768,91 +1754,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1860,9 +1832,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1882,20 +1915,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -1908,8 +1941,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -1923,7 +1955,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -1943,7 +1975,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -1973,19 +2005,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2002,7 +2033,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2017,17 +2048,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2097,62 +2149,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (false) ; // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2178,6 +2222,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2362,11 +2407,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3010,7 +3050,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js
index d1d80fff23a15c..e400d1614d538d 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.browser.production.min.js
@@ -7,71 +7,70 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react-dom"),ba=require("react"),l=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(512),n=0),a.enqueue(b);else{var d=l.length-n;d<b.byteLength&&(0===d?a.enqueue(l):(l.set(b.subarray(0,d),n),a.enqueue(l),b=b.subarray(d)),l=new Uint8Array(512),n=0);l.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
-var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=u({},a.$$id,!0),e=new Proxy(c,ja);a.status="fulfilled";a.value=e;return a.then=u(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},ra={prefetchDNS:ka,preconnect:la,preload:ma,preloadModule:na,preinitStyle:oa,preinitScript:pa,preinitModuleScript:qa};function ka(a){if("string"===typeof a&&a){var b=v?v:null;if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),w(b,"D",a))}}}function la(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?w(d,"C",[a,b]):w(d,"C",a))}}}
-function ma(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function na(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"m",[a,b]):w(d,"m",a)}}}
-function oa(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function pa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"X",[a,b]):w(d,"X",a)}}}
-function qa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"M",[a,b]):w(d,"M",a)}}}function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var sa=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),ta=Symbol.for("react.fragment"),ua=Symbol.for("react.server_context"),va=Symbol.for("react.forward_ref"),wa=Symbol.for("react.suspense"),xa=Symbol.for("react.suspense_list"),ya=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),za=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Aa=Symbol.iterator,B=null;
-function C(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");C(a,d);b.context._currentValue=b.value}}}function Ba(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ba(a)}
-function Ca(a){var b=a.parent;null!==b&&Ca(b);a.context._currentValue=a.value}function Da(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?C(a,b):Da(a,b)}
-function Ea(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?C(a,d):Ea(a,d);b.context._currentValue=b.value}var Fa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ga(){}function Ha(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ga,Ga),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}D=b;throw Fa;}}var D=null;
-function Ia(){if(null===D)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=D;D=null;return a}var E=null,F=0,G=null;function Ja(){var a=G;G=null;return a}function Ka(a){return a._currentValue}
-var Oa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:Ka,useContext:Ka,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:La,useSyncExternalStore:H,useCacheRefresh:function(){return Ma},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=za;return b},use:Na};
-function H(){throw Error("This Hook is not supported in Server Components.");}function Ma(){throw Error("Refreshing the cache is not supported in Server Components.");}function La(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
-function Na(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=F;F+=1;null===G&&(G=[]);return Ha(G,a,b)}if(a.$$typeof===ua)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Pa(){return(new AbortController).signal}function Qa(){var a=v?v:null;return a?a.cache:new Map}
-var Ra={getCacheSignal:function(){var a=Qa(),b=a.get(Pa);void 0===b&&(b=Pa(),a.set(Pa,b));return b},getCacheForType:function(a){var b=Qa(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Sa=Array.isArray,Ta=Object.getPrototypeOf;function Ua(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function Va(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Sa(a))return"[...]";a=Ua(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function I(a){if("string"===typeof a)return a;switch(a){case wa:return"Suspense";case xa:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case va:return I(a.render);case ya:return I(a.type);case A:var b=a._payload;a=a._init;try{return I(a(b))}catch(d){}}return""}
-function J(a,b){var d=Ua(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Sa(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Va(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+I(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?J(h):
-Va(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var Wa=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Xa=ba.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!Xa)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 Ya=Object.prototype,K=JSON.stringify,Za=Xa.ReactCurrentCache,$a=Wa.ReactCurrentDispatcher;function ab(a){console.error(a)}function bb(){}
-function cb(a,b,d,c,e,f){if(null!==Za.current&&Za.current!==Ra)throw Error("Currently React only supports one RSC renderer at a time.");sa.current=ra;Za.current=Ra;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?ab:d,onPostpone:void 0===f?bb:f,toJSON:function(m,x){return db(h,this,m,x)}};h.pendingChunks++;a=L(h,a,null,g);c.push(a);return h}var v=null;
-function eb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,fb(a,d),d.id;case "rejected":var c=M(a,b.reason);N(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;fb(a,d)},function(e){d.status=4;e=M(a,e);N(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&O(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,O(a,d))}function gb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function hb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:gb}}
-function P(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:hb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===ta?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g=
-b._init;b=g(b._payload);return P(a,b,d,c,e,f);case va:return a=b.render,F=0,G=f,a(e,void 0);case ya:return P(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Va(b));}function fb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,ib(a))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return fb(a,e)},thenableState:null};c.add(e);return e}function Q(a){return"$"+a.toString(16)}
-function jb(a,b,d){a=K(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function kb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):Q(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var m=k[h];if(m)g=m.name;else{var x=h.lastIndexOf("#");-1!==x&&(g=h.slice(x+1),m=k[h.slice(0,x)]);if(!m)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var Ab=!0===c.$$async?[m.id,m.chunks,g,1]:[m.id,m.chunks,
-g];a.pendingChunks++;var X=a.nextChunkId++,Bb=K(Ab),Cb=X.toString(16)+":I"+Bb+"\n",Db=q.encode(Cb);a.completedImportChunks.push(Db);f.set(e,X);return b[0]===z&&"1"===d?"$L"+X.toString(16):Q(X)}catch(Eb){return a.pendingChunks++,b=a.nextChunkId++,d=M(a,Eb),N(a,b,d),Q(b)}}function R(a,b){a.pendingChunks++;b=L(a,b,B,a.abortableTasks);lb(a,b);return b.id}var S=!1;
-function db(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=R(a,c);return Q(g)}if(S===c)S=null;else return Q(f)}else e.set(c,-1);var k=c;c=P(a,k.type,k.key,k.ref,k.props,null);break;case A:var h=c._init;c=h(c._payload)}}catch(m){b=m===Fa?Ia():m;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=L(a,c,B,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=Ja(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=M(a,b);N(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===r)return kb(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(S===c)S=null;else return"$@"+d.toString(16);a=eb(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=R(a,c),Q(a);if(S===c)S=null;else return Q(d)}else b.set(c,-1);if(Sa(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+R(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+R(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Aa&&c[Aa]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Ta(c);if(a!==
-Ya&&(null===a||null!==Ta(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,c=q.encode(c),d=c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",d=q.encode(d),a.completedRegularChunks.push(d,c),Q(b);a="$"===c[0]?"$"+c:c;return a}if("boolean"===
-typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===r)return kb(a,b,d,c);if(c.$$typeof===t)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=R(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-J(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+J(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return Q(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-J(b,d));a.pendingChunks++;b=a.nextChunkId++;d=jb(a,b,"$S"+f);a.completedImportChunks.push(d);e.set(c,b);return Q(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+J(b,d));}
-function M(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function mb(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
-function N(a,b,d){d={digest:d};b=b.toString(16)+":E"+K(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function lb(a,b){if(0===b.status){var d=B,c=b.context;d!==c&&(null===d?Ca(c):null===c?Ba(d):d.depth===c.depth?C(d,c):d.depth>c.depth?Da(d,c):Ea(d,c),B=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===z){a.writtenObjects.set(e,b.id);d=e;var f=b.thenableState;b.model=e;e=P(a,d.type,d.key,d.ref,d.props,f);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===z;)a.writtenObjects.set(e,b.id),f=e,b.model=e,e=P(a,f.type,f.key,f.ref,f.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var g=b.id;S=e;var k=K(e,a.toJSON),h=g.toString(16)+":"+k+"\n",m=q.encode(h);a.completedRegularChunks.push(m);a.abortableTasks.delete(b);b.status=1}catch(x){g=x===Fa?Ia():x,"object"===typeof g&&null!==g&&"function"===typeof g.then?(a=b.ping,g.then(a,a),b.thenableState=Ja()):(a.abortableTasks.delete(b),b.status=4,g=M(a,g),N(a,b.id,g))}}}
-function ib(a){var b=$a.current;$a.current=Oa;var d=v;E=v=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)lb(a,c[e]);null!==a.destination&&O(a,a.destination)}catch(f){M(a,f),mb(a,f)}finally{$a.current=b,E=null,v=d}}
-function O(a,b){l=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<n&&(b.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}0===a.pendingChunks&&
-b.close()}function nb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=M(a,e);N(a,c,f,e);d.forEach(function(g){g.status=3;var k=Q(c);g=jb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&O(a,a.destination)}catch(g){M(a,g),mb(a,g)}}
-function ob(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var T=new Map;
-function pb(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function qb(){}
-function rb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=T.get(e);if(void 0===f){f=__turbopack_load__(e);d.push(f);var g=T.set.bind(T,e,null);f.then(g,qb);T.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?pb(a[0]):Promise.all(d).then(function(){return pb(a[0])}):0<d.length?Promise.all(d):null}
-function U(a){var b=__turbopack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function V(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}V.prototype=Object.create(Promise.prototype);
-V.prototype.then=function(a,b){switch(this.status){case "resolved_model":sb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function tb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function ub(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&tb(d,b)}}function vb(a,b,d,c,e,f){var g=ob(a._bundlerConfig,b);a=rb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=U(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return U(g)});else return U(g);d.then(wb(c,e,f),xb(c));return null}var W=null,Y=null;
-function sb(a){var b=W,d=Y;W=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{W=b,Y=d}}function yb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&ub(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new V("resolved_model",c,null,a):new V("pending",null,null,a),d.set(b,c));return c}function wb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&tb(e,c.value))}}function xb(a){return function(b){return ub(a,b)}}
+'use strict';var aa=require("react"),ba=require("react-dom"),l=null,n=0;function p(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(2048),n=0),a.enqueue(b);else{var c=l.length-n;c<b.byteLength&&(0===c?a.enqueue(l):(l.set(b.subarray(0,c),n),a.enqueue(l),b=b.subarray(c)),l=new Uint8Array(2048),n=0);l.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,c){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:c}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
+var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function ja(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=u({},a.$$id,!0),e=new Proxy(d,ka);a.status="fulfilled";a.value=e;return a.then=u(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ia));return d}
+var ka={get:function(a,b){return ja(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ja(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");}},sa={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};
+function la(a){if("string"===typeof a&&a){var b=w?w:null;if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),x(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function na(a,b,c){if("string"===typeof a){var d=w?w:null;if(d){var e=d.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(c=z(c))?x(d,"L",[a,b,c]):x(d,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=z(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function pa(a,b,c){if("string"===typeof a){var d=w?w:null;if(d){var e=d.hints,f="S|"+a;if(!e.has(f))return e.add(f),(c=z(c))?x(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(d,"S",[a,b]):x(d,"S",a)}}}function qa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=z(b))?x(c,"X",[a,b]):x(c,"X",a)}}}
+function ra(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=z(b))?x(c,"M",[a,b]):x(c,"M",a)}}}function z(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}
+var ta=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),ua=Symbol.for("react.fragment"),va=Symbol.for("react.context"),wa=Symbol.for("react.forward_ref"),xa=Symbol.for("react.suspense"),ya=Symbol.for("react.suspense_list"),za=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),Aa=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Ba=Symbol.iterator,Ca=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Da(){}function Ea(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Da,Da),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}D=b;throw Ca;}}var D=null;
+function Fa(){if(null===D)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=D;D=null;return a}var E=null,Ga=0,F=null;function Ha(){var a=F||[];F=null;return a}
+var Ma={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Ia,useContext:Ia,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:Ja,useSyncExternalStore:G,useCacheRefresh:function(){return Ka},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Aa;return b},use:La};
+function G(){throw Error("This Hook is not supported in Server Components.");}function Ka(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ia(){throw Error("Cannot read a Client Context from a Server Component.");}function Ja(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
+function La(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ga;Ga+=1;null===F&&(F=[]);return Ea(F,a,b)}a.$$typeof===va&&Ia()}if(a.$$typeof===r){if(null!=a.value&&a.value.$$typeof===va)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Na(){return(new AbortController).signal}
+function Oa(){var a=w?w:null;return a?a.cache:new Map}var Pa={getCacheSignal:function(){var a=Oa(),b=a.get(Na);void 0===b&&(b=Na(),a.set(Na,b));return b},getCacheForType:function(a){var b=Oa(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Qa=Array.isArray,Ra=Object.getPrototypeOf;function Sa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Ta(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Qa(a))return"[...]";if(null!==a&&a.$$typeof===Ua)return"client";a=Sa(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Ua?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function H(a){if("string"===typeof a)return a;switch(a){case xa:return"Suspense";case ya:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case wa:return H(a.render);case za:return H(a.type);case C:var b=a._payload;a=a._init;try{return H(a(b))}catch(c){}}return""}var Ua=Symbol.for("react.client.reference");
+function I(a,b){var c=Sa(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Qa(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?I(g):Ta(g);""+f===b?(c=e.length,d=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===A)e="<"+H(a.type)+"/>";else{if(a.$$typeof===Ua)return"client";e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h=
+"object"===typeof h&&null!==h?I(h):Ta(h);k===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Va=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Wa=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Wa)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 Xa=Object.prototype,J=JSON.stringify,Ya=Wa.ReactCurrentCache,Za=Va.ReactCurrentDispatcher;function $a(a){console.error(a)}function ab(){}
+function bb(a,b,c,d,e){if(null!==Ya.current&&Ya.current!==Pa)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;Ya.current=Pa;var f=new Set,g=[],k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?$a:c,onPostpone:void 0===e?ab:e};a=K(b,a,null,!1,f);g.push(a);return b}var w=null;
+function cb(a,b,c){var d=K(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,db(a,d),d.id;case "rejected":return b=L(a,c.reason),M(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;db(a,d)},function(e){d.status=4;e=L(a,e);M(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&N(a,a.destination)});return d.id}function x(a,b,c){c=J(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;c=q.encode(b+c+"\n");a.completedHintChunks.push(c);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(c=a.destination,a.flushScheduled=!0,N(a,c))}function eb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function fb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:eb}}
+function gb(a,b,c,d,e){var f=b.thenableState;b.thenableState=null;Ga=0;F=f;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=fb(d)}e=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=O(a,b,P,"",d);b.keyPath=e;b.implicitSlot=f;return a}
+function hb(a,b,c,d,e,f){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===r?[A,c,d,f]:gb(a,b,d,c,f);if("string"===typeof c)return[A,c,d,f];if("symbol"===typeof c)return c===ua&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=O(a,b,P,"",f.children),b.implicitSlot=d,a):[A,c,d,f];if(null!=c&&"object"===typeof c){if(c.$$typeof===r)return[A,c,d,f];switch(c.$$typeof){case C:var g=
+c._init;c=g(c._payload);return hb(a,b,c,d,e,f);case wa:return gb(a,b,d,c.render,f);case za:return hb(a,b,c.type,d,e,f)}}throw Error("Unsupported Server Component type: "+Ta(c));}function db(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,ib(a))}
+function K(a,b,c,d,e){a.pendingChunks++;var f=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return db(a,g)},toJSON:function(k,h){var m=g.keyPath,y=g.implicitSlot;try{var v=O(a,g,this,k,h)}catch(X){if(k=X===Ca?Fa():X,h=g.model,h="object"===typeof h&&null!==h&&(h.$$typeof===A||h.$$typeof===C),"object"===typeof k&&null!==k&&"function"===typeof k.then){v=K(a,g.model,g.keyPath,g.implicitSlot,a.abortableTasks);
+var B=v.ping;k.then(B,B);v.thenableState=Ha();g.keyPath=m;g.implicitSlot=y;v=h?"$L"+v.id.toString(16):Q(v.id)}else if(g.keyPath=m,g.implicitSlot=y,h)a.pendingChunks++,m=a.nextChunkId++,y=L(a,k),M(a,m,y),v="$L"+m.toString(16);else throw k;}return v},thenableState:null};e.add(g);return g}function Q(a){return"$"+a.toString(16)}function jb(a,b,c){a=J(c);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
+function kb(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===A&&"1"===c?"$L"+g.toString(16):Q(g);try{var k=a.bundlerConfig,h=d.$$id;g="";var m=k[h];if(m)g=m.name;else{var y=h.lastIndexOf("#");-1!==y&&(g=h.slice(y+1),m=k[h.slice(0,y)]);if(!m)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var v=!0===d.$$async?[m.id,m.chunks,g,1]:[m.id,m.chunks,
+g];a.pendingChunks++;var B=a.nextChunkId++,X=J(v),Ab=B.toString(16)+":I"+X+"\n",Bb=q.encode(Ab);a.completedImportChunks.push(Bb);f.set(e,B);return b[0]===A&&"1"===c?"$L"+B.toString(16):Q(B)}catch(Cb){return a.pendingChunks++,b=a.nextChunkId++,c=L(a,Cb),M(a,b,c),Q(b)}}function R(a,b){b=K(a,b,null,!1,a.abortableTasks);lb(a,b);return b.id}var S=!1;
+function O(a,b,c,d,e){b.model=e;if(e===A)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case A:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(S===e)S=null;else return-1===d?(a=R(a,e),Q(a)):Q(d);else c.set(e,-1);return hb(a,b,e.type,e.key,e.ref,e.props);case C:return b.thenableState=null,c=e._init,e=c(e._payload),O(a,b,P,"",e)}if(e.$$typeof===r)return kb(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(S===e)S=null;else return"$@"+
+d.toString(16);a=cb(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(S===e)S=null;else return-1===d?(a=R(a,e),Q(a)):Q(d);else c.set(e,-1);if(Qa(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+R(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+R(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ba&&e[Ba]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Ra(e);if(a!==Xa&&(null===a||null!==Ra(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,e=q.encode(e),c=e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=q.encode(c),a.completedRegularChunks.push(c,e),Q(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===r)return kb(a,c,d,e);if(e.$$typeof===t)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=R(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+I(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+I(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var f=b.get(e);if(void 0!==f)return Q(f);f=e.description;if(Symbol.for(f)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+I(c,d));a.pendingChunks++;c=a.nextChunkId++;d=jb(a,c,"$S"+f);a.completedImportChunks.push(d);b.set(e,c);return Q(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+I(c,d));}function L(a,b){var c=w;w=null;try{var d=a.onError;var e=d(b)}finally{w=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}
+function mb(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function M(a,b,c){c={digest:c};b=b.toString(16)+":E"+J(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}var P={};
+function lb(a,b){if(0===b.status)try{S=b.model;var c=O(a,b,P,"",b.model);S=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?J(c,b.toJSON):J(c),e=b.id.toString(16)+":"+d+"\n",f=q.encode(e);a.completedRegularChunks.push(f);a.abortableTasks.delete(b);b.status=1}catch(m){var g=m===Ca?Fa():m;if("object"===typeof g&&null!==g&&"function"===typeof g.then){var k=b.ping;g.then(k,k);b.thenableState=Ha()}else{a.abortableTasks.delete(b);b.status=4;var h=L(a,g);M(a,b.id,h)}}finally{}}
+function ib(a){var b=Za.current;Za.current=Ma;var c=w;E=w=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)lb(a,d[e]);null!==a.destination&&N(a,a.destination)}catch(f){L(a,f),mb(a,f)}finally{Za.current=b,E=null,w=c}}
+function N(a,b){l=new Uint8Array(2048);n=0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)a.pendingChunks--,p(b,c[d]);c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)p(b,e[d]);e.splice(0,d);var f=a.completedRegularChunks;for(d=0;d<f.length;d++)a.pendingChunks--,p(b,f[d]);f.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)a.pendingChunks--,p(b,g[d]);g.splice(0,d)}finally{a.flushScheduled=!1,l&&0<n&&(b.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}0===a.pendingChunks&&
+b.close()}function nb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=L(a,e);M(a,d,f,e);c.forEach(function(g){g.status=3;var k=Q(d);g=jb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&N(a,a.destination)}catch(g){L(a,g),mb(a,g)}}
+function ob(a,b){var c="",d=a[b];if(d)c=d.name;else{var e=b.lastIndexOf("#");-1!==e&&(c=b.slice(e+1),d=a[b.slice(0,e)]);if(!d)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[d.id,d.chunks,c]}var T=new Map;
+function pb(a){var b=__turbopack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function qb(){}
+function rb(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],f=T.get(e);if(void 0===f){f=__turbopack_load__(e);c.push(f);var g=T.set.bind(T,e,null);f.then(g,qb);T.set(e,f)}else null!==f&&c.push(f)}return 4===a.length?0===c.length?pb(a[0]):Promise.all(c).then(function(){return pb(a[0])}):0<c.length?Promise.all(c):null}
+function U(a){var b=__turbopack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function V(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}V.prototype=Object.create(Promise.prototype);
+V.prototype.then=function(a,b){switch(this.status){case "resolved_model":sb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function tb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function ub(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&tb(c,b)}}function vb(a,b,c,d,e,f){var g=ob(a._bundlerConfig,b);a=rb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=U(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return U(g)});else return U(g);c.then(wb(d,e,f),xb(d));return null}var W=null,Y=null;
+function sb(a){var b=W,c=Y;W=a;Y=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,Y=c}}function yb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&ub(c,b)})}
+function Z(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new V("resolved_model",d,null,a):new V("pending",null,null,a),c.set(b,d));return d}function wb(a,b,c){if(Y){var d=Y;d.deps++}else d=Y={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&tb(e,d.value))}}function xb(a){return function(b){return ub(a,b)}}
 function zb(a,b){a=Z(a,b);"resolved_model"===a.status&&sb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Fb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=zb(a,c),vb(a,c.id,c.bound,W,b,d);case "Q":return b=parseInt(c.slice(2),16),a=zb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=zb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":sb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=W,a.then(wb(c,b,d),xb(c)),null;default:throw a.reason;}}return c}
-function Gb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Fb(e,this,f,g):g}};return e}function Hb(a){yb(a,Error("Connection closed."))}function Ib(a,b,d){var c=ob(a,b);a=rb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=U(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return U(c)}):Promise.resolve(U(c))}
-function Jb(a,b,d){a=Gb(b,d,a);Hb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ja)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Jb(a,b,e),c=Ib(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Ib(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Gb(b,"",a);b=Z(a,0);Hb(a);return b};
-exports.registerClientReference=function(a,b,d){return u(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
-exports.renderToReadableStream=function(a,b,d){var c=cb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)nb(c,e.reason);else{var f=function(){nb(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){c.flushScheduled=null!==c.destination;ib(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===
-c.destination){c.destination=g;try{O(c,g)}catch(k){M(c,k),mb(c,k)}}},cancel:function(){}},{highWaterMark:0})};
+function Db(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Z(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=zb(a,d),vb(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=zb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=zb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Z(a,d);switch(a.status){case "resolved_model":sb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(wb(d,b,c),xb(d)),null;default:throw a.reason;}}return d}
+function Eb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(f,g){return"string"===typeof g?Db(e,this,f,g):g}};return e}function Fb(a){yb(a,Error("Connection closed."))}function Gb(a,b,c){var d=ob(a,b);a=rb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var f=U(d);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return U(d)}):Promise.resolve(U(d))}
+function Hb(a,b,c){a=Eb(b,c,a);Fb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ka)};
+exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Hb(a,b,e),d=Gb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),d=Gb(b,e,null)):c.append(f,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Eb(b,"",a);b=Z(a,0);Fb(a);return b};
+exports.registerClientReference=function(a,b,c){return u(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:fa,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var d=bb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var e=c.signal;if(e.aborted)nb(d,e.reason);else{var f=function(){nb(d,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){d.flushScheduled=null!==d.destination;ib(d)},pull:function(g){if(1===d.status)d.status=2,ca(g,d.fatalError);else if(2!==d.status&&null===d.destination){d.destination=
+g;try{N(d,g)}catch(k){L(d,k),mb(d,k)}}},cancel:function(){}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.browser.production.min.js.map
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 9bd0632afe362a..e6760f21b80157 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
@@ -62,7 +62,7 @@ var enablePostpone = false;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return chunk.byteLength;
 }
@@ -159,10 +152,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -174,7 +167,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -221,13 +214,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -266,6 +262,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -278,89 +278,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -685,7 +713,7 @@ typeof async_hooks === 'object' ? async_hooks.executionAsyncId : null;
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -709,146 +737,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -977,29 +865,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1010,8 +882,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1044,6 +916,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1069,20 +945,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1220,6 +1098,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1230,7 +1112,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1276,6 +1166,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1354,6 +1250,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1404,9 +1302,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1416,7 +1314,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1471,7 +1369,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1502,21 +1400,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1532,13 +1428,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1674,14 +1575,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1696,47 +1719,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1745,19 +1757,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1777,16 +1787,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1855,13 +1900,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1880,7 +1925,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1900,13 +1945,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -1986,110 +2032,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
-
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+var modelRoot = false;
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2097,61 +2110,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
 
-    var _writtenObjects = request.writtenObjects;
+          var props = element.props;
+          var ref;
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
 
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2165,7 +2269,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2177,14 +2281,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2199,9 +2303,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2229,19 +2333,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2259,7 +2365,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2274,17 +2380,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2343,8 +2476,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2384,62 +2520,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2465,6 +2618,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2678,11 +2835,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3343,7 +3495,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 5a3cadd20b164d..865521cda83dff 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
@@ -19,7 +19,7 @@ const enablePostpone = false;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -110,10 +109,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -125,7 +124,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -172,13 +171,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -217,6 +219,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -229,89 +235,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
-
-      case 'defaultProps':
-        return undefined;
-      // Avoid this attempting to be serialized.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'toJSON':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
+      }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  let cachedReference = target[name];
 
-    }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    let cachedReference = target[name];
+  return cachedReference;
+}
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
+
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -640,7 +674,7 @@ typeof async_hooks === 'object' ? async_hooks.executionAsyncId : null;
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -664,146 +698,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -932,16 +826,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -955,8 +846,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -992,6 +883,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1017,14 +912,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1103,6 +1006,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1113,7 +1020,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1159,6 +1073,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1206,6 +1126,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1285,7 +1207,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1316,21 +1238,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1346,13 +1262,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1486,61 +1398,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1549,19 +1517,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1579,14 +1545,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1655,13 +1637,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1680,7 +1662,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1700,13 +1682,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1786,91 +1769,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1878,9 +1847,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1900,20 +1930,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -1926,8 +1956,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -1941,7 +1970,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -1961,7 +1990,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -1991,19 +2020,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2020,7 +2048,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2035,17 +2063,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2115,62 +2170,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (false) ; // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2196,6 +2243,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2382,11 +2430,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3030,7 +3073,7 @@ function decodeAction(body, serverManifest) {
 }
 
 function renderToReadableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js
index 2a07c4ed46a57b..f1f175aa48d17c 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.edge.production.min.js
@@ -7,72 +7,71 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var d=m.length-n;d<b.byteLength&&(0===d?a.enqueue(m):(m.set(b.subarray(0,d),n),a.enqueue(m),b=b.subarray(d)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
-var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=u({},a.$$id,!0),e=new Proxy(c,ja);a.status="fulfilled";a.value=e;return a.then=u(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},ra={prefetchDNS:ka,preconnect:la,preload:ma,preloadModule:na,preinitStyle:oa,preinitScript:pa,preinitModuleScript:qa};function ka(a){if("string"===typeof a&&a){var b=v();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),w(b,"D",a))}}}function la(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?w(d,"C",[a,b]):w(d,"C",a))}}}
-function ma(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function na(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"m",[a,b]):w(d,"m",a)}}}
-function oa(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function pa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"X",[a,b]):w(d,"X",a)}}}function qa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"M",[a,b]):w(d,"M",a)}}}
-function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var sa=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,ta="function"===typeof AsyncLocalStorage,ua=ta?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
-var z=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.server_context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ba=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Ca=Symbol.iterator,B=null;
-function C(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");C(a,d);b.context._currentValue=b.value}}}function Da(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Da(a)}
-function Ea(a){var b=a.parent;null!==b&&Ea(b);a.context._currentValue=a.value}function Fa(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?C(a,b):Fa(a,b)}
-function Ga(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?C(a,d):Ga(a,d);b.context._currentValue=b.value}var Ha=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ia(){}function Ja(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ia,Ia),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}D=b;throw Ha;}}var D=null;
-function Ka(){if(null===D)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=D;D=null;return a}var E=null,F=0,G=null;function La(){var a=G;G=null;return a}function Ma(a){return a._currentValue}
-var Qa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:Ma,useContext:Ma,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Na,useSyncExternalStore:H,useCacheRefresh:function(){return Oa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ba;return b},use:Pa};
-function H(){throw Error("This Hook is not supported in Server Components.");}function Oa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Na(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
-function Pa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=F;F+=1;null===G&&(G=[]);return Ja(G,a,b)}if(a.$$typeof===wa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Ra(){return(new AbortController).signal}function Sa(){var a=v();return a?a.cache:new Map}
-var Ta={getCacheSignal:function(){var a=Sa(),b=a.get(Ra);void 0===b&&(b=Ra(),a.set(Ra,b));return b},getCacheForType:function(a){var b=Sa(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Ua=Array.isArray,Va=Object.getPrototypeOf;function Wa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function Xa(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ua(a))return"[...]";a=Wa(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function I(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return I(a.render);case Aa:return I(a.type);case A:var b=a._payload;a=a._init;try{return I(a(b))}catch(d){}}return""}
-function J(a,b){var d=Wa(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Ua(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Xa(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+I(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?J(h):
-Xa(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var Ya=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Za=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!Za)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 $a=Object.prototype,K=JSON.stringify,ab=Za.ReactCurrentCache,bb=Ya.ReactCurrentDispatcher;function cb(a){console.error(a)}function db(){}
-function eb(a,b,d,c,e,f){if(null!==ab.current&&ab.current!==Ta)throw Error("Currently React only supports one RSC renderer at a time.");sa.current=ra;ab.current=Ta;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?cb:d,onPostpone:void 0===f?db:f,toJSON:function(l,x){return fb(h,this,l,x)}};h.pendingChunks++;a=L(h,a,null,g);c.push(a);return h}var M=null;function v(){if(M)return M;if(ta){var a=ua.getStore();if(a)return a}return null}
-function gb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,hb(a,d),d.id;case "rejected":var c=N(a,b.reason);O(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;hb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&P(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);ib(a)}function jb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function kb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:jb}}
-function Q(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:kb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===va?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g=
-b._init;b=g(b._payload);return Q(a,b,d,c,e,f);case xa:return a=b.render,F=0,G=f,a(e,void 0);case Aa:return Q(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Xa(b));}function hb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return lb(a)},0))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return hb(a,e)},thenableState:null};c.add(e);return e}
-function R(a){return"$"+a.toString(16)}function mb(a,b,d){a=K(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function nb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):R(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var l=k[h];if(l)g=l.name;else{var x=h.lastIndexOf("#");-1!==x&&(g=h.slice(x+1),l=k[h.slice(0,x)]);if(!l)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var Eb=!0===c.$$async?[l.id,l.chunks,g,1]:[l.id,l.chunks,
-g];a.pendingChunks++;var Y=a.nextChunkId++,Fb=K(Eb),Gb=Y.toString(16)+":I"+Fb+"\n",Hb=q.encode(Gb);a.completedImportChunks.push(Hb);f.set(e,Y);return b[0]===z&&"1"===d?"$L"+Y.toString(16):R(Y)}catch(Ib){return a.pendingChunks++,b=a.nextChunkId++,d=N(a,Ib),O(a,b,d),R(b)}}function S(a,b){a.pendingChunks++;b=L(a,b,B,a.abortableTasks);ob(a,b);return b.id}var T=!1;
-function fb(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=S(a,c);return R(g)}if(T===c)T=null;else return R(f)}else e.set(c,-1);var k=c;c=Q(a,k.type,k.key,k.ref,k.props,null);break;case A:var h=c._init;c=h(c._payload)}}catch(l){b=l===Ha?Ka():l;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=L(a,c,B,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=La(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=N(a,b);O(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===r)return nb(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(T===c)T=null;else return"$@"+d.toString(16);a=gb(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=S(a,c),R(a);if(T===c)T=null;else return R(d)}else b.set(c,-1);if(Ua(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+S(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+S(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Ca&&c[Ca]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Va(c);if(a!==
-$a&&(null===a||null!==Va(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,c=q.encode(c),d=c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",d=q.encode(d),a.completedRegularChunks.push(d,c),R(b);a="$"===c[0]?"$"+c:c;return a}if("boolean"===
-typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===r)return nb(a,b,d,c);if(c.$$typeof===t)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=S(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-J(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+J(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return R(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-J(b,d));a.pendingChunks++;b=a.nextChunkId++;d=mb(a,b,"$S"+f);a.completedImportChunks.push(d);e.set(c,b);return R(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+J(b,d));}
-function N(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function pb(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
-function O(a,b,d){d={digest:d};b=b.toString(16)+":E"+K(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function ob(a,b){if(0===b.status){var d=B,c=b.context;d!==c&&(null===d?Ea(c):null===c?Da(d):d.depth===c.depth?C(d,c):d.depth>c.depth?Fa(d,c):Ga(d,c),B=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===z){a.writtenObjects.set(e,b.id);d=e;var f=b.thenableState;b.model=e;e=Q(a,d.type,d.key,d.ref,d.props,f);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===z;)a.writtenObjects.set(e,b.id),f=e,b.model=e,e=Q(a,f.type,f.key,f.ref,f.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var g=b.id;T=e;var k=K(e,a.toJSON),h=g.toString(16)+":"+k+"\n",l=q.encode(h);a.completedRegularChunks.push(l);a.abortableTasks.delete(b);b.status=1}catch(x){g=x===Ha?Ka():x,"object"===typeof g&&null!==g&&"function"===typeof g.then?(a=b.ping,g.then(a,a),b.thenableState=La()):(a.abortableTasks.delete(b),b.status=4,g=N(a,g),O(a,b.id,g))}}}
-function lb(a){var b=bb.current;bb.current=Qa;var d=M;E=M=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)ob(a,c[e]);null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),pb(a,f)}finally{bb.current=b,E=null,M=d}}
-function P(a,b){m=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&
-b.close()}function qb(a){a.flushScheduled=null!==a.destination;ta?setTimeout(function(){return ua.run(a,lb,a)},0):setTimeout(function(){return lb(a)},0)}function ib(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return P(a,b)},0)}}
-function rb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=N(a,e);O(a,c,f,e);d.forEach(function(g){g.status=3;var k=R(c);g=mb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),pb(a,g)}}
-function sb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var U=new Map;
-function tb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function ub(){}
-function vb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=U.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);d.push(f);var g=U.set.bind(U,e,null);f.then(g,ub);U.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?tb(a[0]):Promise.all(d).then(function(){return tb(a[0])}):0<d.length?Promise.all(d):null}
-function V(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function wb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}wb.prototype=Object.create(Promise.prototype);
-wb.prototype.then=function(a,b){switch(this.status){case "resolved_model":xb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function yb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function zb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&yb(d,b)}}function Ab(a,b,d,c,e,f){var g=sb(a._bundlerConfig,b);a=vb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=V(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return V(g)});else return V(g);d.then(Bb(c,e,f),Cb(c));return null}var W=null,X=null;
-function xb(a){var b=W,d=X;W=a;X=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=d}}function Db(a,b){a._chunks.forEach(function(d){"pending"===d.status&&zb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new wb("resolved_model",c,null,a):new wb("pending",null,null,a),d.set(b,c));return c}function Bb(a,b,d){if(X){var c=X;c.deps++}else c=X={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&yb(e,c.value))}}function Cb(a){return function(b){return zb(a,b)}}
-function Jb(a,b){a=Z(a,b);"resolved_model"===a.status&&xb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Kb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Jb(a,c),Ab(a,c.id,c.bound,W,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Jb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Jb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":xb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=W,a.then(Bb(c,b,d),Cb(c)),null;default:throw a.reason;}}return c}
-function Lb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Kb(e,this,f,g):g}};return e}function Mb(a){Db(a,Error("Connection closed."))}function Nb(a,b,d){var c=sb(a,b);a=vb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=V(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(c)}):Promise.resolve(V(c))}
-function Ob(a,b,d){a=Lb(b,d,a);Mb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ja)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Ob(a,b,e),c=Nb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Nb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Lb(b,"",a);b=Z(a,0);Mb(a);return b};
-exports.registerClientReference=function(a,b,d){return u(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
-exports.renderToReadableStream=function(a,b,d){var c=eb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)rb(c,e.reason);else{var f=function(){rb(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){qb(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=g;try{P(c,
-g)}catch(k){N(c,k),pb(c,k)}}},cancel:function(){}},{highWaterMark:0})};
+'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(2048),n=0),a.enqueue(b);else{var c=m.length-n;c<b.byteLength&&(0===c?a.enqueue(m):(m.set(b.subarray(0,c),n),a.enqueue(m),b=b.subarray(c)),m=new Uint8Array(2048),n=0);m.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:c}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
+var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function ja(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=v({},a.$$id,!0),e=new Proxy(d,ka);a.status="fulfilled";a.value=e;return a.then=v(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ia));return d}
+var ka={get:function(a,b){return ja(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ja(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");}},sa={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};
+function la(a){if("string"===typeof a&&a){var b=w();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),x(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function na(a,b,c){if("string"===typeof a){var d=w();if(d){var e=d.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(c=y(c))?x(d,"L",[a,b,c]):x(d,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=y(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function pa(a,b,c){if("string"===typeof a){var d=w();if(d){var e=d.hints,f="S|"+a;if(!e.has(f))return e.add(f),(c=y(c))?x(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(d,"S",[a,b]):x(d,"S",a)}}}function qa(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=y(b))?x(c,"X",[a,b]):x(c,"X",a)}}}function ra(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=y(b))?x(c,"M",[a,b]):x(c,"M",a)}}}
+function y(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}var ta=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A="function"===typeof AsyncLocalStorage,ua=A?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
+var B=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),Ba=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Ca=Symbol.iterator,Da=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ea(){}function Fa(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ea,Ea),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}E=b;throw Da;}}var E=null;
+function Ga(){if(null===E)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=E;E=null;return a}var F=null,Ha=0,G=null;function Ia(){var a=G||[];G=null;return a}
+var Na={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:Ja,useContext:Ja,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ka,useSyncExternalStore:H,useCacheRefresh:function(){return La},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ba;return b},use:Ma};
+function H(){throw Error("This Hook is not supported in Server Components.");}function La(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ja(){throw Error("Cannot read a Client Context from a Server Component.");}function Ka(){if(null===F)throw Error("useId can only be used while React is rendering");var a=F.identifierCount++;return":"+F.identifierPrefix+"S"+a.toString(32)+":"}
+function Ma(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ha;Ha+=1;null===G&&(G=[]);return Fa(G,a,b)}a.$$typeof===wa&&Ja()}if(a.$$typeof===r){if(null!=a.value&&a.value.$$typeof===wa)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Oa(){return(new AbortController).signal}
+function Pa(){var a=w();return a?a.cache:new Map}var Qa={getCacheSignal:function(){var a=Pa(),b=a.get(Oa);void 0===b&&(b=Oa(),a.set(Oa,b));return b},getCacheForType:function(a){var b=Pa(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Ra=Array.isArray,Sa=Object.getPrototypeOf;function Ta(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Ua(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ra(a))return"[...]";if(null!==a&&a.$$typeof===Va)return"client";a=Ta(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Va?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function I(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return I(a.render);case Aa:return I(a.type);case D:var b=a._payload;a=a._init;try{return I(a(b))}catch(c){}}return""}var Va=Symbol.for("react.client.reference");
+function J(a,b){var c=Ta(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Ra(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Ua(g);""+f===b?(c=e.length,d=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+I(a.type)+"/>";else{if(a.$$typeof===Va)return"client";e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h=
+"object"===typeof h&&null!==h?J(h):Ua(h);k===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Wa=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Xa=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Xa)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 Ya=Object.prototype,K=JSON.stringify,Za=Xa.ReactCurrentCache,$a=Wa.ReactCurrentDispatcher;function ab(a){console.error(a)}function bb(){}
+function cb(a,b,c,d,e){if(null!==Za.current&&Za.current!==Qa)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;Za.current=Qa;var f=new Set,g=[],k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?ab:c,onPostpone:void 0===e?bb:e};a=L(b,a,null,!1,f);g.push(a);return b}var M=null;function w(){if(M)return M;if(A){var a=ua.getStore();if(a)return a}return null}
+function db(a,b,c){var d=L(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,eb(a,d),d.id;case "rejected":return b=N(a,c.reason),O(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;eb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&P(a,a.destination)});return d.id}function x(a,b,c){c=K(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;c=q.encode(b+c+"\n");a.completedHintChunks.push(c);fb(a)}function gb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function hb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:D,_payload:a,_init:gb}}
+function ib(a,b,c,d,e){var f=b.thenableState;b.thenableState=null;Ha=0;G=f;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=hb(d)}e=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=Q(a,b,R,"",d);b.keyPath=e;b.implicitSlot=f;return a}
+function jb(a,b,c,d,e,f){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===r?[B,c,d,f]:ib(a,b,d,c,f);if("string"===typeof c)return[B,c,d,f];if("symbol"===typeof c)return c===va&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=Q(a,b,R,"",f.children),b.implicitSlot=d,a):[B,c,d,f];if(null!=c&&"object"===typeof c){if(c.$$typeof===r)return[B,c,d,f];switch(c.$$typeof){case D:var g=
+c._init;c=g(c._payload);return jb(a,b,c,d,e,f);case xa:return ib(a,b,d,c.render,f);case Aa:return jb(a,b,c.type,d,e,f)}}throw Error("Unsupported Server Component type: "+Ua(c));}function eb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return kb(a)},0))}
+function L(a,b,c,d,e){a.pendingChunks++;var f=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return eb(a,g)},toJSON:function(k,h){var l=g.keyPath,z=g.implicitSlot;try{var u=Q(a,g,this,k,h)}catch(Z){if(k=Z===Da?Ga():Z,h=g.model,h="object"===typeof h&&null!==h&&(h.$$typeof===B||h.$$typeof===D),"object"===typeof k&&null!==k&&"function"===typeof k.then){u=L(a,g.model,g.keyPath,g.implicitSlot,a.abortableTasks);
+var C=u.ping;k.then(C,C);u.thenableState=Ia();g.keyPath=l;g.implicitSlot=z;u=h?"$L"+u.id.toString(16):S(u.id)}else if(g.keyPath=l,g.implicitSlot=z,h)a.pendingChunks++,l=a.nextChunkId++,z=N(a,k),O(a,l,z),u="$L"+l.toString(16);else throw k;}return u},thenableState:null};e.add(g);return g}function S(a){return"$"+a.toString(16)}function lb(a,b,c){a=K(c);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
+function mb(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=d.$$id;g="";var l=k[h];if(l)g=l.name;else{var z=h.lastIndexOf("#");-1!==z&&(g=h.slice(z+1),l=k[h.slice(0,z)]);if(!l)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===d.$$async?[l.id,l.chunks,g,1]:[l.id,l.chunks,
+g];a.pendingChunks++;var C=a.nextChunkId++,Z=K(u),Eb=C.toString(16)+":I"+Z+"\n",Fb=q.encode(Eb);a.completedImportChunks.push(Fb);f.set(e,C);return b[0]===B&&"1"===c?"$L"+C.toString(16):S(C)}catch(Gb){return a.pendingChunks++,b=a.nextChunkId++,c=N(a,Gb),O(a,b,c),S(b)}}function T(a,b){b=L(a,b,null,!1,a.abortableTasks);nb(a,b);return b.id}var U=!1;
+function Q(a,b,c,d,e){b.model=e;if(e===B)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case B:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);return jb(a,b,e.type,e.key,e.ref,e.props);case D:return b.thenableState=null,c=e._init,e=c(e._payload),Q(a,b,R,"",e)}if(e.$$typeof===r)return mb(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(U===e)U=null;else return"$@"+
+d.toString(16);a=db(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);if(Ra(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+T(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+T(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ca&&e[Ca]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Sa(e);if(a!==Ya&&(null===a||null!==Sa(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,e=q.encode(e),c=e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=q.encode(c),a.completedRegularChunks.push(c,e),S(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===r)return mb(a,c,d,e);if(e.$$typeof===t)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+J(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+J(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var f=b.get(e);if(void 0!==f)return S(f);f=e.description;if(Symbol.for(f)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+J(c,d));a.pendingChunks++;c=a.nextChunkId++;d=lb(a,c,"$S"+f);a.completedImportChunks.push(d);b.set(e,c);return S(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+J(c,d));}function N(a,b){var c=M;M=null;try{var d=a.onError;var e=A?ua.run(void 0,d,b):d(b)}finally{M=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}
+function ob(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function O(a,b,c){c={digest:c};b=b.toString(16)+":E"+K(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}var R={};
+function nb(a,b){if(0===b.status)try{U=b.model;var c=Q(a,b,R,"",b.model);U=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?K(c,b.toJSON):K(c),e=b.id.toString(16)+":"+d+"\n",f=q.encode(e);a.completedRegularChunks.push(f);a.abortableTasks.delete(b);b.status=1}catch(l){var g=l===Da?Ga():l;if("object"===typeof g&&null!==g&&"function"===typeof g.then){var k=b.ping;g.then(k,k);b.thenableState=Ia()}else{a.abortableTasks.delete(b);b.status=4;var h=N(a,g);O(a,b.id,h)}}finally{}}
+function kb(a){var b=$a.current;$a.current=Na;var c=M;F=M=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)nb(a,d[e]);null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),ob(a,f)}finally{$a.current=b,F=null,M=c}}
+function P(a,b){m=new Uint8Array(2048);n=0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)a.pendingChunks--,p(b,c[d]);c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)p(b,e[d]);e.splice(0,d);var f=a.completedRegularChunks;for(d=0;d<f.length;d++)a.pendingChunks--,p(b,f[d]);f.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)a.pendingChunks--,p(b,g[d]);g.splice(0,d)}finally{a.flushScheduled=!1,m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&
+b.close()}function pb(a){a.flushScheduled=null!==a.destination;A?setTimeout(function(){return ua.run(a,kb,a)},0):setTimeout(function(){return kb(a)},0)}function fb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return P(a,b)},0)}}
+function qb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=N(a,e);O(a,d,f,e);c.forEach(function(g){g.status=3;var k=S(d);g=lb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),ob(a,g)}}
+function rb(a,b){var c="",d=a[b];if(d)c=d.name;else{var e=b.lastIndexOf("#");-1!==e&&(c=b.slice(e+1),d=a[b.slice(0,e)]);if(!d)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[d.id,d.chunks,c]}var sb=new Map;
+function tb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function ub(){}
+function vb(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],f=sb.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);c.push(f);var g=sb.set.bind(sb,e,null);f.then(g,ub);sb.set(e,f)}else null!==f&&c.push(f)}return 4===a.length?0===c.length?tb(a[0]):Promise.all(c).then(function(){return tb(a[0])}):0<c.length?Promise.all(c):null}
+function V(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function wb(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}wb.prototype=Object.create(Promise.prototype);
+wb.prototype.then=function(a,b){switch(this.status){case "resolved_model":xb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function yb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function zb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&yb(c,b)}}function Ab(a,b,c,d,e,f){var g=rb(a._bundlerConfig,b);a=vb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=V(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return V(g)});else return V(g);c.then(Bb(d,e,f),Cb(d));return null}var W=null,X=null;
+function xb(a){var b=W,c=X;W=a;X=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=c}}function Db(a,b){a._chunks.forEach(function(c){"pending"===c.status&&zb(c,b)})}
+function Y(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new wb("resolved_model",d,null,a):new wb("pending",null,null,a),c.set(b,d));return d}function Bb(a,b,c){if(X){var d=X;d.deps++}else d=X={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&yb(e,d.value))}}function Cb(a){return function(b){return zb(a,b)}}
+function Hb(a,b){a=Y(a,b);"resolved_model"===a.status&&xb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Ib(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Y(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=Hb(a,d),Ab(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=Hb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Hb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":xb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(Bb(d,b,c),Cb(d)),null;default:throw a.reason;}}return d}
+function Jb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(f,g){return"string"===typeof g?Ib(e,this,f,g):g}};return e}function Kb(a){Db(a,Error("Connection closed."))}function Lb(a,b,c){var d=rb(a,b);a=vb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var f=V(d);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(d)}):Promise.resolve(V(d))}
+function Mb(a,b,c){a=Jb(b,c,a);Kb(a);a=Y(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,ka)};
+exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Mb(a,b,e),d=Lb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),d=Lb(b,e,null)):c.append(f,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Jb(b,"",a);b=Y(a,0);Kb(a);return b};
+exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:fa,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var d=cb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var e=c.signal;if(e.aborted)qb(d,e.reason);else{var f=function(){qb(d,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){pb(d)},pull:function(g){if(1===d.status)d.status=2,ca(g,d.fatalError);else if(2!==d.status&&null===d.destination){d.destination=g;try{P(d,g)}catch(k){N(d,
+k),ob(d,k)}}},cancel:function(){}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.edge.production.min.js.map
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 3ff87ca154cc3b..794fd793f68280 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return typeof chunk === 'string' ? Buffer.byteLength(chunk, 'utf8') : chunk.byteLength;
 }
@@ -226,10 +219,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -241,7 +234,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -288,13 +281,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -333,6 +329,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -345,89 +345,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -735,6 +763,7 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -743,7 +772,7 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -767,146 +796,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1035,29 +924,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1068,8 +941,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1102,6 +975,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1127,20 +1004,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1278,6 +1157,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1288,7 +1171,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1334,6 +1225,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1412,6 +1309,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1462,9 +1361,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1474,7 +1373,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1529,7 +1428,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1560,21 +1459,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1590,13 +1487,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1732,14 +1634,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1754,47 +1778,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
 
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1803,19 +1816,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1835,16 +1846,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1913,13 +1959,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1938,7 +1984,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1958,13 +2004,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2044,110 +2091,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+var modelRoot = false;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
-
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2155,61 +2169,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
+          var element = value;
 
-    var _writtenObjects = request.writtenObjects;
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+          var props = element.props;
+          var ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
 
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2223,7 +2328,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2235,14 +2340,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2257,9 +2362,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2287,19 +2392,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2317,7 +2424,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2332,17 +2439,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2401,8 +2531,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2442,62 +2575,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2523,6 +2673,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2734,11 +2888,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3486,7 +3635,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 81761a93e14dbb..100b20f3989788 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -177,10 +176,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -192,7 +191,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -239,13 +238,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -284,6 +286,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -296,89 +302,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  let cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    let cachedReference = target[name];
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -688,6 +722,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -696,7 +731,7 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -720,146 +755,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -988,16 +883,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1011,8 +903,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1048,6 +940,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1073,14 +969,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1159,6 +1063,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1169,7 +1077,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1215,6 +1130,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1262,6 +1183,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1341,7 +1264,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1372,21 +1295,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1402,13 +1319,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1542,61 +1455,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1605,19 +1574,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1635,14 +1602,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1711,13 +1694,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1736,7 +1719,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1756,13 +1739,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1842,91 +1826,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1934,9 +1904,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1956,20 +1987,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -1982,8 +2013,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -1997,7 +2027,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2017,7 +2047,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2047,19 +2077,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2076,7 +2105,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2091,17 +2120,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2171,62 +2223,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2252,6 +2296,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2454,11 +2499,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3187,7 +3227,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js
index ed391b51e88059..9dabe7c0a82199 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.production.min.js
@@ -7,75 +7,75 @@
  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 ba=require("util");require("crypto");var ca=require("async_hooks"),da=require("react"),ea=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new ba.TextEncoder,t=Symbol.for("react.client.reference"),v=Symbol.for("react.server.reference");function w(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:d}})}var ha=Function.prototype.bind,ia=Array.prototype.slice;
-function ja(){var a=ha.apply(this,arguments);if(this.$$typeof===v){var b=ia.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ja}})}return a}
-var ka=Promise.prototype,la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ma={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=w(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=w({},a.$$id,!0),e=new Proxy(c,ma);a.status="fulfilled";a.value=e;return a.then=w(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=w(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,la));return c},getPrototypeOf:function(){return ka},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},ua={prefetchDNS:na,preconnect:oa,preload:pa,preloadModule:qa,preinitStyle:ra,preinitScript:sa,preinitModuleScript:ta};function na(a){if("string"===typeof a&&a){var b=x();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),y(b,"D",a))}}}function oa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?y(d,"C",[a,b]):y(d,"C",a))}}}
-function pa(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=A(d))?y(c,"L",[a,b,d]):y(c,"L",[a,b]))}}}function qa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"m",[a,b]):y(d,"m",a)}}}
-function ra(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=A(d))?y(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?y(c,"S",[a,b]):y(c,"S",a)}}}function sa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"X",[a,b]):y(d,"X",a)}}}function ta(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"M",[a,b]):y(d,"M",a)}}}
-function A(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var va=ea.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,wa=new ca.AsyncLocalStorage,B=Symbol.for("react.element"),xa=Symbol.for("react.fragment"),ya=Symbol.for("react.server_context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),Da=Symbol.for("react.memo_cache_sentinel");
-Symbol.for("react.postpone");var Ea=Symbol.iterator,D=null;function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Fa(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Fa(a)}
-function Ga(a){var b=a.parent;null!==b&&Ga(b);a.context._currentValue=a.value}function Ha(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Ha(a,b)}
-function Ia(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ia(a,d);b.context._currentValue=b.value}var Ja=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ka(){}function La(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ka,Ka),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}F=b;throw Ja;}}var F=null;
-function Ma(){if(null===F)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=F;F=null;return a}var G=null,H=0,I=null;function Na(){var a=I;I=null;return a}function Oa(a){return a._currentValue}
-var Sa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:J,useTransition:J,readContext:Oa,useContext:Oa,useReducer:J,useRef:J,useState:J,useInsertionEffect:J,useLayoutEffect:J,useImperativeHandle:J,useEffect:J,useId:Pa,useSyncExternalStore:J,useCacheRefresh:function(){return Qa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Da;return b},use:Ra};
-function J(){throw Error("This Hook is not supported in Server Components.");}function Qa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Pa(){if(null===G)throw Error("useId can only be used while React is rendering");var a=G.identifierCount++;return":"+G.identifierPrefix+"S"+a.toString(32)+":"}
-function Ra(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=H;H+=1;null===I&&(I=[]);return La(I,a,b)}if(a.$$typeof===ya)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Ta(){return(new AbortController).signal}function Ua(){var a=x();return a?a.cache:new Map}
-var Va={getCacheSignal:function(){var a=Ua(),b=a.get(Ta);void 0===b&&(b=Ta(),a.set(Ta,b));return b},getCacheForType:function(a){var b=Ua(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Wa=Array.isArray,Xa=Object.getPrototypeOf;function Ya(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function Za(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Wa(a))return"[...]";a=Ya(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function K(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return K(a.render);case Ca:return K(a.type);case C:var b=a._payload;a=a._init;try{return K(a(b))}catch(d){}}return""}
-function L(a,b){var d=Ya(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Wa(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?L(g):Za(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+K(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?L(h):
-Za(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var $a=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ab=da.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!ab)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 bb=Object.prototype,M=JSON.stringify,cb=ab.ReactCurrentCache,db=$a.ReactCurrentDispatcher;function eb(a){console.error(a)}function fb(){}
-function gb(a,b,d,c,e,f){if(null!==cb.current&&cb.current!==Va)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;cb.current=Va;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?eb:d,onPostpone:void 0===f?fb:f,toJSON:function(n,z){return hb(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=wa.getStore();return a?a:null}
-function ib(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,jb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;jb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");kb(a)}function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function mb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:lb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:mb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===xa?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case za:return a=b.render,H=0,I=f,a(e,void 0);case Ca:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Za(b));}function jb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return nb(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return jb(a,e)},thenableState:null};c.add(e);return e}
-function T(a){return"$"+a.toString(16)}function ob(a,b,d){a=M(d);return b.toString(16)+":"+a+"\n"}
-function pb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===d?"$L"+g.toString(16):T(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var n=k[h];if(n)g=n.name;else{var z=h.lastIndexOf("#");-1!==z&&(g=h.slice(z+1),n=k[h.slice(0,z)]);if(!n)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var aa=a.nextChunkId++,Jb=M(u),Kb=aa.toString(16)+":I"+Jb+"\n";a.completedImportChunks.push(Kb);f.set(e,aa);return b[0]===B&&"1"===d?"$L"+aa.toString(16):T(aa)}catch(Lb){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,Lb),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=N(a,b,D,a.abortableTasks);qb(a,b);return b.id}var V=!1;
-function hb(a,b,d,c){switch(c){case B:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===B||c.$$typeof===C);)try{switch(c.$$typeof){case B:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(V===c)V=null;else return T(f)}else e.set(c,-1);var k=c;c=S(a,k.type,k.key,k.ref,k.props,null);break;case C:var h=c._init;c=h(c._payload)}}catch(n){b=n===Ja?Ma():n;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=N(a,c,D,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=Na(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=P(a,b);Q(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===t)return pb(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(V===c)V=null;else return"$@"+d.toString(16);a=ib(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=U(a,c),T(a);if(V===c)V=null;else return T(d)}else b.set(c,-1);if(Wa(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+U(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Ea&&c[Ea]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Xa(c);if(a!==
-bb&&(null===a||null!==Xa(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,d="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",a.completedRegularChunks.push(d,c),T(b);a="$"===c[0]?"$"+
-c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===t)return pb(a,b,d,c);if(c.$$typeof===v)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=U(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-L(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+L(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-L(b,d));a.pendingChunks++;b=a.nextChunkId++;d=ob(a,b,"$S"+f);a.completedImportChunks.push(d);e.set(c,b);return T(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+L(b,d));}
-function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function rb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+M(d)+"\n";a.completedErrorChunks.push(b)}
-function qb(a,b){if(0===b.status){var d=D,c=b.context;d!==c&&(null===d?Ga(c):null===c?Fa(d):d.depth===c.depth?E(d,c):d.depth>c.depth?Ha(d,c):Ia(d,c),D=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===B){a.writtenObjects.set(e,b.id);d=e;var f=b.thenableState;b.model=e;e=S(a,d.type,d.key,d.ref,d.props,f);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===B;)a.writtenObjects.set(e,b.id),f=e,b.model=e,e=S(a,f.type,f.key,f.ref,f.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var g=b.id;V=e;var k=M(e,a.toJSON),h=g.toString(16)+":"+k+"\n";a.completedRegularChunks.push(h);a.abortableTasks.delete(b);b.status=1}catch(n){g=n===Ja?Ma():n,"object"===typeof g&&null!==g&&"function"===typeof g.then?(a=b.ping,g.then(a,a),b.thenableState=Na()):(a.abortableTasks.delete(b),b.status=4,g=P(a,g),Q(a,b.id,g))}}}
-function nb(a){var b=db.current;db.current=Sa;var d=O;G=O=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)qb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),rb(a,f)}finally{db.current=b,G=null,O=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!r(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!r(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!r(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!r(b,g[c])){a.destination=
-null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function sb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return wa.run(a,nb,a)})}function kb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function tb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),rb(a,d)}}}
-function ub(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e);d.forEach(function(g){g.status=3;var k=T(c);g=ob(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),rb(a,g)}}
-function vb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var wb=new Map;
-function xb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function yb(){}
-function zb(a){for(var b=a[1],d=[],c=0;c<b.length;c++){var e=b[c],f=wb.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);d.push(f);var g=wb.set.bind(wb,e,null);f.then(g,yb);wb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?xb(a[0]):Promise.all(d).then(function(){return xb(a[0])}):0<d.length?Promise.all(d):null}
-function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Ab(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Ab.prototype=Object.create(Promise.prototype);
-Ab.prototype.then=function(a,b){switch(this.status){case "resolved_model":Bb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Cb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Db(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Cb(d,b)}}function Eb(a,b,d,c,e,f){var g=vb(a._bundlerConfig,b);a=zb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Fb(c,e,f),Gb(c));return null}var X=null,Y=null;
-function Bb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Hb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Db(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Ab("resolved_model",c,null,a):new Ab("pending",null,null,a),d.set(b,c));return c}function Fb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Cb(e,c.value))}}function Gb(a){return function(b){return Db(a,b)}}
-function Ib(a,b){a=Z(a,b);"resolved_model"===a.status&&Bb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Mb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Ib(a,c),Eb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Ib(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Ib(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Bb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Fb(c,b,d),Gb(c)),null;default:throw a.reason;}}return c}
-function Nb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Mb(e,this,f,g):g}};return e}
-function Ob(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Bb(b),b.status){case "fulfilled":Cb(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Cb(a,b.reason)}}function Pb(a){Hb(a,Error("Connection closed."))}
-function Qb(a,b,d){var c=vb(a,b);a=zb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}function Rb(a,b,d){a=Nb(b,d,a);Pb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Sb(a,b){return function(){return tb(b,a)}}exports.createClientModuleProxy=function(a){a=w({},a,!1);return new Proxy(a,ma)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Rb(a,b,e),c=Qb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Qb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Nb(b,"",a);b=Z(a,0);Pb(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=Nb(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):Ob(d,f,g)});a.on("file",function(f,g,k){var h=k.filename,n=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var z=[];g.on("data",function(u){z.push(u)});g.on("end",function(){var u=
-new Blob(z,{type:n});d._formData.append(f,u,h);c--;if(0===c){for(u=0;u<e.length;u+=2)Ob(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){Pb(d)});a.on("error",function(f){Hb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return w(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ja}})};
-exports.renderToPipeableStream=function(a,b,d){var c=gb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;sb(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;tb(c,f);f.on("drain",Sb(f,c));return f},abort:function(f){ub(c,f)}}};
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,ea.encode(b));else{var c=l;0<m&&(c=l.subarray(m));c=ea.encodeInto(b,c);var d=c.read;m+=c.written;d<b.length&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=ea.encodeInto(b.slice(d),l).written);2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,b)):(c=l.length-m,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),m),m+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)));return q}var ea=new aa.TextEncoder,v=Symbol.for("react.client.reference"),w=Symbol.for("react.server.reference");function x(a,b,c){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:b},$$async:{value:c}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;
+function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===w){var b=ha.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ia}})}return a}
+var ja=Promise.prototype,ka={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function la(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=x(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=x({},a.$$id,!0),e=new Proxy(d,ma);a.status="fulfilled";a.value=e;return a.then=x(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=x(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ka));return d}
+var ma={get:function(a,b){return la(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:la(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ja},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ua={prefetchDNS:na,preconnect:oa,preload:pa,preloadModule:qa,preinitStyle:ra,preinitScript:sa,preinitModuleScript:ta};
+function na(a){if("string"===typeof a&&a){var b=y();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),z(b,"D",a))}}}function oa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?z(c,"C",[a,b]):z(c,"C",a))}}}
+function pa(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(c=A(c))?z(d,"L",[a,b,c]):z(d,"L",[a,b]))}}}function qa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"m",[a,b]):z(c,"m",a)}}}
+function ra(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="S|"+a;if(!e.has(f))return e.add(f),(c=A(c))?z(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?z(d,"S",[a,b]):z(d,"S",a)}}}function sa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"X",[a,b]):z(c,"X",a)}}}function ta(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"M",[a,b]):z(c,"M",a)}}}
+function A(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}var va=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,wa=new ba.AsyncLocalStorage,B=Symbol.for("react.element"),xa=Symbol.for("react.fragment"),ya=Symbol.for("react.context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),Da=Symbol.for("react.memo_cache_sentinel");
+Symbol.for("react.postpone");var Ea=Symbol.iterator,Fa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");function Ga(){}
+function Ha(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ga,Ga),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}E=b;throw Fa;}}var E=null;
+function Ia(){if(null===E)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=E;E=null;return a}var F=null,Ja=0,G=null;function Ka(){var a=G||[];G=null;return a}
+var Pa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:La,useContext:La,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ma,useSyncExternalStore:H,useCacheRefresh:function(){return Na},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Da;return b},use:Oa};
+function H(){throw Error("This Hook is not supported in Server Components.");}function Na(){throw Error("Refreshing the cache is not supported in Server Components.");}function La(){throw Error("Cannot read a Client Context from a Server Component.");}function Ma(){if(null===F)throw Error("useId can only be used while React is rendering");var a=F.identifierCount++;return":"+F.identifierPrefix+"S"+a.toString(32)+":"}
+function Oa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ja;Ja+=1;null===G&&(G=[]);return Ha(G,a,b)}a.$$typeof===ya&&La()}if(a.$$typeof===v){if(null!=a.value&&a.value.$$typeof===ya)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Qa(){return(new AbortController).signal}
+function Ra(){var a=y();return a?a.cache:new Map}var Sa={getCacheSignal:function(){var a=Ra(),b=a.get(Qa);void 0===b&&(b=Qa(),a.set(Qa,b));return b},getCacheForType:function(a){var b=Ra(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Ta=Array.isArray,Ua=Object.getPrototypeOf;function Va(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Wa(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ta(a))return"[...]";if(null!==a&&a.$$typeof===Xa)return"client";a=Va(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Xa?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function I(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return I(a.render);case Ca:return I(a.type);case D:var b=a._payload;a=a._init;try{return I(a(b))}catch(c){}}return""}var Xa=Symbol.for("react.client.reference");
+function J(a,b){var c=Va(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Ta(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Wa(g);""+f===b?(c=e.length,d=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+I(a.type)+"/>";else{if(a.$$typeof===Xa)return"client";e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h=
+"object"===typeof h&&null!==h?J(h):Wa(h);k===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Ya=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Za=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Za)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 $a=Object.prototype,K=JSON.stringify,ab=Za.ReactCurrentCache,bb=Ya.ReactCurrentDispatcher;function cb(a){console.error(a)}function db(){}
+function eb(a,b,c,d,e){if(null!==ab.current&&ab.current!==Sa)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;ab.current=Sa;var f=new Set,g=[],k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?cb:c,onPostpone:void 0===e?db:e};a=L(b,a,null,!1,f);g.push(a);return b}var M=null;function y(){if(M)return M;var a=wa.getStore();return a?a:null}
+function fb(a,b,c){var d=L(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,gb(a,d),d.id;case "rejected":return b=N(a,c.reason),O(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;gb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&P(a,a.destination)});return d.id}function z(a,b,c){c=K(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");hb(a)}function ib(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function jb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:D,_payload:a,_init:ib}}
+function kb(a,b,c,d,e){var f=b.thenableState;b.thenableState=null;Ja=0;G=f;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=jb(d)}e=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=Q(a,b,R,"",d);b.keyPath=e;b.implicitSlot=f;return a}
+function lb(a,b,c,d,e,f){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===v?[B,c,d,f]:kb(a,b,d,c,f);if("string"===typeof c)return[B,c,d,f];if("symbol"===typeof c)return c===xa&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=Q(a,b,R,"",f.children),b.implicitSlot=d,a):[B,c,d,f];if(null!=c&&"object"===typeof c){if(c.$$typeof===v)return[B,c,d,f];switch(c.$$typeof){case D:var g=
+c._init;c=g(c._payload);return lb(a,b,c,d,e,f);case za:return kb(a,b,d,c.render,f);case Ca:return lb(a,b,c.type,d,e,f)}}throw Error("Unsupported Server Component type: "+Wa(c));}function gb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return mb(a)}))}
+function L(a,b,c,d,e){a.pendingChunks++;var f=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return gb(a,g)},toJSON:function(k,h){var p=g.keyPath,t=g.implicitSlot;try{var n=Q(a,g,this,k,h)}catch(Z){if(k=Z===Fa?Ia():Z,h=g.model,h="object"===typeof h&&null!==h&&(h.$$typeof===B||h.$$typeof===D),"object"===typeof k&&null!==k&&"function"===typeof k.then){n=L(a,g.model,g.keyPath,g.implicitSlot,a.abortableTasks);
+var C=n.ping;k.then(C,C);n.thenableState=Ka();g.keyPath=p;g.implicitSlot=t;n=h?"$L"+n.id.toString(16):S(n.id)}else if(g.keyPath=p,g.implicitSlot=t,h)a.pendingChunks++,p=a.nextChunkId++,t=N(a,k),O(a,p,t),n="$L"+p.toString(16);else throw k;}return n},thenableState:null};e.add(g);return g}function S(a){return"$"+a.toString(16)}function nb(a,b,c){a=K(c);return b.toString(16)+":"+a+"\n"}
+function ob(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=d.$$id;g="";var p=k[h];if(p)g=p.name;else{var t=h.lastIndexOf("#");-1!==t&&(g=h.slice(t+1),p=k[h.slice(0,t)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var n=!0===d.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var C=a.nextChunkId++,Z=K(n),Ib=C.toString(16)+":I"+Z+"\n";a.completedImportChunks.push(Ib);f.set(e,C);return b[0]===B&&"1"===c?"$L"+C.toString(16):S(C)}catch(Jb){return a.pendingChunks++,b=a.nextChunkId++,c=N(a,Jb),O(a,b,c),S(b)}}function T(a,b){b=L(a,b,null,!1,a.abortableTasks);pb(a,b);return b.id}var U=!1;
+function Q(a,b,c,d,e){b.model=e;if(e===B)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case B:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);return lb(a,b,e.type,e.key,e.ref,e.props);case D:return b.thenableState=null,c=e._init,e=c(e._payload),Q(a,b,R,"",e)}if(e.$$typeof===v)return ob(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(U===e)U=null;else return"$@"+
+d.toString(16);a=fb(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);if(Ta(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+T(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+T(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ea&&e[Ea]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Ua(e);if(a!==$a&&(null===a||null!==Ua(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,c="string"===typeof e?Buffer.byteLength(e,"utf8"):e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,e),S(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===v)return ob(a,c,d,e);if(e.$$typeof===w)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+J(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+J(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var f=b.get(e);if(void 0!==f)return S(f);f=e.description;if(Symbol.for(f)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+J(c,d));a.pendingChunks++;c=a.nextChunkId++;d=nb(a,c,"$S"+f);a.completedImportChunks.push(d);b.set(e,c);return S(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+J(c,d));}function N(a,b){var c=M;M=null;try{var d=wa.run(void 0,a.onError,b)}finally{M=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}
+function qb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b,c){c={digest:c};b=b.toString(16)+":E"+K(c)+"\n";a.completedErrorChunks.push(b)}var R={};
+function pb(a,b){if(0===b.status)try{U=b.model;var c=Q(a,b,R,"",b.model);U=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?K(c,b.toJSON):K(c),e=b.id.toString(16)+":"+d+"\n";a.completedRegularChunks.push(e);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Fa?Ia():h;if("object"===typeof f&&null!==f&&"function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Ka()}else{a.abortableTasks.delete(b);b.status=4;var k=N(a,f);O(a,b.id,k)}}finally{}}
+function mb(a){var b=bb.current;bb.current=Pa;var c=M;F=M=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)pb(a,d[e]);null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),qb(a,f)}finally{bb.current=b,F=null,M=c}}
+function P(a,b){l=new Uint8Array(2048);m=0;q=!0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)if(a.pendingChunks--,!u(b,c[d])){a.destination=null;d++;break}c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)if(!u(b,e[d])){a.destination=null;d++;break}e.splice(0,d);var f=a.completedRegularChunks;for(d=0;d<f.length;d++)if(a.pendingChunks--,!u(b,f[d])){a.destination=null;d++;break}f.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)if(a.pendingChunks--,!u(b,g[d])){a.destination=
+null;d++;break}g.splice(0,d)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function rb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return wa.run(a,mb,a)})}function hb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return P(a,b)})}}
+function sb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{P(a,b)}catch(c){N(a,c),qb(a,c)}}}
+function tb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=N(a,e);O(a,d,f,e);c.forEach(function(g){g.status=3;var k=S(d);g=nb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),qb(a,g)}}
+function ub(a,b){var c="",d=a[b];if(d)c=d.name;else{var e=b.lastIndexOf("#");-1!==e&&(c=b.slice(e+1),d=a[b.slice(0,e)]);if(!d)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[d.id,d.chunks,c]}var vb=new Map;
+function wb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function xb(){}
+function yb(a){for(var b=a[1],c=[],d=0;d<b.length;d++){var e=b[d],f=vb.get(e);if(void 0===f){f=globalThis.__next_chunk_load__(e);c.push(f);var g=vb.set.bind(vb,e,null);f.then(g,xb);vb.set(e,f)}else null!==f&&c.push(f)}return 4===a.length?0===c.length?wb(a[0]):Promise.all(c).then(function(){return wb(a[0])}):0<c.length?Promise.all(c):null}
+function V(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function zb(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}zb.prototype=Object.create(Promise.prototype);
+zb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Ab(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Bb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Cb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Bb(c,b)}}function Db(a,b,c,d,e,f){var g=ub(a._bundlerConfig,b);a=yb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=V(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return V(g)});else return V(g);c.then(Eb(d,e,f),Fb(d));return null}var W=null,X=null;
+function Ab(a){var b=W,c=X;W=a;X=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=c}}function Gb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Cb(c,b)})}
+function Y(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new zb("resolved_model",d,null,a):new zb("pending",null,null,a),c.set(b,d));return d}function Eb(a,b,c){if(X){var d=X;d.deps++}else d=X={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&Bb(e,d.value))}}function Fb(a){return function(b){return Cb(a,b)}}
+function Hb(a,b){a=Y(a,b);"resolved_model"===a.status&&Ab(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Kb(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Y(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=Hb(a,d),Db(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=Hb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Hb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":Ab(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(Eb(d,b,c),Fb(d)),null;default:throw a.reason;}}return d}
+function Lb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(f,g){return"string"===typeof g?Kb(e,this,f,g):g}};return e}
+function Mb(a,b,c){a._formData.append(b,c);var d=a._prefix;if(b.startsWith(d)&&(a=a._chunks,b=+b.slice(d.length),(b=a.get(b))&&"pending"===b.status&&(d=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==d)))switch(Ab(b),b.status){case "fulfilled":Bb(d,b.value);break;case "pending":case "blocked":b.value=d;b.reason=a;break;case "rejected":a&&Bb(a,b.reason)}}function Nb(a){Gb(a,Error("Connection closed."))}
+function Ob(a,b,c){var d=ub(a,b);a=yb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var f=V(d);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(d)}):Promise.resolve(V(d))}function Pb(a,b,c){a=Lb(b,c,a);Nb(a);a=Y(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Qb(a,b){return function(){return sb(b,a)}}exports.createClientModuleProxy=function(a){a=x({},a,!1);return new Proxy(a,ma)};
+exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Pb(a,b,e),d=Ob(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),d=Ob(b,e,null)):c.append(f,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Lb(b,"",a);b=Y(a,0);Nb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Lb(b,""),d=0,e=[];a.on("field",function(f,g){0<d?e.push(f,g):Mb(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");d++;var t=[];g.on("data",function(n){t.push(n)});g.on("end",function(){var n=
+new Blob(t,{type:p});c._formData.append(f,n,h);d--;if(0===d){for(n=0;n<e.length;n+=2)Mb(c,e[n],e[n+1]);e.length=0}})});a.on("finish",function(){Nb(c)});a.on("error",function(f){Gb(c,f)});return Y(c,0)};exports.registerClientReference=function(a,b,c){return x(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ia,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var d=eb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),e=!1;rb(d);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;sb(d,f);f.on("drain",Qb(f,d));return f},abort:function(f){tb(d,f)}}};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.node.production.min.js.map
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 1543799e53b9ba..75cdfa5b6960f2 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return typeof chunk === 'string' ? Buffer.byteLength(chunk, 'utf8') : chunk.byteLength;
 }
@@ -226,10 +219,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -241,7 +234,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -288,13 +281,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -333,6 +329,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -345,89 +345,117 @@ var deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-var proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
 
-      case '$$async':
-        return target.$$async;
-
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      var moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        var clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        var moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  var cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          var clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          var proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          var then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    var reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    var cachedReference = target[name];
+var proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    var descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      var reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
   getPrototypeOf: function (target) {
     // Pretend to be a Promise in case anyone asks.
@@ -735,6 +763,7 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -743,7 +772,7 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -767,146 +796,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1035,29 +924,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1068,8 +941,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1102,6 +975,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1127,20 +1004,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1278,6 +1157,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1288,7 +1171,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1334,6 +1225,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1412,6 +1309,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1462,9 +1361,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1474,7 +1373,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1529,7 +1428,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1560,21 +1459,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1590,13 +1487,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1732,14 +1634,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1754,47 +1778,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
 
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1803,19 +1816,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1835,16 +1846,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1913,13 +1959,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1938,7 +1984,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1958,13 +2004,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2044,110 +2091,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+var modelRoot = false;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
-
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2155,61 +2169,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
+          var element = value;
 
-    var _writtenObjects = request.writtenObjects;
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+          var props = element.props;
+          var ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
 
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2223,7 +2328,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2235,14 +2340,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2257,9 +2362,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2287,19 +2392,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2317,7 +2424,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2332,17 +2439,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2401,8 +2531,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2442,62 +2575,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2523,6 +2673,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2734,11 +2888,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   var idx = id.lastIndexOf('#');
   var specifier = id.slice(0, idx);
@@ -3415,7 +3564,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 83fc77c3fd2e71..541f624fb46d8d 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -177,10 +176,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -192,7 +191,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -239,13 +238,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -284,6 +286,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -296,89 +302,117 @@ const deepProxyHandlers = {
     throw new Error('Cannot assign to a client module from a server module.');
   }
 };
-const proxyHandlers = {
-  get: function (target, name, receiver) {
-    switch (name) {
-      // These names are read by the Flight runtime if you end up using the exports object.
-      case '$$typeof':
-        return target.$$typeof;
-
-      case '$$id':
-        return target.$$id;
-
-      case '$$async':
-        return target.$$async;
 
-      case 'name':
-        return target.name;
-      // We need to special case this because createElement reads it if we pass this
-      // reference.
+function getReference(target, name) {
+  switch (name) {
+    // These names are read by the Flight runtime if you end up using the exports object.
+    case '$$typeof':
+      return target.$$typeof;
+
+    case '$$id':
+      return target.$$id;
+
+    case '$$async':
+      return target.$$async;
+
+    case 'name':
+      return target.name;
+    // We need to special case this because createElement reads it if we pass this
+    // reference.
+
+    case 'defaultProps':
+      return undefined;
+    // Avoid this attempting to be serialized.
+
+    case 'toJSON':
+      return undefined;
+
+    case Symbol.toPrimitive:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toPrimitive];
+
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
+    case '__esModule':
+      // Something is conditionally checking which export to use. We'll pretend to be
+      // an ESM compat module but then we'll check again on the client.
+      const moduleId = target.$$id;
+      target.default = registerClientReferenceImpl(function () {
+        throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
+      }, target.$$id + '#', target.$$async);
+      return true;
+
+    case 'then':
+      if (target.then) {
+        // Use a cached value
+        return target.then;
+      }
 
-      case 'defaultProps':
+      if (!target.$$async) {
+        // If this module is expected to return a Promise (such as an AsyncModule) then
+        // we should resolve that with a client reference that unwraps the Promise on
+        // the client.
+        const clientReference = registerClientReferenceImpl({}, target.$$id, true);
+        const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
+
+        target.status = 'fulfilled';
+        target.value = proxy;
+        const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
+          // Expose to React.
+          return Promise.resolve(resolve(proxy));
+        }, // If this is not used as a Promise but is treated as a reference to a `.then`
+        // export then we should treat it as a reference to that name.
+        target.$$id + '#then', false);
+        return then;
+      } else {
+        // Since typeof .then === 'function' is a feature test we'd continue recursing
+        // indefinitely if we return a function. Instead, we return an object reference
+        // if we check further.
         return undefined;
-      // Avoid this attempting to be serialized.
+      }
 
-      case 'toJSON':
-        return undefined;
+  }
 
-      case Symbol.toPrimitive:
-        // $FlowFixMe[prop-missing]
-        return Object.prototype[Symbol.toPrimitive];
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
 
-      case '__esModule':
-        // Something is conditionally checking which export to use. We'll pretend to be
-        // an ESM compat module but then we'll check again on the client.
-        const moduleId = target.$$id;
-        target.default = registerClientReferenceImpl(function () {
-          throw new Error("Attempted to call the default export of " + moduleId + " from the server " + "but it's on the client. It's not possible to invoke a client function from " + "the server, it can only be rendered as a Component or passed to props of a " + "Client Component.");
-        }, target.$$id + '#', target.$$async);
-        return true;
-
-      case 'then':
-        if (target.then) {
-          // Use a cached value
-          return target.then;
-        }
+  let cachedReference = target[name];
 
-        if (!target.$$async) {
-          // If this module is expected to return a Promise (such as an AsyncModule) then
-          // we should resolve that with a client reference that unwraps the Promise on
-          // the client.
-          const clientReference = registerClientReferenceImpl({}, target.$$id, true);
-          const proxy = new Proxy(clientReference, proxyHandlers); // Treat this as a resolved Promise for React's use()
-
-          target.status = 'fulfilled';
-          target.value = proxy;
-          const then = target.then = registerClientReferenceImpl(function then(resolve, reject) {
-            // Expose to React.
-            return Promise.resolve(resolve(proxy));
-          }, // If this is not used as a Promise but is treated as a reference to a `.then`
-          // export then we should treat it as a reference to that name.
-          target.$$id + '#then', false);
-          return then;
-        } else {
-          // Since typeof .then === 'function' is a feature test we'd continue recursing
-          // indefinitely if we return a function. Instead, we return an object reference
-          // if we check further.
-          return undefined;
-        }
+  if (!cachedReference) {
+    const reference = registerClientReferenceImpl(function () {
+      throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+      "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
+    }, target.$$id + '#' + name, target.$$async);
+    Object.defineProperty(reference, 'name', {
+      value: name
+    });
+    cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+  }
 
-    }
+  return cachedReference;
+}
 
-    let cachedReference = target[name];
+const proxyHandlers = {
+  get: function (target, name, receiver) {
+    return getReference(target, name);
+  },
+  getOwnPropertyDescriptor: function (target, name) {
+    let descriptor = Object.getOwnPropertyDescriptor(target, name);
 
-    if (!cachedReference) {
-      const reference = registerClientReferenceImpl(function () {
-        throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
-        "Attempted to call " + String(name) + "() from the server but " + String(name) + " is on the client. " + "It's not possible to invoke a client function from the server, it can " + "only be rendered as a Component or passed to props of a Client Component.");
-      }, target.$$id + '#' + name, target.$$async);
-      Object.defineProperty(reference, 'name', {
-        value: name
-      });
-      cachedReference = target[name] = new Proxy(reference, deepProxyHandlers);
+    if (!descriptor) {
+      descriptor = {
+        value: getReference(target, name),
+        writable: false,
+        configurable: false,
+        enumerable: false
+      };
+      Object.defineProperty(target, name, descriptor);
     }
 
-    return cachedReference;
+    return descriptor;
   },
 
   getPrototypeOf(target) {
@@ -688,6 +722,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -696,7 +731,7 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -720,146 +755,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -988,16 +883,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1011,8 +903,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1048,6 +940,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1073,14 +969,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1159,6 +1063,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1169,7 +1077,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1215,6 +1130,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1262,6 +1183,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1341,7 +1264,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1372,21 +1295,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1402,13 +1319,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1542,61 +1455,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1605,19 +1574,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1635,14 +1602,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1711,13 +1694,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1736,7 +1719,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1756,13 +1739,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1842,91 +1826,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1934,9 +1904,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1956,20 +1987,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -1982,8 +2013,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -1997,7 +2027,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2017,7 +2047,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2047,19 +2077,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2076,7 +2105,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2091,17 +2120,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2171,62 +2223,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2252,6 +2296,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2454,11 +2499,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   const idx = id.lastIndexOf('#');
   const specifier = id.slice(0, idx);
@@ -3116,7 +3156,7 @@ function createDrainHandler(destination, request) {
 }
 
 function renderToPipeableStream(model, turbopackMap, options) {
-  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, turbopackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
index 35eb3d5c6c3bab..2302470110fc63 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-turbopack/cjs/react-server-dom-turbopack-server.node.unbundled.production.min.js
@@ -7,72 +7,72 @@
  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 ba=require("util");require("crypto");var ca=require("async_hooks"),da=require("react"),ea=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new ba.TextEncoder,t=Symbol.for("react.client.reference"),v=Symbol.for("react.server.reference");function w(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:d}})}var ha=Function.prototype.bind,ia=Array.prototype.slice;
-function ja(){var a=ha.apply(this,arguments);if(this.$$typeof===v){var b=ia.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ja}})}return a}
-var ka=Promise.prototype,la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
-}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ma={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];
-case "__esModule":var d=a.$$id;a.default=w(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=w({},a.$$id,!0),e=new Proxy(c,ma);a.status="fulfilled";a.value=e;return a.then=w(function(f){return Promise.resolve(f(e))},
-a.$$id+"#then",!1)}c=a[b];c||(c=w(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,la));return c},getPrototypeOf:function(){return ka},set:function(){throw Error("Cannot assign to a client module from a server module.");
-}},ua={prefetchDNS:na,preconnect:oa,preload:pa,preloadModule:qa,preinitStyle:ra,preinitScript:sa,preinitModuleScript:ta};function na(a){if("string"===typeof a&&a){var b=x();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),y(b,"D",a))}}}function oa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?y(d,"C",[a,b]):y(d,"C",a))}}}
-function pa(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=A(d))?y(c,"L",[a,b,d]):y(c,"L",[a,b]))}}}function qa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"m",[a,b]):y(d,"m",a)}}}
-function ra(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=A(d))?y(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?y(c,"S",[a,b]):y(c,"S",a)}}}function sa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"X",[a,b]):y(d,"X",a)}}}function ta(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"M",[a,b]):y(d,"M",a)}}}
-function A(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var va=ea.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,wa=new ca.AsyncLocalStorage,B=Symbol.for("react.element"),xa=Symbol.for("react.fragment"),ya=Symbol.for("react.server_context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),Da=Symbol.for("react.memo_cache_sentinel");
-Symbol.for("react.postpone");var Ea=Symbol.iterator,D=null;function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Fa(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Fa(a)}
-function Ga(a){var b=a.parent;null!==b&&Ga(b);a.context._currentValue=a.value}function Ha(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Ha(a,b)}
-function Ia(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ia(a,d);b.context._currentValue=b.value}var Ja=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ka(){}function La(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ka,Ka),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}F=b;throw Ja;}}var F=null;
-function Ma(){if(null===F)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=F;F=null;return a}var G=null,H=0,I=null;function Na(){var a=I;I=null;return a}function Oa(a){return a._currentValue}
-var Sa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:J,useTransition:J,readContext:Oa,useContext:Oa,useReducer:J,useRef:J,useState:J,useInsertionEffect:J,useLayoutEffect:J,useImperativeHandle:J,useEffect:J,useId:Pa,useSyncExternalStore:J,useCacheRefresh:function(){return Qa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Da;return b},use:Ra};
-function J(){throw Error("This Hook is not supported in Server Components.");}function Qa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Pa(){if(null===G)throw Error("useId can only be used while React is rendering");var a=G.identifierCount++;return":"+G.identifierPrefix+"S"+a.toString(32)+":"}
-function Ra(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=H;H+=1;null===I&&(I=[]);return La(I,a,b)}if(a.$$typeof===ya)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Ta(){return(new AbortController).signal}function Ua(){var a=x();return a?a.cache:new Map}
-var Va={getCacheSignal:function(){var a=Ua(),b=a.get(Ta);void 0===b&&(b=Ta(),a.set(Ta,b));return b},getCacheForType:function(a){var b=Ua(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Wa=Array.isArray,Xa=Object.getPrototypeOf;function Ya(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function Za(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Wa(a))return"[...]";a=Ya(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function K(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return K(a.render);case Ca:return K(a.type);case C:var b=a._payload;a=a._init;try{return K(a(b))}catch(d){}}return""}
-function L(a,b){var d=Ya(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Wa(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?L(g):Za(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+K(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?L(h):
-Za(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var $a=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,ab=da.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!ab)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 bb=Object.prototype,M=JSON.stringify,cb=ab.ReactCurrentCache,db=$a.ReactCurrentDispatcher;function eb(a){console.error(a)}function fb(){}
-function gb(a,b,d,c,e,f){if(null!==cb.current&&cb.current!==Va)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;cb.current=Va;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?eb:d,onPostpone:void 0===f?fb:f,toJSON:function(n,z){return hb(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=wa.getStore();return a?a:null}
-function ib(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,jb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;jb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");kb(a)}function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function mb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:lb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:mb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===xa?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case za:return a=b.render,H=0,I=f,a(e,void 0);case Ca:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Za(b));}function jb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return nb(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return jb(a,e)},thenableState:null};c.add(e);return e}
-function T(a){return"$"+a.toString(16)}function ob(a,b,d){a=M(d);return b.toString(16)+":"+a+"\n"}
-function pb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===d?"$L"+g.toString(16):T(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var n=k[h];if(n)g=n.name;else{var z=h.lastIndexOf("#");-1!==z&&(g=h.slice(z+1),n=k[h.slice(0,z)]);if(!n)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var aa=a.nextChunkId++,Ib=M(u),Jb=aa.toString(16)+":I"+Ib+"\n";a.completedImportChunks.push(Jb);f.set(e,aa);return b[0]===B&&"1"===d?"$L"+aa.toString(16):T(aa)}catch(Kb){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,Kb),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=N(a,b,D,a.abortableTasks);qb(a,b);return b.id}var V=!1;
-function hb(a,b,d,c){switch(c){case B:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===B||c.$$typeof===C);)try{switch(c.$$typeof){case B:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(V===c)V=null;else return T(f)}else e.set(c,-1);var k=c;c=S(a,k.type,k.key,k.ref,k.props,null);break;case C:var h=c._init;c=h(c._payload)}}catch(n){b=n===Ja?Ma():n;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=N(a,c,D,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=Na(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=P(a,b);Q(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===t)return pb(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(V===c)V=null;else return"$@"+d.toString(16);a=ib(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=U(a,c),T(a);if(V===c)V=null;else return T(d)}else b.set(c,-1);if(Wa(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+U(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Ea&&c[Ea]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Xa(c);if(a!==
-bb&&(null===a||null!==Xa(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,d="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",a.completedRegularChunks.push(d,c),T(b);a="$"===c[0]?"$"+
-c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===t)return pb(a,b,d,c);if(c.$$typeof===v)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=U(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-L(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+L(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-L(b,d));a.pendingChunks++;b=a.nextChunkId++;d=ob(a,b,"$S"+f);a.completedImportChunks.push(d);e.set(c,b);return T(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+L(b,d));}
-function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function rb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+M(d)+"\n";a.completedErrorChunks.push(b)}
-function qb(a,b){if(0===b.status){var d=D,c=b.context;d!==c&&(null===d?Ga(c):null===c?Fa(d):d.depth===c.depth?E(d,c):d.depth>c.depth?Ha(d,c):Ia(d,c),D=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===B){a.writtenObjects.set(e,b.id);d=e;var f=b.thenableState;b.model=e;e=S(a,d.type,d.key,d.ref,d.props,f);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===B;)a.writtenObjects.set(e,b.id),f=e,b.model=e,e=S(a,f.type,f.key,f.ref,f.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var g=b.id;V=e;var k=M(e,a.toJSON),h=g.toString(16)+":"+k+"\n";a.completedRegularChunks.push(h);a.abortableTasks.delete(b);b.status=1}catch(n){g=n===Ja?Ma():n,"object"===typeof g&&null!==g&&"function"===typeof g.then?(a=b.ping,g.then(a,a),b.thenableState=Na()):(a.abortableTasks.delete(b),b.status=4,g=P(a,g),Q(a,b.id,g))}}}
-function nb(a){var b=db.current;db.current=Sa;var d=O;G=O=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)qb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),rb(a,f)}finally{db.current=b,G=null,O=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!r(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!r(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!r(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!r(b,g[c])){a.destination=
-null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function sb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return wa.run(a,nb,a)})}function kb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function tb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),rb(a,d)}}}
-function ub(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e);d.forEach(function(g){g.status=3;var k=T(c);g=ob(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),rb(a,g)}}function vb(a,b){var d=b.lastIndexOf("#");a=b.slice(0,d);b=b.slice(d+1);return{specifier:a,name:b}}var wb=new Map;
-function xb(a){var b=wb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});wb.set(a.specifier,d);return d}function W(a){var b=wb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}
-function yb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}yb.prototype=Object.create(Promise.prototype);yb.prototype.then=function(a,b){switch(this.status){case "resolved_model":zb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function Ab(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function Bb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Ab(d,b)}}function Cb(a,b,d,c,e,f){var g=vb(a._bundlerConfig,b);a=xb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Db(c,e,f),Eb(c));return null}var X=null,Y=null;
-function zb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Fb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Bb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new yb("resolved_model",c,null,a):new yb("pending",null,null,a),d.set(b,c));return c}function Db(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Ab(e,c.value))}}function Eb(a){return function(b){return Bb(a,b)}}
-function Gb(a,b){a=Z(a,b);"resolved_model"===a.status&&zb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Hb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Gb(a,c),Cb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Gb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Gb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":zb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Db(c,b,d),Eb(c)),null;default:throw a.reason;}}return c}
-function Lb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Hb(e,this,f,g):g}};return e}
-function Mb(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(zb(b),b.status){case "fulfilled":Ab(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Ab(a,b.reason)}}function Nb(a){Fb(a,Error("Connection closed."))}
-function Ob(a,b,d){var c=vb(a,b);a=xb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}function Pb(a,b,d){a=Lb(b,d,a);Nb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Qb(a,b){return function(){return tb(b,a)}}exports.createClientModuleProxy=function(a){a=w({},a,!1);return new Proxy(a,ma)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Pb(a,b,e),c=Ob(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Ob(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Lb(b,"",a);b=Z(a,0);Nb(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=Lb(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):Mb(d,f,g)});a.on("file",function(f,g,k){var h=k.filename,n=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var z=[];g.on("data",function(u){z.push(u)});g.on("end",function(){var u=
-new Blob(z,{type:n});d._formData.append(f,u,h);c--;if(0===c){for(u=0;u<e.length;u+=2)Mb(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){Nb(d)});a.on("error",function(f){Fb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return w(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ja}})};
-exports.renderToPipeableStream=function(a,b,d){var c=gb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;sb(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;tb(c,f);f.on("drain",Qb(f,c));return f},abort:function(f){ub(c,f)}}};
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,ea.encode(b));else{var c=l;0<m&&(c=l.subarray(m));c=ea.encodeInto(b,c);var d=c.read;m+=c.written;d<b.length&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=ea.encodeInto(b.slice(d),l).written);2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,b)):(c=l.length-m,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),m),m+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)));return q}var ea=new aa.TextEncoder,v=Symbol.for("react.client.reference"),w=Symbol.for("react.server.reference");function x(a,b,c){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:b},$$async:{value:c}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;
+function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===w){var b=ha.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ia}})}return a}
+var ja=Promise.prototype,ka={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+}throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
+function la(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=x(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=x({},a.$$id,!0),e=new Proxy(d,ma);a.status="fulfilled";a.value=e;return a.then=x(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=x(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ka));return d}
+var ma={get:function(a,b){return la(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:la(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ja},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ua={prefetchDNS:na,preconnect:oa,preload:pa,preloadModule:qa,preinitStyle:ra,preinitScript:sa,preinitModuleScript:ta};
+function na(a){if("string"===typeof a&&a){var b=y();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),z(b,"D",a))}}}function oa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?z(c,"C",[a,b]):z(c,"C",a))}}}
+function pa(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(c=A(c))?z(d,"L",[a,b,c]):z(d,"L",[a,b]))}}}function qa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"m",[a,b]):z(c,"m",a)}}}
+function ra(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="S|"+a;if(!e.has(f))return e.add(f),(c=A(c))?z(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?z(d,"S",[a,b]):z(d,"S",a)}}}function sa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"X",[a,b]):z(c,"X",a)}}}function ta(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"M",[a,b]):z(c,"M",a)}}}
+function A(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}var va=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,wa=new ba.AsyncLocalStorage,B=Symbol.for("react.element"),xa=Symbol.for("react.fragment"),ya=Symbol.for("react.context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),Da=Symbol.for("react.memo_cache_sentinel");
+Symbol.for("react.postpone");var Ea=Symbol.iterator,Fa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");function Ga(){}
+function Ha(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ga,Ga),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}E=b;throw Fa;}}var E=null;
+function Ia(){if(null===E)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=E;E=null;return a}var F=null,Ja=0,G=null;function Ka(){var a=G||[];G=null;return a}
+var Pa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:La,useContext:La,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ma,useSyncExternalStore:H,useCacheRefresh:function(){return Na},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Da;return b},use:Oa};
+function H(){throw Error("This Hook is not supported in Server Components.");}function Na(){throw Error("Refreshing the cache is not supported in Server Components.");}function La(){throw Error("Cannot read a Client Context from a Server Component.");}function Ma(){if(null===F)throw Error("useId can only be used while React is rendering");var a=F.identifierCount++;return":"+F.identifierPrefix+"S"+a.toString(32)+":"}
+function Oa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ja;Ja+=1;null===G&&(G=[]);return Ha(G,a,b)}a.$$typeof===ya&&La()}if(a.$$typeof===v){if(null!=a.value&&a.value.$$typeof===ya)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Qa(){return(new AbortController).signal}
+function Ra(){var a=y();return a?a.cache:new Map}var Sa={getCacheSignal:function(){var a=Ra(),b=a.get(Qa);void 0===b&&(b=Qa(),a.set(Qa,b));return b},getCacheForType:function(a){var b=Ra(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Ta=Array.isArray,Ua=Object.getPrototypeOf;function Va(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Wa(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ta(a))return"[...]";if(null!==a&&a.$$typeof===Xa)return"client";a=Va(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Xa?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function I(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return I(a.render);case Ca:return I(a.type);case D:var b=a._payload;a=a._init;try{return I(a(b))}catch(c){}}return""}var Xa=Symbol.for("react.client.reference");
+function J(a,b){var c=Va(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Ta(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Wa(g);""+f===b?(c=e.length,d=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+I(a.type)+"/>";else{if(a.$$typeof===Xa)return"client";e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h=
+"object"===typeof h&&null!==h?J(h):Wa(h);k===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Ya=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Za=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Za)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 $a=Object.prototype,K=JSON.stringify,ab=Za.ReactCurrentCache,bb=Ya.ReactCurrentDispatcher;function cb(a){console.error(a)}function db(){}
+function eb(a,b,c,d,e){if(null!==ab.current&&ab.current!==Sa)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;ab.current=Sa;var f=new Set,g=[],k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?cb:c,onPostpone:void 0===e?db:e};a=L(b,a,null,!1,f);g.push(a);return b}var M=null;function y(){if(M)return M;var a=wa.getStore();return a?a:null}
+function fb(a,b,c){var d=L(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,gb(a,d),d.id;case "rejected":return b=N(a,c.reason),O(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;gb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&P(a,a.destination)});return d.id}function z(a,b,c){c=K(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");hb(a)}function ib(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function jb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:D,_payload:a,_init:ib}}
+function kb(a,b,c,d,e){var f=b.thenableState;b.thenableState=null;Ja=0;G=f;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=jb(d)}e=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=Q(a,b,R,"",d);b.keyPath=e;b.implicitSlot=f;return a}
+function lb(a,b,c,d,e,f){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===v?[B,c,d,f]:kb(a,b,d,c,f);if("string"===typeof c)return[B,c,d,f];if("symbol"===typeof c)return c===xa&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=Q(a,b,R,"",f.children),b.implicitSlot=d,a):[B,c,d,f];if(null!=c&&"object"===typeof c){if(c.$$typeof===v)return[B,c,d,f];switch(c.$$typeof){case D:var g=
+c._init;c=g(c._payload);return lb(a,b,c,d,e,f);case za:return kb(a,b,d,c.render,f);case Ca:return lb(a,b,c.type,d,e,f)}}throw Error("Unsupported Server Component type: "+Wa(c));}function gb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return mb(a)}))}
+function L(a,b,c,d,e){a.pendingChunks++;var f=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return gb(a,g)},toJSON:function(k,h){var p=g.keyPath,t=g.implicitSlot;try{var n=Q(a,g,this,k,h)}catch(Z){if(k=Z===Fa?Ia():Z,h=g.model,h="object"===typeof h&&null!==h&&(h.$$typeof===B||h.$$typeof===D),"object"===typeof k&&null!==k&&"function"===typeof k.then){n=L(a,g.model,g.keyPath,g.implicitSlot,a.abortableTasks);
+var C=n.ping;k.then(C,C);n.thenableState=Ka();g.keyPath=p;g.implicitSlot=t;n=h?"$L"+n.id.toString(16):S(n.id)}else if(g.keyPath=p,g.implicitSlot=t,h)a.pendingChunks++,p=a.nextChunkId++,t=N(a,k),O(a,p,t),n="$L"+p.toString(16);else throw k;}return n},thenableState:null};e.add(g);return g}function S(a){return"$"+a.toString(16)}function nb(a,b,c){a=K(c);return b.toString(16)+":"+a+"\n"}
+function ob(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=d.$$id;g="";var p=k[h];if(p)g=p.name;else{var t=h.lastIndexOf("#");-1!==t&&(g=h.slice(t+1),p=k[h.slice(0,t)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var n=!0===d.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var C=a.nextChunkId++,Z=K(n),Hb=C.toString(16)+":I"+Z+"\n";a.completedImportChunks.push(Hb);f.set(e,C);return b[0]===B&&"1"===c?"$L"+C.toString(16):S(C)}catch(Ib){return a.pendingChunks++,b=a.nextChunkId++,c=N(a,Ib),O(a,b,c),S(b)}}function T(a,b){b=L(a,b,null,!1,a.abortableTasks);pb(a,b);return b.id}var U=!1;
+function Q(a,b,c,d,e){b.model=e;if(e===B)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case B:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);return lb(a,b,e.type,e.key,e.ref,e.props);case D:return b.thenableState=null,c=e._init,e=c(e._payload),Q(a,b,R,"",e)}if(e.$$typeof===v)return ob(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(U===e)U=null;else return"$@"+
+d.toString(16);a=fb(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);if(Ta(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+T(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+T(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ea&&e[Ea]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Ua(e);if(a!==$a&&(null===a||null!==Ua(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,c="string"===typeof e?Buffer.byteLength(e,"utf8"):e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,e),S(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===v)return ob(a,c,d,e);if(e.$$typeof===w)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+J(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+J(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var f=b.get(e);if(void 0!==f)return S(f);f=e.description;if(Symbol.for(f)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+J(c,d));a.pendingChunks++;c=a.nextChunkId++;d=nb(a,c,"$S"+f);a.completedImportChunks.push(d);b.set(e,c);return S(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+J(c,d));}function N(a,b){var c=M;M=null;try{var d=wa.run(void 0,a.onError,b)}finally{M=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}
+function qb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b,c){c={digest:c};b=b.toString(16)+":E"+K(c)+"\n";a.completedErrorChunks.push(b)}var R={};
+function pb(a,b){if(0===b.status)try{U=b.model;var c=Q(a,b,R,"",b.model);U=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?K(c,b.toJSON):K(c),e=b.id.toString(16)+":"+d+"\n";a.completedRegularChunks.push(e);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Fa?Ia():h;if("object"===typeof f&&null!==f&&"function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Ka()}else{a.abortableTasks.delete(b);b.status=4;var k=N(a,f);O(a,b.id,k)}}finally{}}
+function mb(a){var b=bb.current;bb.current=Pa;var c=M;F=M=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)pb(a,d[e]);null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),qb(a,f)}finally{bb.current=b,F=null,M=c}}
+function P(a,b){l=new Uint8Array(2048);m=0;q=!0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)if(a.pendingChunks--,!u(b,c[d])){a.destination=null;d++;break}c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)if(!u(b,e[d])){a.destination=null;d++;break}e.splice(0,d);var f=a.completedRegularChunks;for(d=0;d<f.length;d++)if(a.pendingChunks--,!u(b,f[d])){a.destination=null;d++;break}f.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)if(a.pendingChunks--,!u(b,g[d])){a.destination=
+null;d++;break}g.splice(0,d)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function rb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return wa.run(a,mb,a)})}function hb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return P(a,b)})}}
+function sb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{P(a,b)}catch(c){N(a,c),qb(a,c)}}}
+function tb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=N(a,e);O(a,d,f,e);c.forEach(function(g){g.status=3;var k=S(d);g=nb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),qb(a,g)}}function ub(a,b){var c=b.lastIndexOf("#");a=b.slice(0,c);b=b.slice(c+1);return{specifier:a,name:b}}var vb=new Map;
+function wb(a){var b=vb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var c=import(a.specifier);a.async&&(c=c.then(function(d){return d.default}));c.then(function(d){var e=c;e.status="fulfilled";e.value=d},function(d){var e=c;e.status="rejected";e.reason=d});vb.set(a.specifier,c);return c}function V(a){var b=vb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}
+function xb(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}xb.prototype=Object.create(Promise.prototype);xb.prototype.then=function(a,b){switch(this.status){case "resolved_model":yb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function zb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function Ab(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&zb(c,b)}}function Bb(a,b,c,d,e,f){var g=ub(a._bundlerConfig,b);a=wb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=V(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return V(g)});else return V(g);c.then(Cb(d,e,f),Db(d));return null}var W=null,X=null;
+function yb(a){var b=W,c=X;W=a;X=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=c}}function Eb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Ab(c,b)})}
+function Y(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new xb("resolved_model",d,null,a):new xb("pending",null,null,a),c.set(b,d));return d}function Cb(a,b,c){if(X){var d=X;d.deps++}else d=X={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&zb(e,d.value))}}function Db(a){return function(b){return Ab(a,b)}}
+function Fb(a,b){a=Y(a,b);"resolved_model"===a.status&&yb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Gb(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Y(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=Fb(a,d),Bb(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=Fb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Fb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":yb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(Cb(d,b,c),Db(d)),null;default:throw a.reason;}}return d}
+function Jb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(f,g){return"string"===typeof g?Gb(e,this,f,g):g}};return e}
+function Kb(a,b,c){a._formData.append(b,c);var d=a._prefix;if(b.startsWith(d)&&(a=a._chunks,b=+b.slice(d.length),(b=a.get(b))&&"pending"===b.status&&(d=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==d)))switch(yb(b),b.status){case "fulfilled":zb(d,b.value);break;case "pending":case "blocked":b.value=d;b.reason=a;break;case "rejected":a&&zb(a,b.reason)}}function Lb(a){Eb(a,Error("Connection closed."))}
+function Mb(a,b,c){var d=ub(a,b);a=wb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var f=V(d);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(d)}):Promise.resolve(V(d))}function Nb(a,b,c){a=Jb(b,c,a);Lb(a);a=Y(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Ob(a,b){return function(){return sb(b,a)}}exports.createClientModuleProxy=function(a){a=x({},a,!1);return new Proxy(a,ma)};
+exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Nb(a,b,e),d=Mb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),d=Mb(b,e,null)):c.append(f,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Jb(b,"",a);b=Y(a,0);Lb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Jb(b,""),d=0,e=[];a.on("field",function(f,g){0<d?e.push(f,g):Kb(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");d++;var t=[];g.on("data",function(n){t.push(n)});g.on("end",function(){var n=
+new Blob(t,{type:p});c._formData.append(f,n,h);d--;if(0===d){for(n=0;n<e.length;n+=2)Kb(c,e[n],e[n+1]);e.length=0}})});a.on("finish",function(){Lb(c)});a.on("error",function(f){Eb(c,f)});return Y(c,0)};exports.registerClientReference=function(a,b,c){return x(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ia,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var d=eb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),e=!1;rb(d);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;sb(d,f);f.on("drain",Ob(f,d));return f},abort:function(f){tb(d,f)}}};
 
 //# sourceMappingURL=react-server-dom-turbopack-server.node.unbundled.production.min.js.map
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 381bcf89ef19b5..4f823acaef1650 100644
--- a/packages/next/src/compiled/react-server-dom-turbopack/package.json
+++ b/packages/next/src/compiled/react-server-dom-turbopack/package.json
@@ -48,7 +48,7 @@
     "loose-envify": "^1.1.0"
   },
   "peerDependencies": {
-    "react": "18.3.0-canary-60a927d04-20240113",
-    "react-dom": "18.3.0-canary-60a927d04-20240113"
+    "react": "18.3.0-canary-14898b6a9-20240318",
+    "react-dom": "18.3.0-canary-14898b6a9-20240318"
   }
 }
\ 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 54783ca9a6d903..ad06f246402de9 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
@@ -30,6 +30,48 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+var badgeFormat = '%c%s%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -368,14 +410,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -488,6 +528,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -498,7 +542,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -544,6 +596,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -622,6 +680,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -672,9 +732,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -684,7 +744,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -909,7 +969,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1013,12 +1073,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1032,57 +1092,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1101,6 +1110,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1381,18 +1394,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1405,17 +1429,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1429,6 +1448,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1564,6 +1590,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1577,12 +1608,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1652,6 +1677,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1672,7 +1714,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1709,12 +1773,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1834,6 +1899,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -1930,8 +2013,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -2004,6 +2087,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2082,8 +2187,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2215,7 +2320,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
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 fc47316a6564a0..afd4d586e336ed 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new TextDecoder();
@@ -322,10 +321,7 @@ function refineModel(code, model) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -619,12 +615,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -638,40 +634,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -971,17 +933,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -992,6 +957,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1125,6 +1091,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1136,12 +1107,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1207,6 +1172,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1226,7 +1193,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1261,12 +1230,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1476,8 +1446,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1550,6 +1520,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1627,8 +1609,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1759,7 +1741,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.min.js
index 508b747ea4bd99..d970a8d1474ae2 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.browser.production.min.js
@@ -7,36 +7,35 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("react-dom"),q=require("react"),r={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
-function z(a){for(var b=a[1],c=[],d=0;d<b.length;){var f=b[d++],h=b[d++],e=w.get(f);void 0===e?(A.set(f,h),h=__webpack_chunk_load__(f),c.push(h),e=w.set.bind(w,f,null),h.then(e,y),w.set(f,h)):null!==e&&c.push(e)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}var A=new Map,aa=__webpack_require__.u;__webpack_require__.u=function(a){var b=A.get(a);return void 0!==b?b:aa(a)};
-var ba=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),ca=Symbol.for("react.provider"),da=Symbol.for("react.server_context"),ea=Symbol.for("react.lazy"),C=Symbol.for("react.default_value"),fa=Symbol.for("react.postpone"),D=Symbol.iterator;function ha(a){if(null===a||"object"!==typeof a)return null;a=D&&a[D]||a["@@iterator"];return"function"===typeof a?a:null}var ia=Array.isArray,F=Object.getPrototypeOf,ja=Object.prototype,G=new WeakMap;
-function ka(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function la(a,b,c,d){function f(k,g){if(null===g)return null;if("object"===typeof g){if("function"===typeof g.then){null===l&&(l=new FormData);e++;var n=h++;g.then(function(m){m=JSON.stringify(m,f);var t=l;t.append(b+n,m);e--;0===e&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(ia(g))return g;if(g instanceof FormData){null===l&&(l=new FormData);var v=l;k=h++;var E=b+k+"_";g.forEach(function(m,t){v.append(E+t,m)});return"$K"+k.toString(16)}if(g instanceof Map)return g=JSON.stringify(Array.from(g),
-f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$Q"+k.toString(16);if(g instanceof Set)return g=JSON.stringify(Array.from(g),f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$W"+k.toString(16);if(ha(g))return Array.from(g);k=F(g);if(k!==ja&&(null===k||null!==F(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return g}if("string"===typeof g){if("Z"===g[g.length-1]&&this[k]instanceof Date)return"$D"+g;
-g="$"===g[0]?"$"+g:g;return g}if("boolean"===typeof g)return g;if("number"===typeof g)return ka(g);if("undefined"===typeof g)return"$undefined";if("function"===typeof g){g=G.get(g);if(void 0!==g)return g=JSON.stringify(g,f),null===l&&(l=new FormData),k=h++,l.set(b+k,g),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof g){k=g.description;if(Symbol.for(k)!==g)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(g.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof g)return"$n"+g.toString(10);throw Error("Type "+typeof g+" is not supported as an argument to a Server Function.");}var h=1,e=0,l=null;a=JSON.stringify(a,f);null===l?c(a):(l.set(b+"0",a),0===e&&c(l))}function H(a,b){G.set(a,b)}var I=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function J(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}J.prototype=Object.create(Promise.prototype);
+'use strict';var p=require("react-dom"),q={stream:!0};function r(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var u=new Map;
+function w(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function y(a){for(var b=a[1],c=[],d=0;d<b.length;){var f=b[d++],h=b[d++],e=u.get(f);void 0===e?(z.set(f,h),h=__webpack_chunk_load__(f),c.push(h),e=u.set.bind(u,f,null),h.then(e,x),u.set(f,h)):null!==e&&c.push(e)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}var z=new Map,A=__webpack_require__.u;__webpack_require__.u=function(a){var b=z.get(a);return void 0!==b?b:A(a)};
+var B=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,C=Symbol.for("react.element"),D=Symbol.for("react.lazy"),F=Symbol.for("react.postpone"),G=Symbol.iterator;function aa(a){if(null===a||"object"!==typeof a)return null;a=G&&a[G]||a["@@iterator"];return"function"===typeof a?a:null}var ba=Array.isArray,H=Object.getPrototypeOf,ca=Object.prototype,I=new WeakMap;
+function da(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ea(a,b,c,d){function f(k,g){if(null===g)return null;if("object"===typeof g){if("function"===typeof g.then){null===l&&(l=new FormData);e++;var n=h++;g.then(function(m){m=JSON.stringify(m,f);var t=l;t.append(b+n,m);e--;0===e&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(ba(g))return g;if(g instanceof FormData){null===l&&(l=new FormData);var v=l;k=h++;var E=b+k+"_";g.forEach(function(m,t){v.append(E+t,m)});return"$K"+k.toString(16)}if(g instanceof Map)return g=JSON.stringify(Array.from(g),
+f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$Q"+k.toString(16);if(g instanceof Set)return g=JSON.stringify(Array.from(g),f),null===l&&(l=new FormData),k=h++,l.append(b+k,g),"$W"+k.toString(16);if(aa(g))return Array.from(g);k=H(g);if(k!==ca&&(null===k||null!==H(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return g}if("string"===typeof g){if("Z"===g[g.length-1]&&this[k]instanceof Date)return"$D"+g;
+g="$"===g[0]?"$"+g:g;return g}if("boolean"===typeof g)return g;if("number"===typeof g)return da(g);if("undefined"===typeof g)return"$undefined";if("function"===typeof g){g=I.get(g);if(void 0!==g)return g=JSON.stringify(g,f),null===l&&(l=new FormData),k=h++,l.set(b+k,g),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof g){k=g.description;if(Symbol.for(k)!==g)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(g.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof g)return"$n"+g.toString(10);throw Error("Type "+typeof g+" is not supported as an argument to a Server Function.");}var h=1,e=0,l=null;a=JSON.stringify(a,f);null===l?c(a):(l.set(b+"0",a),0===e&&c(l))}function fa(a,b){I.set(a,b)}function J(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}J.prototype=Object.create(Promise.prototype);
 J.prototype.then=function(a,b){switch(this.status){case "resolved_model":K(this);break;case "resolved_module":L(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ma(a){switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function M(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function N(a,b,c){switch(a.status){case "fulfilled":M(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&M(c,a.reason)}}
+function ha(a){switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function M(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function N(a,b,c){switch(a.status){case "fulfilled":M(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&M(c,a.reason)}}
 function O(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&M(c,b)}}function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(L(a),N(a,c,d))}}var Q=null,R=null;
 function K(a){var b=Q,c=R;Q=a;R=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var f=JSON.parse(d,a._response._fromJSON);if(null!==R&&0<R.deps)R.value=f,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=f;null!==h&&M(h,f)}}catch(e){a.status="rejected",a.reason=e}finally{Q=b,R=c}}
 function L(a){try{var b=a.value,c=__webpack_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(f){a.status="rejected",a.reason=f}}function S(a,b){a._chunks.forEach(function(c){"pending"===c.status&&O(c,b)})}function T(a,b){var c=a._chunks,d=c.get(b);d||(d=new J("pending",null,null,a),c.set(b,d));return d}
-function na(a,b,c,d){if(R){var f=R;d||f.deps++}else f=R={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&M(h,f.value))}}function oa(a){return function(b){return O(a,b)}}
-function pa(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(e){return d(b.id,e.concat(f))}):d(b.id,f)}var d=a._callServer;H(c,b);return c}function U(a,b){a=T(a,b);switch(a.status){case "resolved_model":K(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function qa(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=T(a,b),{$$typeof:ea,_payload:a,_init:ma};case "@":return b=parseInt(d.slice(2),16),T(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),I[a]||(b={$$typeof:da,_currentValue:C,_currentValue2:C,_defaultValue:C,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ca,_context:b},I[a]=b),I[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=U(a,b),pa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=U(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=U(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=T(a,d);switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=Q,a.then(na(d,b,c,"cyclic"===a.status),oa(d)),null;default:throw a.reason;}}}return d}function ra(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function V(a,b,c,d){var f=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ra,_nonce:d,_chunks:f,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=sa(a);return a}function W(a,b,c){a._chunks.set(b,new J("fulfilled",c,null,a))}
-function ta(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=u(a._bundlerConfig,c);if(c=z(h)){if(f){var e=f;e.status="blocked"}else e=new J("blocked",null,null,a),d.set(b,e);c.then(function(){return P(e,h)},function(l){return O(e,l)})}else f?P(f,h):d.set(b,new J("resolved_module",h,null,a))}function X(a,b){for(var c=a.length,d=b.length,f=0;f<c;f++)d+=a[f].byteLength;d=new Uint8Array(d);for(var h=f=0;h<c;h++){var e=a[h];d.set(e,f);f+=e.byteLength}d.set(b,f);return d}
+function ia(a,b,c,d){if(R){var f=R;d||f.deps++}else f=R={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&M(h,f.value))}}function ja(a){return function(b){return O(a,b)}}
+function ka(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(e){return d(b.id,e.concat(f))}):d(b.id,f)}var d=a._callServer;I.set(c,b);return c}function U(a,b){a=T(a,b);switch(a.status){case "resolved_model":K(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function la(a,b,c,d){if("$"===d[0]){if("$"===d)return C;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=T(a,b),{$$typeof:D,_payload:a,_init:ha};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return T(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=U(a,b),ka(a,b);case "Q":return b=parseInt(d.slice(2),16),a=U(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=U(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=T(a,d);switch(a.status){case "resolved_model":K(a);break;case "resolved_module":L(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=Q,a.then(ia(d,b,c,"cyclic"===a.status),ja(d)),null;default:throw a.reason;}}}return d}
+function ma(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function V(a,b,c,d,f){var h=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ma,_encodeFormAction:d,_nonce:f,_chunks:h,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=na(a);return a}function W(a,b,c){a._chunks.set(b,new J("fulfilled",c,null,a))}
+function oa(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=r(a._bundlerConfig,c);if(c=y(h)){if(f){var e=f;e.status="blocked"}else e=new J("blocked",null,null,a),d.set(b,e);c.then(function(){return P(e,h)},function(l){return O(e,l)})}else f?P(f,h):d.set(b,new J("resolved_module",h,null,a))}function X(a,b){for(var c=a.length,d=b.length,f=0;f<c;f++)d+=a[f].byteLength;d=new Uint8Array(d);for(var h=f=0;h<c;h++){var e=a[h];d.set(e,f);f+=e.byteLength}d.set(b,f);return d}
 function Y(a,b,c,d,f,h){c=0===c.length&&0===d.byteOffset%h?d:X(c,d);f=new f(c.buffer,c.byteOffset,c.byteLength/h);W(a,b,f)}
-function ua(a,b,c,d,f){switch(c){case 65:W(a,b,X(d,f).buffer);return;case 67:Y(a,b,d,f,Int8Array,1);return;case 99:W(a,b,0===d.length?f:X(d,f));return;case 85:Y(a,b,d,f,Uint8ClampedArray,1);return;case 83:Y(a,b,d,f,Int16Array,2);return;case 115:Y(a,b,d,f,Uint16Array,2);return;case 76:Y(a,b,d,f,Int32Array,4);return;case 108:Y(a,b,d,f,Uint32Array,4);return;case 70:Y(a,b,d,f,Float32Array,4);return;case 68:Y(a,b,d,f,Float64Array,8);return;case 78:Y(a,b,d,f,BigInt64Array,8);return;case 109:Y(a,b,d,f,BigUint64Array,
-8);return;case 86:Y(a,b,d,f,DataView,1);return}for(var h=a._stringDecoder,e="",l=0;l<d.length;l++)e+=h.decode(d[l],r);e+=h.decode(f);switch(c){case 73:ta(a,b,e);break;case 72:b=e[0];e=e.slice(1);a=JSON.parse(e,a._fromJSON);if(e=ba.current)switch(b){case "D":e.prefetchDNS(a);break;case "C":"string"===typeof a?e.preconnect(a):e.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?e.preload(b,c,a[2]):e.preload(b,c);break;case "m":"string"===typeof a?e.preloadModule(a):e.preloadModule(a[0],
+function pa(a,b,c,d,f){switch(c){case 65:W(a,b,X(d,f).buffer);return;case 67:Y(a,b,d,f,Int8Array,1);return;case 99:W(a,b,0===d.length?f:X(d,f));return;case 85:Y(a,b,d,f,Uint8ClampedArray,1);return;case 83:Y(a,b,d,f,Int16Array,2);return;case 115:Y(a,b,d,f,Uint16Array,2);return;case 76:Y(a,b,d,f,Int32Array,4);return;case 108:Y(a,b,d,f,Uint32Array,4);return;case 70:Y(a,b,d,f,Float32Array,4);return;case 100:Y(a,b,d,f,Float64Array,8);return;case 78:Y(a,b,d,f,BigInt64Array,8);return;case 109:Y(a,b,d,f,
+BigUint64Array,8);return;case 86:Y(a,b,d,f,DataView,1);return}for(var h=a._stringDecoder,e="",l=0;l<d.length;l++)e+=h.decode(d[l],q);e+=h.decode(f);switch(c){case 73:oa(a,b,e);break;case 72:b=e[0];e=e.slice(1);a=JSON.parse(e,a._fromJSON);if(e=B.current)switch(b){case "D":e.prefetchDNS(a);break;case "C":"string"===typeof a?e.preconnect(a):e.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?e.preload(b,c,a[2]):e.preload(b,c);break;case "m":"string"===typeof a?e.preloadModule(a):e.preloadModule(a[0],
 a[1]);break;case "S":"string"===typeof a?e.preinitStyle(a):e.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?e.preinitScript(a):e.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?e.preinitModuleScript(a):e.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(e).digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-e.stack="Error: "+e.message;e.digest=c;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;case 84:a._chunks.set(b,new J("fulfilled",e,null,a));break;case 80:e=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");e.$$typeof=fa;e.stack="Error: "+e.message;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=e,null!==a&&(K(c),N(c,a,b))):d.set(b,new J("resolved_model",e,null,a))}}function sa(a){return function(b,c){return"string"===typeof c?qa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
-function Z(a,b){function c(h){var e=h.value;if(h.done)S(a,Error("Connection closed."));else{var l=0,k=a._rowState;h=a._rowID;for(var g=a._rowTag,n=a._rowLength,v=a._buffer,E=e.length;l<E;){var m=-1;switch(k){case 0:m=e[l++];58===m?k=1:h=h<<4|(96<m?m-87:m-48);continue;case 1:k=e[l];84===k||65===k||67===k||99===k||85===k||83===k||115===k||76===k||108===k||70===k||68===k||78===k||109===k||86===k?(g=k,k=2,l++):64<k&&91>k?(g=k,k=3,l++):(g=0,k=3);continue;case 2:m=e[l++];44===m?k=4:n=n<<4|(96<m?m-87:m-
-48);continue;case 3:m=e.indexOf(10,l);break;case 4:m=l+n,m>e.length&&(m=-1)}var t=e.byteOffset+l;if(-1<m)n=new Uint8Array(e.buffer,t,m-l),ua(a,h,g,v,n),l=m,3===k&&l++,n=h=g=k=0,v.length=0;else{e=new Uint8Array(e.buffer,t,e.byteLength-l);v.push(e);n-=e.byteLength;break}}a._rowState=k;a._rowID=h;a._rowTag=g;a._rowLength=n;return f.read().then(c).catch(d)}}function d(h){S(a,h)}var f=b.getReader();f.read().then(c).catch(d)}
-exports.createFromFetch=function(a,b){var c=V(null,null,b&&b.callServer?b.callServer:void 0,void 0);a.then(function(d){Z(c,d.body)},function(d){S(c,d)});return T(c,0)};exports.createFromReadableStream=function(a,b){b=V(null,null,b&&b.callServer?b.callServer:void 0,void 0);Z(b,a);return T(b,0)};exports.createServerReference=function(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}H(c,{id:a,bound:null});return c};
-exports.encodeReply=function(a){return new Promise(function(b,c){la(a,"",b,c)})};
+e.stack="Error: "+e.message;e.digest=c;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;case 84:a._chunks.set(b,new J("fulfilled",e,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:e=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+e.$$typeof=F;e.stack="Error: "+e.message;c=a._chunks;(d=c.get(b))?O(d,e):c.set(b,new J("rejected",null,e,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status="resolved_model",c.value=e,null!==a&&(K(c),N(c,a,b))):d.set(b,new J("resolved_model",e,null,a))}}function na(a){return function(b,c){return"string"===typeof c?la(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===C?{$$typeof:C,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function Z(a,b){function c(h){var e=h.value;if(h.done)S(a,Error("Connection closed."));else{var l=0,k=a._rowState;h=a._rowID;for(var g=a._rowTag,n=a._rowLength,v=a._buffer,E=e.length;l<E;){var m=-1;switch(k){case 0:m=e[l++];58===m?k=1:h=h<<4|(96<m?m-87:m-48);continue;case 1:k=e[l];84===k||65===k||67===k||99===k||85===k||83===k||115===k||76===k||108===k||70===k||100===k||78===k||109===k||86===k?(g=k,k=2,l++):64<k&&91>k?(g=k,k=3,l++):(g=0,k=3);continue;case 2:m=e[l++];44===m?k=4:n=n<<4|(96<m?m-87:m-
+48);continue;case 3:m=e.indexOf(10,l);break;case 4:m=l+n,m>e.length&&(m=-1)}var t=e.byteOffset+l;if(-1<m)n=new Uint8Array(e.buffer,t,m-l),pa(a,h,g,v,n),l=m,3===k&&l++,n=h=g=k=0,v.length=0;else{e=new Uint8Array(e.buffer,t,e.byteLength-l);v.push(e);n-=e.byteLength;break}}a._rowState=k;a._rowID=h;a._rowTag=g;a._rowLength=n;return f.read().then(c).catch(d)}}function d(h){S(a,h)}var f=b.getReader();f.read().then(c).catch(d)}
+exports.createFromFetch=function(a,b){var c=V(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);a.then(function(d){Z(c,d.body)},function(d){S(c,d)});return T(c,0)};exports.createFromReadableStream=function(a,b){b=V(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);Z(b,a);return T(b,0)};exports.createServerReference=function(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}fa(c,{id:a,bound:null});return c};
+exports.encodeReply=function(a){return new Promise(function(b,c){ea(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-webpack-client.browser.production.min.js.map
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 6e4d5f2af20639..88f42ebe327c4d 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
@@ -30,6 +30,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -386,14 +429,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -506,6 +547,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -516,7 +561,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -562,6 +615,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -640,6 +699,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -690,9 +751,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -702,7 +763,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -927,7 +988,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1060,7 +1121,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1110,6 +1171,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1171,14 +1248,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1202,6 +1282,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1211,9 +1302,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1222,7 +1330,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1232,61 +1340,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1305,6 +1362,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1585,18 +1646,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1609,17 +1681,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1633,6 +1700,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1715,7 +1789,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1768,6 +1842,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1781,12 +1860,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1856,6 +1929,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1876,7 +1966,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1913,12 +2025,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2039,6 +2152,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -2135,8 +2266,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -2209,6 +2340,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2287,8 +2440,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2428,7 +2581,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
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 9304754f3604fb..e00a39e4d8a33c 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new TextDecoder();
@@ -340,10 +339,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -666,7 +662,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -716,6 +712,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -777,14 +789,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -808,6 +823,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -815,9 +831,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -826,7 +859,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -836,44 +869,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1173,17 +1172,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1194,6 +1196,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1274,7 +1277,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1327,6 +1330,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1338,12 +1346,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1409,6 +1411,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1428,7 +1432,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1463,12 +1469,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1679,8 +1686,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1753,6 +1760,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1830,8 +1849,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1970,7 +1989,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.min.js
index 0903415e97b275..4f24c1f089c0dc 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.edge.production.min.js
@@ -7,41 +7,41 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("react-dom"),q=require("react"),r={stream:!0};function aa(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var u=new Map;
-function v(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function ba(){}
-function ca(a){for(var b=a[1],c=[],d=0;d<b.length;){var e=b[d++];b[d++];var g=u.get(e);if(void 0===g){g=__webpack_chunk_load__(e);c.push(g);var f=u.set.bind(u,e,null);g.then(f,ba);u.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?v(a[0]):Promise.all(c).then(function(){return v(a[0])}):0<c.length?Promise.all(c):null}
-function da(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var e=c,g=x.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var h=a.crossOrigin;h="string"===typeof h?"use-credentials"===h?h:"":void 0;f.call(g,l,{crossOrigin:h,nonce:e})}}}
-var x=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),ea=Symbol.for("react.provider"),fa=Symbol.for("react.server_context"),ha=Symbol.for("react.lazy"),z=Symbol.for("react.default_value"),ia=Symbol.for("react.postpone"),A=Symbol.iterator;function ja(a){if(null===a||"object"!==typeof a)return null;a=A&&a[A]||a["@@iterator"];return"function"===typeof a?a:null}var ka=Array.isArray,B=Object.getPrototypeOf,la=Object.prototype,C=new WeakMap;
-function ma(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function D(a,b,c,d){function e(h,k){if(null===k)return null;if("object"===typeof k){if("function"===typeof k.then){null===l&&(l=new FormData);f++;var n=g++;k.then(function(m){m=JSON.stringify(m,e);var t=l;t.append(b+n,m);f--;0===f&&c(t)},function(m){d(m)});return"$@"+n.toString(16)}if(ka(k))return k;if(k instanceof FormData){null===l&&(l=new FormData);var w=l;h=g++;var F=b+h+"_";k.forEach(function(m,t){w.append(F+t,m)});return"$K"+h.toString(16)}if(k instanceof Map)return k=JSON.stringify(Array.from(k),
-e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$Q"+h.toString(16);if(k instanceof Set)return k=JSON.stringify(Array.from(k),e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$W"+h.toString(16);if(ja(k))return Array.from(k);h=B(k);if(h!==la&&(null===h||null!==B(h)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return k}if("string"===typeof k){if("Z"===k[k.length-1]&&this[h]instanceof Date)return"$D"+k;
-k="$"===k[0]?"$"+k:k;return k}if("boolean"===typeof k)return k;if("number"===typeof k)return ma(k);if("undefined"===typeof k)return"$undefined";if("function"===typeof k){k=C.get(k);if(void 0!==k)return k=JSON.stringify(k,e),null===l&&(l=new FormData),h=g++,l.set(b+h,k),"$F"+h.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof k){h=k.description;if(Symbol.for(h)!==k)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(k.description+") cannot be found among global symbols."));return"$S"+h}if("bigint"===typeof k)return"$n"+k.toString(10);throw Error("Type "+typeof k+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var E=new WeakMap;
-function na(a){var b,c,d=new Promise(function(e,g){b=e;c=g});D(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
-function oa(a){var b=C.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=E.get(b);c||(c=na(b),E.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function pa(a,b){var c=C.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
-function G(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:oa},$$IS_SIGNATURE_EQUAL:{value:pa},bind:{value:qa}});C.set(a,b)}var ra=Function.prototype.bind,sa=Array.prototype.slice;function qa(){var a=ra.apply(this,arguments),b=C.get(this);if(b){var c=sa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);G(a,{id:b.id,bound:d})}return a}
-function ta(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}G(c,{id:a,bound:null});return c}var H=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function I(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}I.prototype=Object.create(Promise.prototype);
-I.prototype.then=function(a,b){switch(this.status){case "resolved_model":J(this);break;case "resolved_module":K(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ua(a){switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function L(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function M(a,b,c){switch(a.status){case "fulfilled":L(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&L(c,a.reason)}}
+'use strict';var p=require("react-dom"),q={stream:!0};function r(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var t=new Map;
+function v(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function aa(){}
+function ba(a){for(var b=a[1],c=[],d=0;d<b.length;){var e=b[d++];b[d++];var g=t.get(e);if(void 0===g){g=__webpack_chunk_load__(e);c.push(g);var f=t.set.bind(t,e,null);g.then(f,aa);t.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?v(a[0]):Promise.all(c).then(function(){return v(a[0])}):0<c.length?Promise.all(c):null}
+function ca(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var e=c,g=x.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var h=a.crossOrigin;h="string"===typeof h?"use-credentials"===h?h:"":void 0;f.call(g,l,{crossOrigin:h,nonce:e})}}}var x=p.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),da=Symbol.for("react.lazy"),ea=Symbol.for("react.postpone"),z=Symbol.iterator;
+function fa(a){if(null===a||"object"!==typeof a)return null;a=z&&a[z]||a["@@iterator"];return"function"===typeof a?a:null}var ha=Array.isArray,A=Object.getPrototypeOf,ia=Object.prototype,B=new WeakMap;function ja(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function C(a,b,c,d){function e(h,k){if(null===k)return null;if("object"===typeof k){if("function"===typeof k.then){null===l&&(l=new FormData);f++;var n=g++;k.then(function(m){m=JSON.stringify(m,e);var u=l;u.append(b+n,m);f--;0===f&&c(u)},function(m){d(m)});return"$@"+n.toString(16)}if(ha(k))return k;if(k instanceof FormData){null===l&&(l=new FormData);var w=l;h=g++;var E=b+h+"_";k.forEach(function(m,u){w.append(E+u,m)});return"$K"+h.toString(16)}if(k instanceof Map)return k=JSON.stringify(Array.from(k),
+e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$Q"+h.toString(16);if(k instanceof Set)return k=JSON.stringify(Array.from(k),e),null===l&&(l=new FormData),h=g++,l.append(b+h,k),"$W"+h.toString(16);if(fa(k))return Array.from(k);h=A(k);if(h!==ia&&(null===h||null!==A(h)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return k}if("string"===typeof k){if("Z"===k[k.length-1]&&this[h]instanceof Date)return"$D"+k;
+k="$"===k[0]?"$"+k:k;return k}if("boolean"===typeof k)return k;if("number"===typeof k)return ja(k);if("undefined"===typeof k)return"$undefined";if("function"===typeof k){k=B.get(k);if(void 0!==k)return k=JSON.stringify(k,e),null===l&&(l=new FormData),h=g++,l.set(b+h,k),"$F"+h.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof k){h=k.description;if(Symbol.for(h)!==k)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(k.description+") cannot be found among global symbols."));return"$S"+h}if("bigint"===typeof k)return"$n"+k.toString(10);throw Error("Type "+typeof k+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var D=new WeakMap;
+function ka(a){var b,c,d=new Promise(function(e,g){b=e;c=g});C(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
+function la(a){var b=B.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=D.get(b);c||(c=ka(b),D.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function F(a,b){var c=B.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
+function G(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?la:function(){var d=B.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var e=d.bound;null===e&&(e=Promise.resolve([]));return c(d.id,e)}},$$IS_SIGNATURE_EQUAL:{value:F},bind:{value:H}});B.set(a,b)}var ma=Function.prototype.bind,na=Array.prototype.slice;
+function H(){var a=ma.apply(this,arguments),b=B.get(this);if(b){var c=na.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:F},bind:{value:H}});B.set(a,{id:b.id,bound:d})}return a}function oa(a,b,c){function d(){var e=Array.prototype.slice.call(arguments);return b(a,e)}G(d,{id:a,bound:null},c);return d}
+function I(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}I.prototype=Object.create(Promise.prototype);I.prototype.then=function(a,b){switch(this.status){case "resolved_model":J(this);break;case "resolved_module":K(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function pa(a){switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function L(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function M(a,b,c){switch(a.status){case "fulfilled":L(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&L(c,a.reason)}}
 function N(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&L(c,b)}}function O(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(K(a),M(a,c,d))}}var P=null,Q=null;
 function J(a){var b=P,c=Q;P=a;Q=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(d,a._response._fromJSON);if(null!==Q&&0<Q.deps)Q.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&L(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{P=b,Q=c}}
 function K(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(e){a.status="rejected",a.reason=e}}function R(a,b){a._chunks.forEach(function(c){"pending"===c.status&&N(c,b)})}function S(a,b){var c=a._chunks,d=c.get(b);d||(d=new I("pending",null,null,a),c.set(b,d));return d}
-function va(a,b,c,d){if(Q){var e=Q;d||e.deps++}else e=Q={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&L(g,e.value))}}function wa(a){return function(b){return N(a,b)}}
-function xa(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;G(c,b);return c}function T(a,b){a=S(a,b);switch(a.status){case "resolved_model":J(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function ya(a,b,c,d){if("$"===d[0]){if("$"===d)return y;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=S(a,b),{$$typeof:ha,_payload:a,_init:ua};case "@":return b=parseInt(d.slice(2),16),S(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),H[a]||(b={$$typeof:fa,_currentValue:z,_currentValue2:z,_defaultValue:z,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ea,_context:b},H[a]=b),H[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=T(a,b),xa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=T(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=T(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=S(a,d);switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=P,a.then(va(d,b,c,"cyclic"===a.status),wa(d)),null;default:throw a.reason;}}}return d}function za(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function U(a,b,c){a._chunks.set(b,new I("fulfilled",c,null,a))}
-function Aa(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=aa(a._bundlerConfig,c);da(a._moduleLoading,c[1],a._nonce);if(c=ca(g)){if(e){var f=e;f.status="blocked"}else f=new I("blocked",null,null,a),d.set(b,f);c.then(function(){return O(f,g)},function(l){return N(f,l)})}else e?O(e,g):d.set(b,new I("resolved_module",g,null,a))}
+function qa(a,b,c,d){if(Q){var e=Q;d||e.deps++}else e=Q={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&L(g,e.value))}}function ra(a){return function(b){return N(a,b)}}
+function sa(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;G(c,b,a._encodeFormAction);return c}function T(a,b){a=S(a,b);switch(a.status){case "resolved_model":J(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ta(a,b,c,d){if("$"===d[0]){if("$"===d)return y;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=S(a,b),{$$typeof:da,_payload:a,_init:pa};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return S(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=T(a,b),sa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=T(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=T(a,b),new Set(a);
+case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=S(a,d);switch(a.status){case "resolved_model":J(a);break;case "resolved_module":K(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=P,a.then(qa(d,b,c,"cyclic"===a.status),ra(d)),null;default:throw a.reason;}}}return d}
+function ua(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function U(a,b,c){a._chunks.set(b,new I("fulfilled",c,null,a))}
+function va(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=r(a._bundlerConfig,c);ca(a._moduleLoading,c[1],a._nonce);if(c=ba(g)){if(e){var f=e;f.status="blocked"}else f=new I("blocked",null,null,a),d.set(b,f);c.then(function(){return O(f,g)},function(l){return N(f,l)})}else e?O(e,g):d.set(b,new I("resolved_module",g,null,a))}
 function V(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function W(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:V(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);U(a,b,e)}
-function Ba(a,b,c,d,e){switch(c){case 65:U(a,b,V(d,e).buffer);return;case 67:W(a,b,d,e,Int8Array,1);return;case 99:U(a,b,0===d.length?e:V(d,e));return;case 85:W(a,b,d,e,Uint8ClampedArray,1);return;case 83:W(a,b,d,e,Int16Array,2);return;case 115:W(a,b,d,e,Uint16Array,2);return;case 76:W(a,b,d,e,Int32Array,4);return;case 108:W(a,b,d,e,Uint32Array,4);return;case 70:W(a,b,d,e,Float32Array,4);return;case 68:W(a,b,d,e,Float64Array,8);return;case 78:W(a,b,d,e,BigInt64Array,8);return;case 109:W(a,b,d,e,BigUint64Array,
-8);return;case 86:W(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],r);f+=g.decode(e);switch(c){case 73:Aa(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=x.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+function wa(a,b,c,d,e){switch(c){case 65:U(a,b,V(d,e).buffer);return;case 67:W(a,b,d,e,Int8Array,1);return;case 99:U(a,b,0===d.length?e:V(d,e));return;case 85:W(a,b,d,e,Uint8ClampedArray,1);return;case 83:W(a,b,d,e,Int16Array,2);return;case 115:W(a,b,d,e,Uint16Array,2);return;case 76:W(a,b,d,e,Int32Array,4);return;case 108:W(a,b,d,e,Uint32Array,4);return;case 70:W(a,b,d,e,Float32Array,4);return;case 100:W(a,b,d,e,Float64Array,8);return;case 78:W(a,b,d,e,BigInt64Array,8);return;case 109:W(a,b,d,e,
+BigUint64Array,8);return;case 86:W(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],q);f+=g.decode(e);switch(c){case 73:va(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=x.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
 a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;case 84:a._chunks.set(b,new I("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=ia;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=f,null!==a&&(J(c),M(c,a,b))):d.set(b,new I("resolved_model",f,null,a))}}function Ca(a){return function(b,c){return"string"===typeof c?ya(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===y?{$$typeof:y,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading;a="string"===typeof a.nonce?a.nonce:void 0;var d=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:za,_nonce:a,_chunks:d,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=Ca(b);return b}
-function Z(a,b){function c(g){var f=g.value;if(g.done)R(a,Error("Connection closed."));else{var l=0,h=a._rowState;g=a._rowID;for(var k=a._rowTag,n=a._rowLength,w=a._buffer,F=f.length;l<F;){var m=-1;switch(h){case 0:m=f[l++];58===m?h=1:g=g<<4|(96<m?m-87:m-48);continue;case 1:h=f[l];84===h||65===h||67===h||99===h||85===h||83===h||115===h||76===h||108===h||70===h||68===h||78===h||109===h||86===h?(k=h,h=2,l++):64<h&&91>h?(k=h,h=3,l++):(k=0,h=3);continue;case 2:m=f[l++];44===m?h=4:n=n<<4|(96<m?m-87:m-
-48);continue;case 3:m=f.indexOf(10,l);break;case 4:m=l+n,m>f.length&&(m=-1)}var t=f.byteOffset+l;if(-1<m)n=new Uint8Array(f.buffer,t,m-l),Ba(a,g,k,w,n),l=m,3===h&&l++,n=g=k=h=0,w.length=0;else{f=new Uint8Array(f.buffer,t,f.byteLength-l);w.push(f);n-=f.byteLength;break}}a._rowState=h;a._rowID=g;a._rowTag=k;a._rowLength=n;return e.read().then(c).catch(d)}}function d(g){R(a,g)}var e=b.getReader();e.read().then(c).catch(d)}
-exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){R(c,d)});return S(c,0)};exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return S(b,0)};exports.createServerReference=function(a){return ta(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){D(a,"",b,c)})};
+f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;case 84:a._chunks.set(b,new I("fulfilled",f,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+f.$$typeof=ea;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?N(d,f):c.set(b,new I("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status="resolved_model",c.value=f,null!==a&&(J(c),M(c,a,b))):d.set(b,new I("resolved_model",f,null,a))}}function xa(a){return function(b,c){return"string"===typeof c?ta(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===y?{$$typeof:y,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading,d=a.encodeFormAction;a="string"===typeof a.nonce?a.nonce:void 0;var e=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:ua,_encodeFormAction:d,_nonce:a,_chunks:e,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=xa(b);return b}
+function Z(a,b){function c(g){var f=g.value;if(g.done)R(a,Error("Connection closed."));else{var l=0,h=a._rowState;g=a._rowID;for(var k=a._rowTag,n=a._rowLength,w=a._buffer,E=f.length;l<E;){var m=-1;switch(h){case 0:m=f[l++];58===m?h=1:g=g<<4|(96<m?m-87:m-48);continue;case 1:h=f[l];84===h||65===h||67===h||99===h||85===h||83===h||115===h||76===h||108===h||70===h||100===h||78===h||109===h||86===h?(k=h,h=2,l++):64<h&&91>h?(k=h,h=3,l++):(k=0,h=3);continue;case 2:m=f[l++];44===m?h=4:n=n<<4|(96<m?m-87:m-
+48);continue;case 3:m=f.indexOf(10,l);break;case 4:m=l+n,m>f.length&&(m=-1)}var u=f.byteOffset+l;if(-1<m)n=new Uint8Array(f.buffer,u,m-l),wa(a,g,k,w,n),l=m,3===h&&l++,n=g=k=h=0,w.length=0;else{f=new Uint8Array(f.buffer,u,f.byteLength-l);w.push(f);n-=f.byteLength;break}}a._rowState=h;a._rowID=g;a._rowTag=k;a._rowLength=n;return e.read().then(c).catch(d)}}function d(g){R(a,g)}var e=b.getReader();e.read().then(c).catch(d)}
+exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){R(c,d)});return S(c,0)};exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return S(b,0)};exports.createServerReference=function(a){return oa(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){C(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-webpack-client.edge.production.min.js.map
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 2d6e0c3660a64d..b10a1dd22cdf52 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
@@ -31,6 +31,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -387,14 +430,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -507,6 +548,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -517,7 +562,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -563,6 +616,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -641,6 +700,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -691,9 +752,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -703,7 +764,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -928,7 +989,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1061,7 +1122,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1111,6 +1172,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1172,14 +1249,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1203,6 +1283,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1212,9 +1303,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1223,7 +1331,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1233,61 +1341,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1306,6 +1363,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1586,18 +1647,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1610,17 +1682,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1634,6 +1701,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1716,7 +1790,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1769,6 +1843,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1782,12 +1861,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1857,6 +1930,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1877,7 +1967,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1914,12 +2026,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2040,6 +2153,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -2136,8 +2267,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -2210,6 +2341,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2288,8 +2441,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2429,7 +2582,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 e5206d1ccb9ad7..6470d99d9e636e 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new util.TextDecoder();
@@ -341,10 +340,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -667,7 +663,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -717,6 +713,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -778,14 +790,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -809,6 +824,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -816,9 +832,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -827,7 +860,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -837,44 +870,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1174,17 +1173,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1195,6 +1197,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1275,7 +1278,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1328,6 +1331,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1339,12 +1347,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1410,6 +1412,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1429,7 +1433,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1464,12 +1470,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1680,8 +1687,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1754,6 +1761,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1831,8 +1850,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1971,7 +1990,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.min.js
index 8312592dfd98f1..d63ae59327c0ec 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.production.min.js
@@ -7,41 +7,40 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var n=require("util"),q=require("react-dom"),r=require("react"),u={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
-function aa(a){for(var b=a[1],c=[],d=0;d<b.length;){var e=b[d++];b[d++];var g=w.get(e);if(void 0===g){g=__webpack_chunk_load__(e);c.push(g);var f=w.set.bind(w,e,null);g.then(f,y);w.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
-function ba(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var e=c,g=z.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}
-var z=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),ca=Symbol.for("react.provider"),da=Symbol.for("react.server_context"),ea=Symbol.for("react.lazy"),C=Symbol.for("react.default_value"),fa=Symbol.for("react.postpone"),D=Symbol.iterator;function ha(a){if(null===a||"object"!==typeof a)return null;a=D&&a[D]||a["@@iterator"];return"function"===typeof a?a:null}var ia=Array.isArray,E=Object.getPrototypeOf,ja=Object.prototype,G=new WeakMap;
-function ka(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function la(a,b,c,d){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var t=g++;h.then(function(p){p=JSON.stringify(p,e);var A=l;A.append(b+t,p);f--;0===f&&c(A)},function(p){d(p)});return"$@"+t.toString(16)}if(ia(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var F=l;k=g++;var m=b+k+"_";h.forEach(function(p,A){F.append(m+A,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
-e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(ha(h))return Array.from(h);k=E(h);if(k!==ja&&(null===k||null!==E(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
-h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ka(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=G.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var H=new WeakMap;
-function ma(a){var b,c,d=new Promise(function(e,g){b=e;c=g});la(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
-function na(a){var b=G.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=H.get(b);c||(c=ma(b),H.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function oa(a,b){var c=G.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
-function I(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:na},$$IS_SIGNATURE_EQUAL:{value:oa},bind:{value:pa}});G.set(a,b)}var qa=Function.prototype.bind,ra=Array.prototype.slice;function pa(){var a=qa.apply(this,arguments),b=G.get(this);if(b){var c=ra.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);I(a,{id:b.id,bound:d})}return a}
-function sa(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}I(c,{id:a,bound:null});return c}var J=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);
-K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ta(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
+'use strict';var n=require("util"),q=require("react-dom"),r={stream:!0};function t(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var v=new Map;
+function w(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function y(a){for(var b=a[1],c=[],d=0;d<b.length;){var e=b[d++];b[d++];var g=v.get(e);if(void 0===g){g=__webpack_chunk_load__(e);c.push(g);var f=v.set.bind(v,e,null);g.then(f,x);v.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}
+function aa(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var e=c,g=z.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}var z=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),ba=Symbol.for("react.lazy"),ca=Symbol.for("react.postpone"),C=Symbol.iterator;
+function da(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var ea=Array.isArray,D=Object.getPrototypeOf,fa=Object.prototype,F=new WeakMap;function ha(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ia(a,b,c,d){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var u=g++;h.then(function(p){p=JSON.stringify(p,e);var A=l;A.append(b+u,p);f--;0===f&&c(A)},function(p){d(p)});return"$@"+u.toString(16)}if(ea(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var E=l;k=g++;var m=b+k+"_";h.forEach(function(p,A){E.append(m+A,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
+e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(da(h))return Array.from(h);k=D(h);if(k!==fa&&(null===k||null!==D(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
+h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ha(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=F.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var G=new WeakMap;
+function ja(a){var b,c,d=new Promise(function(e,g){b=e;c=g});ia(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
+function ka(a){var b=F.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=G.get(b);c||(c=ja(b),G.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function H(a,b){var c=F.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
+function I(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?ka:function(){var d=F.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var e=d.bound;null===e&&(e=Promise.resolve([]));return c(d.id,e)}},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,b)}var la=Function.prototype.bind,ma=Array.prototype.slice;
+function J(){var a=la.apply(this,arguments),b=F.get(this);if(b){var c=ma.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,{id:b.id,bound:d})}return a}function na(a,b,c){function d(){var e=Array.prototype.slice.call(arguments);return b(a,e)}I(d,{id:a,bound:null},c);return d}
+function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function oa(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
 function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&N(c,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(M(a),O(a,c,d))}}var R=null,S=null;
 function L(a){var b=R,c=S;R=a;S=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(d,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&N(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{R=b,S=c}}
 function M(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(e){a.status="rejected",a.reason=e}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new K("pending",null,null,a),c.set(b,d));return d}
-function ua(a,b,c,d){if(S){var e=S;d||e.deps++}else e=S={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function va(a){return function(b){return P(a,b)}}
-function wa(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;I(c,b);return c}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function xa(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ea,_payload:a,_init:ta};case "@":return b=parseInt(d.slice(2),16),U(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),J[a]||(b={$$typeof:da,_currentValue:C,_currentValue2:C,_defaultValue:C,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ca,_context:b},J[a]=b),J[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=V(a,b),wa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=R,a.then(ua(d,b,c,"cyclic"===a.status),va(d)),null;default:throw a.reason;}}}return d}function ya(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function za(a,b,c,d){var e=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ya,_nonce:d,_chunks:e,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=Aa(a);return a}function W(a,b,c){a._chunks.set(b,new K("fulfilled",c,null,a))}
-function Ba(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=v(a._bundlerConfig,c);ba(a._moduleLoading,c[1],a._nonce);if(c=aa(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),d.set(b,f);c.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):d.set(b,new K("resolved_module",g,null,a))}
+function pa(a,b,c,d){if(S){var e=S;d||e.deps++}else e=S={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function qa(a){return function(b){return P(a,b)}}
+function ra(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;I(c,b,a._encodeFormAction);return c}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function sa(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ba,_payload:a,_init:oa};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return U(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=V(a,b),ra(a,b);case "Q":return b=parseInt(d.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=V(a,b),new Set(a);
+case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=R,a.then(pa(d,b,c,"cyclic"===a.status),qa(d)),null;default:throw a.reason;}}}return d}
+function ta(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ua(a,b,c,d,e){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ta,_encodeFormAction:d,_nonce:e,_chunks:g,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=va(a);return a}function W(a,b,c){a._chunks.set(b,new K("fulfilled",c,null,a))}
+function wa(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=t(a._bundlerConfig,c);aa(a._moduleLoading,c[1],a._nonce);if(c=y(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),d.set(b,f);c.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):d.set(b,new K("resolved_module",g,null,a))}
 function X(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function Y(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:X(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);W(a,b,e)}
-function Ca(a,b,c,d,e){switch(c){case 65:W(a,b,X(d,e).buffer);return;case 67:Y(a,b,d,e,Int8Array,1);return;case 99:W(a,b,0===d.length?e:X(d,e));return;case 85:Y(a,b,d,e,Uint8ClampedArray,1);return;case 83:Y(a,b,d,e,Int16Array,2);return;case 115:Y(a,b,d,e,Uint16Array,2);return;case 76:Y(a,b,d,e,Int32Array,4);return;case 108:Y(a,b,d,e,Uint32Array,4);return;case 70:Y(a,b,d,e,Float32Array,4);return;case 68:Y(a,b,d,e,Float64Array,8);return;case 78:Y(a,b,d,e,BigInt64Array,8);return;case 109:Y(a,b,d,e,BigUint64Array,
-8);return;case 86:Y(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],u);f+=g.decode(e);switch(c){case 73:Ba(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=z.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+function xa(a,b,c,d,e){switch(c){case 65:W(a,b,X(d,e).buffer);return;case 67:Y(a,b,d,e,Int8Array,1);return;case 99:W(a,b,0===d.length?e:X(d,e));return;case 85:Y(a,b,d,e,Uint8ClampedArray,1);return;case 83:Y(a,b,d,e,Int16Array,2);return;case 115:Y(a,b,d,e,Uint16Array,2);return;case 76:Y(a,b,d,e,Int32Array,4);return;case 108:Y(a,b,d,e,Uint32Array,4);return;case 70:Y(a,b,d,e,Float32Array,4);return;case 100:Y(a,b,d,e,Float64Array,8);return;case 78:Y(a,b,d,e,BigInt64Array,8);return;case 109:Y(a,b,d,e,
+BigUint64Array,8);return;case 86:Y(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],r);f+=g.decode(e);switch(c){case 73:wa(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=z.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
 a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=fa;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=f,null!==a&&(L(c),O(c,a,b))):d.set(b,new K("resolved_model",f,null,a))}}function Aa(a){return function(b,c){return"string"===typeof c?xa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,c){var d=za(b.moduleMap,b.moduleLoading,Z,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(e){for(var g=0,f=d._rowState,l=d._rowID,k=d._rowTag,h=d._rowLength,t=d._buffer,F=e.length;g<F;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||68===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&91>f?(k=f,f=3,g++):(k=0,f=3);
-continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),Ca(d,l,k,t,h),g=m,3===f&&g++,h=l=k=f=0,t.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);t.push(e);h-=e.byteLength;break}}d._rowState=f;d._rowID=l;d._rowTag=k;d._rowLength=h});a.on("error",function(e){T(d,e)});a.on("end",function(){T(d,Error("Connection closed."))});return U(d,0)};
-exports.createServerReference=function(a){return sa(a,Z)};
+f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+f.$$typeof=ca;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status="resolved_model",c.value=f,null!==a&&(L(c),O(c,a,b))):d.set(b,new K("resolved_model",f,null,a))}}function va(a){return function(b,c){return"string"===typeof c?sa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,c){var d=ua(b.moduleMap,b.moduleLoading,Z,c?c.encodeFormAction:void 0,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(e){for(var g=0,f=d._rowState,l=d._rowID,k=d._rowTag,h=d._rowLength,u=d._buffer,E=e.length;g<E;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||100===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&
+91>f?(k=f,f=3,g++):(k=0,f=3);continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),xa(d,l,k,u,h),g=m,3===f&&g++,h=l=k=f=0,u.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);u.push(e);h-=e.byteLength;break}}d._rowState=f;d._rowID=l;d._rowTag=k;d._rowLength=h});a.on("error",function(e){T(d,e)});a.on("end",function(){T(d,Error("Connection closed."))});return U(d,
+0)};exports.createServerReference=function(a){return na(a,Z)};
 
 //# sourceMappingURL=react-server-dom-webpack-client.node.production.min.js.map
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 08f2890412a628..0b569908f5d7a8 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
@@ -31,6 +31,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -340,14 +383,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -460,6 +501,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -470,7 +515,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -516,6 +569,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -594,6 +653,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -644,9 +705,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -656,7 +717,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -881,7 +942,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1014,7 +1075,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1064,6 +1125,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1125,14 +1202,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1156,6 +1236,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1165,9 +1256,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1176,7 +1284,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1186,61 +1294,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1259,6 +1316,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1539,18 +1600,29 @@ function reportGlobalError(response, error) {
   });
 }
 
+function nullRefGetter() {
+  {
+    return null;
+  }
+}
+
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    // `ref` is non-enumerable in dev
+    element = {
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      props: props,
+      _owner: null
+    };
+    Object.defineProperty(element, 'ref', {
+      enumerable: false,
+      get: nullRefGetter
+    });
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1563,17 +1635,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1587,6 +1654,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1669,7 +1743,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1722,6 +1796,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1735,12 +1814,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1810,6 +1883,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1830,7 +1920,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1867,12 +1979,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1993,6 +2106,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function mergeBuffer(buffer, lastChunk) {
   var l = buffer.length; // Count the bytes we'll need
 
@@ -2089,8 +2220,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -2163,6 +2294,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2241,8 +2394,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -2382,7 +2535,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 40572a2a514398..0b80426592c607 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 function createStringDecoder() {
   return new util.TextDecoder();
@@ -294,10 +293,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
@@ -620,7 +616,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -670,6 +666,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -731,14 +743,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -762,6 +777,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -769,9 +785,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -780,7 +813,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -790,44 +823,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1127,17 +1126,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1148,6 +1150,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1228,7 +1231,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1281,6 +1284,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1292,12 +1300,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1363,6 +1365,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1382,7 +1386,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1417,12 +1423,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1633,8 +1640,8 @@ function processFullRow(response, id, tag, buffer, chunk) {
         resolveTypedArray(response, id, buffer, chunk, Float32Array, 4);
         return;
 
-      case 68
-      /* "D" */
+      case 100
+      /* "d" */
       :
         resolveTypedArray(response, id, buffer, chunk, Float64Array, 8);
         return;
@@ -1707,6 +1714,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1784,8 +1803,8 @@ function processBinaryChunk(response, chunk) {
           /* "l" */
           || resolvedRowTag === 70
           /* "F" */
-          || resolvedRowTag === 68
-          /* "D" */
+          || resolvedRowTag === 100
+          /* "d" */
           || resolvedRowTag === 78
           /* "N" */
           || resolvedRowTag === 109
@@ -1924,7 +1943,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js
index f58c0df367449c..c243799c6528b1 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js
@@ -7,40 +7,39 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var n=require("util"),q=require("react-dom"),r=require("react"),u={stream:!0};function v(a,b){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return{specifier:a.specifier,name:c,async:4===b.length}}var w=new Map;
-function x(a){var b=w.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var c=import(a.specifier);a.async&&(c=c.then(function(d){return d.default}));c.then(function(d){var e=c;e.status="fulfilled";e.value=d},function(d){var e=c;e.status="rejected";e.reason=d});w.set(a.specifier,c);return c}
-function y(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var e=c,g=A.current;if(g){var f=g.preinitScript,l=a.prefix+b[d];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}
-var A=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),aa=Symbol.for("react.provider"),ba=Symbol.for("react.server_context"),ca=Symbol.for("react.lazy"),C=Symbol.for("react.default_value"),da=Symbol.for("react.postpone"),D=Symbol.iterator;function ea(a){if(null===a||"object"!==typeof a)return null;a=D&&a[D]||a["@@iterator"];return"function"===typeof a?a:null}var fa=Array.isArray,E=Object.getPrototypeOf,ha=Object.prototype,G=new WeakMap;
-function ia(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ja(a,b,c,d){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var t=g++;h.then(function(p){p=JSON.stringify(p,e);var z=l;z.append(b+t,p);f--;0===f&&c(z)},function(p){d(p)});return"$@"+t.toString(16)}if(fa(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var F=l;k=g++;var m=b+k+"_";h.forEach(function(p,z){F.append(m+z,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
-e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(ea(h))return Array.from(h);k=E(h);if(k!==ha&&(null===k||null!==E(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
-h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ia(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=G.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?c(a):(l.set(b+"0",a),0===f&&c(l))}var H=new WeakMap;
-function ka(a){var b,c,d=new Promise(function(e,g){b=e;c=g});ja(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}d.status="fulfilled";d.value=e;b(e)},function(e){d.status="rejected";d.reason=e;c(e)});return d}
-function la(a){var b=G.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=H.get(b);c||(c=ka(b),H.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(e,g){d.append("$ACTION_"+a+":"+g,e)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function ma(a,b){var c=G.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(e){d.status="fulfilled";d.value=e},function(e){d.status="rejected";d.reason=e})),d;}}
-function I(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:la},$$IS_SIGNATURE_EQUAL:{value:ma},bind:{value:na}});G.set(a,b)}var oa=Function.prototype.bind,pa=Array.prototype.slice;function na(){var a=oa.apply(this,arguments),b=G.get(this);if(b){var c=pa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(c)}):Promise.resolve(c);I(a,{id:b.id,bound:d})}return a}
-function qa(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}I(c,{id:a,bound:null});return c}var J=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);
-K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ra(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
-function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&N(c,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(M(a),O(a,c,d))}}var R=null,S=null;
-function L(a){var b=R,c=S;R=a;S=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(d,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&N(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{R=b,S=c}}
-function M(a){try{var b=a.value,c=w.get(b.specifier);if("fulfilled"===c.status)var d=c.value;else throw c.reason;var e="*"===b.name?d:""===b.name?d.default:d[b.name];a.status="fulfilled";a.value=e}catch(g){a.status="rejected",a.reason=g}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new K("pending",null,null,a),c.set(b,d));return d}
-function sa(a,b,c,d){if(S){var e=S;d||e.deps++}else e=S={deps:d?0:1,value:null};return function(g){b[c]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function ta(a){return function(b){return P(a,b)}}
-function ua(a,b){function c(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?d(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return d(b.id,f.concat(e))}):d(b.id,e)}var d=a._callServer;I(c,b);return c}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function va(a,b,c,d){if("$"===d[0]){if("$"===d)return B;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ca,_payload:a,_init:ra};case "@":return b=parseInt(d.slice(2),16),U(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),J[a]||(b={$$typeof:ba,_currentValue:C,_currentValue2:C,_defaultValue:C,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:aa,_context:b},J[a]=b),J[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=V(a,b),ua(a,b);case "Q":return b=parseInt(d.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=R,a.then(sa(d,b,c,"cyclic"===a.status),ta(d)),null;default:throw a.reason;}}}return d}function wa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function xa(a,b,c,d){var e=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:wa,_nonce:d,_chunks:e,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ya(a);return a}function W(a,b,c){a._chunks.set(b,new K("fulfilled",c,null,a))}
-function za(a,b,c){var d=a._chunks,e=d.get(b);c=JSON.parse(c,a._fromJSON);var g=v(a._bundlerConfig,c);y(a._moduleLoading,c[1],a._nonce);if(c=x(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),d.set(b,f);c.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):d.set(b,new K("resolved_module",g,null,a))}
-function X(a,b){for(var c=a.length,d=b.length,e=0;e<c;e++)d+=a[e].byteLength;d=new Uint8Array(d);for(var g=e=0;g<c;g++){var f=a[g];d.set(f,e);e+=f.byteLength}d.set(b,e);return d}function Y(a,b,c,d,e,g){c=0===c.length&&0===d.byteOffset%g?d:X(c,d);e=new e(c.buffer,c.byteOffset,c.byteLength/g);W(a,b,e)}
-function Aa(a,b,c,d,e){switch(c){case 65:W(a,b,X(d,e).buffer);return;case 67:Y(a,b,d,e,Int8Array,1);return;case 99:W(a,b,0===d.length?e:X(d,e));return;case 85:Y(a,b,d,e,Uint8ClampedArray,1);return;case 83:Y(a,b,d,e,Int16Array,2);return;case 115:Y(a,b,d,e,Uint16Array,2);return;case 76:Y(a,b,d,e,Int32Array,4);return;case 108:Y(a,b,d,e,Uint32Array,4);return;case 70:Y(a,b,d,e,Float32Array,4);return;case 68:Y(a,b,d,e,Float64Array,8);return;case 78:Y(a,b,d,e,BigInt64Array,8);return;case 109:Y(a,b,d,e,BigUint64Array,
-8);return;case 86:Y(a,b,d,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<d.length;l++)f+=g.decode(d[l],u);f+=g.decode(e);switch(c){case 73:za(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=A.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];c=a[1];3===a.length?f.preload(b,c,a[2]):f.preload(b,c);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
-a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:c=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-f.stack="Error: "+f.message;f.digest=c;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");f.$$typeof=da;f.stack="Error: "+f.message;c=a._chunks;(d=c.get(b))?P(d,f):c.set(b,new K("rejected",null,f,a));break;default:d=a._chunks,(c=d.get(b))?"pending"===c.status&&(a=c.value,b=c.reason,c.status=
-"resolved_model",c.value=f,null!==a&&(L(c),O(c,a,b))):d.set(b,new K("resolved_model",f,null,a))}}function ya(a){return function(b,c){return"string"===typeof c?va(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===B?{$$typeof:B,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,c){var d=xa(b.moduleMap,b.moduleLoading,Z,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(e){for(var g=0,f=d._rowState,l=d._rowID,k=d._rowTag,h=d._rowLength,t=d._buffer,F=e.length;g<F;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||68===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&91>f?(k=f,f=3,g++):(k=0,f=3);
-continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),Aa(d,l,k,t,h),g=m,3===f&&g++,h=l=k=f=0,t.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);t.push(e);h-=e.byteLength;break}}d._rowState=f;d._rowID=l;d._rowTag=k;d._rowLength=h});a.on("error",function(e){T(d,e)});a.on("end",function(){T(d,Error("Connection closed."))});return U(d,0)};
-exports.createServerReference=function(a){return qa(a,Z)};
+'use strict';var n=require("util"),q=require("react-dom"),r={stream:!0};function t(a,b){var d=a[b[0]];if(a=d[b[2]])d=a.name;else{a=d["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');d=b[2]}return{specifier:a.specifier,name:d,async:4===b.length}}var v=new Map;
+function w(a){var b=v.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});v.set(a.specifier,d);return d}
+function x(a,b,d){if(null!==a)for(var c=1;c<b.length;c+=2){var e=d,g=y.current;if(g){var f=g.preinitScript,l=a.prefix+b[c];var k=a.crossOrigin;k="string"===typeof k?"use-credentials"===k?k:"":void 0;f.call(g,l,{crossOrigin:k,nonce:e})}}}var y=q.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),B=Symbol.for("react.lazy"),aa=Symbol.for("react.postpone"),C=Symbol.iterator;
+function ba(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var ca=Array.isArray,D=Object.getPrototypeOf,da=Object.prototype,F=new WeakMap;function ea(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function fa(a,b,d,c){function e(k,h){if(null===h)return null;if("object"===typeof h){if("function"===typeof h.then){null===l&&(l=new FormData);f++;var u=g++;h.then(function(p){p=JSON.stringify(p,e);var z=l;z.append(b+u,p);f--;0===f&&d(z)},function(p){c(p)});return"$@"+u.toString(16)}if(ca(h))return h;if(h instanceof FormData){null===l&&(l=new FormData);var E=l;k=g++;var m=b+k+"_";h.forEach(function(p,z){E.append(m+z,p)});return"$K"+k.toString(16)}if(h instanceof Map)return h=JSON.stringify(Array.from(h),
+e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$Q"+k.toString(16);if(h instanceof Set)return h=JSON.stringify(Array.from(h),e),null===l&&(l=new FormData),k=g++,l.append(b+k,h),"$W"+k.toString(16);if(ba(h))return Array.from(h);k=D(h);if(k!==da&&(null===k||null!==D(k)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return h}if("string"===typeof h){if("Z"===h[h.length-1]&&this[k]instanceof Date)return"$D"+h;
+h="$"===h[0]?"$"+h:h;return h}if("boolean"===typeof h)return h;if("number"===typeof h)return ea(h);if("undefined"===typeof h)return"$undefined";if("function"===typeof h){h=F.get(h);if(void 0!==h)return h=JSON.stringify(h,e),null===l&&(l=new FormData),k=g++,l.set(b+k,h),"$F"+k.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof h){k=h.description;if(Symbol.for(k)!==h)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(h.description+") cannot be found among global symbols."));return"$S"+k}if("bigint"===typeof h)return"$n"+h.toString(10);throw Error("Type "+typeof h+" is not supported as an argument to a Server Function.");}var g=1,f=0,l=null;a=JSON.stringify(a,e);null===l?d(a):(l.set(b+"0",a),0===f&&d(l))}var G=new WeakMap;
+function ha(a){var b,d,c=new Promise(function(e,g){b=e;d=g});fa(a,"",function(e){if("string"===typeof e){var g=new FormData;g.append("0",e);e=g}c.status="fulfilled";c.value=e;b(e)},function(e){c.status="rejected";c.reason=e;d(e)});return c}
+function ia(a){var b=F.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var d=null;if(null!==b.bound){d=G.get(b);d||(d=ha(b),G.set(b,d));if("rejected"===d.status)throw d.reason;if("fulfilled"!==d.status)throw d;b=d.value;var c=new FormData;b.forEach(function(e,g){c.append("$ACTION_"+a+":"+g,e)});d=c;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:d}}
+function H(a,b){var d=F.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(d.id!==a)return!1;var c=d.bound;if(null===c)return 0===b;switch(c.status){case "fulfilled":return c.value.length===b;case "pending":throw c;case "rejected":throw c.reason;default:throw"string"!==typeof c.status&&(c.status="pending",c.then(function(e){c.status="fulfilled";c.value=e},function(e){c.status="rejected";c.reason=e})),c;}}
+function I(a,b,d){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===d?ia:function(){var c=F.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var e=c.bound;null===e&&(e=Promise.resolve([]));return d(c.id,e)}},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,b)}var ja=Function.prototype.bind,ka=Array.prototype.slice;
+function J(){var a=ja.apply(this,arguments),b=F.get(this);if(b){var d=ka.call(arguments,1),c=null;c=null!==b.bound?Promise.resolve(b.bound).then(function(e){return e.concat(d)}):Promise.resolve(d);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:H},bind:{value:J}});F.set(a,{id:b.id,bound:c})}return a}function la(a,b,d){function c(){var e=Array.prototype.slice.call(arguments);return b(a,e)}I(c,{id:a,bound:null},d);return c}
+function K(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}K.prototype=Object.create(Promise.prototype);K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function ma(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function O(a,b,d){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=d;break;case "rejected":d&&N(d,a.reason)}}
+function P(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&N(d,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.value,c=a.reason;a.status="resolved_module";a.value=b;null!==d&&(M(a),O(a,d,c))}}var R=null,S=null;
+function L(a){var b=R,d=S;R=a;S=null;var c=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var e=JSON.parse(c,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=e,a.status="blocked",a.value=null,a.reason=null;else{var g=a.value;a.status="fulfilled";a.value=e;null!==g&&N(g,e)}}catch(f){a.status="rejected",a.reason=f}finally{R=b,S=d}}
+function M(a){try{var b=a.value,d=v.get(b.specifier);if("fulfilled"===d.status)var c=d.value;else throw d.reason;var e="*"===b.name?c:""===b.name?c.default:c[b.name];a.status="fulfilled";a.value=e}catch(g){a.status="rejected",a.reason=g}}function T(a,b){a._chunks.forEach(function(d){"pending"===d.status&&P(d,b)})}function U(a,b){var d=a._chunks,c=d.get(b);c||(c=new K("pending",null,null,a),d.set(b,c));return c}
+function na(a,b,d,c){if(S){var e=S;c||e.deps++}else e=S={deps:c?0:1,value:null};return function(g){b[d]=g;e.deps--;0===e.deps&&"blocked"===a.status&&(g=a.value,a.status="fulfilled",a.value=e.value,null!==g&&N(g,e.value))}}function oa(a){return function(b){return P(a,b)}}
+function pa(a,b){function d(){var e=Array.prototype.slice.call(arguments),g=b.bound;return g?"fulfilled"===g.status?c(b.id,g.value.concat(e)):Promise.resolve(g).then(function(f){return c(b.id,f.concat(e))}):c(b.id,e)}var c=a._callServer;I(d,b,a._encodeFormAction);return d}function V(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function qa(a,b,d,c){if("$"===c[0]){if("$"===c)return A;switch(c[1]){case "$":return c.slice(1);case "L":return b=parseInt(c.slice(2),16),a=U(a,b),{$$typeof:B,_payload:a,_init:ma};case "@":if(2===c.length)return new Promise(function(){});b=parseInt(c.slice(2),16);return U(a,b);case "S":return Symbol.for(c.slice(2));case "F":return b=parseInt(c.slice(2),16),b=V(a,b),pa(a,b);case "Q":return b=parseInt(c.slice(2),16),a=V(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=V(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=U(a,c);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return c=R,a.then(na(c,b,d,"cyclic"===a.status),oa(c)),null;default:throw a.reason;}}}return c}
+function ra(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function sa(a,b,d,c,e){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==d?d:ra,_encodeFormAction:c,_nonce:e,_chunks:g,_stringDecoder:new n.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ta(a);return a}function W(a,b,d){a._chunks.set(b,new K("fulfilled",d,null,a))}
+function ua(a,b,d){var c=a._chunks,e=c.get(b);d=JSON.parse(d,a._fromJSON);var g=t(a._bundlerConfig,d);x(a._moduleLoading,d[1],a._nonce);if(d=w(g)){if(e){var f=e;f.status="blocked"}else f=new K("blocked",null,null,a),c.set(b,f);d.then(function(){return Q(f,g)},function(l){return P(f,l)})}else e?Q(e,g):c.set(b,new K("resolved_module",g,null,a))}
+function X(a,b){for(var d=a.length,c=b.length,e=0;e<d;e++)c+=a[e].byteLength;c=new Uint8Array(c);for(var g=e=0;g<d;g++){var f=a[g];c.set(f,e);e+=f.byteLength}c.set(b,e);return c}function Y(a,b,d,c,e,g){d=0===d.length&&0===c.byteOffset%g?c:X(d,c);e=new e(d.buffer,d.byteOffset,d.byteLength/g);W(a,b,e)}
+function va(a,b,d,c,e){switch(d){case 65:W(a,b,X(c,e).buffer);return;case 67:Y(a,b,c,e,Int8Array,1);return;case 99:W(a,b,0===c.length?e:X(c,e));return;case 85:Y(a,b,c,e,Uint8ClampedArray,1);return;case 83:Y(a,b,c,e,Int16Array,2);return;case 115:Y(a,b,c,e,Uint16Array,2);return;case 76:Y(a,b,c,e,Int32Array,4);return;case 108:Y(a,b,c,e,Uint32Array,4);return;case 70:Y(a,b,c,e,Float32Array,4);return;case 100:Y(a,b,c,e,Float64Array,8);return;case 78:Y(a,b,c,e,BigInt64Array,8);return;case 109:Y(a,b,c,e,
+BigUint64Array,8);return;case 86:Y(a,b,c,e,DataView,1);return}for(var g=a._stringDecoder,f="",l=0;l<c.length;l++)f+=g.decode(c[l],r);f+=g.decode(e);switch(d){case 73:ua(a,b,f);break;case 72:b=f[0];f=f.slice(1);a=JSON.parse(f,a._fromJSON);if(f=y.current)switch(b){case "D":f.prefetchDNS(a);break;case "C":"string"===typeof a?f.preconnect(a):f.preconnect(a[0],a[1]);break;case "L":b=a[0];d=a[1];3===a.length?f.preload(b,d,a[2]):f.preload(b,d);break;case "m":"string"===typeof a?f.preloadModule(a):f.preloadModule(a[0],
+a[1]);break;case "S":"string"===typeof a?f.preinitStyle(a):f.preinitStyle(a[0],0===a[1]?void 0:a[1],3===a.length?a[2]:void 0);break;case "X":"string"===typeof a?f.preinitScript(a):f.preinitScript(a[0],a[1]);break;case "M":"string"===typeof a?f.preinitModuleScript(a):f.preinitModuleScript(a[0],a[1])}break;case 69:d=JSON.parse(f).digest;f=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+f.stack="Error: "+f.message;f.digest=d;d=a._chunks;(c=d.get(b))?P(c,f):d.set(b,new K("rejected",null,f,a));break;case 84:a._chunks.set(b,new K("fulfilled",f,null,a));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");case 80:f=Error("A Server Component was postponed. The reason is omitted in production builds to avoid leaking sensitive details.");
+f.$$typeof=aa;f.stack="Error: "+f.message;d=a._chunks;(c=d.get(b))?P(c,f):d.set(b,new K("rejected",null,f,a));break;default:c=a._chunks,(d=c.get(b))?"pending"===d.status&&(a=d.value,b=d.reason,d.status="resolved_model",d.value=f,null!==a&&(L(d),O(d,a,b))):c.set(b,new K("resolved_model",f,null,a))}}function ta(a){return function(b,d){return"string"===typeof d?qa(a,this,b,d):"object"===typeof d&&null!==d?(b=d[0]===A?{$$typeof:A,type:d[1],key:d[2],ref:null,props:d[3],_owner:null}:d,b):d}}
+function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,d){var c=sa(b.moduleMap,b.moduleLoading,Z,d?d.encodeFormAction:void 0,d&&"string"===typeof d.nonce?d.nonce:void 0);a.on("data",function(e){for(var g=0,f=c._rowState,l=c._rowID,k=c._rowTag,h=c._rowLength,u=c._buffer,E=e.length;g<E;){var m=-1;switch(f){case 0:m=e[g++];58===m?f=1:l=l<<4|(96<m?m-87:m-48);continue;case 1:f=e[g];84===f||65===f||67===f||99===f||85===f||83===f||115===f||76===f||108===f||70===f||100===f||78===f||109===f||86===f?(k=f,f=2,g++):64<f&&
+91>f?(k=f,f=3,g++):(k=0,f=3);continue;case 2:m=e[g++];44===m?f=4:h=h<<4|(96<m?m-87:m-48);continue;case 3:m=e.indexOf(10,g);break;case 4:m=g+h,m>e.length&&(m=-1)}var p=e.byteOffset+g;if(-1<m)h=new Uint8Array(e.buffer,p,m-g),va(c,l,k,u,h),g=m,3===f&&g++,h=l=k=f=0,u.length=0;else{e=new Uint8Array(e.buffer,p,e.byteLength-g);u.push(e);h-=e.byteLength;break}}c._rowState=f;c._rowID=l;c._rowTag=k;c._rowLength=h});a.on("error",function(e){T(c,e)});a.on("end",function(){T(c,Error("Connection closed."))});return U(c,
+0)};exports.createServerReference=function(a){return la(a,Z)};
 
 //# sourceMappingURL=react-server-dom-webpack-client.node.unbundled.production.min.js.map
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 9f3f28b1af4306..34e819bd45cfac 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
@@ -62,7 +62,7 @@ var enablePostpone = true;
 function scheduleWork(callback) {
   callback();
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   // If we passed through this straight to enqueue we wouldn't have to convert it but since
@@ -172,10 +165,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -187,7 +180,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -208,6 +201,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -234,13 +235,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -279,6 +283,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -320,6 +328,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -360,6 +372,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -701,20 +717,21 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = false;
+var requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -733,198 +750,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1053,29 +878,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1086,8 +895,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1120,6 +929,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1145,20 +958,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1296,6 +1111,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1306,7 +1125,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1352,6 +1179,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1430,6 +1263,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1480,9 +1315,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1492,7 +1327,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1519,57 +1354,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1583,6 +1367,75 @@ function binaryToComparableString(view) {
   return String.fromCharCode.apply(String, new Uint8Array(view.buffer, view.byteOffset, view.byteLength));
 }
 
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1633,7 +1486,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1668,21 +1521,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1693,15 +1544,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1845,14 +1699,189 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1867,47 +1896,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1916,48 +1934,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
-
-                return true;
-              });
-
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1977,30 +1964,69 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
-    thenableState: null
-  };
-  abortSet.add(task);
-  return task;
-}
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
 
-function serializeByValueID(id) {
-  return '$' + id.toString(16);
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
 }
 
 function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2013,10 +2039,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2059,13 +2081,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2084,7 +2106,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2104,13 +2126,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2215,136 +2238,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2352,94 +2333,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2497,7 +2555,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2519,7 +2577,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2531,14 +2589,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2560,9 +2618,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2590,6 +2648,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2598,18 +2664,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2627,7 +2688,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2649,17 +2710,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2721,8 +2803,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2762,68 +2847,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
 
-  var json = stringify(model, request.toJSON);
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2856,6 +3231,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3076,27 +3455,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3819,7 +4177,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 2e6351dea405e3..65f1567e703874 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
@@ -10,8 +10,8 @@
 
 'use strict';
 
-var ReactDOM = require('react-dom');
 var React = require('react');
+var ReactDOM = require('react-dom');
 
 // -----------------------------------------------------------------------------
 const enablePostpone = true;
@@ -19,7 +19,7 @@ const enablePostpone = true;
 function scheduleWork(callback) {
   callback();
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -123,10 +122,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -138,7 +137,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -159,6 +158,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -185,13 +185,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -230,6 +233,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -271,6 +278,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -311,6 +322,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -654,20 +669,21 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = false;
+const requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -686,184 +702,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -992,16 +830,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1015,8 +850,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1052,6 +887,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1077,14 +916,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1163,6 +1010,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1173,7 +1024,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1219,6 +1077,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1266,6 +1130,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1317,38 +1183,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1412,7 +1246,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1447,21 +1281,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1472,15 +1300,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1622,61 +1444,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1685,34 +1616,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1730,14 +1644,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1764,10 +1694,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1810,13 +1736,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1835,7 +1761,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1855,13 +1781,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1965,100 +1892,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
+
+
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2066,6 +1988,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2074,16 +2066,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2095,41 +2089,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2142,8 +2115,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2201,7 +2173,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2223,7 +2195,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2250,7 +2222,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2280,6 +2252,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2288,18 +2268,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2316,7 +2288,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2338,17 +2310,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2421,68 +2414,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2515,6 +2494,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2710,27 +2690,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3436,7 +3395,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js
index a10466444976ed..ec0619c5b18d1e 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.browser.production.min.js
@@ -7,79 +7,77 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react-dom"),ba=require("react"),l=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(512),n=0),a.enqueue(b);else{var d=l.length-n;d<b.byteLength&&(0===d?a.enqueue(l):(l.set(b.subarray(0,d),n),a.enqueue(l),b=b.subarray(d)),l=new Uint8Array(512),n=0);l.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
-var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("react"),ba=require("react-dom"),l=null,p=0;function q(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<p&&(a.enqueue(new Uint8Array(l.buffer,0,p)),l=new Uint8Array(2048),p=0),a.enqueue(b);else{var c=l.length-p;c<b.byteLength&&(0===c?a.enqueue(l):(l.set(b.subarray(0,c),p),a.enqueue(l),b=b.subarray(c)),l=new Uint8Array(2048),p=0);l.set(b,p);p+=b.byteLength}return!0}var r=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var t=Symbol.for("react.client.reference"),u=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:c}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function ha(){var a=da.apply(this,arguments);if(this.$$typeof===u){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:u},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ha}})}return a}
+var ia=Promise.prototype,ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function ja(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=u({},a.$$id,!0),e=new Proxy(c,ka);a.status="fulfilled";a.value=e;return a.then=u(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}c=a[b];c||(c=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c}
-var ka={get:function(a,b){return ja(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:ja(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ta={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};
-function la(a){if("string"===typeof a&&a){var b=v?v:null;if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),w(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?w(d,"C",[a,b]):w(d,"C",a))}}}
-function na(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=x(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"m",[a,b]):w(d,"m",a)}}}
-function pa(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=x(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function qa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"X",[a,b]):w(d,"X",a)}}}
-function ra(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=x(b))?w(d,"M",[a,b]):w(d,"M",a)}}}function x(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var ua=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,y=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.provider"),xa=Symbol.for("react.server_context"),ya=Symbol.for("react.forward_ref"),za=Symbol.for("react.suspense"),Aa=Symbol.for("react.suspense_list"),Ba=Symbol.for("react.memo"),z=Symbol.for("react.lazy"),Ca=Symbol.for("react.default_value"),Da=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Ea=Symbol.iterator,C=null;
-function Fa(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Fa(a,d);b.context._currentValue=b.value}}}function Ga(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ga(a)}
-function Ha(a){var b=a.parent;null!==b&&Ha(b);a.context._currentValue=a.value}function Ia(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Fa(a,b):Ia(a,b)}
-function Ja(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Fa(a,d):Ja(a,d);b.context._currentValue=b.value}function Ka(a){var b=C;b!==a&&(null===b?Ha(a):null===a?Ga(b):b.depth===a.depth?Fa(b,a):b.depth>a.depth?Ia(b,a):Ja(b,a),C=a)}function La(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Ma=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Na(){}function Oa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Na,Na),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Pa=b;throw Ma;}}var Pa=null;
-function Qa(){if(null===Pa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Pa;Pa=null;return a}var D=null,Ra=0,E=null;function Sa(){var a=E;E=null;return a}function Ta(a){return a._currentValue}
-var Xa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Ta,useContext:Ta,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ua,useSyncExternalStore:F,useCacheRefresh:function(){return Va},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Da;return b},use:Wa};
-function F(){throw Error("This Hook is not supported in Server Components.");}function Va(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ua(){if(null===D)throw Error("useId can only be used while React is rendering");var a=D.identifierCount++;return":"+D.identifierPrefix+"S"+a.toString(32)+":"}
-function Wa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ra;Ra+=1;null===E&&(E=[]);return Oa(E,a,b)}if(a.$$typeof===xa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Ya(){return(new AbortController).signal}function Za(){var a=v?v:null;return a?a.cache:new Map}
-var $a={getCacheSignal:function(){var a=Za(),b=a.get(Ya);void 0===b&&(b=Ya(),a.set(Ya,b));return b},getCacheForType:function(a){var b=Za(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},ab=Array.isArray,bb=Object.getPrototypeOf;function cb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function db(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(ab(a))return"[...]";a=cb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function eb(a){if("string"===typeof a)return a;switch(a){case za:return"Suspense";case Aa:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case ya:return eb(a.render);case Ba:return eb(a.type);case z:var b=a._payload;a=a._init;try{return eb(a(b))}catch(d){}}return""}
-function H(a,b){var d=cb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(ab(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?H(g):db(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===y)e="<"+eb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?H(k):
-db(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var fb=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,gb=fb.ContextRegistry,I=ba.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!I)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 hb=Object.prototype,J=JSON.stringify,ib=I.TaintRegistryObjects,K=I.TaintRegistryValues,jb=I.TaintRegistryByteLengths,kb=I.TaintRegistryPendingRequests,lb=I.ReactCurrentCache,mb=fb.ReactCurrentDispatcher;function L(a){throw Error(a);}
-function nb(a){a=a.taintCleanupQueue;kb.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=K.get(d);void 0!==c&&(1===c.count?K.delete(d):c.count--)}a.length=0}function ob(a){console.error(a)}function pb(){}
-function qb(a,b,d,c,e,f){if(null!==lb.current&&lb.current!==$a)throw Error("Currently React only supports one RSC renderer at a time.");ua.current=ta;lb.current=$a;var g=new Set,h=[],k=[];kb.add(k);var m=new Set,A={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:m,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===d?ob:d,onPostpone:void 0===f?pb:f,toJSON:function(sa,G){return rb(A,this,sa,G)}};A.pendingChunks++;b=sb(c);a=tb(A,a,b,g);h.push(a);return A}var v=null,ub={};
-function vb(a,b){a.pendingChunks++;var d=tb(a,null,C,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,wb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===B?(M(a,c.message),N(a,d.id)):(c=O(a,c),P(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;wb(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===B?(M(a,e.message),N(a,d.id)):(d.status=4,e=O(a,e),P(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&Q(a,a.destination)});return d.id}function w(a,b,d){d=J(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,Q(a,d))}
-function xb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}function yb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:z,_payload:a,_init:xb}}
-function R(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[y,b,d,e];Ra=0;E=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:yb(e):e}if("string"===typeof b)return[y,b,d,e];if("symbol"===typeof b)return b===va?e.children:[y,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[y,b,d,e];switch(b.$$typeof){case z:var g=
-b._init;b=g(b._payload);return R(a,b,d,c,e,f);case ya:return a=b.render,Ra=0,E=f,a(e,void 0);case Ba:return R(a,b.type,d,c,e,f);case wa:return La(b._context,e.value),[y,b,d,{value:e.value,children:e.children,__pop:ub}]}}throw Error("Unsupported Server Component type: "+db(b));}function wb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,zb(a))}
-function tb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return wb(a,e)},thenableState:null};c.add(e);return e}function S(a){return"$"+a.toString(16)}function Ab(a,b,d){a=J(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function Bb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===y&&"1"===d?"$L"+g.toString(16):S(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var m=h[k];if(m)g=m.name;else{var A=k.lastIndexOf("#");-1!==A&&(g=k.slice(A+1),m=h[k.slice(0,A)]);if(!m)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var sa=!0===c.$$async?[m.id,m.chunks,g,1]:[m.id,m.chunks,
-g];a.pendingChunks++;var G=a.nextChunkId++,Vb=J(sa),Wb=G.toString(16)+":I"+Vb+"\n",Xb=q.encode(Wb);a.completedImportChunks.push(Xb);f.set(e,G);return b[0]===y&&"1"===d?"$L"+G.toString(16):S(G)}catch(Yb){return a.pendingChunks++,b=a.nextChunkId++,d=O(a,Yb),P(a,b,d),S(b)}}function T(a,b){a.pendingChunks++;b=tb(a,b,C,a.abortableTasks);Cb(a,b);return b.id}
-function U(a,b,d){if(jb.has(d.byteLength)){var c=K.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&L(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;var e=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);d=512<d.byteLength?e.slice():e;e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";b=q.encode(b);a.completedRegularChunks.push(b,d);return S(c)}var V=!1;
-function rb(a,b,d,c){switch(c){case y:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===y||c.$$typeof===z);)try{switch(c.$$typeof){case y:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=T(a,c);return S(g)}if(V===c)V=null;else return S(f)}else e.set(c,-1);var h=c;c=R(a,h.type,h.key,h.ref,h.props,null);break;case z:var k=c._init;c=k(c._payload)}}catch(m){d=m===Ma?Qa():m;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=tb(a,c,C,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Sa(),"$L"+a.id.toString(16);if(d.$$typeof===B)return c=d,a.pendingChunks++,d=a.nextChunkId++,M(a,c.message),N(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=O(a,d);P(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=ib.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Bb(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(V===c)V=null;else return"$@"+e.toString(16);a=vb(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===wa)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=Ab(a,d,"$P"+c),a.completedRegularChunks.push(c)),S(d);if(c===ub){a=C;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Ca?a.context._defaultValue:c;C=a.parent;return}if(void 0!==e){if(-1===e)return a=T(a,c),S(a);if(V===c)V=null;else return S(e)}else b.set(c,
--1);if(ab(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+T(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+T(a,c).toString(16)}if(c instanceof ArrayBuffer)return U(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return U(a,"C",c);if(c instanceof
-Uint8Array)return U(a,"c",c);if(c instanceof Uint8ClampedArray)return U(a,"U",c);if(c instanceof Int16Array)return U(a,"S",c);if(c instanceof Uint16Array)return U(a,"s",c);if(c instanceof Int32Array)return U(a,"L",c);if(c instanceof Uint32Array)return U(a,"l",c);if(c instanceof Float32Array)return U(a,"F",c);if(c instanceof Float64Array)return U(a,"D",c);if(c instanceof BigInt64Array)return U(a,"N",c);if(c instanceof BigUint64Array)return U(a,"m",c);if(c instanceof DataView)return U(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Ea&&c[Ea]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=bb(c);if(a!==hb&&(null===a||null!==bb(a)))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.");return c}if("string"===typeof c){e=K.get(c);void 0!==e&&L(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-c=q.encode(c),b=c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",b=q.encode(b),a.completedRegularChunks.push(b,c),S(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=ib.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Bb(a,b,d,c);if(c.$$typeof===t)return d=a.writtenServerReferences,
-b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=T(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+H(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+H(b,d));}if("symbol"===typeof c){e=
-a.writtenSymbols;f=e.get(c);if(void 0!==f)return S(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+H(b,d));a.pendingChunks++;d=a.nextChunkId++;b=Ab(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return S(d)}if("bigint"===typeof c)return a=K.get(c),void 0!==a&&L(a.message),"$n"+c.toString(10);throw Error("Type "+typeof c+
-" is not supported in Client Component props."+H(b,d));}function M(a,b){a=a.onPostpone;a(b)}function O(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Db(a,b){nb(a);null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function N(a,b){b=b.toString(16)+":P\n";b=q.encode(b);a.completedErrorChunks.push(b)}function P(a,b,d){d={digest:d};b=b.toString(16)+":E"+J(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function Cb(a,b){if(0===b.status){Ka(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===y){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=R(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===y;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=R(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;V=d;var g=J(d,a.toJSON),h=f.toString(16)+":"+g+"\n",k=q.encode(h);
-a.completedRegularChunks.push(k);a.abortableTasks.delete(b);b.status=1}catch(m){f=m===Ma?Qa():m;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Sa();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=O(a,f);P(a,b.id,f)}}}
-function zb(a){var b=mb.current;mb.current=Xa;var d=v;D=v=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Cb(a,c[e]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Db(a,f)}finally{mb.current=b,D=null,v=d}}
-function Q(a,b){l=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<n&&(b.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}0===a.pendingChunks&&
-(nb(a),b.close())}function Eb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,e);P(a,c,f,e)}d.forEach(function(g){g.status=3;var h=S(c);g=Ab(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Db(a,g)}}
-function sb(a){if(a){var b=C;Ka(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!gb[e]){var f={$$typeof:xa,_currentValue:Ca,_currentValue2:Ca,_defaultValue:Ca,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:wa,_context:f};gb[e]=f}La(gb[e],c)}a=C;Ka(b);return a}return null}
-function Fb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Gb=new Map;
-function Hb(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Ib(){}
-function Jb(a){for(var b=a[1],d=[],c=0;c<b.length;){var e=b[c++],f=b[c++],g=Gb.get(e);void 0===g?(Kb.set(e,f),f=__webpack_chunk_load__(e),d.push(f),g=Gb.set.bind(Gb,e,null),f.then(g,Ib),Gb.set(e,f)):null!==g&&d.push(g)}return 4===a.length?0===d.length?Hb(a[0]):Promise.all(d).then(function(){return Hb(a[0])}):0<d.length?Promise.all(d):null}
-function W(a){var b=__webpack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}var Kb=new Map,Lb=__webpack_require__.u;__webpack_require__.u=function(a){var b=Kb.get(a);return void 0!==b?b:Lb(a)};function Mb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Mb.prototype=Object.create(Promise.prototype);
-Mb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Nb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Ob(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Pb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Ob(d,b)}}function Qb(a,b,d,c,e,f){var g=Fb(a._bundlerConfig,b);a=Jb(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=W(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Rb(c,e,f),Sb(c));return null}var X=null,Y=null;
-function Nb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Tb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Pb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Mb("resolved_model",c,null,a):new Mb("pending",null,null,a),d.set(b,c));return c}function Rb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Ob(e,c.value))}}function Sb(a){return function(b){return Pb(a,b)}}
-function Ub(a,b){a=Z(a,b);"resolved_model"===a.status&&Nb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Zb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Ub(a,c),Qb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Ub(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Ub(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Nb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Rb(c,b,d),Sb(c)),null;default:throw a.reason;}}return c}
-function $b(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Zb(e,this,f,g):g}};return e}function ac(a){Tb(a,Error("Connection closed."))}function bc(a,b,d){var c=Fb(a,b);a=Jb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}
-function cc(a,b,d){a=$b(b,d,a);ac(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ka)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=cc(a,b,e),c=bc(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=bc(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(g,h){h.startsWith("$ACTION_REF_")&&(g="$ACTION_"+h.slice(12)+":",e=cc(b,d,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,c,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=$b(b,"",a);b=Z(a,0);ac(a);return b};
-exports.registerClientReference=function(a,b,d){return u(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
-exports.renderToReadableStream=function(a,b,d){var c=qb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)Eb(c,e.reason);else{var f=function(){Eb(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){c.flushScheduled=null!==c.destination;zb(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===
-c.destination){c.destination=g;try{Q(c,g)}catch(h){O(c,h),Db(c,h)}}},cancel:function(g){c.destination=null;Eb(c,g)}},{highWaterMark:0})};
+function ka(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=v({},a.$$id,!0),d=new Proxy(e,la);a.status="fulfilled";a.value=d;return a.then=v(function(g){return Promise.resolve(g(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,ja));return e}
+var la={get:function(a,b){return ka(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ka(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ia},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ta={prefetchDNS:ma,preconnect:na,preload:oa,preloadModule:pa,preinitStyle:qa,preinitScript:ra,preinitModuleScript:sa};
+function ma(a){if("string"===typeof a&&a){var b=w?w:null;if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),x(b,"D",a))}}}function na(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function oa(a,b,c){if("string"===typeof a){var e=w?w:null;if(e){var d=e.hints,g="L";if("image"===b&&c){var f=c.imageSrcSet,h=c.imageSizes,k="";"string"===typeof f&&""!==f?(k+="["+f+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;g+="[image]"+k}else g+="["+b+"]"+a;d.has(g)||(d.add(g),(c=z(c))?x(e,"L",[a,b,c]):x(e,"L",[a,b]))}}}function pa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=z(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function qa(a,b,c){if("string"===typeof a){var e=w?w:null;if(e){var d=e.hints,g="S|"+a;if(!d.has(g))return d.add(g),(c=z(c))?x(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(e,"S",[a,b]):x(e,"S",a)}}}function ra(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=z(b))?x(c,"X",[a,b]):x(c,"X",a)}}}
+function sa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=z(b))?x(c,"M",[a,b]):x(c,"M",a)}}}function z(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}
+var ua=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),B=Symbol.for("react.lazy"),Ba=Symbol.for("react.memo_cache_sentinel"),D=Symbol.for("react.postpone"),Ca=Symbol.iterator,Da=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ea(){}function Fa(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ea,Ea),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ga=b;throw Da;}}var Ga=null;
+function Ha(){if(null===Ga)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ga;Ga=null;return a}var E=null,Ia=0,F=null;function Ja(){var a=F||[];F=null;return a}
+var Oa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Ka,useContext:Ka,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:La,useSyncExternalStore:G,useCacheRefresh:function(){return Ma},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ba;return b},use:Na};
+function G(){throw Error("This Hook is not supported in Server Components.");}function Ma(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ka(){throw Error("Cannot read a Client Context from a Server Component.");}function La(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
+function Na(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ia;Ia+=1;null===F&&(F=[]);return Fa(F,a,b)}a.$$typeof===wa&&Ka()}if(a.$$typeof===t){if(null!=a.value&&a.value.$$typeof===wa)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Pa(){return(new AbortController).signal}
+function Qa(){var a=w?w:null;return a?a.cache:new Map}var Ra={getCacheSignal:function(){var a=Qa(),b=a.get(Pa);void 0===b&&(b=Pa(),a.set(Pa,b));return b},getCacheForType:function(a){var b=Qa(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Sa=Array.isArray,Ta=Object.getPrototypeOf;function Ua(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Va(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Sa(a))return"[...]";if(null!==a&&a.$$typeof===Wa)return"client";a=Ua(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Wa?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function Xa(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return Xa(a.render);case Aa:return Xa(a.type);case B:var b=a._payload;a=a._init;try{return Xa(a(b))}catch(c){}}return""}var Wa=Symbol.for("react.client.reference");
+function H(a,b){var c=Ua(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Sa(a)){var d="[";for(var g=0;g<a.length;g++){0<g&&(d+=", ");var f=a[g];f="object"===typeof f&&null!==f?H(f):Va(f);""+g===b?(c=d.length,e=f.length,d+=f):d=10>f.length&&40>d.length+f.length?d+f:d+"..."}d+="]"}else if(a.$$typeof===A)d="<"+Xa(a.type)+"/>";else{if(a.$$typeof===Wa)return"client";d="{";g=Object.keys(a);for(f=0;f<g.length;f++){0<f&&(d+=", ");var h=g[f],k=JSON.stringify(h);d+=('"'+h+'"'===k?h:k)+": ";k=a[h];
+k="object"===typeof k&&null!==k?H(k):Va(k);h===b?(c=d.length,e=k.length,d+=k):d=10>k.length&&40>d.length+k.length?d+k:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var Ya=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,I=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!I)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 Za=Object.prototype,J=JSON.stringify,$a=I.TaintRegistryObjects,K=I.TaintRegistryValues,ab=I.TaintRegistryByteLengths,bb=I.TaintRegistryPendingRequests,cb=I.ReactCurrentCache,db=Ya.ReactCurrentDispatcher;function L(a){throw Error(a);}
+function eb(a){a=a.taintCleanupQueue;bb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=K.get(c);void 0!==e&&(1===e.count?K.delete(c):e.count--)}a.length=0}function fb(a){console.error(a)}function gb(){}
+function hb(a,b,c,e,d){if(null!==cb.current&&cb.current!==Ra)throw Error("Currently React only supports one RSC renderer at a time.");ua.current=ta;cb.current=Ra;var g=new Set,f=[],h=[];bb.add(h);var k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:f,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:h,onError:void 0===c?fb:c,onPostpone:void 0===d?gb:d};a=ib(b,a,null,!1,g);f.push(a);return b}var w=null;
+function jb(a,b,c){var e=ib(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,kb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===D?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;kb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===D?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function x(a,b,c){c=J(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;c=r.encode(b+c+"\n");a.completedHintChunks.push(c);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(c=a.destination,a.flushScheduled=!0,Q(a,c))}
+function lb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}function mb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:B,_payload:a,_init:lb}}
+function nb(a,b,c,e,d){var g=b.thenableState;b.thenableState=null;Ia=0;F=g;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=mb(e)}d=b.keyPath;g=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,ob,"",e);b.keyPath=d;b.implicitSlot=g;return a}function pb(a,b,c){return null!==b.keyPath?(a=[A,va,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function qb(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[A,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function rb(a,b,c,e,d,g){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===t?qb(b,c,e,g):nb(a,b,e,c,g);if("string"===typeof c)return qb(b,c,e,g);if("symbol"===typeof c)return c===va&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,ob,"",g.children),b.implicitSlot=e,a):qb(b,c,e,g);if(null!=c&&"object"===typeof c){if(c.$$typeof===t)return qb(b,c,e,g);switch(c.$$typeof){case B:var f=
+c._init;c=f(c._payload);return rb(a,b,c,e,d,g);case xa:return nb(a,b,e,c.render,g);case Aa:return rb(a,b,c.type,e,d,g)}}throw Error("Unsupported Server Component type: "+Va(c));}function kb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,sb(a))}
+function ib(a,b,c,e,d){a.pendingChunks++;var g=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,g);var f={id:g,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return kb(a,f)},toJSON:function(h,k){a:{var m=f.keyPath,y=f.implicitSlot;try{var n=R(a,f,this,h,k)}catch(fa){h=fa===Da?Ha():fa;k=f.model;k="object"===typeof k&&null!==k&&(k.$$typeof===A||k.$$typeof===B);if("object"===typeof h&&null!==h){if("function"===typeof h.then){n=ib(a,f.model,f.keyPath,f.implicitSlot,
+a.abortableTasks);var C=n.ping;h.then(C,C);n.thenableState=Ja();f.keyPath=m;f.implicitSlot=y;n=k?"$L"+n.id.toString(16):S(n.id);break a}if(h.$$typeof===D){a.pendingChunks++;n=a.nextChunkId++;M(a,h.message);N(a,n);f.keyPath=m;f.implicitSlot=y;n=k?"$L"+n.toString(16):S(n);break a}}f.keyPath=m;f.implicitSlot=y;if(k)a.pendingChunks++,m=a.nextChunkId++,y=O(a,h),P(a,m,y),n="$L"+m.toString(16);else throw h;}}return n},thenableState:null};d.add(f);return f}function S(a){return"$"+a.toString(16)}
+function tb(a,b,c){a=J(c);b=b.toString(16)+":"+a+"\n";return r.encode(b)}
+function ub(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,g=a.writtenClientReferences,f=g.get(d);if(void 0!==f)return b[0]===A&&"1"===c?"$L"+f.toString(16):S(f);try{var h=a.bundlerConfig,k=e.$$id;f="";var m=h[k];if(m)f=m.name;else{var y=k.lastIndexOf("#");-1!==y&&(f=k.slice(y+1),m=h[k.slice(0,y)]);if(!m)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var n=!0===e.$$async?[m.id,m.chunks,f,1]:[m.id,m.chunks,
+f];a.pendingChunks++;var C=a.nextChunkId++,fa=J(n),Ob=C.toString(16)+":I"+fa+"\n",Pb=r.encode(Ob);a.completedImportChunks.push(Pb);g.set(d,C);return b[0]===A&&"1"===c?"$L"+C.toString(16):S(C)}catch(Qb){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Qb),P(a,b,c),S(b)}}function T(a,b){b=ib(a,b,null,!1,a.abortableTasks);vb(a,b);return b.id}
+function U(a,b,c){if(ab.has(c.byteLength)){var e=K.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&L(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;var d=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);c=2048<c.byteLength?d.slice():d;d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";b=r.encode(b);a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===A)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case A:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return rb(a,b,d.type,d.key,void 0!==e?e:null,c);case B:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,ob,"",d)}if(d.$$typeof===t)return ub(a,c,e,d);c=$a.get(d);void 0!==c&&L(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+jb(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=jb(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Sa(d))return pb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Ca&&d[Ca]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return pb(a,b,Array.from(d));a=Ta(d);if(a!==Za&&(null===a||null!==Ta(a)))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.");
+return d}if("string"===typeof d){b=K.get(d);void 0!==b&&L(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,d=r.encode(d),c=d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=r.encode(c),a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===d?"$-Infinity":
+"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===t)return ub(a,c,e,d);if(d.$$typeof===u)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=$a.get(d);void 0!==a&&L(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+H(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+H(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var g=b.get(d);if(void 0!==g)return S(g);g=d.description;if(Symbol.for(g)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+H(c,e));a.pendingChunks++;c=a.nextChunkId++;e=tb(a,c,"$S"+g);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=K.get(d),void 0!==a&&L(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+H(c,e));}function M(a,b){var c=w;w=null;try{var e=a.onPostpone;e(b)}finally{w=c}}
+function O(a,b){var c=w;w=null;try{var e=a.onError;var d=e(b)}finally{w=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}function wb(a,b){eb(a);null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";b=r.encode(b);a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+J(c)+"\n";b=r.encode(b);a.completedErrorChunks.push(b)}var ob={};
+function vb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,ob,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?J(c,b.toJSON):J(c),d=b.id.toString(16)+":"+e+"\n",g=r.encode(d);a.completedRegularChunks.push(g);a.abortableTasks.delete(b);b.status=1}catch(m){var f=m===Da?Ha():m;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var h=b.ping;f.then(h,h);b.thenableState=Ja();return}if(f.$$typeof===D){a.abortableTasks.delete(b);b.status=4;M(a,f.message);
+N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;var k=O(a,f);P(a,b.id,k)}finally{}}function sb(a){var b=db.current;db.current=Oa;var c=w;E=w=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)vb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),wb(a,g)}finally{db.current=b,E=null,w=c}}
+function Q(a,b){l=new Uint8Array(2048);p=0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)a.pendingChunks--,q(b,c[e]);c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)q(b,d[e]);d.splice(0,e);var g=a.completedRegularChunks;for(e=0;e<g.length;e++)a.pendingChunks--,q(b,g[e]);g.splice(0,e);var f=a.completedErrorChunks;for(e=0;e<f.length;e++)a.pendingChunks--,q(b,f[e]);f.splice(0,e)}finally{a.flushScheduled=!1,l&&0<p&&(b.enqueue(new Uint8Array(l.buffer,0,p)),l=null,p=0)}0===a.pendingChunks&&
+(eb(a),b.close())}function xb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===D)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,g=O(a,d);P(a,e,g,d)}c.forEach(function(f){f.status=3;var h=S(e);f=tb(a,f.id,h);a.completedErrorChunks.push(f)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),wb(a,f)}}
+function yb(a,b){var c="",e=a[b];if(e)c=e.name;else{var d=b.lastIndexOf("#");-1!==d&&(c=b.slice(d+1),e=a[b.slice(0,d)]);if(!e)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[e.id,e.chunks,c]}var zb=new Map;
+function Ab(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function Bb(){}
+function Cb(a){for(var b=a[1],c=[],e=0;e<b.length;){var d=b[e++],g=b[e++],f=zb.get(d);void 0===f?(Db.set(d,g),g=__webpack_chunk_load__(d),c.push(g),f=zb.set.bind(zb,d,null),g.then(f,Bb),zb.set(d,g)):null!==f&&c.push(f)}return 4===a.length?0===c.length?Ab(a[0]):Promise.all(c).then(function(){return Ab(a[0])}):0<c.length?Promise.all(c):null}
+function W(a){var b=__webpack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}var Db=new Map,Eb=__webpack_require__.u;__webpack_require__.u=function(a){var b=Db.get(a);return void 0!==b?b:Eb(a)};function Fb(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Fb.prototype=Object.create(Promise.prototype);
+Fb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Gb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Hb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Ib(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Hb(c,b)}}function Jb(a,b,c,e,d,g){var f=yb(a._bundlerConfig,b);a=Cb(f);if(c)c=Promise.all([c,a]).then(function(h){h=h[0];var k=W(f);return k.bind.apply(k,[null].concat(h))});else if(a)c=Promise.resolve(a).then(function(){return W(f)});else return W(f);c.then(Kb(e,d,g),Lb(e));return null}var X=null,Y=null;
+function Gb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Mb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Ib(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Fb("resolved_model",e,null,a):new Fb("pending",null,null,a),c.set(b,e));return e}function Kb(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Hb(d,e.value))}}function Lb(a){return function(b){return Ib(a,b)}}
+function Nb(a,b){a=Z(a,b);"resolved_model"===a.status&&Gb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Rb(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Nb(a,e),Jb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Nb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Nb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",g=new FormData;a._formData.forEach(function(f,h){h.startsWith(d)&&g.append(h.slice(d.length),
+f)});return g;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Gb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Kb(e,b,c),Lb(e)),null;default:throw a.reason;}}return e}
+function Sb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(g,f){return"string"===typeof f?Rb(d,this,g,f):f}};return d}function Tb(a){Mb(a,Error("Connection closed."))}function Ub(a,b,c){var e=yb(a,b);a=Cb(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var g=W(e);return g.bind.apply(g,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}
+function Vb(a,b,c){a=Sb(b,c,a);Tb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,la)};
+exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,g){g.startsWith("$ACTION_")?g.startsWith("$ACTION_REF_")?(d="$ACTION_"+g.slice(12)+":",d=Vb(a,b,d),e=Ub(b,d.id,d.bound)):g.startsWith("$ACTION_ID_")&&(d=g.slice(11),e=Ub(b,d,null)):c.append(g,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var e=b.get("$ACTION_KEY");if("string"!==typeof e)return Promise.resolve(null);var d=null;b.forEach(function(f,h){h.startsWith("$ACTION_REF_")&&(f="$ACTION_"+h.slice(12)+":",d=Vb(b,c,f))});if(null===d)return Promise.resolve(null);var g=d.id;return Promise.resolve(d.bound).then(function(f){return null===f?null:[a,e,g,f.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Sb(b,"",a);b=Z(a,0);Tb(a);return b};
+exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:u},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ha,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var e=hb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var d=c.signal;if(d.aborted)xb(e,d.reason);else{var g=function(){xb(e,d.reason);d.removeEventListener("abort",g)};d.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){e.flushScheduled=null!==e.destination;sb(e)},pull:function(f){if(1===e.status)e.status=2,ca(f,e.fatalError);else if(2!==e.status&&null===e.destination){e.destination=
+f;try{Q(e,f)}catch(h){O(e,h),wb(e,h)}}},cancel:function(f){e.destination=null;xb(e,f)}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-webpack-server.browser.production.min.js.map
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 b14adedbae2144..3896150d9fe537 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
@@ -62,7 +62,7 @@ var enablePostpone = true;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   // If we passed through this straight to enqueue we wouldn't have to convert it but since
@@ -172,10 +165,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -187,7 +180,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -208,6 +201,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -234,13 +235,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -279,6 +283,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -320,6 +328,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -360,6 +372,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -738,14 +754,12 @@ var executionAsyncId = typeof async_hooks === 'object' ? async_hooks.executionAs
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -764,198 +778,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1084,29 +906,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1117,8 +923,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1151,6 +957,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1176,20 +986,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1327,6 +1139,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1337,7 +1153,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1383,6 +1207,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1461,6 +1291,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1511,9 +1343,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1523,7 +1355,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1550,57 +1382,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1615,6 +1396,76 @@ function binaryToComparableString(view) {
 }
 
 initAsyncDebugInfo();
+
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1665,7 +1516,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1700,21 +1551,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1730,15 +1579,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1882,14 +1734,189 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1904,47 +1931,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1953,48 +1969,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
-
-                return true;
-              });
-
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -2014,30 +1999,69 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
-    thenableState: null
-  };
-  abortSet.add(task);
-  return task;
-}
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
 
-function serializeByValueID(id) {
-  return '$' + id.toString(16);
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
 }
 
 function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2050,10 +2074,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2096,13 +2116,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2121,7 +2141,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2141,13 +2161,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2252,136 +2273,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2389,94 +2368,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2534,7 +2590,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2556,7 +2612,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2568,14 +2624,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2597,9 +2653,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2627,6 +2683,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2635,18 +2699,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2664,7 +2723,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2686,17 +2745,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2758,8 +2844,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2799,68 +2888,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
 
-  var json = stringify(model, request.toJSON);
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2893,6 +3272,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3117,27 +3500,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3841,7 +4203,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 271b51a3232668..ba2f5cfff8101a 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
@@ -19,7 +19,7 @@ const enablePostpone = true;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -123,10 +122,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -138,7 +137,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -159,6 +158,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -185,13 +185,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -230,6 +233,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -271,6 +278,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -311,6 +322,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -673,14 +688,12 @@ typeof async_hooks === 'object' ? async_hooks.executionAsyncId : null;
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -699,184 +712,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1005,16 +840,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1028,8 +860,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1065,6 +897,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1090,14 +926,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1176,6 +1020,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1186,7 +1034,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1232,6 +1087,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1279,6 +1140,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1330,38 +1193,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1425,7 +1256,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1460,21 +1291,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1490,15 +1315,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1640,61 +1459,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1703,34 +1631,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1748,14 +1659,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1782,10 +1709,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1828,13 +1751,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1853,7 +1776,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1873,13 +1796,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1983,100 +1907,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
-let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+let modelRoot = false;
 
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
+
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
+
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2084,6 +2003,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2092,16 +2081,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2113,41 +2104,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2160,8 +2130,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2219,7 +2188,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2241,7 +2210,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2268,7 +2237,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2298,6 +2267,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2306,18 +2283,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2334,7 +2303,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2356,17 +2325,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2439,68 +2435,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2533,6 +2515,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2730,27 +2713,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3437,7 +3399,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js
index 7b7879b7e43428..6bf00efcf862b4 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.edge.production.min.js
@@ -7,80 +7,78 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var d=m.length-n;d<b.byteLength&&(0===d?a.enqueue(m):(m.set(b.subarray(0,d),n),a.enqueue(m),b=b.subarray(d)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),da=Symbol.for("react.server.reference");function t(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var ea=Function.prototype.bind,fa=Array.prototype.slice;function ha(){var a=ea.apply(this,arguments);if(this.$$typeof===da){var b=fa.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:da},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ha}})}return a}
-var ia=Promise.prototype,ja={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("react"),ba=require("react-dom"),n=null,p=0;function ca(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<p&&(a.enqueue(new Uint8Array(n.buffer,0,p)),n=new Uint8Array(2048),p=0),a.enqueue(b);else{var c=n.length-p;c<b.byteLength&&(0===c?a.enqueue(n):(n.set(b.subarray(0,c),p),a.enqueue(n),b=b.subarray(c)),n=new Uint8Array(2048),p=0);n.set(b,p);p+=b.byteLength}return!0}var q=new TextEncoder;function da(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var r=Symbol.for("react.client.reference"),ea=Symbol.for("react.server.reference");function t(a,b,c){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:c}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===ea){var b=ha.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ea},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ia}})}return a}
+var ka=Promise.prototype,la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function ka(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=t({},a.$$id,!0),e=new Proxy(c,la);a.status="fulfilled";a.value=e;return a.then=t(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}c=a[b];c||(c=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ja));return c}
-var la={get:function(a,b){return ka(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:ka(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return ia},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ta={prefetchDNS:ma,preconnect:na,preload:oa,preloadModule:pa,preinitStyle:qa,preinitScript:ra,preinitModuleScript:sa};
-function ma(a){if("string"===typeof a&&a){var b=u();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),v(b,"D",a))}}}function na(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?v(d,"C",[a,b]):v(d,"C",a))}}}
-function oa(a,b,d){if("string"===typeof a){var c=u();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=w(d))?v(c,"L",[a,b,d]):v(c,"L",[a,b]))}}}function pa(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=w(b))?v(d,"m",[a,b]):v(d,"m",a)}}}
-function qa(a,b,d){if("string"===typeof a){var c=u();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=w(d))?v(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?v(c,"S",[a,b]):v(c,"S",a)}}}function ra(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=w(b))?v(d,"X",[a,b]):v(d,"X",a)}}}function sa(a,b){if("string"===typeof a){var d=u();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=w(b))?v(d,"M",[a,b]):v(d,"M",a)}}}
-function w(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var va=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,wa="function"===typeof AsyncLocalStorage,xa=wa?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
-var x=Symbol.for("react.element"),ya=Symbol.for("react.fragment"),za=Symbol.for("react.provider"),Aa=Symbol.for("react.server_context"),Ba=Symbol.for("react.forward_ref"),Ca=Symbol.for("react.suspense"),Da=Symbol.for("react.suspense_list"),Ea=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),Fa=Symbol.for("react.default_value"),Ga=Symbol.for("react.memo_cache_sentinel"),z=Symbol.for("react.postpone"),Ha=Symbol.iterator,B=null;
-function Ia(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ia(a,d);b.context._currentValue=b.value}}}function Ja(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ja(a)}
-function Ka(a){var b=a.parent;null!==b&&Ka(b);a.context._currentValue=a.value}function La(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ia(a,b):La(a,b)}
-function Ma(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Ia(a,d):Ma(a,d);b.context._currentValue=b.value}function Na(a){var b=B;b!==a&&(null===b?Ka(a):null===a?Ja(b):b.depth===a.depth?Ia(b,a):b.depth>a.depth?La(b,a):Ma(b,a),B=a)}function Oa(a,b){var d=a._currentValue;a._currentValue=b;var c=B;return B=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Pa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Qa(){}function Ra(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Qa,Qa),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Sa=b;throw Pa;}}var Sa=null;
-function Ta(){if(null===Sa)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Sa;Sa=null;return a}var C=null,Ua=0,D=null;function Va(){var a=D;D=null;return a}function Wa(a){return a._currentValue}
-var $a={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:E,useTransition:E,readContext:Wa,useContext:Wa,useReducer:E,useRef:E,useState:E,useInsertionEffect:E,useLayoutEffect:E,useImperativeHandle:E,useEffect:E,useId:Xa,useSyncExternalStore:E,useCacheRefresh:function(){return Ya},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ga;return b},use:Za};
-function E(){throw Error("This Hook is not supported in Server Components.");}function Ya(){throw Error("Refreshing the cache is not supported in Server Components.");}function Xa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
-function Za(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ua;Ua+=1;null===D&&(D=[]);return Ra(D,a,b)}if(a.$$typeof===Aa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function ab(){return(new AbortController).signal}function bb(){var a=u();return a?a.cache:new Map}
-var cb={getCacheSignal:function(){var a=bb(),b=a.get(ab);void 0===b&&(b=ab(),a.set(ab,b));return b},getCacheForType:function(a){var b=bb(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},db=Array.isArray,eb=Object.getPrototypeOf;function fb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function gb(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(db(a))return"[...]";a=fb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function hb(a){if("string"===typeof a)return a;switch(a){case Ca:return"Suspense";case Da:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ba:return hb(a.render);case Ea:return hb(a.type);case y:var b=a._payload;a=a._init;try{return hb(a(b))}catch(d){}}return""}
-function F(a,b){var d=fb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(db(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?F(g):gb(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===x)e="<"+hb(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?F(k):
-gb(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var ib=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,jb=ib.ContextRegistry,H=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!H)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 kb=Object.prototype,I=JSON.stringify,lb=H.TaintRegistryObjects,J=H.TaintRegistryValues,mb=H.TaintRegistryByteLengths,nb=H.TaintRegistryPendingRequests,ob=H.ReactCurrentCache,pb=ib.ReactCurrentDispatcher;function K(a){throw Error(a);}
-function qb(a){a=a.taintCleanupQueue;nb.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=J.get(d);void 0!==c&&(1===c.count?J.delete(d):c.count--)}a.length=0}function rb(a){console.error(a)}function sb(){}
-function tb(a,b,d,c,e,f){if(null!==ob.current&&ob.current!==cb)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ta;ob.current=cb;var g=new Set,h=[],k=[];nb.add(k);var l=new Set,A={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:l,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===d?rb:d,onPostpone:void 0===f?sb:f,toJSON:function(ua,G){return ub(A,this,ua,G)}};A.pendingChunks++;b=vb(c);a=wb(A,a,b,g);h.push(a);return A}var L=null;function u(){if(L)return L;if(wa){var a=xa.getStore();if(a)return a}return null}var xb={};
-function yb(a,b){a.pendingChunks++;var d=wb(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,zb(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===z?(M(a,c.message),N(a,d.id)):(c=O(a,c),P(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;zb(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===z?(M(a,e.message),N(a,d.id)):(d.status=4,e=O(a,e),P(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&Q(a,a.destination)});return d.id}function v(a,b,d){d=I(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);Ab(a)}function Bb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function Cb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:y,_payload:a,_init:Bb}}
-function R(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[x,b,d,e];Ua=0;D=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Cb(e):e}if("string"===typeof b)return[x,b,d,e];if("symbol"===typeof b)return b===ya?e.children:[x,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[x,b,d,e];switch(b.$$typeof){case y:var g=
-b._init;b=g(b._payload);return R(a,b,d,c,e,f);case Ba:return a=b.render,Ua=0,D=f,a(e,void 0);case Ea:return R(a,b.type,d,c,e,f);case za:return Oa(b._context,e.value),[x,b,d,{value:e.value,children:e.children,__pop:xb}]}}throw Error("Unsupported Server Component type: "+gb(b));}function zb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return Db(a)},0))}
-function wb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return zb(a,e)},thenableState:null};c.add(e);return e}function S(a){return"$"+a.toString(16)}function Eb(a,b,d){a=I(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function Fb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===x&&"1"===d?"$L"+g.toString(16):S(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var l=h[k];if(l)g=l.name;else{var A=k.lastIndexOf("#");-1!==A&&(g=k.slice(A+1),l=h[k.slice(0,A)]);if(!l)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var ua=!0===c.$$async?[l.id,l.chunks,g,1]:[l.id,l.chunks,
-g];a.pendingChunks++;var G=a.nextChunkId++,Yb=I(ua),Zb=G.toString(16)+":I"+Yb+"\n",$b=q.encode(Zb);a.completedImportChunks.push($b);f.set(e,G);return b[0]===x&&"1"===d?"$L"+G.toString(16):S(G)}catch(ac){return a.pendingChunks++,b=a.nextChunkId++,d=O(a,ac),P(a,b,d),S(b)}}function T(a,b){a.pendingChunks++;b=wb(a,b,B,a.abortableTasks);Gb(a,b);return b.id}
-function U(a,b,d){if(mb.has(d.byteLength)){var c=J.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&K(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;var e=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);d=512<d.byteLength?e.slice():e;e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";b=q.encode(b);a.completedRegularChunks.push(b,d);return S(c)}var V=!1;
-function ub(a,b,d,c){switch(c){case x:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===x||c.$$typeof===y);)try{switch(c.$$typeof){case x:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=T(a,c);return S(g)}if(V===c)V=null;else return S(f)}else e.set(c,-1);var h=c;c=R(a,h.type,h.key,h.ref,h.props,null);break;case y:var k=c._init;c=k(c._payload)}}catch(l){d=l===Pa?Ta():l;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=wb(a,c,B,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Va(),"$L"+a.id.toString(16);if(d.$$typeof===z)return c=d,a.pendingChunks++,d=a.nextChunkId++,M(a,c.message),N(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=O(a,d);P(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=lb.get(c);void 0!==e&&K(e);if(c.$$typeof===r)return Fb(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(V===c)V=null;else return"$@"+e.toString(16);a=yb(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===za)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=Eb(a,d,"$P"+c),a.completedRegularChunks.push(c)),S(d);if(c===xb){a=B;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Fa?a.context._defaultValue:c;B=a.parent;return}if(void 0!==e){if(-1===e)return a=T(a,c),S(a);if(V===c)V=null;else return S(e)}else b.set(c,
--1);if(db(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+T(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+T(a,c).toString(16)}if(c instanceof ArrayBuffer)return U(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return U(a,"C",c);if(c instanceof
-Uint8Array)return U(a,"c",c);if(c instanceof Uint8ClampedArray)return U(a,"U",c);if(c instanceof Int16Array)return U(a,"S",c);if(c instanceof Uint16Array)return U(a,"s",c);if(c instanceof Int32Array)return U(a,"L",c);if(c instanceof Uint32Array)return U(a,"l",c);if(c instanceof Float32Array)return U(a,"F",c);if(c instanceof Float64Array)return U(a,"D",c);if(c instanceof BigInt64Array)return U(a,"N",c);if(c instanceof BigUint64Array)return U(a,"m",c);if(c instanceof DataView)return U(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Ha&&c[Ha]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=eb(c);if(a!==kb&&(null===a||null!==eb(a)))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.");return c}if("string"===typeof c){e=J.get(c);void 0!==e&&K(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-c=q.encode(c),b=c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",b=q.encode(b),a.completedRegularChunks.push(b,c),S(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=lb.get(c);void 0!==e&&K(e);if(c.$$typeof===r)return Fb(a,b,d,c);if(c.$$typeof===da)return d=a.writtenServerReferences,
-b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=T(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+F(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+F(b,d));}if("symbol"===typeof c){e=
-a.writtenSymbols;f=e.get(c);if(void 0!==f)return S(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+F(b,d));a.pendingChunks++;d=a.nextChunkId++;b=Eb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return S(d)}if("bigint"===typeof c)return a=J.get(c),void 0!==a&&K(a.message),"$n"+c.toString(10);throw Error("Type "+typeof c+
-" is not supported in Client Component props."+F(b,d));}function M(a,b){a=a.onPostpone;a(b)}function O(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Hb(a,b){qb(a);null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function N(a,b){b=b.toString(16)+":P\n";b=q.encode(b);a.completedErrorChunks.push(b)}function P(a,b,d){d={digest:d};b=b.toString(16)+":E"+I(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function Gb(a,b){if(0===b.status){Na(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===x){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=R(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===x;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=R(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;V=d;var g=I(d,a.toJSON),h=f.toString(16)+":"+g+"\n",k=q.encode(h);
-a.completedRegularChunks.push(k);a.abortableTasks.delete(b);b.status=1}catch(l){f=l===Pa?Ta():l;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Va();return}if(f.$$typeof===z){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=O(a,f);P(a,b.id,f)}}}
-function Db(a){var b=pb.current;pb.current=$a;var d=L;C=L=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Gb(a,c[e]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Hb(a,f)}finally{pb.current=b,C=null,L=d}}
-function Q(a,b){m=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&
-(qb(a),b.close())}function Ib(a){a.flushScheduled=null!==a.destination;wa?setTimeout(function(){return xa.run(a,Db,a)},0):setTimeout(function(){return Db(a)},0)}function Ab(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return Q(a,b)},0)}}
-function Jb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===z)M(a,b.message),N(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,e);P(a,c,f,e)}d.forEach(function(g){g.status=3;var h=S(c);g=Eb(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Hb(a,g)}}
-function vb(a){if(a){var b=B;Na(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!jb[e]){var f={$$typeof:Aa,_currentValue:Fa,_currentValue2:Fa,_defaultValue:Fa,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:za,_context:f};jb[e]=f}Oa(jb[e],c)}a=B;Na(b);return a}return null}
-function Kb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Lb=new Map;
-function Mb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Nb(){}
-function Ob(a){for(var b=a[1],d=[],c=0;c<b.length;){var e=b[c++];b[c++];var f=Lb.get(e);if(void 0===f){f=__webpack_chunk_load__(e);d.push(f);var g=Lb.set.bind(Lb,e,null);f.then(g,Nb);Lb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?Mb(a[0]):Promise.all(d).then(function(){return Mb(a[0])}):0<d.length?Promise.all(d):null}
-function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Pb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Pb.prototype=Object.create(Promise.prototype);
-Pb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Qb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Rb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Sb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Rb(d,b)}}function Tb(a,b,d,c,e,f){var g=Kb(a._bundlerConfig,b);a=Ob(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=W(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Ub(c,e,f),Vb(c));return null}var X=null,Y=null;
-function Qb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Wb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Sb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Pb("resolved_model",c,null,a):new Pb("pending",null,null,a),d.set(b,c));return c}function Ub(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Rb(e,c.value))}}function Vb(a){return function(b){return Sb(a,b)}}
-function Xb(a,b){a=Z(a,b);"resolved_model"===a.status&&Qb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function bc(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Xb(a,c),Tb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Xb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Xb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Qb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Ub(c,b,d),Vb(c)),null;default:throw a.reason;}}return c}
-function cc(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?bc(e,this,f,g):g}};return e}function dc(a){Wb(a,Error("Connection closed."))}function ec(a,b,d){var c=Kb(a,b);a=Ob(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}
-function fc(a,b,d){a=cc(b,d,a);dc(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,la)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=fc(a,b,e),c=ec(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=ec(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(g,h){h.startsWith("$ACTION_REF_")&&(g="$ACTION_"+h.slice(12)+":",e=fc(b,d,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,c,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=cc(b,"",a);b=Z(a,0);dc(a);return b};
-exports.registerClientReference=function(a,b,d){return t(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:da},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ha}})};
-exports.renderToReadableStream=function(a,b,d){var c=tb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)Jb(c,e.reason);else{var f=function(){Jb(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){Ib(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=g;try{Q(c,
-g)}catch(h){O(c,h),Hb(c,h)}}},cancel:function(g){c.destination=null;Jb(c,g)}},{highWaterMark:0})};
+function ma(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=t({},a.$$id,!0),d=new Proxy(e,na);a.status="fulfilled";a.value=d;return a.then=t(function(g){return Promise.resolve(g(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,la));return e}
+var na={get:function(a,b){return ma(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ma(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ka},set:function(){throw Error("Cannot assign to a client module from a server module.");}},va={prefetchDNS:oa,preconnect:pa,preload:qa,preloadModule:ra,preinitStyle:sa,preinitScript:ta,preinitModuleScript:ua};
+function oa(a){if("string"===typeof a&&a){var b=u();if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),v(b,"D",a))}}}function pa(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?v(c,"C",[a,b]):v(c,"C",a))}}}
+function qa(a,b,c){if("string"===typeof a){var e=u();if(e){var d=e.hints,g="L";if("image"===b&&c){var f=c.imageSrcSet,h=c.imageSizes,k="";"string"===typeof f&&""!==f?(k+="["+f+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;g+="[image]"+k}else g+="["+b+"]"+a;d.has(g)||(d.add(g),(c=w(c))?v(e,"L",[a,b,c]):v(e,"L",[a,b]))}}}function ra(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=w(b))?v(c,"m",[a,b]):v(c,"m",a)}}}
+function sa(a,b,c){if("string"===typeof a){var e=u();if(e){var d=e.hints,g="S|"+a;if(!d.has(g))return d.add(g),(c=w(c))?v(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?v(e,"S",[a,b]):v(e,"S",a)}}}function ta(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=w(b))?v(c,"X",[a,b]):v(c,"X",a)}}}function ua(a,b){if("string"===typeof a){var c=u();if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=w(b))?v(c,"M",[a,b]):v(c,"M",a)}}}
+function w(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}var wa=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,x="function"===typeof AsyncLocalStorage,xa=x?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
+var z=Symbol.for("react.element"),ya=Symbol.for("react.fragment"),za=Symbol.for("react.context"),Aa=Symbol.for("react.forward_ref"),Ba=Symbol.for("react.suspense"),Ca=Symbol.for("react.suspense_list"),Da=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ea=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Fa=Symbol.iterator,Ga=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ha(){}function Ia(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ha,Ha),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ja=b;throw Ga;}}var Ja=null;
+function Ka(){if(null===Ja)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ja;Ja=null;return a}var C=null,La=0,E=null;function Ma(){var a=E||[];E=null;return a}
+var Ra={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Na,useContext:Na,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Oa,useSyncExternalStore:F,useCacheRefresh:function(){return Pa},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ea;return b},use:Qa};
+function F(){throw Error("This Hook is not supported in Server Components.");}function Pa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Na(){throw Error("Cannot read a Client Context from a Server Component.");}function Oa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
+function Qa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=La;La+=1;null===E&&(E=[]);return Ia(E,a,b)}a.$$typeof===za&&Na()}if(a.$$typeof===r){if(null!=a.value&&a.value.$$typeof===za)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Sa(){return(new AbortController).signal}
+function Ta(){var a=u();return a?a.cache:new Map}var Ua={getCacheSignal:function(){var a=Ta(),b=a.get(Sa);void 0===b&&(b=Sa(),a.set(Sa,b));return b},getCacheForType:function(a){var b=Ta(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Va=Array.isArray,Wa=Object.getPrototypeOf;function Xa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Ya(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Va(a))return"[...]";if(null!==a&&a.$$typeof===Za)return"client";a=Xa(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Za?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function $a(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return $a(a.render);case Da:return $a(a.type);case A:var b=a._payload;a=a._init;try{return $a(a(b))}catch(c){}}return""}var Za=Symbol.for("react.client.reference");
+function G(a,b){var c=Xa(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Va(a)){var d="[";for(var g=0;g<a.length;g++){0<g&&(d+=", ");var f=a[g];f="object"===typeof f&&null!==f?G(f):Ya(f);""+g===b?(c=d.length,e=f.length,d+=f):d=10>f.length&&40>d.length+f.length?d+f:d+"..."}d+="]"}else if(a.$$typeof===z)d="<"+$a(a.type)+"/>";else{if(a.$$typeof===Za)return"client";d="{";g=Object.keys(a);for(f=0;f<g.length;f++){0<f&&(d+=", ");var h=g[f],k=JSON.stringify(h);d+=('"'+h+'"'===k?h:k)+": ";k=a[h];
+k="object"===typeof k&&null!==k?G(k):Ya(k);h===b?(c=d.length,e=k.length,d+=k):d=10>k.length&&40>d.length+k.length?d+k:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var ab=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,H=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!H)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 bb=Object.prototype,I=JSON.stringify,cb=H.TaintRegistryObjects,J=H.TaintRegistryValues,db=H.TaintRegistryByteLengths,eb=H.TaintRegistryPendingRequests,fb=H.ReactCurrentCache,gb=ab.ReactCurrentDispatcher;function K(a){throw Error(a);}
+function hb(a){a=a.taintCleanupQueue;eb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=J.get(c);void 0!==e&&(1===e.count?J.delete(c):e.count--)}a.length=0}function ib(a){console.error(a)}function jb(){}
+function kb(a,b,c,e,d){if(null!==fb.current&&fb.current!==Ua)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;fb.current=Ua;var g=new Set,f=[],h=[];eb.add(h);var k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:f,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:h,onError:void 0===c?ib:c,onPostpone:void 0===d?jb:d};a=lb(b,a,null,!1,g);f.push(a);return b}var L=null;function u(){if(L)return L;if(x){var a=xa.getStore();if(a)return a}return null}
+function mb(a,b,c){var e=lb(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,nb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===B?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;nb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===B?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function v(a,b,c){c=I(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;c=q.encode(b+c+"\n");a.completedHintChunks.push(c);ob(a)}function pb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function qb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:pb}}
+function rb(a,b,c,e,d){var g=b.thenableState;b.thenableState=null;La=0;E=g;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=qb(e)}d=b.keyPath;g=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,sb,"",e);b.keyPath=d;b.implicitSlot=g;return a}function tb(a,b,c){return null!==b.keyPath?(a=[z,ya,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function ub(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[z,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function vb(a,b,c,e,d,g){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===r?ub(b,c,e,g):rb(a,b,e,c,g);if("string"===typeof c)return ub(b,c,e,g);if("symbol"===typeof c)return c===ya&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,sb,"",g.children),b.implicitSlot=e,a):ub(b,c,e,g);if(null!=c&&"object"===typeof c){if(c.$$typeof===r)return ub(b,c,e,g);switch(c.$$typeof){case A:var f=
+c._init;c=f(c._payload);return vb(a,b,c,e,d,g);case Aa:return rb(a,b,e,c.render,g);case Da:return vb(a,b,c.type,e,d,g)}}throw Error("Unsupported Server Component type: "+Ya(c));}function nb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return wb(a)},0))}
+function lb(a,b,c,e,d){a.pendingChunks++;var g=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,g);var f={id:g,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return nb(a,f)},toJSON:function(h,k){a:{var l=f.keyPath,y=f.implicitSlot;try{var m=R(a,f,this,h,k)}catch(ja){h=ja===Ga?Ka():ja;k=f.model;k="object"===typeof k&&null!==k&&(k.$$typeof===z||k.$$typeof===A);if("object"===typeof h&&null!==h){if("function"===typeof h.then){m=lb(a,f.model,f.keyPath,f.implicitSlot,
+a.abortableTasks);var D=m.ping;h.then(D,D);m.thenableState=Ma();f.keyPath=l;f.implicitSlot=y;m=k?"$L"+m.id.toString(16):S(m.id);break a}if(h.$$typeof===B){a.pendingChunks++;m=a.nextChunkId++;M(a,h.message);N(a,m);f.keyPath=l;f.implicitSlot=y;m=k?"$L"+m.toString(16):S(m);break a}}f.keyPath=l;f.implicitSlot=y;if(k)a.pendingChunks++,l=a.nextChunkId++,y=O(a,h),P(a,l,y),m="$L"+l.toString(16);else throw h;}}return m},thenableState:null};d.add(f);return f}function S(a){return"$"+a.toString(16)}
+function xb(a,b,c){a=I(c);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
+function yb(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,g=a.writtenClientReferences,f=g.get(d);if(void 0!==f)return b[0]===z&&"1"===c?"$L"+f.toString(16):S(f);try{var h=a.bundlerConfig,k=e.$$id;f="";var l=h[k];if(l)f=l.name;else{var y=k.lastIndexOf("#");-1!==y&&(f=k.slice(y+1),l=h[k.slice(0,y)]);if(!l)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var m=!0===e.$$async?[l.id,l.chunks,f,1]:[l.id,l.chunks,
+f];a.pendingChunks++;var D=a.nextChunkId++,ja=I(m),Rb=D.toString(16)+":I"+ja+"\n",Sb=q.encode(Rb);a.completedImportChunks.push(Sb);g.set(d,D);return b[0]===z&&"1"===c?"$L"+D.toString(16):S(D)}catch(Tb){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Tb),P(a,b,c),S(b)}}function T(a,b){b=lb(a,b,null,!1,a.abortableTasks);zb(a,b);return b.id}
+function U(a,b,c){if(db.has(c.byteLength)){var e=J.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&K(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;var d=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);c=2048<c.byteLength?d.slice():d;d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";b=q.encode(b);a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===z)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case z:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return vb(a,b,d.type,d.key,void 0!==e?e:null,c);case A:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,sb,"",d)}if(d.$$typeof===r)return yb(a,c,e,d);c=cb.get(d);void 0!==c&&K(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+mb(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=mb(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Va(d))return tb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Fa&&d[Fa]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return tb(a,b,Array.from(d));a=Wa(d);if(a!==bb&&(null===a||null!==Wa(a)))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.");
+return d}if("string"===typeof d){b=J.get(d);void 0!==b&&K(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,d=q.encode(d),c=d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=q.encode(c),a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===d?"$-Infinity":
+"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===r)return yb(a,c,e,d);if(d.$$typeof===ea)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=cb.get(d);void 0!==a&&K(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+G(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+G(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var g=b.get(d);if(void 0!==g)return S(g);g=d.description;if(Symbol.for(g)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+G(c,e));a.pendingChunks++;c=a.nextChunkId++;e=xb(a,c,"$S"+g);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=J.get(d),void 0!==a&&K(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+G(c,e));}function M(a,b){var c=L;L=null;try{var e=a.onPostpone;x?xa.run(void 0,e,b):e(b)}finally{L=c}}
+function O(a,b){var c=L;L=null;try{var e=a.onError;var d=x?xa.run(void 0,e,b):e(b)}finally{L=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}function Ab(a,b){hb(a);null!==a.destination?(a.status=2,da(a.destination,b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";b=q.encode(b);a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+I(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}var sb={};
+function zb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,sb,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?I(c,b.toJSON):I(c),d=b.id.toString(16)+":"+e+"\n",g=q.encode(d);a.completedRegularChunks.push(g);a.abortableTasks.delete(b);b.status=1}catch(l){var f=l===Ga?Ka():l;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var h=b.ping;f.then(h,h);b.thenableState=Ma();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);
+N(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;var k=O(a,f);P(a,b.id,k)}finally{}}function wb(a){var b=gb.current;gb.current=Ra;var c=L;C=L=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)zb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Ab(a,g)}finally{gb.current=b,C=null,L=c}}
+function Q(a,b){n=new Uint8Array(2048);p=0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)a.pendingChunks--,ca(b,c[e]);c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)ca(b,d[e]);d.splice(0,e);var g=a.completedRegularChunks;for(e=0;e<g.length;e++)a.pendingChunks--,ca(b,g[e]);g.splice(0,e);var f=a.completedErrorChunks;for(e=0;e<f.length;e++)a.pendingChunks--,ca(b,f[e]);f.splice(0,e)}finally{a.flushScheduled=!1,n&&0<p&&(b.enqueue(new Uint8Array(n.buffer,0,p)),n=null,p=0)}0===
+a.pendingChunks&&(hb(a),b.close())}function Bb(a){a.flushScheduled=null!==a.destination;x?setTimeout(function(){return xa.run(a,wb,a)},0):setTimeout(function(){return wb(a)},0)}function ob(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return Q(a,b)},0)}}
+function Cb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,g=O(a,d);P(a,e,g,d)}c.forEach(function(f){f.status=3;var h=S(e);f=xb(a,f.id,h);a.completedErrorChunks.push(f)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Ab(a,f)}}
+function Db(a,b){var c="",e=a[b];if(e)c=e.name;else{var d=b.lastIndexOf("#");-1!==d&&(c=b.slice(d+1),e=a[b.slice(0,d)]);if(!e)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[e.id,e.chunks,c]}var Eb=new Map;
+function Fb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function Gb(){}
+function Hb(a){for(var b=a[1],c=[],e=0;e<b.length;){var d=b[e++];b[e++];var g=Eb.get(d);if(void 0===g){g=__webpack_chunk_load__(d);c.push(g);var f=Eb.set.bind(Eb,d,null);g.then(f,Gb);Eb.set(d,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?Fb(a[0]):Promise.all(c).then(function(){return Fb(a[0])}):0<c.length?Promise.all(c):null}
+function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Ib(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Ib.prototype=Object.create(Promise.prototype);
+Ib.prototype.then=function(a,b){switch(this.status){case "resolved_model":Jb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Kb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Lb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Kb(c,b)}}function Mb(a,b,c,e,d,g){var f=Db(a._bundlerConfig,b);a=Hb(f);if(c)c=Promise.all([c,a]).then(function(h){h=h[0];var k=W(f);return k.bind.apply(k,[null].concat(h))});else if(a)c=Promise.resolve(a).then(function(){return W(f)});else return W(f);c.then(Nb(e,d,g),Ob(e));return null}var X=null,Y=null;
+function Jb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Pb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Lb(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Ib("resolved_model",e,null,a):new Ib("pending",null,null,a),c.set(b,e));return e}function Nb(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Kb(d,e.value))}}function Ob(a){return function(b){return Lb(a,b)}}
+function Qb(a,b){a=Z(a,b);"resolved_model"===a.status&&Jb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Ub(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Qb(a,e),Mb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Qb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Qb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",g=new FormData;a._formData.forEach(function(f,h){h.startsWith(d)&&g.append(h.slice(d.length),
+f)});return g;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Jb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Nb(e,b,c),Ob(e)),null;default:throw a.reason;}}return e}
+function Vb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(g,f){return"string"===typeof f?Ub(d,this,g,f):f}};return d}function Wb(a){Pb(a,Error("Connection closed."))}function Xb(a,b,c){var e=Db(a,b);a=Hb(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var g=W(e);return g.bind.apply(g,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}
+function Yb(a,b,c){a=Vb(b,c,a);Wb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,na)};
+exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,g){g.startsWith("$ACTION_")?g.startsWith("$ACTION_REF_")?(d="$ACTION_"+g.slice(12)+":",d=Yb(a,b,d),e=Xb(b,d.id,d.bound)):g.startsWith("$ACTION_ID_")&&(d=g.slice(11),e=Xb(b,d,null)):c.append(g,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var e=b.get("$ACTION_KEY");if("string"!==typeof e)return Promise.resolve(null);var d=null;b.forEach(function(f,h){h.startsWith("$ACTION_REF_")&&(f="$ACTION_"+h.slice(12)+":",d=Yb(b,c,f))});if(null===d)return Promise.resolve(null);var g=d.id;return Promise.resolve(d.bound).then(function(f){return null===f?null:[a,e,g,f.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Vb(b,"",a);b=Z(a,0);Wb(a);return b};
+exports.registerClientReference=function(a,b,c){return t(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:ea},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ia,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var e=kb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var d=c.signal;if(d.aborted)Cb(e,d.reason);else{var g=function(){Cb(e,d.reason);d.removeEventListener("abort",g)};d.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){Bb(e)},pull:function(f){if(1===e.status)e.status=2,da(f,e.fatalError);else if(2!==e.status&&null===e.destination){e.destination=f;try{Q(e,f)}catch(h){O(e,
+h),Ab(e,h)}}},cancel:function(f){e.destination=null;Cb(e,f)}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-webpack-server.edge.production.min.js.map
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 55e42c4d330da0..760894dec42756 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
@@ -233,10 +226,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -248,7 +241,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -269,6 +262,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -295,13 +296,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -340,6 +344,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -381,6 +389,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -421,6 +433,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -782,6 +798,7 @@ function initAsyncDebugInfo() {
   }
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -790,14 +807,12 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -816,198 +831,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1136,29 +959,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1169,8 +976,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1203,6 +1010,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1228,20 +1039,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1379,6 +1192,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1389,7 +1206,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1435,6 +1260,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1513,6 +1344,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1563,9 +1396,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1575,7 +1408,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1602,57 +1435,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1667,6 +1449,76 @@ function binaryToComparableString(view) {
 }
 
 initAsyncDebugInfo();
+
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1717,7 +1569,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1752,21 +1604,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1782,15 +1632,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1934,14 +1787,189 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1956,47 +1984,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -2005,48 +2022,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
-
-                return true;
-              });
-
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -2066,30 +2052,69 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
-    thenableState: null
-  };
-  abortSet.add(task);
-  return task;
-}
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
 
-function serializeByValueID(id) {
-  return '$' + id.toString(16);
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
 }
 
 function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2102,10 +2127,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2148,13 +2169,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2173,7 +2194,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2193,13 +2214,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2304,136 +2326,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2441,94 +2421,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2586,7 +2643,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2608,7 +2665,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2620,14 +2677,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2649,9 +2706,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2679,6 +2736,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2687,18 +2752,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2716,7 +2776,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2738,17 +2798,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2810,8 +2893,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2851,68 +2937,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
 
-  var json = stringify(model, request.toJSON);
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2945,6 +3321,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3167,27 +3547,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3986,7 +4345,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 fb3ec4485ebcd3..ddfea29df0e56f 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -184,10 +183,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -199,7 +198,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -220,6 +219,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -246,13 +246,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -291,6 +294,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -332,6 +339,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -372,6 +383,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -715,6 +730,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -723,14 +739,12 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -749,184 +763,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1055,16 +891,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1078,8 +911,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1115,6 +948,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1140,14 +977,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1226,6 +1071,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1236,7 +1085,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1282,6 +1138,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1329,6 +1191,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1380,38 +1244,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1475,7 +1307,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1510,21 +1342,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1540,15 +1366,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1690,61 +1510,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1753,34 +1682,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1798,14 +1710,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1832,10 +1760,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1878,13 +1802,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1903,7 +1827,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1923,13 +1847,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -2033,100 +1958,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
+
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
 
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
+
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2134,6 +2054,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2142,16 +2132,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2163,41 +2155,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2210,8 +2181,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2269,7 +2239,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2291,7 +2261,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2318,7 +2288,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2348,6 +2318,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2356,18 +2334,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2384,7 +2354,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2406,17 +2376,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2489,68 +2482,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2583,6 +2562,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2796,27 +2776,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3596,7 +3555,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js
index e1c9813484dd50..c2ae8975cffc91 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.production.min.js
@@ -7,84 +7,82 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new aa.TextEncoder,r=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function t(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var ia=Function.prototype.bind,ja=Array.prototype.slice;
-function ka(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ja.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ka}})}return a}
-var la=Promise.prototype,ma={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,n=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,fa.encode(b));else{var c=l;0<n&&(c=l.subarray(n));c=fa.encodeInto(b,c);var e=c.read;n+=c.written;e<b.length&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=fa.encodeInto(b.slice(e),l).written);2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,b)):(c=l.length-n,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),n),n+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),n=0),l.set(b,n),n+=b.byteLength,2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)));return q}var fa=new aa.TextEncoder,t=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:c}})}var ia=Function.prototype.bind,ka=Array.prototype.slice;
+function la(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ka.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:la}})}return a}
+var ma=Promise.prototype,na={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function na(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=t({},a.$$id,!0),e=new Proxy(c,oa);a.status="fulfilled";a.value=e;return a.then=t(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}c=a[b];c||(c=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ma));return c}
-var oa={get:function(a,b){return na(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:na(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return la},set:function(){throw Error("Cannot assign to a client module from a server module.");}},wa={prefetchDNS:pa,preconnect:qa,preload:ra,preloadModule:sa,preinitStyle:ta,preinitScript:ua,preinitModuleScript:va};
-function pa(a){if("string"===typeof a&&a){var b=v();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),x(b,"D",a))}}}function qa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?x(d,"C",[a,b]):x(d,"C",a))}}}
-function ra(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?x(c,"L",[a,b,d]):x(c,"L",[a,b]))}}}function sa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"m",[a,b]):x(d,"m",a)}}}
-function ta(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?x(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?x(c,"S",[a,b]):x(c,"S",a)}}}function ua(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"X",[a,b]):x(d,"X",a)}}}function va(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"M",[a,b]):x(d,"M",a)}}}
-function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var xa=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,ya=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),za=Symbol.for("react.fragment"),Aa=Symbol.for("react.provider"),Ba=Symbol.for("react.server_context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),Fa=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ga=Symbol.for("react.default_value"),Ha=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),
-Ia=Symbol.iterator,C=null;function Ja(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ja(a,d);b.context._currentValue=b.value}}}function Ka(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ka(a)}
-function La(a){var b=a.parent;null!==b&&La(b);a.context._currentValue=a.value}function Ma(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ja(a,b):Ma(a,b)}
-function Na(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Ja(a,d):Na(a,d);b.context._currentValue=b.value}function Oa(a){var b=C;b!==a&&(null===b?La(a):null===a?Ka(b):b.depth===a.depth?Ja(b,a):b.depth>a.depth?Ma(b,a):Na(b,a),C=a)}function Pa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Qa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ra(){}function Sa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ra,Ra),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ta=b;throw Qa;}}var Ta=null;
-function Ua(){if(null===Ta)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ta;Ta=null;return a}var D=null,Va=0,E=null;function Wa(){var a=E;E=null;return a}function Xa(a){return a._currentValue}
-var ab={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Xa,useContext:Xa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ya,useSyncExternalStore:F,useCacheRefresh:function(){return Za},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ha;return b},use:$a};
-function F(){throw Error("This Hook is not supported in Server Components.");}function Za(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ya(){if(null===D)throw Error("useId can only be used while React is rendering");var a=D.identifierCount++;return":"+D.identifierPrefix+"S"+a.toString(32)+":"}
-function $a(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Va;Va+=1;null===E&&(E=[]);return Sa(E,a,b)}if(a.$$typeof===Ba)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function bb(){return(new AbortController).signal}function cb(){var a=v();return a?a.cache:new Map}
-var db={getCacheSignal:function(){var a=cb(),b=a.get(bb);void 0===b&&(b=bb(),a.set(bb,b));return b},getCacheForType:function(a){var b=cb(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},eb=Array.isArray,fb=Object.getPrototypeOf;function gb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function hb(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(eb(a))return"[...]";a=gb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function ib(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return ib(a.render);case Fa:return ib(a.type);case A:var b=a._payload;a=a._init;try{return ib(a(b))}catch(d){}}return""}
-function G(a,b){var d=gb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(eb(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):hb(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+ib(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?G(k):
-hb(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var jb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,kb=jb.ContextRegistry,I=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!I)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 lb=Object.prototype,J=JSON.stringify,mb=I.TaintRegistryObjects,K=I.TaintRegistryValues,nb=I.TaintRegistryByteLengths,ob=I.TaintRegistryPendingRequests,pb=I.ReactCurrentCache,qb=jb.ReactCurrentDispatcher;function L(a){throw Error(a);}
-function rb(a){a=a.taintCleanupQueue;ob.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=K.get(d);void 0!==c&&(1===c.count?K.delete(d):c.count--)}a.length=0}function sb(a){console.error(a)}function tb(){}
-function ub(a,b,d,c,e,f){if(null!==pb.current&&pb.current!==db)throw Error("Currently React only supports one RSC renderer at a time.");xa.current=wa;pb.current=db;var g=new Set,h=[],k=[];ob.add(k);var n=new Set,w={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:n,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===d?sb:d,onPostpone:void 0===f?tb:f,toJSON:function(u,H){return vb(w,this,u,H)}};w.pendingChunks++;b=wb(c);a=xb(w,a,b,g);h.push(a);return w}var M=null;function v(){if(M)return M;var a=ya.getStore();return a?a:null}var yb={};
-function zb(a,b){a.pendingChunks++;var d=xb(a,null,C,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,Ab(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===B?(N(a,c.message),O(a,d.id)):(c=P(a,c),Q(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;Ab(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===B?(N(a,e.message),O(a,d.id)):(d.status=4,e=P(a,e),Q(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&R(a,a.destination)});return d.id}function x(a,b,d){d=J(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");Bb(a)}function Cb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function Db(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:Cb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];Va=0;E=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Db(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===za?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Ca:return a=b.render,Va=0,E=f,a(e,void 0);case Fa:return S(a,b.type,d,c,e,f);case Aa:return Pa(b._context,e.value),[z,b,d,{value:e.value,children:e.children,__pop:yb}]}}throw Error("Unsupported Server Component type: "+hb(b));}function Ab(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return Eb(a)}))}
-function xb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return Ab(a,e)},thenableState:null};c.add(e);return e}function T(a){return"$"+a.toString(16)}function Fb(a,b,d){a=J(d);return b.toString(16)+":"+a+"\n"}
-function Gb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):T(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var n=h[k];if(n)g=n.name;else{var w=k.lastIndexOf("#");-1!==w&&(g=k.slice(w+1),n=h[k.slice(0,w)]);if(!n)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var H=a.nextChunkId++,dc=J(u),ec=H.toString(16)+":I"+dc+"\n";a.completedImportChunks.push(ec);f.set(e,H);return b[0]===z&&"1"===d?"$L"+H.toString(16):T(H)}catch(fc){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,fc),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=xb(a,b,C,a.abortableTasks);Hb(a,b);return b.id}
-function V(a,b,d){if(nb.has(d.byteLength)){var c=K.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&L(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;d=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);var e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";a.completedRegularChunks.push(b,d);return T(c)}var W=!1;
-function vb(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(W===c)W=null;else return T(f)}else e.set(c,-1);var h=c;c=S(a,h.type,h.key,h.ref,h.props,null);break;case A:var k=c._init;c=k(c._payload)}}catch(n){d=n===Qa?Ua():n;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=xb(a,c,C,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Wa(),"$L"+a.id.toString(16);if(d.$$typeof===B)return c=d,a.pendingChunks++,d=a.nextChunkId++,N(a,c.message),O(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=P(a,d);Q(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=mb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Gb(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(W===c)W=null;else return"$@"+e.toString(16);a=zb(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===Aa)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=Fb(a,d,"$P"+c),a.completedRegularChunks.push(c)),T(d);if(c===yb){a=C;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Ga?a.context._defaultValue:c;C=a.parent;return}if(void 0!==e){if(-1===e)return a=U(a,c),T(a);if(W===c)W=null;else return T(e)}else b.set(c,
--1);if(eb(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+U(a,c).toString(16)}if(c instanceof ArrayBuffer)return V(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return V(a,"C",c);if(c instanceof
-Uint8Array)return V(a,"c",c);if(c instanceof Uint8ClampedArray)return V(a,"U",c);if(c instanceof Int16Array)return V(a,"S",c);if(c instanceof Uint16Array)return V(a,"s",c);if(c instanceof Int32Array)return V(a,"L",c);if(c instanceof Uint32Array)return V(a,"l",c);if(c instanceof Float32Array)return V(a,"F",c);if(c instanceof Float64Array)return V(a,"D",c);if(c instanceof BigInt64Array)return V(a,"N",c);if(c instanceof BigUint64Array)return V(a,"m",c);if(c instanceof DataView)return V(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Ia&&c[Ia]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=fb(c);if(a!==lb&&(null===a||null!==fb(a)))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.");return c}if("string"===typeof c){e=K.get(c);void 0!==e&&L(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-b="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",a.completedRegularChunks.push(b,c),T(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=mb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Gb(a,b,d,c);if(c.$$typeof===
-ha)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=U(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+G(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+
-G(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+G(b,d));a.pendingChunks++;d=a.nextChunkId++;b=Fb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return T(d)}if("bigint"===typeof c)return a=K.get(c),void 0!==a&&L(a.message),"$n"+c.toString(10);
-throw Error("Type "+typeof c+" is not supported in Client Component props."+G(b,d));}function N(a,b){a=a.onPostpone;a(b)}function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Ib(a,b){rb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+J(d)+"\n";a.completedErrorChunks.push(b)}
-function Hb(a,b){if(0===b.status){Oa(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===z){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=S(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===z;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=S(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;W=d;var g=J(d,a.toJSON),h=f.toString(16)+":"+g+"\n";a.completedRegularChunks.push(h);
-a.abortableTasks.delete(b);b.status=1}catch(k){f=k===Qa?Ua():k;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Wa();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;N(a,f.message);O(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=P(a,f);Q(a,b.id,f)}}}
-function Eb(a){var b=qb.current;qb.current=ab;var d=M;D=M=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Hb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),Ib(a,f)}finally{qb.current=b,D=null,M=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!ea(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!ea(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!ea(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!ea(b,
-g[c])){a.destination=null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(rb(a),b.end())}function Jb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return ya.run(a,Eb,a)})}function Bb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function Kb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),Ib(a,d)}}}
-function Lb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)N(a,b.message),O(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e)}d.forEach(function(g){g.status=3;var h=T(c);g=Fb(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),Ib(a,g)}}
-function wb(a){if(a){var b=C;Oa(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!kb[e]){var f={$$typeof:Ba,_currentValue:Ga,_currentValue2:Ga,_defaultValue:Ga,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:Aa,_context:f};kb[e]=f}Pa(kb[e],c)}a=C;Oa(b);return a}return null}
-function Mb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var Nb=new Map;
-function Ob(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function Pb(){}
-function Qb(a){for(var b=a[1],d=[],c=0;c<b.length;){var e=b[c++];b[c++];var f=Nb.get(e);if(void 0===f){f=__webpack_chunk_load__(e);d.push(f);var g=Nb.set.bind(Nb,e,null);f.then(g,Pb);Nb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?Ob(a[0]):Promise.all(d).then(function(){return Ob(a[0])}):0<d.length?Promise.all(d):null}
-function X(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Rb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Rb.prototype=Object.create(Promise.prototype);
-Rb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Sb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Tb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Ub(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Tb(d,b)}}function Vb(a,b,d,c,e,f){var g=Mb(a._bundlerConfig,b);a=Qb(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=X(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return X(g)});else return X(g);d.then(Wb(c,e,f),Xb(c));return null}var Yb=null,Y=null;
-function Sb(a){var b=Yb,d=Y;Yb=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{Yb=b,Y=d}}function Zb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Ub(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Rb("resolved_model",c,null,a):new Rb("pending",null,null,a),d.set(b,c));return c}function Wb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Tb(e,c.value))}}function Xb(a){return function(b){return Ub(a,b)}}
-function $b(a,b){a=Z(a,b);"resolved_model"===a.status&&Sb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function ac(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=$b(a,c),Vb(a,c.id,c.bound,Yb,b,d);case "Q":return b=parseInt(c.slice(2),16),a=$b(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=$b(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Sb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=Yb,a.then(Wb(c,b,d),Xb(c)),null;default:throw a.reason;}}return c}
-function bc(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?ac(e,this,f,g):g}};return e}
-function cc(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Sb(b),b.status){case "fulfilled":Tb(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Tb(a,b.reason)}}function gc(a){Zb(a,Error("Connection closed."))}
-function hc(a,b,d){var c=Mb(a,b);a=Qb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=X(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return X(c)}):Promise.resolve(X(c))}function ic(a,b,d){a=bc(b,d,a);gc(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function jc(a,b){return function(){return Kb(b,a)}}function kc(a,b){return function(){a.destination=null;Lb(a,Error(b))}}
-exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,oa)};exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=ic(a,b,e),c=hc(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=hc(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(g,h){h.startsWith("$ACTION_REF_")&&(g="$ACTION_"+h.slice(12)+":",e=ic(b,d,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,c,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=bc(b,"",a);b=Z(a,0);gc(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=bc(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):cc(d,f,g)});a.on("file",function(f,g,h){var k=h.filename,n=h.mimeType;if("base64"===h.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var w=[];g.on("data",function(u){w.push(u)});g.on("end",function(){var u=
-new Blob(w,{type:n});d._formData.append(f,u,k);c--;if(0===c){for(u=0;u<e.length;u+=2)cc(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){gc(d)});a.on("error",function(f){Zb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return t(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ka}})};
-exports.renderToPipeableStream=function(a,b,d){var c=ub(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;Jb(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Kb(c,f);f.on("drain",jc(f,c));f.on("error",kc(c,"The destination stream errored while writing data."));f.on("close",kc(c,"The destination stream closed early."));return f},abort:function(f){Lb(c,f)}}};
+function oa(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=v({},a.$$id,!0),d=new Proxy(e,pa);a.status="fulfilled";a.value=d;return a.then=v(function(f){return Promise.resolve(f(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,na));return e}
+var pa={get:function(a,b){return oa(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:oa(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ma},set:function(){throw Error("Cannot assign to a client module from a server module.");}},xa={prefetchDNS:qa,preconnect:ra,preload:sa,preloadModule:ta,preinitStyle:ua,preinitScript:va,preinitModuleScript:wa};
+function qa(a){if("string"===typeof a&&a){var b=w();if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),x(b,"D",a))}}}function ra(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function sa(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;d.has(f)||(d.add(f),(c=y(c))?x(e,"L",[a,b,c]):x(e,"L",[a,b]))}}}function ta(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function ua(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="S|"+a;if(!d.has(f))return d.add(f),(c=y(c))?x(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(e,"S",[a,b]):x(e,"S",a)}}}function va(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"X",[a,b]):x(c,"X",a)}}}function wa(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"M",[a,b]):x(c,"M",a)}}}
+function y(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}
+var ya=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,za=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),Aa=Symbol.for("react.fragment"),Ba=Symbol.for("react.context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),Fa=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ga=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Ha=Symbol.iterator,Ia=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ja(){}function Ka(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ja,Ja),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}La=b;throw Ia;}}var La=null;
+function Ma(){if(null===La)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=La;La=null;return a}var C=null,Na=0,E=null;function Oa(){var a=E||[];E=null;return a}
+var Ta={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Pa,useContext:Pa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Qa,useSyncExternalStore:F,useCacheRefresh:function(){return Ra},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ga;return b},use:Sa};
+function F(){throw Error("This Hook is not supported in Server Components.");}function Ra(){throw Error("Refreshing the cache is not supported in Server Components.");}function Pa(){throw Error("Cannot read a Client Context from a Server Component.");}function Qa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
+function Sa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Na;Na+=1;null===E&&(E=[]);return Ka(E,a,b)}a.$$typeof===Ba&&Pa()}if(a.$$typeof===t){if(null!=a.value&&a.value.$$typeof===Ba)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Ua(){return(new AbortController).signal}
+function Va(){var a=w();return a?a.cache:new Map}var Wa={getCacheSignal:function(){var a=Va(),b=a.get(Ua);void 0===b&&(b=Ua(),a.set(Ua,b));return b},getCacheForType:function(a){var b=Va(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Xa=Array.isArray,Ya=Object.getPrototypeOf;function Za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function $a(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Xa(a))return"[...]";if(null!==a&&a.$$typeof===ab)return"client";a=Za(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===ab?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function bb(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return bb(a.render);case Fa:return bb(a.type);case A:var b=a._payload;a=a._init;try{return bb(a(b))}catch(c){}}return""}var ab=Symbol.for("react.client.reference");
+function G(a,b){var c=Za(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Xa(a)){var d="[";for(var f=0;f<a.length;f++){0<f&&(d+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):$a(g);""+f===b?(c=d.length,e=g.length,d+=g):d=10>g.length&&40>d.length+g.length?d+g:d+"..."}d+="]"}else if(a.$$typeof===z)d="<"+bb(a.type)+"/>";else{if(a.$$typeof===ab)return"client";d="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(d+=", ");var k=f[g],h=JSON.stringify(k);d+=('"'+k+'"'===h?k:h)+": ";h=a[k];
+h="object"===typeof h&&null!==h?G(h):$a(h);k===b?(c=d.length,e=h.length,d+=h):d=10>h.length&&40>d.length+h.length?d+h:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var cb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,H=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!H)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 db=Object.prototype,I=JSON.stringify,eb=H.TaintRegistryObjects,J=H.TaintRegistryValues,fb=H.TaintRegistryByteLengths,gb=H.TaintRegistryPendingRequests,hb=H.ReactCurrentCache,ib=cb.ReactCurrentDispatcher;function K(a){throw Error(a);}
+function jb(a){a=a.taintCleanupQueue;gb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=J.get(c);void 0!==e&&(1===e.count?J.delete(c):e.count--)}a.length=0}function kb(a){console.error(a)}function lb(){}
+function mb(a,b,c,e,d){if(null!==hb.current&&hb.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");ya.current=xa;hb.current=Wa;var f=new Set,g=[],k=[];gb.add(k);var h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===c?kb:c,onPostpone:void 0===d?lb:d};a=nb(b,a,null,!1,f);g.push(a);return b}var L=null;function w(){if(L)return L;var a=za.getStore();return a?a:null}
+function ob(a,b,c){var e=nb(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,pb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===B?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;pb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===B?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function x(a,b,c){c=I(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");qb(a)}function rb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function sb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:rb}}
+function tb(a,b,c,e,d){var f=b.thenableState;b.thenableState=null;Na=0;E=f;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=sb(e)}d=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,ub,"",e);b.keyPath=d;b.implicitSlot=f;return a}function vb(a,b,c){return null!==b.keyPath?(a=[z,Aa,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function wb(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[z,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function xb(a,b,c,e,d,f){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===t?wb(b,c,e,f):tb(a,b,e,c,f);if("string"===typeof c)return wb(b,c,e,f);if("symbol"===typeof c)return c===Aa&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,ub,"",f.children),b.implicitSlot=e,a):wb(b,c,e,f);if(null!=c&&"object"===typeof c){if(c.$$typeof===t)return wb(b,c,e,f);switch(c.$$typeof){case A:var g=
+c._init;c=g(c._payload);return xb(a,b,c,e,d,f);case Ca:return tb(a,b,e,c.render,f);case Fa:return xb(a,b,c.type,e,d,f)}}throw Error("Unsupported Server Component type: "+$a(c));}function pb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return yb(a)}))}
+function nb(a,b,c,e,d){a.pendingChunks++;var f=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return pb(a,g)},toJSON:function(k,h){a:{var p=g.keyPath,u=g.implicitSlot;try{var m=R(a,g,this,k,h)}catch(ja){k=ja===Ia?Ma():ja;h=g.model;h="object"===typeof h&&null!==h&&(h.$$typeof===z||h.$$typeof===A);if("object"===typeof k&&null!==k){if("function"===typeof k.then){m=nb(a,g.model,g.keyPath,g.implicitSlot,
+a.abortableTasks);var D=m.ping;k.then(D,D);m.thenableState=Oa();g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.id.toString(16):S(m.id);break a}if(k.$$typeof===B){a.pendingChunks++;m=a.nextChunkId++;M(a,k.message);N(a,m);g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.toString(16):S(m);break a}}g.keyPath=p;g.implicitSlot=u;if(h)a.pendingChunks++,p=a.nextChunkId++,u=O(a,k),P(a,p,u),m="$L"+p.toString(16);else throw k;}}return m},thenableState:null};d.add(g);return g}function S(a){return"$"+a.toString(16)}
+function zb(a,b,c){a=I(c);return b.toString(16)+":"+a+"\n"}
+function Ab(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,f=a.writtenClientReferences,g=f.get(d);if(void 0!==g)return b[0]===z&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=e.$$id;g="";var p=k[h];if(p)g=p.name;else{var u=h.lastIndexOf("#");-1!==u&&(g=h.slice(u+1),p=k[h.slice(0,u)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var m=!0===e.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var D=a.nextChunkId++,ja=I(m),Xb=D.toString(16)+":I"+ja+"\n";a.completedImportChunks.push(Xb);f.set(d,D);return b[0]===z&&"1"===c?"$L"+D.toString(16):S(D)}catch(Yb){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Yb),P(a,b,c),S(b)}}function T(a,b){b=nb(a,b,null,!1,a.abortableTasks);Bb(a,b);return b.id}
+function U(a,b,c){if(fb.has(c.byteLength)){var e=J.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&K(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;c=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);var d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===z)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case z:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return xb(a,b,d.type,d.key,void 0!==e?e:null,c);case A:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,ub,"",d)}if(d.$$typeof===t)return Ab(a,c,e,d);c=eb.get(d);void 0!==c&&K(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+ob(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=ob(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Xa(d))return vb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Ha&&d[Ha]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return vb(a,b,Array.from(d));a=Ya(d);if(a!==db&&(null===a||null!==Ya(a)))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.");
+return d}if("string"===typeof d){b=J.get(d);void 0!==b&&K(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,c="string"===typeof d?Buffer.byteLength(d,"utf8"):d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===
+d?"$-Infinity":"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===t)return Ab(a,c,e,d);if(d.$$typeof===ha)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=eb.get(d);void 0!==a&&K(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+G(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+G(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var f=b.get(d);if(void 0!==f)return S(f);f=d.description;if(Symbol.for(f)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+G(c,e));a.pendingChunks++;c=a.nextChunkId++;e=zb(a,c,"$S"+f);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=J.get(d),void 0!==a&&K(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+G(c,e));}function M(a,b){var c=L;L=null;try{za.run(void 0,a.onPostpone,b)}finally{L=c}}
+function O(a,b){var c=L;L=null;try{var e=za.run(void 0,a.onError,b)}finally{L=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}function Cb(a,b){jb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+I(c)+"\n";a.completedErrorChunks.push(b)}var ub={};
+function Bb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,ub,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?I(c,b.toJSON):I(c),d=b.id.toString(16)+":"+e+"\n";a.completedRegularChunks.push(d);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Ia?Ma():h;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Oa();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);
+b.status=4;var k=O(a,f);P(a,b.id,k)}finally{}}function yb(a){var b=ib.current;ib.current=Ta;var c=L;C=L=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)Bb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Cb(a,f)}finally{ib.current=b,C=null,L=c}}
+function Q(a,b){l=new Uint8Array(2048);n=0;q=!0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)if(a.pendingChunks--,!ea(b,c[e])){a.destination=null;e++;break}c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)if(!ea(b,d[e])){a.destination=null;e++;break}d.splice(0,e);var f=a.completedRegularChunks;for(e=0;e<f.length;e++)if(a.pendingChunks--,!ea(b,f[e])){a.destination=null;e++;break}f.splice(0,e);var g=a.completedErrorChunks;for(e=0;e<g.length;e++)if(a.pendingChunks--,!ea(b,
+g[e])){a.destination=null;e++;break}g.splice(0,e)}finally{a.flushScheduled=!1,l&&0<n&&b.write(l.subarray(0,n)),l=null,n=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(jb(a),b.end())}function Db(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return za.run(a,yb,a)})}function qb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return Q(a,b)})}}
+function Eb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Q(a,b)}catch(c){O(a,c),Cb(a,c)}}}
+function Fb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,d);P(a,e,f,d)}c.forEach(function(g){g.status=3;var k=S(e);g=zb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Cb(a,g)}}
+function Gb(a,b){var c="",e=a[b];if(e)c=e.name;else{var d=b.lastIndexOf("#");-1!==d&&(c=b.slice(d+1),e=a[b.slice(0,d)]);if(!e)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[e.id,e.chunks,c]}var Hb=new Map;
+function Ib(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function Jb(){}
+function Kb(a){for(var b=a[1],c=[],e=0;e<b.length;){var d=b[e++];b[e++];var f=Hb.get(d);if(void 0===f){f=__webpack_chunk_load__(d);c.push(f);var g=Hb.set.bind(Hb,d,null);f.then(g,Jb);Hb.set(d,f)}else null!==f&&c.push(f)}return 4===a.length?0===c.length?Ib(a[0]):Promise.all(c).then(function(){return Ib(a[0])}):0<c.length?Promise.all(c):null}
+function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Lb(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Lb.prototype=Object.create(Promise.prototype);
+Lb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Mb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Nb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Ob(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Nb(c,b)}}function Pb(a,b,c,e,d,f){var g=Gb(a._bundlerConfig,b);a=Kb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return W(g)});else return W(g);c.then(Qb(e,d,f),Rb(e));return null}var X=null,Y=null;
+function Mb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Sb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Ob(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Lb("resolved_model",e,null,a):new Lb("pending",null,null,a),c.set(b,e));return e}function Qb(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Nb(d,e.value))}}function Rb(a){return function(b){return Ob(a,b)}}
+function Tb(a,b){a=Z(a,b);"resolved_model"===a.status&&Mb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Ub(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Tb(a,e),Pb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Tb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Tb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(d)&&f.append(k.slice(d.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Mb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Qb(e,b,c),Rb(e)),null;default:throw a.reason;}}return e}
+function Vb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(f,g){return"string"===typeof g?Ub(d,this,f,g):g}};return d}
+function Wb(a,b,c){a._formData.append(b,c);var e=a._prefix;if(b.startsWith(e)&&(a=a._chunks,b=+b.slice(e.length),(b=a.get(b))&&"pending"===b.status&&(e=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==e)))switch(Mb(b),b.status){case "fulfilled":Nb(e,b.value);break;case "pending":case "blocked":b.value=e;b.reason=a;break;case "rejected":a&&Nb(a,b.reason)}}function Zb(a){Sb(a,Error("Connection closed."))}
+function $b(a,b,c){var e=Gb(a,b);a=Kb(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var f=W(e);return f.bind.apply(f,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}function ac(a,b,c){a=Vb(b,c,a);Zb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function bc(a,b){return function(){return Eb(b,a)}}function cc(a,b){return function(){a.destination=null;Fb(a,Error(b))}}
+exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,pa)};exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(d="$ACTION_"+f.slice(12)+":",d=ac(a,b,d),e=$b(b,d.id,d.bound)):f.startsWith("$ACTION_ID_")&&(d=f.slice(11),e=$b(b,d,null)):c.append(f,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var e=b.get("$ACTION_KEY");if("string"!==typeof e)return Promise.resolve(null);var d=null;b.forEach(function(g,k){k.startsWith("$ACTION_REF_")&&(g="$ACTION_"+k.slice(12)+":",d=ac(b,c,g))});if(null===d)return Promise.resolve(null);var f=d.id;return Promise.resolve(d.bound).then(function(g){return null===g?null:[a,e,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Vb(b,"",a);b=Z(a,0);Zb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Vb(b,""),e=0,d=[];a.on("field",function(f,g){0<e?d.push(f,g):Wb(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");e++;var u=[];g.on("data",function(m){u.push(m)});g.on("end",function(){var m=
+new Blob(u,{type:p});c._formData.append(f,m,h);e--;if(0===e){for(m=0;m<d.length;m+=2)Wb(c,d[m],d[m+1]);d.length=0}})});a.on("finish",function(){Zb(c)});a.on("error",function(f){Sb(c,f)});return Z(c,0)};exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:la,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var e=mb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),d=!1;Db(e);return{pipe:function(f){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;Eb(e,f);f.on("drain",bc(f,e));f.on("error",cc(e,"The destination stream errored while writing data."));f.on("close",cc(e,"The destination stream closed early."));return f},abort:function(f){Fb(e,f)}}};
 
 //# sourceMappingURL=react-server-dom-webpack-server.node.production.min.js.map
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 b8cf3637a0df35..1ddd9014aca9ec 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function typedArrayToBinaryChunk(content) {
   // Convert any non-Uint8Array array to Uint8Array. We could avoid this for Uint8Arrays.
   return new Uint8Array(content.buffer, content.byteOffset, content.byteLength);
@@ -233,10 +226,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -248,7 +241,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -269,6 +262,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -295,13 +296,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -340,6 +344,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -381,6 +389,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -421,6 +433,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -782,6 +798,7 @@ function initAsyncDebugInfo() {
   }
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -790,14 +807,12 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 var REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -816,198 +831,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-var rendererSigil;
-
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-} // Used to store the parent path of all context overrides in a shared linked list.
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  var prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-
-    {
-      if (context._currentRenderer !== undefined && context._currentRenderer !== null && context._currentRenderer !== rendererSigil) {
-        error('Detected multiple renderers concurrently rendering the ' + 'same context provider. This is currently unsupported.');
-      }
-
-      context._currentRenderer = rendererSigil;
-    }
-  }
-
-  var prevNode = currentActiveSnapshot;
-  var newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  var prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    var value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1136,29 +959,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1169,8 +976,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1203,6 +1010,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1228,20 +1039,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1379,6 +1192,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1389,7 +1206,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1435,6 +1260,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1513,6 +1344,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1563,9 +1396,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1575,7 +1408,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1602,57 +1435,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   return '\n  ' + str;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1667,6 +1449,76 @@ function binaryToComparableString(view) {
 }
 
 initAsyncDebugInfo();
+
+function patchConsole(consoleInst, methodName) {
+  var descriptor = Object.getOwnPropertyDescriptor(consoleInst, methodName);
+
+  if (descriptor && (descriptor.configurable || descriptor.writable) && typeof descriptor.value === 'function') {
+    var originalMethod = descriptor.value;
+    var originalName = Object.getOwnPropertyDescriptor( // $FlowFixMe[incompatible-call]: We should be able to get descriptors from any function.
+    originalMethod, 'name');
+
+    var wrapperMethod = function () {
+      var request = resolveRequest();
+
+      if (methodName === 'assert' && arguments[0]) ; else if (request !== null) {
+        // Extract the stack. Not all console logs print the full stack but they have at
+        // least the line it was called from. We could optimize transfer by keeping just
+        // one stack frame but keeping it simple for now and include all frames.
+        var stack = new Error().stack;
+
+        if (stack.startsWith('Error: \n')) {
+          stack = stack.slice(8);
+        }
+
+        var firstLine = stack.indexOf('\n');
+
+        if (firstLine === -1) {
+          stack = '';
+        } else {
+          // Skip the console wrapper itself.
+          stack = stack.slice(firstLine + 1);
+        }
+
+        request.pendingChunks++; // We don't currently use this id for anything but we emit it so that we can later
+        // refer to previous logs in debug info to associate them with a component.
+
+        var id = request.nextChunkId++;
+        emitConsoleChunk(request, id, methodName, stack, arguments);
+      } // $FlowFixMe[prop-missing]
+
+
+      return originalMethod.apply(this, arguments);
+    };
+
+    if (originalName) {
+      Object.defineProperty(wrapperMethod, // $FlowFixMe[cannot-write] yes it is
+      'name', originalName);
+    }
+
+    Object.defineProperty(consoleInst, methodName, {
+      value: wrapperMethod
+    });
+  }
+}
+
+if (typeof console === 'object' && console !== null) {
+  // Instrument console to capture logs for replaying on the client.
+  patchConsole(console, 'assert');
+  patchConsole(console, 'debug');
+  patchConsole(console, 'dir');
+  patchConsole(console, 'dirxml');
+  patchConsole(console, 'error');
+  patchConsole(console, 'group');
+  patchConsole(console, 'groupCollapsed');
+  patchConsole(console, 'groupEnd');
+  patchConsole(console, 'info');
+  patchConsole(console, 'log');
+  patchConsole(console, 'table');
+  patchConsole(console, 'trace');
+  patchConsole(console, 'warn');
+}
+
 var ObjectPrototype = Object.prototype;
 var stringify = JSON.stringify; // Serializable values
 // Thenable<ReactClientValue>
@@ -1717,7 +1569,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1752,21 +1604,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext(context);
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1782,15 +1632,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-var POP = {};
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1934,14 +1787,189 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    var fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children: children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  var keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  var element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1956,47 +1984,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -2005,48 +2022,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            {
-              var extraKeys = Object.keys(props).filter(function (value) {
-                if (value === 'children' || value === 'value') {
-                  return false;
-                }
-
-                return true;
-              });
-
-              if (extraKeys.length !== 0) {
-                error('ServerContext can only have a value prop and children. Found: %s', JSON.stringify(extraKeys));
-              }
-            }
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -2066,30 +2052,69 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
-    thenableState: null
-  };
-  abortSet.add(task);
-  return task;
-}
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
 
-function serializeByValueID(id) {
-  return '$' + id.toString(16);
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
+    thenableState: null
+  };
+  abortSet.add(task);
+  return task;
+}
+
+function serializeByValueID(id) {
+  return '$' + id.toString(16);
 }
 
 function serializeLazyID(id) {
   return '$L' + id.toString(16);
 }
 
+function serializeInfinitePromise() {
+  return '$@';
+}
+
 function serializePromiseID(id) {
   return '$@' + id.toString(16);
 }
@@ -2102,10 +2127,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -2148,13 +2169,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2173,7 +2194,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -2193,13 +2214,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2304,136 +2326,94 @@ function escapeStringValue(value) {
   }
 }
 
-var insideContextProps = null;
-var isInsideContextValue = false;
 var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-  {
-    if (parent[0] === REACT_ELEMENT_TYPE && parent[1] && parent[1].$$typeof === REACT_PROVIDER_TYPE && key === '3') {
-      insideContextProps = value;
-    } else if (insideContextProps === parent && key === 'value') {
-      isInsideContextValue = true;
-    } else if (insideContextProps === parent && key === 'children') {
-      isInsideContextValue = false;
-    }
-  } // Resolve Server Components.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        var postponeInstance = x;
+        request.pendingChunks++;
+        var postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId, postponeInstance); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-    {
-      if (isInsideContextValue) {
-        error('React elements are not allowed in ServerContext');
-      }
-    }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(postponeId);
+        }
 
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          var postponeInstance = x;
-          request.pendingChunks++;
-          var postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId, postponeInstance);
-          return serializeLazyID(postponeId);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2441,94 +2421,171 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
-    {
-      var tainted = TaintRegistryObjects.get(value);
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-      if (tainted !== undefined) {
-        throwTaintViolation(tainted);
-      }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            var refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
     }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
-    var _writtenObjects = request.writtenObjects;
+    {
+      var tainted = TaintRegistryObjects.get(value);
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      if (tainted !== undefined) {
+        throwTaintViolation(tainted);
+      }
+    }
 
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
-        if (modelRoot === value) {
+      if (existingId !== undefined) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          var _promiseId = serializeThenable(request, task, value);
+
+          return serializePromiseID(_promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        var providerKey = value._context._globalName;
-        var writtenProviders = request.writtenProviders;
-        var providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        {
-          insideContextProps = null;
-          isInsideContextValue = false;
-        }
-
-        return undefined;
-      }
-    }
-
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2586,7 +2643,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2608,7 +2665,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2620,14 +2677,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2649,9 +2706,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2679,6 +2736,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       var _tainted2 = TaintRegistryObjects.get(value);
 
@@ -2687,18 +2752,13 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2716,7 +2776,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2738,17 +2798,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2810,8 +2893,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2851,68 +2937,358 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  var contextReference = serializeProviderReference(contextName);
-  var processedChunk = encodeReferenceChunk(request, id, contextReference);
+function emitModelChunk(request, id, json) {
+  var row = id.toString(16) + ':' + json + '\n';
+  var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function serializeEval(source) {
+
+  return '$E' + source;
+} // This is a forked version of renderModel which should never error, never suspend and is limited
+// in the depth it can encode.
+
+
+function renderConsoleValue(request, counter, parent, parentPropertyName, value) {
+  // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+  // $FlowFixMe[incompatible-use]
+  var originalValue = parent[parentPropertyName];
+
+  if (value === null) {
+    return null;
+  }
+
+  if (typeof value === 'object') {
+    if (isClientReference(value)) {
+      // We actually have this value on the client so we could import it.
+      // This might be confusing though because on the Server it won't actually
+      // be this value, so if you're debugging client references maybe you'd be
+      // better with a place holder.
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (counter.objectCount > 20) {
+      // We've reached our max number of objects to serialize across the wire so we serialize this
+      // object but no properties inside of it, as a place holder.
+      return Array.isArray(value) ? [] : {};
+    }
+
+    counter.objectCount++;
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+
+    if (typeof value.then === 'function') {
+      if (existingId !== undefined) {
+        // We've seen this promise before, so we can just refer to the same result.
+        return serializePromiseID(existingId);
+      }
+
+      var thenable = value;
+
+      switch (thenable.status) {
+        case 'fulfilled':
+          {
+            return serializePromiseID(outlineConsoleValue(request, counter, thenable.value));
+          }
+
+        case 'rejected':
+          {
+            var x = thenable.reason;
+            request.pendingChunks++;
+            var errorId = request.nextChunkId++;
+
+            if (typeof x === 'object' && x !== null && x.$$typeof === REACT_POSTPONE_TYPE) {
+              var postponeInstance = x; // We don't log this postpone.
+
+              emitPostponeChunk(request, errorId, postponeInstance);
+            } else {
+              // We don't log these errors since they didn't actually throw into Flight.
+              var digest = '';
+              emitErrorChunk(request, errorId, digest, x);
+            }
+
+            return serializePromiseID(errorId);
+          }
+      } // If it hasn't already resolved (and been instrumented) we just encode an infinite
+      // promise that will never resolve.
+
+
+      return serializeInfinitePromise();
+    }
+
+    if (existingId !== undefined && existingId !== -1) {
+      // We've already emitted this as a real object, so we can
+      // just refer to that by its existing ID.
+      return serializeByValueID(existingId);
+    }
+
+    if (isArray(value)) {
+      return value;
+    }
+
+    if (value instanceof Map) {
+      return serializeMap(request, value);
+    }
+
+    if (value instanceof Set) {
+      return serializeSet(request, value);
+    }
+
+    {
+      if (value instanceof ArrayBuffer) {
+        return serializeTypedArray(request, 'A', new Uint8Array(value));
+      }
+
+      if (value instanceof Int8Array) {
+        // char
+        return serializeTypedArray(request, 'C', value);
+      }
+
+      if (value instanceof Uint8Array) {
+        // unsigned char
+        return serializeTypedArray(request, 'c', value);
+      }
+
+      if (value instanceof Uint8ClampedArray) {
+        // unsigned clamped char
+        return serializeTypedArray(request, 'U', value);
+      }
+
+      if (value instanceof Int16Array) {
+        // sort
+        return serializeTypedArray(request, 'S', value);
+      }
+
+      if (value instanceof Uint16Array) {
+        // unsigned short
+        return serializeTypedArray(request, 's', value);
+      }
+
+      if (value instanceof Int32Array) {
+        // long
+        return serializeTypedArray(request, 'L', value);
+      }
+
+      if (value instanceof Uint32Array) {
+        // unsigned long
+        return serializeTypedArray(request, 'l', value);
+      }
+
+      if (value instanceof Float32Array) {
+        // float
+        return serializeTypedArray(request, 'F', value);
+      }
+
+      if (value instanceof Float64Array) {
+        // double
+        return serializeTypedArray(request, 'd', value);
+      }
+
+      if (value instanceof BigInt64Array) {
+        // number
+        return serializeTypedArray(request, 'N', value);
+      }
+
+      if (value instanceof BigUint64Array) {
+        // unsigned number
+        // We use "m" instead of "n" since JSON can start with "null"
+        return serializeTypedArray(request, 'm', value);
+      }
+
+      if (value instanceof DataView) {
+        return serializeTypedArray(request, 'V', value);
+      }
+    }
+
+    var iteratorFn = getIteratorFn(value);
+
+    if (iteratorFn) {
+      return Array.from(value);
+    } // $FlowFixMe[incompatible-return]
+
+
+    return value;
+  }
+
+  if (typeof value === 'string') {
+    if (value[value.length - 1] === 'Z') {
+      // Possibly a Date, whose toJSON automatically calls toISOString
+      if (originalValue instanceof Date) {
+        return serializeDateFromDateJSON(value);
+      }
+    }
+
+    if (value.length >= 1024) {
+      // For large strings, we encode them outside the JSON payload so that we
+      // don't have to double encode and double parse the strings. This can also
+      // be more compact in case the string has a lot of escaped characters.
+      return serializeLargeTextString(request, value);
+    }
+
+    return escapeStringValue(value);
+  }
+
+  if (typeof value === 'boolean') {
+    return value;
+  }
+
+  if (typeof value === 'number') {
+    return serializeNumber(value);
+  }
+
+  if (typeof value === 'undefined') {
+    return serializeUndefined();
+  }
+
+  if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    } // Serialize the body of the function as an eval so it can be printed.
+    // $FlowFixMe[method-unbinding]
+
+
+    return serializeEval('(' + Function.prototype.toString.call(value) + ')');
+  }
+
+  if (typeof value === 'symbol') {
+    var writtenSymbols = request.writtenSymbols;
+
+    var _existingId3 = writtenSymbols.get(value);
+
+    if (_existingId3 !== undefined) {
+      return serializeByValueID(_existingId3);
+    } // $FlowFixMe[incompatible-type] `description` might be undefined
+
+
+    var name = value.description; // We use the Symbol.for version if it's not a global symbol. Close enough.
+
+    request.pendingChunks++;
+    var symbolId = request.nextChunkId++;
+    emitSymbolChunk(request, symbolId, name);
+    return serializeByValueID(symbolId);
+  }
+
+  if (typeof value === 'bigint') {
+    return serializeBigInt(value);
+  }
+
+  return 'unknown type ' + typeof value;
+}
+
+function outlineConsoleValue(request, counter, model) {
 
-  var json = stringify(model, request.toJSON);
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // $FlowFixMe[incompatible-type] stringify can return null
+
+
+  var json = stringify(model, replacer);
+  request.pendingChunks++;
+  var id = request.nextChunkId++;
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
+  return id;
 }
 
+function emitConsoleChunk(request, id, methodName, stackTrace, args) {
+
+  var counter = {
+    objectCount: 0
+  };
+
+  function replacer(parentPropertyName, value) {
+    try {
+      return renderConsoleValue(request, counter, this, parentPropertyName, value);
+    } catch (x) {
+      return 'unknown value';
+    }
+  } // TODO: Don't double badge if this log came from another Flight Client.
+
+
+  var env = request.environmentName;
+  var payload = [methodName, stackTrace, env]; // $FlowFixMe[method-unbinding]
+
+  payload.push.apply(payload, args); // $FlowFixMe[incompatible-type] stringify can return null
+
+  var json = stringify(payload, replacer);
+  var row = serializeRowHeader('W', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
-
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      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.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
 
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2945,6 +3321,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -3167,27 +3547,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    var prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (var i = 0; i < contexts.length; i++) {
-      var _contexts$i = contexts[i],
-          name = _contexts$i[0],
-          value = _contexts$i[1];
-      var context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    var importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   var idx = id.lastIndexOf('#');
   var specifier = id.slice(0, idx);
@@ -3913,7 +4272,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 daa9d669172d79..089c106530104d 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -184,10 +183,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -199,7 +198,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -220,6 +219,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -246,13 +246,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -291,6 +294,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -332,6 +339,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -372,6 +383,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -715,6 +730,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -723,14 +739,12 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 const REACT_MEMO_TYPE = Symbol.for('react.memo');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const REACT_MEMO_CACHE_SENTINEL = Symbol.for('react.memo_cache_sentinel');
 const REACT_POSTPONE_TYPE = Symbol.for('react.postpone');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
@@ -749,184 +763,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function pushProvider(context, nextValue) {
-  let prevValue;
-
-  {
-    prevValue = context._currentValue;
-    context._currentValue = nextValue;
-  }
-
-  const prevNode = currentActiveSnapshot;
-  const newNode = {
-    parent: prevNode,
-    depth: prevNode === null ? 0 : prevNode.depth + 1,
-    context: context,
-    parentValue: prevValue,
-    value: nextValue
-  };
-  currentActiveSnapshot = newNode;
-  return newNode;
-}
-function popProvider() {
-  const prevSnapshot = currentActiveSnapshot;
-
-  if (prevSnapshot === null) {
-    throw new Error('Tried to pop a Context at the root of the app. This is a bug in React.');
-  }
-
-  {
-    const value = prevSnapshot.parentValue;
-
-    if (value === REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED) {
-      prevSnapshot.context._currentValue = prevSnapshot.context._defaultValue;
-    } else {
-      prevSnapshot.context._currentValue = value;
-    }
-  }
-
-  return currentActiveSnapshot = prevSnapshot.parent;
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1055,16 +891,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1078,8 +911,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1115,6 +948,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1140,14 +977,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1226,6 +1071,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1236,7 +1085,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1282,6 +1138,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1329,6 +1191,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1380,38 +1244,6 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
 
 const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ReactSharedServerInternals = // $FlowFixMe: It's defined in the one we resolve to.
 React.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
@@ -1475,7 +1307,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1510,21 +1342,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext(context);
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1540,15 +1366,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts(reqContext);
-}
-
-const POP = {};
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1690,61 +1510,170 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  if (task.keyPath !== null) {
+    // We have a Server Component that specifies a key but we're now splitting
+    // the tree using a fragment.
+    const fragment = [REACT_ELEMENT_TYPE, REACT_FRAGMENT_TYPE, task.keyPath, {
+      children
+    }];
+
+    if (!task.implicitSlot) {
+      // If this was keyed inside a set. I.e. the outer Server Component was keyed
+      // then we need to handle reorders of the whole set. To do this we need to wrap
+      // this array in a keyed Fragment.
+      return fragment;
+    } // If the outer Server Component was implicit but then an inner one had a key
+    // we don't actually need to be able to move the whole set around. It'll always be
+    // in an implicit slot. The key only exists to be able to reset the state of the
+    // children. We could achieve the same effect by passing on the keyPath to the next
+    // set of components inside the fragment. This would also allow a keyless fragment
+    // reconcile against a single child.
+    // Unfortunately because of JSON.stringify, we can't call the recursive loop for
+    // each child within this context because we can't return a set with already resolved
+    // values. E.g. a string would get double encoded. Returning would pop the context.
+    // So instead, we wrap it with an unkeyed fragment and inner keyed fragment.
+
+
+    return [fragment];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here.
+
+
+  return children;
+}
+
+function renderClientElement(task, type, key, props) {
+  // the keys of any Server Components which are not serialized.
+
+
+  const keyPath = task.keyPath;
+
+  if (key === null) {
+    key = keyPath;
+  } else if (keyPath !== null) {
+    key = keyPath + ',' + key;
+  }
+
+  const element = [REACT_ELEMENT_TYPE, type, key, props];
+
+  if (task.implicitSlot && key !== null) {
+    // The root Server Component had no key so it was in an implicit slot.
+    // If we had a key lower, it would end up in that slot with an explicit key.
+    // We wrap the element in a fragment to give it an implicit key slot with
+    // an inner explicit key.
+    return [element];
+  } // Since we're yielding here, that implicitly resets the keyPath context on the
+  // way up. Which is what we want since we've consumed it. If this changes to
+  // be recursive serialization, we need to reset the keyPath and implicitSlot,
+  // before recursing here. We also need to reset it once we render into an array
+  // or anything else too which we also get implicitly.
+
+
+  return element;
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1753,34 +1682,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
-        }
-
-      case REACT_PROVIDER_TYPE:
-        {
-          {
-            pushProvider(type._context, props.value);
-
-            return [REACT_ELEMENT_TYPE, type, key, // Rely on __popProvider being serialized last to pop the provider.
-            {
-              value: props.value,
-              children: props.children,
-              __pop: POP
-            }];
-          } // Fallthrough
-
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1798,14 +1710,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    if ((keyPath !== null || implicitSlot)) ; else {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1832,10 +1760,6 @@ function serializeSymbolReference(name) {
   return '$S' + name;
 }
 
-function serializeProviderReference(name) {
-  return '$P' + name;
-}
-
 function serializeNumber(number) {
   if (Number.isFinite(number)) {
     if (number === 0 && 1 / number === -Infinity) {
@@ -1878,13 +1802,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1903,7 +1827,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1923,13 +1847,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -2033,100 +1958,95 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
-
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
-            const element = value; // Attempt to render the Server Component.
+        return serializeByValueID(newTask.id);
+      } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
+        // Something postponed. We'll still send everything we have up until this point.
+        // We'll replace this element with a lazy reference that postpones on the client.
+        const postponeInstance = x;
+        request.pendingChunks++;
+        const postponeId = request.nextChunkId++;
+        logPostpone(request, postponeInstance.message);
+        emitPostponeChunk(request, postponeId); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        } else if (x.$$typeof === REACT_POSTPONE_TYPE) {
-          // Something postponed. We'll still send everything we have up until this point.
-          // We'll replace this element with a lazy reference that postpones on the client.
-          const postponeInstance = x;
-          request.pendingChunks++;
-          const postponeId = request.nextChunkId++;
-          logPostpone(request, postponeInstance.message);
-          emitPostponeChunk(request, postponeId);
+        if (wasReactNode) {
           return serializeLazyID(postponeId);
         }
-      } // Something errored. We'll still send everything we have up until this point.
-      // We'll replace this element with a lazy reference that throws on the client
-      // once it gets rendered.
+
+        return serializeByValueID(postponeId);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
 
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
+
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
+      // We'll replace this element with a lazy reference that throws on the client
+      // once it gets rendered.
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2134,6 +2054,76 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if ((task.keyPath !== null || task.implicitSlot)) ; else if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            // TODO: This is a temporary, intermediate step. Once the feature
+            // flag is removed, we should get the ref off the props object right
+            // before using it.
+            const refProp = props.ref;
+            ref = refProp !== undefined ? refProp : null;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2142,16 +2132,18 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
     const writtenObjects = request.writtenObjects;
     const existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
       if (existingId !== undefined) {
-        if (modelRoot === value) {
+        if ((task.keyPath !== null || task.implicitSlot)) {
+          // If we're in some kind of context we can't reuse the result of this render or
+          // previous renders of this element. We only reuse Promises if they're not wrapped
+          // by another Server Component.
+          const promiseId = serializeThenable(request, task, value);
+          return serializePromiseID(promiseId);
+        } else if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
@@ -2163,41 +2155,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    {
-      if (value.$$typeof === REACT_PROVIDER_TYPE) {
-        const providerKey = value._context._globalName;
-        const writtenProviders = request.writtenProviders;
-        let providerId = writtenProviders.get(key);
-
-        if (providerId === undefined) {
-          request.pendingChunks++;
-          providerId = request.nextChunkId++;
-          writtenProviders.set(providerKey, providerId);
-          emitProviderChunk(request, providerId, providerKey);
-        }
-
-        return serializeByValueID(providerId);
-      } else if (value === POP) {
-        popProvider();
-
-        return undefined;
-      }
-    }
-
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2210,8 +2181,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2269,7 +2239,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
       if (value instanceof Float64Array) {
         // double
-        return serializeTypedArray(request, 'D', value);
+        return serializeTypedArray(request, 'd', value);
       }
 
       if (value instanceof BigInt64Array) {
@@ -2291,7 +2261,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2318,7 +2288,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2348,6 +2318,14 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    if (isServerReference(value)) {
+      return serializeServerReference(request, value);
+    }
+
     {
       const tainted = TaintRegistryObjects.get(value);
 
@@ -2356,18 +2334,10 @@ function resolveModelToJSON(request, parent, key, value) {
       }
     }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
-
-    if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
-    }
-
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2384,7 +2354,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2406,17 +2376,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2489,68 +2482,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitProviderChunk(request, id, contextName) {
-  const contextReference = serializeProviderReference(contextName);
-  const processedChunk = encodeReferenceChunk(request, id, contextReference);
-  request.completedRegularChunks.push(processedChunk);
-}
-
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2583,6 +2562,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2796,27 +2776,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-  if (contexts) {
-    const prevContext = getActiveContext();
-    switchContext(rootContextSnapshot);
-
-    for (let i = 0; i < contexts.length; i++) {
-      const _contexts$i = contexts[i],
-            name = _contexts$i[0],
-            value = _contexts$i[1];
-      const context = getOrCreateServerContext(name);
-      pushProvider(context, value);
-    }
-
-    const importedContext = getActiveContext();
-    switchContext(prevContext);
-    return importedContext;
-  }
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   const idx = id.lastIndexOf('#');
   const specifier = id.slice(0, idx);
@@ -3523,7 +3482,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js
index 7edc2fe1887990..92b9be2c184fb1 100644
--- a/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack-experimental/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js
@@ -7,81 +7,80 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new aa.TextEncoder,r=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function t(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var ia=Function.prototype.bind,ja=Array.prototype.slice;
-function ka(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ja.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ka}})}return a}
-var la=Promise.prototype,ma={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,n=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function ea(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,fa.encode(b));else{var c=l;0<n&&(c=l.subarray(n));c=fa.encodeInto(b,c);var e=c.read;n+=c.written;e<b.length&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=fa.encodeInto(b.slice(e),l).written);2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<n&&(r(a,l.subarray(0,n)),l=new Uint8Array(2048),n=0),r(a,b)):(c=l.length-n,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),n),n+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),n=0),l.set(b,n),n+=b.byteLength,2048===n&&(r(a,l),l=new Uint8Array(2048),n=0)));return q}var fa=new aa.TextEncoder,t=Symbol.for("react.client.reference"),ha=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:c}})}var ia=Function.prototype.bind,ka=Array.prototype.slice;
+function la(){var a=ia.apply(this,arguments);if(this.$$typeof===ha){var b=ka.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:la}})}return a}
+var ma=Promise.prototype,na={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function na(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=t(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=t({},a.$$id,!0),e=new Proxy(c,oa);a.status="fulfilled";a.value=e;return a.then=t(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}c=a[b];c||(c=t(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ma));return c}
-var oa={get:function(a,b){return na(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:na(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return la},set:function(){throw Error("Cannot assign to a client module from a server module.");}},wa={prefetchDNS:pa,preconnect:qa,preload:ra,preloadModule:sa,preinitStyle:ta,preinitScript:ua,preinitModuleScript:va};
-function pa(a){if("string"===typeof a&&a){var b=v();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),x(b,"D",a))}}}function qa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?x(d,"C",[a,b]):x(d,"C",a))}}}
-function ra(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,h=d.imageSizes,k="";"string"===typeof g&&""!==g?(k+="["+g+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;f+="[image]"+k}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?x(c,"L",[a,b,d]):x(c,"L",[a,b]))}}}function sa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"m",[a,b]):x(d,"m",a)}}}
-function ta(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?x(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?x(c,"S",[a,b]):x(c,"S",a)}}}function ua(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"X",[a,b]):x(d,"X",a)}}}function va(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?x(d,"M",[a,b]):x(d,"M",a)}}}
-function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var xa=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,ya=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),za=Symbol.for("react.fragment"),Aa=Symbol.for("react.provider"),Ba=Symbol.for("react.server_context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),Fa=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ga=Symbol.for("react.default_value"),Ha=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),
-Ia=Symbol.iterator,C=null;function Ja(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");Ja(a,d);b.context._currentValue=b.value}}}function Ka(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ka(a)}
-function La(a){var b=a.parent;null!==b&&La(b);a.context._currentValue=a.value}function Ma(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?Ja(a,b):Ma(a,b)}
-function Na(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?Ja(a,d):Na(a,d);b.context._currentValue=b.value}function Oa(a){var b=C;b!==a&&(null===b?La(a):null===a?Ka(b):b.depth===a.depth?Ja(b,a):b.depth>a.depth?Ma(b,a):Na(b,a),C=a)}function Pa(a,b){var d=a._currentValue;a._currentValue=b;var c=C;return C=a={parent:c,depth:null===c?0:c.depth+1,context:a,parentValue:d,value:b}}var Qa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ra(){}function Sa(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ra,Ra),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}Ta=b;throw Qa;}}var Ta=null;
-function Ua(){if(null===Ta)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=Ta;Ta=null;return a}var D=null,Va=0,E=null;function Wa(){var a=E;E=null;return a}function Xa(a){return a._currentValue}
-var ab={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Xa,useContext:Xa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Ya,useSyncExternalStore:F,useCacheRefresh:function(){return Za},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ha;return b},use:$a};
-function F(){throw Error("This Hook is not supported in Server Components.");}function Za(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ya(){if(null===D)throw Error("useId can only be used while React is rendering");var a=D.identifierCount++;return":"+D.identifierPrefix+"S"+a.toString(32)+":"}
-function $a(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Va;Va+=1;null===E&&(E=[]);return Sa(E,a,b)}if(a.$$typeof===Ba)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function bb(){return(new AbortController).signal}function cb(){var a=v();return a?a.cache:new Map}
-var db={getCacheSignal:function(){var a=cb(),b=a.get(bb);void 0===b&&(b=bb(),a.set(bb,b));return b},getCacheForType:function(a){var b=cb(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},eb=Array.isArray,fb=Object.getPrototypeOf;function gb(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function hb(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(eb(a))return"[...]";a=gb(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function ib(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return ib(a.render);case Fa:return ib(a.type);case A:var b=a._payload;a=a._init;try{return ib(a(b))}catch(d){}}return""}
-function G(a,b){var d=gb(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(eb(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):hb(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+ib(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var h=f[g],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k="object"===typeof k&&null!==k?G(k):
-hb(k);h===b?(d=e.length,c=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var jb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,kb=jb.ContextRegistry,I=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-if(!I)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 lb=Object.prototype,J=JSON.stringify,mb=I.TaintRegistryObjects,K=I.TaintRegistryValues,nb=I.TaintRegistryByteLengths,ob=I.TaintRegistryPendingRequests,pb=I.ReactCurrentCache,qb=jb.ReactCurrentDispatcher;function L(a){throw Error(a);}
-function rb(a){a=a.taintCleanupQueue;ob.delete(a);for(var b=0;b<a.length;b++){var d=a[b],c=K.get(d);void 0!==c&&(1===c.count?K.delete(d):c.count--)}a.length=0}function sb(a){console.error(a)}function tb(){}
-function ub(a,b,d,c,e,f){if(null!==pb.current&&pb.current!==db)throw Error("Currently React only supports one RSC renderer at a time.");xa.current=wa;pb.current=db;var g=new Set,h=[],k=[];ob.add(k);var n=new Set,w={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:n,abortableTasks:g,pingedTasks:h,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===d?sb:d,onPostpone:void 0===f?tb:f,toJSON:function(u,H){return vb(w,this,u,H)}};w.pendingChunks++;b=wb(c);a=xb(w,a,b,g);h.push(a);return w}var M=null;function v(){if(M)return M;var a=ya.getStore();return a?a:null}var yb={};
-function zb(a,b){a.pendingChunks++;var d=xb(a,null,C,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,Ab(a,d),d.id;case "rejected":var c=b.reason;"object"===typeof c&&null!==c&&c.$$typeof===B?(N(a,c.message),O(a,d.id)):(c=P(a,c),Q(a,d.id,c));return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=
-e;Ab(a,d)},function(e){"object"===typeof e&&null!==e&&e.$$typeof===B?(N(a,e.message),O(a,d.id)):(d.status=4,e=P(a,e),Q(a,d.id,e));a.abortableTasks.delete(d);null!==a.destination&&R(a,a.destination)});return d.id}function x(a,b,d){d=J(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");Bb(a)}function Cb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function Db(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:Cb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];Va=0;E=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:Db(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===za?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Ca:return a=b.render,Va=0,E=f,a(e,void 0);case Fa:return S(a,b.type,d,c,e,f);case Aa:return Pa(b._context,e.value),[z,b,d,{value:e.value,children:e.children,__pop:yb}]}}throw Error("Unsupported Server Component type: "+hb(b));}function Ab(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return Eb(a)}))}
-function xb(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return Ab(a,e)},thenableState:null};c.add(e);return e}function T(a){return"$"+a.toString(16)}function Fb(a,b,d){a=J(d);return b.toString(16)+":"+a+"\n"}
-function Gb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):T(g);try{var h=a.bundlerConfig,k=c.$$id;g="";var n=h[k];if(n)g=n.name;else{var w=k.lastIndexOf("#");-1!==w&&(g=k.slice(w+1),n=h[k.slice(0,w)]);if(!n)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var H=a.nextChunkId++,cc=J(u),dc=H.toString(16)+":I"+cc+"\n";a.completedImportChunks.push(dc);f.set(e,H);return b[0]===z&&"1"===d?"$L"+H.toString(16):T(H)}catch(ec){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,ec),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=xb(a,b,C,a.abortableTasks);Hb(a,b);return b.id}
-function V(a,b,d){if(nb.has(d.byteLength)){var c=K.get(String.fromCharCode.apply(String,new Uint8Array(d.buffer,d.byteOffset,d.byteLength)));void 0!==c&&L(c.message)}a.pendingChunks+=2;c=a.nextChunkId++;d=new Uint8Array(d.buffer,d.byteOffset,d.byteLength);var e=d.byteLength;b=c.toString(16)+":"+b+e.toString(16)+",";a.completedRegularChunks.push(b,d);return T(c)}var W=!1;
-function vb(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(W===c)W=null;else return T(f)}else e.set(c,-1);var h=c;c=S(a,h.type,h.key,h.ref,h.props,null);break;case A:var k=c._init;c=k(c._payload)}}catch(n){d=n===Qa?Ua():n;if("object"===typeof d&&null!==d){if("function"===typeof d.then)return a.pendingChunks++,a=xb(a,c,C,a.abortableTasks),
-c=a.ping,d.then(c,c),a.thenableState=Wa(),"$L"+a.id.toString(16);if(d.$$typeof===B)return c=d,a.pendingChunks++,d=a.nextChunkId++,N(a,c.message),O(a,d),"$L"+d.toString(16)}a.pendingChunks++;c=a.nextChunkId++;d=P(a,d);Q(a,c,d);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){e=mb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Gb(a,b,d,c);b=a.writtenObjects;e=b.get(c);if("function"===typeof c.then){if(void 0!==e)if(W===c)W=null;else return"$@"+e.toString(16);a=zb(a,c);b.set(c,
-a);return"$@"+a.toString(16)}if(c.$$typeof===Aa)return c=c._context._globalName,b=a.writtenProviders,d=b.get(d),void 0===d&&(a.pendingChunks++,d=a.nextChunkId++,b.set(c,d),c=Fb(a,d,"$P"+c),a.completedRegularChunks.push(c)),T(d);if(c===yb){a=C;if(null===a)throw Error("Tried to pop a Context at the root of the app. This is a bug in React.");c=a.parentValue;a.context._currentValue=c===Ga?a.context._defaultValue:c;C=a.parent;return}if(void 0!==e){if(-1===e)return a=U(a,c),T(a);if(W===c)W=null;else return T(e)}else b.set(c,
--1);if(eb(c))return c;if(c instanceof Map){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d][0],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(d=0;d<c.length;d++)b=c[d],"object"===typeof b&&null!==b&&(e=a.writtenObjects,void 0===e.get(b)&&e.set(b,-1));return"$W"+U(a,c).toString(16)}if(c instanceof ArrayBuffer)return V(a,"A",new Uint8Array(c));if(c instanceof Int8Array)return V(a,"C",c);if(c instanceof
-Uint8Array)return V(a,"c",c);if(c instanceof Uint8ClampedArray)return V(a,"U",c);if(c instanceof Int16Array)return V(a,"S",c);if(c instanceof Uint16Array)return V(a,"s",c);if(c instanceof Int32Array)return V(a,"L",c);if(c instanceof Uint32Array)return V(a,"l",c);if(c instanceof Float32Array)return V(a,"F",c);if(c instanceof Float64Array)return V(a,"D",c);if(c instanceof BigInt64Array)return V(a,"N",c);if(c instanceof BigUint64Array)return V(a,"m",c);if(c instanceof DataView)return V(a,"V",c);null===
-c||"object"!==typeof c?a=null:(a=Ia&&c[Ia]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=fb(c);if(a!==lb&&(null===a||null!==fb(a)))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.");return c}if("string"===typeof c){e=K.get(c);void 0!==e&&L(e.message);if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,d=a.nextChunkId++,
-b="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,b=d.toString(16)+":T"+b.toString(16)+",",a.completedRegularChunks.push(b,c),T(d);a="$"===c[0]?"$"+c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){e=mb.get(c);void 0!==e&&L(e);if(c.$$typeof===r)return Gb(a,b,d,c);if(c.$$typeof===
-ha)return d=a.writtenServerReferences,b=d.get(c),void 0!==b?a="$F"+b.toString(16):(b=c.$$bound,b={id:c.$$id,bound:b?Promise.resolve(b):null},a=U(a,b),d.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+G(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+
-G(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+G(b,d));a.pendingChunks++;d=a.nextChunkId++;b=Fb(a,d,"$S"+f);a.completedImportChunks.push(b);e.set(c,d);return T(d)}if("bigint"===typeof c)return a=K.get(c),void 0!==a&&L(a.message),"$n"+c.toString(10);
-throw Error("Type "+typeof c+" is not supported in Client Component props."+G(b,d));}function N(a,b){a=a.onPostpone;a(b)}function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}
-function Ib(a,b){rb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+J(d)+"\n";a.completedErrorChunks.push(b)}
-function Hb(a,b){if(0===b.status){Oa(b.context);try{var d=b.model;if("object"===typeof d&&null!==d&&d.$$typeof===z){a.writtenObjects.set(d,b.id);var c=d,e=b.thenableState;b.model=d;d=S(a,c.type,c.key,c.ref,c.props,e);for(b.thenableState=null;"object"===typeof d&&null!==d&&d.$$typeof===z;)a.writtenObjects.set(d,b.id),c=d,b.model=d,d=S(a,c.type,c.key,c.ref,c.props,null)}"object"===typeof d&&null!==d&&a.writtenObjects.set(d,b.id);var f=b.id;W=d;var g=J(d,a.toJSON),h=f.toString(16)+":"+g+"\n";a.completedRegularChunks.push(h);
-a.abortableTasks.delete(b);b.status=1}catch(k){f=k===Qa?Ua():k;if("object"===typeof f&&null!==f){if("function"===typeof f.then){a=b.ping;f.then(a,a);b.thenableState=Wa();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;N(a,f.message);O(a,b.id);return}}a.abortableTasks.delete(b);b.status=4;f=P(a,f);Q(a,b.id,f)}}}
-function Eb(a){var b=qb.current;qb.current=ab;var d=M;D=M=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)Hb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),Ib(a,f)}finally{qb.current=b,D=null,M=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!ea(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!ea(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!ea(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!ea(b,
-g[c])){a.destination=null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(rb(a),b.end())}function Jb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return ya.run(a,Eb,a)})}function Bb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function Kb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),Ib(a,d)}}}
-function Lb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)N(a,b.message),O(a,c,b);else{var e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e)}d.forEach(function(g){g.status=3;var h=T(c);g=Fb(a,g.id,h);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),Ib(a,g)}}
-function wb(a){if(a){var b=C;Oa(null);for(var d=0;d<a.length;d++){var c=a[d],e=c[0];c=c[1];if(!kb[e]){var f={$$typeof:Ba,_currentValue:Ga,_currentValue2:Ga,_defaultValue:Ga,_threadCount:0,Provider:null,Consumer:null,_globalName:e};f.Provider={$$typeof:Aa,_context:f};kb[e]=f}Pa(kb[e],c)}a=C;Oa(b);return a}return null}function Mb(a,b){var d=b.lastIndexOf("#");a=b.slice(0,d);b=b.slice(d+1);return{specifier:a,name:b}}var Nb=new Map;
-function Ob(a){var b=Nb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});Nb.set(a.specifier,d);return d}function X(a){var b=Nb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}
-function Pb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Pb.prototype=Object.create(Promise.prototype);Pb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Qb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function Rb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function Sb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Rb(d,b)}}function Tb(a,b,d,c,e,f){var g=Mb(a._bundlerConfig,b);a=Ob(g);if(d)d=Promise.all([d,a]).then(function(h){h=h[0];var k=X(g);return k.bind.apply(k,[null].concat(h))});else if(a)d=Promise.resolve(a).then(function(){return X(g)});else return X(g);d.then(Ub(c,e,f),Vb(c));return null}var Wb=null,Y=null;
-function Qb(a){var b=Wb,d=Y;Wb=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{Wb=b,Y=d}}function Xb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Sb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Pb("resolved_model",c,null,a):new Pb("pending",null,null,a),d.set(b,c));return c}function Ub(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Rb(e,c.value))}}function Vb(a){return function(b){return Sb(a,b)}}
-function Yb(a,b){a=Z(a,b);"resolved_model"===a.status&&Qb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Zb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Yb(a,c),Tb(a,c.id,c.bound,Wb,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Yb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Yb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,h){h.startsWith(e)&&f.append(h.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Qb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=Wb,a.then(Ub(c,b,d),Vb(c)),null;default:throw a.reason;}}return c}
-function $b(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Zb(e,this,f,g):g}};return e}
-function ac(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Qb(b),b.status){case "fulfilled":Rb(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Rb(a,b.reason)}}function bc(a){Xb(a,Error("Connection closed."))}
-function fc(a,b,d){var c=Mb(a,b);a=Ob(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=X(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return X(c)}):Promise.resolve(X(c))}function gc(a,b,d){a=$b(b,d,a);bc(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function hc(a,b){return function(){return Kb(b,a)}}function ic(a,b){return function(){a.destination=null;Lb(a,Error(b))}}
-exports.createClientModuleProxy=function(a){a=t({},a,!1);return new Proxy(a,oa)};exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=gc(a,b,e),c=fc(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=fc(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(g,h){h.startsWith("$ACTION_REF_")&&(g="$ACTION_"+h.slice(12)+":",e=gc(b,d,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,c,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=$b(b,"",a);b=Z(a,0);bc(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=$b(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):ac(d,f,g)});a.on("file",function(f,g,h){var k=h.filename,n=h.mimeType;if("base64"===h.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var w=[];g.on("data",function(u){w.push(u)});g.on("end",function(){var u=
-new Blob(w,{type:n});d._formData.append(f,u,k);c--;if(0===c){for(u=0;u<e.length;u+=2)ac(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){bc(d)});a.on("error",function(f){Xb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return t(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ka}})};
-exports.renderToPipeableStream=function(a,b,d){var c=ub(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;Jb(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;Kb(c,f);f.on("drain",hc(f,c));f.on("error",ic(c,"The destination stream errored while writing data."));f.on("close",ic(c,"The destination stream closed early."));return f},abort:function(f){Lb(c,f)}}};
+function oa(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var e=v({},a.$$id,!0),d=new Proxy(e,pa);a.status="fulfilled";a.value=d;return a.then=v(function(f){return Promise.resolve(f(d))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");e=a[b];e||(e=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(e,"name",{value:b}),e=a[b]=new Proxy(e,na));return e}
+var pa={get:function(a,b){return oa(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:oa(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ma},set:function(){throw Error("Cannot assign to a client module from a server module.");}},xa={prefetchDNS:qa,preconnect:ra,preload:sa,preloadModule:ta,preinitStyle:ua,preinitScript:va,preinitModuleScript:wa};
+function qa(a){if("string"===typeof a&&a){var b=w();if(b){var c=b.hints,e="D|"+a;c.has(e)||(c.add(e),x(b,"D",a))}}}function ra(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="C|"+(null==b?"null":b)+"|"+a;e.has(d)||(e.add(d),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function sa(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;d.has(f)||(d.add(f),(c=y(c))?x(e,"L",[a,b,c]):x(e,"L",[a,b]))}}}function ta(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="m|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function ua(a,b,c){if("string"===typeof a){var e=w();if(e){var d=e.hints,f="S|"+a;if(!d.has(f))return d.add(f),(c=y(c))?x(e,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(e,"S",[a,b]):x(e,"S",a)}}}function va(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="X|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"X",[a,b]):x(c,"X",a)}}}function wa(a,b){if("string"===typeof a){var c=w();if(c){var e=c.hints,d="M|"+a;if(!e.has(d))return e.add(d),(b=y(b))?x(c,"M",[a,b]):x(c,"M",a)}}}
+function y(a){if(null==a)return null;var b=!1,c={},e;for(e in a)null!=a[e]&&(b=!0,c[e]=a[e]);return b?c:null}
+var ya=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,za=new ba.AsyncLocalStorage,z=Symbol.for("react.element"),Aa=Symbol.for("react.fragment"),Ba=Symbol.for("react.context"),Ca=Symbol.for("react.forward_ref"),Da=Symbol.for("react.suspense"),Ea=Symbol.for("react.suspense_list"),Fa=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ga=Symbol.for("react.memo_cache_sentinel"),B=Symbol.for("react.postpone"),Ha=Symbol.iterator,Ia=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ja(){}function Ka(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ja,Ja),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(e){if("pending"===b.status){var d=b;d.status="fulfilled";d.value=e}},function(e){if("pending"===b.status){var d=b;d.status="rejected";d.reason=e}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}La=b;throw Ia;}}var La=null;
+function Ma(){if(null===La)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=La;La=null;return a}var C=null,Na=0,E=null;function Oa(){var a=E||[];E=null;return a}
+var Ta={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:F,useTransition:F,readContext:Pa,useContext:Pa,useReducer:F,useRef:F,useState:F,useInsertionEffect:F,useLayoutEffect:F,useImperativeHandle:F,useEffect:F,useId:Qa,useSyncExternalStore:F,useCacheRefresh:function(){return Ra},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ga;return b},use:Sa};
+function F(){throw Error("This Hook is not supported in Server Components.");}function Ra(){throw Error("Refreshing the cache is not supported in Server Components.");}function Pa(){throw Error("Cannot read a Client Context from a Server Component.");}function Qa(){if(null===C)throw Error("useId can only be used while React is rendering");var a=C.identifierCount++;return":"+C.identifierPrefix+"S"+a.toString(32)+":"}
+function Sa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Na;Na+=1;null===E&&(E=[]);return Ka(E,a,b)}a.$$typeof===Ba&&Pa()}if(a.$$typeof===t){if(null!=a.value&&a.value.$$typeof===Ba)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Ua(){return(new AbortController).signal}
+function Va(){var a=w();return a?a.cache:new Map}var Wa={getCacheSignal:function(){var a=Va(),b=a.get(Ua);void 0===b&&(b=Ua(),a.set(Ua,b));return b},getCacheForType:function(a){var b=Va(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Xa=Array.isArray,Ya=Object.getPrototypeOf;function Za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function $a(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Xa(a))return"[...]";if(null!==a&&a.$$typeof===ab)return"client";a=Za(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===ab?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function bb(a){if("string"===typeof a)return a;switch(a){case Da:return"Suspense";case Ea:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Ca:return bb(a.render);case Fa:return bb(a.type);case A:var b=a._payload;a=a._init;try{return bb(a(b))}catch(c){}}return""}var ab=Symbol.for("react.client.reference");
+function G(a,b){var c=Za(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var e=0;if(Xa(a)){var d="[";for(var f=0;f<a.length;f++){0<f&&(d+=", ");var g=a[f];g="object"===typeof g&&null!==g?G(g):$a(g);""+f===b?(c=d.length,e=g.length,d+=g):d=10>g.length&&40>d.length+g.length?d+g:d+"..."}d+="]"}else if(a.$$typeof===z)d="<"+bb(a.type)+"/>";else{if(a.$$typeof===ab)return"client";d="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(d+=", ");var k=f[g],h=JSON.stringify(k);d+=('"'+k+'"'===h?k:h)+": ";h=a[k];
+h="object"===typeof h&&null!==h?G(h):$a(h);k===b?(c=d.length,e=h.length,d+=h):d=10>h.length&&40>d.length+h.length?d+h:d+"..."}d+="}"}return void 0===b?d:-1<c&&0<e?(a=" ".repeat(c)+"^".repeat(e),"\n  "+d+"\n  "+a):"\n  "+d}var cb=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,H=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!H)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 db=Object.prototype,I=JSON.stringify,eb=H.TaintRegistryObjects,J=H.TaintRegistryValues,fb=H.TaintRegistryByteLengths,gb=H.TaintRegistryPendingRequests,hb=H.ReactCurrentCache,ib=cb.ReactCurrentDispatcher;function K(a){throw Error(a);}
+function jb(a){a=a.taintCleanupQueue;gb.delete(a);for(var b=0;b<a.length;b++){var c=a[b],e=J.get(c);void 0!==e&&(1===e.count?J.delete(c):e.count--)}a.length=0}function kb(a){console.error(a)}function lb(){}
+function mb(a,b,c,e,d){if(null!==hb.current&&hb.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");ya.current=xa;hb.current=Wa;var f=new Set,g=[],k=[];gb.add(k);var h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:k,onError:void 0===c?kb:c,onPostpone:void 0===d?lb:d};a=nb(b,a,null,!1,f);g.push(a);return b}var L=null;function w(){if(L)return L;var a=za.getStore();return a?a:null}
+function ob(a,b,c){var e=nb(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return e.model=c.value,pb(a,e),e.id;case "rejected":return b=c.reason,"object"===typeof b&&null!==b&&b.$$typeof===B?(M(a,b.message),N(a,e.id)):(b=O(a,b),P(a,e.id,b)),e.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(d){"pending"===c.status&&(c.status="fulfilled",c.value=d)},function(d){"pending"===c.status&&(c.status="rejected",c.reason=d)}))}c.then(function(d){e.model=
+d;pb(a,e)},function(d){"object"===typeof d&&null!==d&&d.$$typeof===B?(M(a,d.message),N(a,e.id)):(e.status=4,d=O(a,d),P(a,e.id,d));a.abortableTasks.delete(e);null!==a.destination&&Q(a,a.destination)});return e.id}function x(a,b,c){c=I(c);var e=a.nextChunkId++;b="H"+b;b=e.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");qb(a)}function rb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function sb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:rb}}
+function tb(a,b,c,e,d){var f=b.thenableState;b.thenableState=null;Na=0;E=f;e=e(d,void 0);if("object"===typeof e&&null!==e&&"function"===typeof e.then){d=e;if("fulfilled"===d.status)return d.value;e=sb(e)}d=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===d?c:d+","+c:null===d&&(b.implicitSlot=!0);a=R(a,b,ub,"",e);b.keyPath=d;b.implicitSlot=f;return a}function vb(a,b,c){return null!==b.keyPath?(a=[z,Aa,b.keyPath,{children:c}],b.implicitSlot?[a]:a):c}
+function wb(a,b,c,e){var d=a.keyPath;null===c?c=d:null!==d&&(c=d+","+c);b=[z,b,c,e];return a.implicitSlot&&null!==c?[b]:b}
+function xb(a,b,c,e,d,f){if(null!==d&&void 0!==d)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===t?wb(b,c,e,f):tb(a,b,e,c,f);if("string"===typeof c)return wb(b,c,e,f);if("symbol"===typeof c)return c===Aa&&null===e?(e=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=R(a,b,ub,"",f.children),b.implicitSlot=e,a):wb(b,c,e,f);if(null!=c&&"object"===typeof c){if(c.$$typeof===t)return wb(b,c,e,f);switch(c.$$typeof){case A:var g=
+c._init;c=g(c._payload);return xb(a,b,c,e,d,f);case Ca:return tb(a,b,e,c.render,f);case Fa:return xb(a,b,c.type,e,d,f)}}throw Error("Unsupported Server Component type: "+$a(c));}function pb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return yb(a)}))}
+function nb(a,b,c,e,d){a.pendingChunks++;var f=a.nextChunkId++;"object"!==typeof b||null===b||null!==c||e||a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:e,ping:function(){return pb(a,g)},toJSON:function(k,h){a:{var p=g.keyPath,u=g.implicitSlot;try{var m=R(a,g,this,k,h)}catch(ja){k=ja===Ia?Ma():ja;h=g.model;h="object"===typeof h&&null!==h&&(h.$$typeof===z||h.$$typeof===A);if("object"===typeof k&&null!==k){if("function"===typeof k.then){m=nb(a,g.model,g.keyPath,g.implicitSlot,
+a.abortableTasks);var D=m.ping;k.then(D,D);m.thenableState=Oa();g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.id.toString(16):S(m.id);break a}if(k.$$typeof===B){a.pendingChunks++;m=a.nextChunkId++;M(a,k.message);N(a,m);g.keyPath=p;g.implicitSlot=u;m=h?"$L"+m.toString(16):S(m);break a}}g.keyPath=p;g.implicitSlot=u;if(h)a.pendingChunks++,p=a.nextChunkId++,u=O(a,k),P(a,p,u),m="$L"+p.toString(16);else throw k;}}return m},thenableState:null};d.add(g);return g}function S(a){return"$"+a.toString(16)}
+function zb(a,b,c){a=I(c);return b.toString(16)+":"+a+"\n"}
+function Ab(a,b,c,e){var d=e.$$async?e.$$id+"#async":e.$$id,f=a.writtenClientReferences,g=f.get(d);if(void 0!==g)return b[0]===z&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=e.$$id;g="";var p=k[h];if(p)g=p.name;else{var u=h.lastIndexOf("#");-1!==u&&(g=h.slice(u+1),p=k[h.slice(0,u)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var m=!0===e.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var D=a.nextChunkId++,ja=I(m),Wb=D.toString(16)+":I"+ja+"\n";a.completedImportChunks.push(Wb);f.set(d,D);return b[0]===z&&"1"===c?"$L"+D.toString(16):S(D)}catch(Xb){return a.pendingChunks++,b=a.nextChunkId++,c=O(a,Xb),P(a,b,c),S(b)}}function T(a,b){b=nb(a,b,null,!1,a.abortableTasks);Bb(a,b);return b.id}
+function U(a,b,c){if(fb.has(c.byteLength)){var e=J.get(String.fromCharCode.apply(String,new Uint8Array(c.buffer,c.byteOffset,c.byteLength)));void 0!==e&&K(e.message)}a.pendingChunks+=2;e=a.nextChunkId++;c=new Uint8Array(c.buffer,c.byteOffset,c.byteLength);var d=c.byteLength;b=e.toString(16)+":"+b+d.toString(16)+",";a.completedRegularChunks.push(b,c);return S(e)}var V=!1;
+function R(a,b,c,e,d){b.model=d;if(d===z)return"$";if(null===d)return null;if("object"===typeof d){switch(d.$$typeof){case z:c=a.writtenObjects;e=c.get(d);if(void 0!==e){if(null===b.keyPath&&!b.implicitSlot)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e)}else c.set(d,-1);c=d.props;e=c.ref;return xb(a,b,d.type,d.key,void 0!==e?e:null,c);case A:return b.thenableState=null,c=d._init,d=c(d._payload),R(a,b,ub,"",d)}if(d.$$typeof===t)return Ab(a,c,e,d);c=eb.get(d);void 0!==c&&K(c);c=a.writtenObjects;
+e=c.get(d);if("function"===typeof d.then){if(void 0!==e){if(null!==b.keyPath||b.implicitSlot)return"$@"+ob(a,b,d).toString(16);if(V===d)V=null;else return"$@"+e.toString(16)}a=ob(a,b,d);c.set(d,a);return"$@"+a.toString(16)}if(void 0!==e)if(V===d)V=null;else return-1===e?(a=T(a,d),S(a)):S(e);else c.set(d,-1);if(Xa(d))return vb(a,b,d);if(d instanceof Map){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b][0],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$Q"+T(a,
+d).toString(16)}if(d instanceof Set){d=Array.from(d);for(b=0;b<d.length;b++)c=d[b],"object"===typeof c&&null!==c&&(e=a.writtenObjects,void 0===e.get(c)&&e.set(c,-1));return"$W"+T(a,d).toString(16)}if(d instanceof ArrayBuffer)return U(a,"A",new Uint8Array(d));if(d instanceof Int8Array)return U(a,"C",d);if(d instanceof Uint8Array)return U(a,"c",d);if(d instanceof Uint8ClampedArray)return U(a,"U",d);if(d instanceof Int16Array)return U(a,"S",d);if(d instanceof Uint16Array)return U(a,"s",d);if(d instanceof
+Int32Array)return U(a,"L",d);if(d instanceof Uint32Array)return U(a,"l",d);if(d instanceof Float32Array)return U(a,"F",d);if(d instanceof Float64Array)return U(a,"d",d);if(d instanceof BigInt64Array)return U(a,"N",d);if(d instanceof BigUint64Array)return U(a,"m",d);if(d instanceof DataView)return U(a,"V",d);null===d||"object"!==typeof d?c=null:(c=Ha&&d[Ha]||d["@@iterator"],c="function"===typeof c?c:null);if(c)return vb(a,b,Array.from(d));a=Ya(d);if(a!==db&&(null===a||null!==Ya(a)))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.");
+return d}if("string"===typeof d){b=J.get(d);void 0!==b&&K(b.message);if("Z"===d[d.length-1]&&c[e]instanceof Date)return"$D"+d;if(1024<=d.length)return a.pendingChunks+=2,b=a.nextChunkId++,c="string"===typeof d?Buffer.byteLength(d,"utf8"):d.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,d),S(b);a="$"===d[0]?"$"+d:d;return a}if("boolean"===typeof d)return d;if("number"===typeof d)return Number.isFinite(d)?0===d&&-Infinity===1/d?"$-0":d:Infinity===d?"$Infinity":-Infinity===
+d?"$-Infinity":"$NaN";if("undefined"===typeof d)return"$undefined";if("function"===typeof d){if(d.$$typeof===t)return Ab(a,c,e,d);if(d.$$typeof===ha)return b=a.writtenServerReferences,c=b.get(d),void 0!==c?a="$F"+c.toString(16):(c=d.$$bound,c={id:d.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(d,a),a="$F"+a.toString(16)),a;a=eb.get(d);void 0!==a&&K(a);if(/^on[A-Z]/.test(e))throw Error("Event handlers cannot be passed to Client Component props."+G(c,e)+"\nIf you need interactivity, consider converting part of this to a Client Component.");
+throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+G(c,e));}if("symbol"===typeof d){b=a.writtenSymbols;var f=b.get(d);if(void 0!==f)return S(f);f=d.description;if(Symbol.for(f)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(d.description+") cannot be found among global symbols.")+
+G(c,e));a.pendingChunks++;c=a.nextChunkId++;e=zb(a,c,"$S"+f);a.completedImportChunks.push(e);b.set(d,c);return S(c)}if("bigint"===typeof d)return a=J.get(d),void 0!==a&&K(a.message),"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported in Client Component props."+G(c,e));}function M(a,b){var c=L;L=null;try{za.run(void 0,a.onPostpone,b)}finally{L=c}}
+function O(a,b){var c=L;L=null;try{var e=za.run(void 0,a.onError,b)}finally{L=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}function Cb(a,b){jb(a);null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
+function N(a,b){b=b.toString(16)+":P\n";a.completedErrorChunks.push(b)}function P(a,b,c){c={digest:c};b=b.toString(16)+":E"+I(c)+"\n";a.completedErrorChunks.push(b)}var ub={};
+function Bb(a,b){if(0===b.status)try{V=b.model;var c=R(a,b,ub,"",b.model);V=c;b.keyPath=null;b.implicitSlot=!1;var e="object"===typeof c&&null!==c?I(c,b.toJSON):I(c),d=b.id.toString(16)+":"+e+"\n";a.completedRegularChunks.push(d);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Ia?Ma():h;if("object"===typeof f&&null!==f){if("function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Oa();return}if(f.$$typeof===B){a.abortableTasks.delete(b);b.status=4;M(a,f.message);N(a,b.id);return}}a.abortableTasks.delete(b);
+b.status=4;var k=O(a,f);P(a,b.id,k)}finally{}}function yb(a){var b=ib.current;ib.current=Ta;var c=L;C=L=a;try{var e=a.pingedTasks;a.pingedTasks=[];for(var d=0;d<e.length;d++)Bb(a,e[d]);null!==a.destination&&Q(a,a.destination)}catch(f){O(a,f),Cb(a,f)}finally{ib.current=b,C=null,L=c}}
+function Q(a,b){l=new Uint8Array(2048);n=0;q=!0;try{for(var c=a.completedImportChunks,e=0;e<c.length;e++)if(a.pendingChunks--,!ea(b,c[e])){a.destination=null;e++;break}c.splice(0,e);var d=a.completedHintChunks;for(e=0;e<d.length;e++)if(!ea(b,d[e])){a.destination=null;e++;break}d.splice(0,e);var f=a.completedRegularChunks;for(e=0;e<f.length;e++)if(a.pendingChunks--,!ea(b,f[e])){a.destination=null;e++;break}f.splice(0,e);var g=a.completedErrorChunks;for(e=0;e<g.length;e++)if(a.pendingChunks--,!ea(b,
+g[e])){a.destination=null;e++;break}g.splice(0,e)}finally{a.flushScheduled=!1,l&&0<n&&b.write(l.subarray(0,n)),l=null,n=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&(jb(a),b.end())}function Db(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return za.run(a,yb,a)})}function qb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return Q(a,b)})}}
+function Eb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{Q(a,b)}catch(c){O(a,c),Cb(a,c)}}}
+function Fb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var e=a.nextChunkId++;if("object"===typeof b&&null!==b&&b.$$typeof===B)M(a,b.message),N(a,e,b);else{var d=void 0===b?Error("The render was aborted by the server without a reason."):b,f=O(a,d);P(a,e,f,d)}c.forEach(function(g){g.status=3;var k=S(e);g=zb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&Q(a,a.destination)}catch(g){O(a,g),Cb(a,g)}}
+function Gb(a,b){var c=b.lastIndexOf("#");a=b.slice(0,c);b=b.slice(c+1);return{specifier:a,name:b}}var Hb=new Map;function Ib(a){var b=Hb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var c=import(a.specifier);a.async&&(c=c.then(function(e){return e.default}));c.then(function(e){var d=c;d.status="fulfilled";d.value=e},function(e){var d=c;d.status="rejected";d.reason=e});Hb.set(a.specifier,c);return c}
+function W(a){var b=Hb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}function Jb(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}Jb.prototype=Object.create(Promise.prototype);
+Jb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Kb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Lb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Mb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Lb(c,b)}}function Nb(a,b,c,e,d,f){var g=Gb(a._bundlerConfig,b);a=Ib(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return W(g)});else return W(g);c.then(Ob(e,d,f),Pb(e));return null}var X=null,Y=null;
+function Kb(a){var b=X,c=Y;X=a;Y=null;try{var e=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=e,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=e)}catch(d){a.status="rejected",a.reason=d}finally{X=b,Y=c}}function Qb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Mb(c,b)})}
+function Z(a,b){var c=a._chunks,e=c.get(b);e||(e=a._formData.get(a._prefix+b),e=null!=e?new Jb("resolved_model",e,null,a):new Jb("pending",null,null,a),c.set(b,e));return e}function Ob(a,b,c){if(Y){var e=Y;e.deps++}else e=Y={deps:1,value:null};return function(d){b[c]=d;e.deps--;0===e.deps&&"blocked"===a.status&&(d=a.value,a.status="fulfilled",a.value=e.value,null!==d&&Lb(d,e.value))}}function Pb(a){return function(b){return Mb(a,b)}}
+function Rb(a,b){a=Z(a,b);"resolved_model"===a.status&&Kb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Sb(a,b,c,e){if("$"===e[0])switch(e[1]){case "$":return e.slice(1);case "@":return b=parseInt(e.slice(2),16),Z(a,b);case "S":return Symbol.for(e.slice(2));case "F":return e=parseInt(e.slice(2),16),e=Rb(a,e),Nb(a,e.id,e.bound,X,b,c);case "Q":return b=parseInt(e.slice(2),16),a=Rb(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=Rb(a,b),new Set(a);case "K":b=e.slice(2);var d=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(d)&&f.append(k.slice(d.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=Z(a,e);switch(a.status){case "resolved_model":Kb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return e=X,a.then(Ob(e,b,c),Pb(e)),null;default:throw a.reason;}}return e}
+function Tb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,e=new Map,d={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:e,_fromJSON:function(f,g){return"string"===typeof g?Sb(d,this,f,g):g}};return d}
+function Ub(a,b,c){a._formData.append(b,c);var e=a._prefix;if(b.startsWith(e)&&(a=a._chunks,b=+b.slice(e.length),(b=a.get(b))&&"pending"===b.status&&(e=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==e)))switch(Kb(b),b.status){case "fulfilled":Lb(e,b.value);break;case "pending":case "blocked":b.value=e;b.reason=a;break;case "rejected":a&&Lb(a,b.reason)}}function Vb(a){Qb(a,Error("Connection closed."))}
+function Yb(a,b,c){var e=Gb(a,b);a=Ib(e);return c?Promise.all([c,a]).then(function(d){d=d[0];var f=W(e);return f.bind.apply(f,[null].concat(d))}):a?Promise.resolve(a).then(function(){return W(e)}):Promise.resolve(W(e))}function Zb(a,b,c){a=Tb(b,c,a);Vb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function $b(a,b){return function(){return Eb(b,a)}}function ac(a,b){return function(){a.destination=null;Fb(a,Error(b))}}
+exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,pa)};exports.decodeAction=function(a,b){var c=new FormData,e=null;a.forEach(function(d,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(d="$ACTION_"+f.slice(12)+":",d=Zb(a,b,d),e=Yb(b,d.id,d.bound)):f.startsWith("$ACTION_ID_")&&(d=f.slice(11),e=Yb(b,d,null)):c.append(f,d)});return null===e?null:e.then(function(d){return d.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var e=b.get("$ACTION_KEY");if("string"!==typeof e)return Promise.resolve(null);var d=null;b.forEach(function(g,k){k.startsWith("$ACTION_REF_")&&(g="$ACTION_"+k.slice(12)+":",d=Zb(b,c,g))});if(null===d)return Promise.resolve(null);var f=d.id;return Promise.resolve(d.bound).then(function(g){return null===g?null:[a,e,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Tb(b,"",a);b=Z(a,0);Vb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Tb(b,""),e=0,d=[];a.on("field",function(f,g){0<e?d.push(f,g):Ub(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");e++;var u=[];g.on("data",function(m){u.push(m)});g.on("end",function(){var m=
+new Blob(u,{type:p});c._formData.append(f,m,h);e--;if(0===e){for(m=0;m<d.length;m+=2)Ub(c,d[m],d[m+1]);d.length=0}})});a.on("finish",function(){Vb(c)});a.on("error",function(f){Qb(c,f)});return Z(c,0)};exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:ha},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:la,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var e=mb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),d=!1;Db(e);return{pipe:function(f){if(d)throw Error("React currently only supports piping to one writable stream.");d=!0;Eb(e,f);f.on("drain",$b(f,e));f.on("error",ac(e,"The destination stream errored while writing data."));f.on("close",ac(e,"The destination stream closed early."));return f},abort:function(f){Fb(e,f)}}};
 
 //# sourceMappingURL=react-server-dom-webpack-server.node.unbundled.production.min.js.map
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 0a27b7806cef1a..91464939017020 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
@@ -47,8 +47,8 @@
     "loose-envify": "^1.1.0"
   },
   "peerDependencies": {
-    "react": "0.0.0-experimental-60a927d04-20240113",
-    "react-dom": "0.0.0-experimental-60a927d04-20240113",
+    "react": "0.0.0-experimental-14898b6a9-20240318",
+    "react-dom": "0.0.0-experimental-14898b6a9-20240318",
     "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 f2e46468e16faa..42eeddebbbbda9 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
@@ -33,6 +33,48 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+var badgeFormat = '%c%s%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -371,14 +413,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -490,6 +530,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -500,7 +544,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -546,6 +598,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -624,6 +682,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -674,9 +734,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -686,7 +746,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -911,7 +971,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1015,12 +1075,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1034,57 +1094,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1103,6 +1112,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1379,17 +1392,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1402,17 +1418,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1426,6 +1437,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1561,6 +1579,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1574,12 +1597,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1649,6 +1666,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1669,7 +1703,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1706,12 +1762,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1808,6 +1865,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -1858,6 +1933,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2035,7 +2132,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
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 1729d1c0e58ec8..52781ace58853b 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -325,10 +324,7 @@ function refineModel(code, model) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -621,12 +617,12 @@ function processReply(root, formFieldPrefix, resolve, reject) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
 
   knownServerReferences.set(proxy, reference);
 } // $FlowFixMe[method-unbinding]
 
-function createServerReference(id, callServer) {
+function createServerReference(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -640,40 +636,6 @@ function createServerReference(id, callServer) {
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -968,17 +930,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -989,6 +954,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1122,6 +1088,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1133,12 +1104,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1204,6 +1169,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1223,7 +1190,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1258,12 +1227,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1405,6 +1375,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1581,7 +1563,8 @@ function close(response) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined // nonce
+  return createResponse(null, null, options && options.callServer ? options.callServer : undefined, undefined, // encodeFormAction
+  undefined // nonce
   );
 }
 
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.min.js
index 6a4517f0b78990..9b3fcea6612119 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.browser.production.min.js
@@ -7,33 +7,32 @@
  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 r=require("react-dom"),t=require("react"),u={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
-function z(a){for(var b=a[1],c=[],e=0;e<b.length;){var l=b[e++],k=b[e++],n=w.get(l);void 0===n?(A.set(l,k),k=__webpack_chunk_load__(l),c.push(k),n=w.set.bind(w,l,null),k.then(n,y),w.set(l,k)):null!==n&&c.push(n)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}var A=new Map,B=__webpack_require__.u;__webpack_require__.u=function(a){var b=A.get(a);return void 0!==b?b:B(a)};
-var aa=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,C=Symbol.for("react.element"),ba=Symbol.for("react.provider"),ca=Symbol.for("react.server_context"),da=Symbol.for("react.lazy"),E=Symbol.for("react.default_value"),F=Symbol.iterator;function ea(a){if(null===a||"object"!==typeof a)return null;a=F&&a[F]||a["@@iterator"];return"function"===typeof a?a:null}var fa=Array.isArray,G=Object.getPrototypeOf,ha=Object.prototype,I=new WeakMap;
-function ia(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ja(a,b,c,e){function l(m,d){if(null===d)return null;if("object"===typeof d){if("function"===typeof d.then){null===g&&(g=new FormData);n++;var h=k++;d.then(function(p){p=JSON.stringify(p,l);var q=g;q.append(b+h,p);n--;0===n&&c(q)},function(p){e(p)});return"$@"+h.toString(16)}if(fa(d))return d;if(d instanceof FormData){null===g&&(g=new FormData);var f=g;m=k++;var D=b+m+"_";d.forEach(function(p,q){f.append(D+q,p)});return"$K"+m.toString(16)}if(d instanceof Map)return d=JSON.stringify(Array.from(d),
-l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$Q"+m.toString(16);if(d instanceof Set)return d=JSON.stringify(Array.from(d),l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$W"+m.toString(16);if(ea(d))return Array.from(d);m=G(d);if(m!==ha&&(null===m||null!==G(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return d}if("string"===typeof d){if("Z"===d[d.length-1]&&this[m]instanceof Date)return"$D"+d;
-d="$"===d[0]?"$"+d:d;return d}if("boolean"===typeof d)return d;if("number"===typeof d)return ia(d);if("undefined"===typeof d)return"$undefined";if("function"===typeof d){d=I.get(d);if(void 0!==d)return d=JSON.stringify(d,l),null===g&&(g=new FormData),m=k++,g.set(b+m,d),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof d){m=d.description;if(Symbol.for(m)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(d.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof d)return"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported as an argument to a Server Function.");}var k=1,n=0,g=null;a=JSON.stringify(a,l);null===g?c(a):(g.set(b+"0",a),0===n&&c(g))}function J(a,b){I.set(a,b)}var K=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function L(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}L.prototype=Object.create(Promise.prototype);
+'use strict';var r=require("react-dom"),t={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var v=new Map;
+function w(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function y(a){for(var b=a[1],c=[],e=0;e<b.length;){var l=b[e++],k=b[e++],n=v.get(l);void 0===n?(z.set(l,k),k=__webpack_chunk_load__(l),c.push(k),n=v.set.bind(v,l,null),k.then(n,x),v.set(l,k)):null!==n&&c.push(n)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}var z=new Map,A=__webpack_require__.u;__webpack_require__.u=function(a){var b=z.get(a);return void 0!==b?b:A(a)};
+var B=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,C=Symbol.for("react.element"),E=Symbol.for("react.lazy"),F=Symbol.iterator;function H(a){if(null===a||"object"!==typeof a)return null;a=F&&a[F]||a["@@iterator"];return"function"===typeof a?a:null}var I=Array.isArray,J=Object.getPrototypeOf,aa=Object.prototype,K=new WeakMap;function ba(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ca(a,b,c,e){function l(m,d){if(null===d)return null;if("object"===typeof d){if("function"===typeof d.then){null===g&&(g=new FormData);n++;var h=k++;d.then(function(p){p=JSON.stringify(p,l);var q=g;q.append(b+h,p);n--;0===n&&c(q)},function(p){e(p)});return"$@"+h.toString(16)}if(I(d))return d;if(d instanceof FormData){null===g&&(g=new FormData);var f=g;m=k++;var D=b+m+"_";d.forEach(function(p,q){f.append(D+q,p)});return"$K"+m.toString(16)}if(d instanceof Map)return d=JSON.stringify(Array.from(d),
+l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$Q"+m.toString(16);if(d instanceof Set)return d=JSON.stringify(Array.from(d),l),null===g&&(g=new FormData),m=k++,g.append(b+m,d),"$W"+m.toString(16);if(H(d))return Array.from(d);m=J(d);if(m!==aa&&(null===m||null!==J(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return d}if("string"===typeof d){if("Z"===d[d.length-1]&&this[m]instanceof Date)return"$D"+d;
+d="$"===d[0]?"$"+d:d;return d}if("boolean"===typeof d)return d;if("number"===typeof d)return ba(d);if("undefined"===typeof d)return"$undefined";if("function"===typeof d){d=K.get(d);if(void 0!==d)return d=JSON.stringify(d,l),null===g&&(g=new FormData),m=k++,g.set(b+m,d),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof d){m=d.description;if(Symbol.for(m)!==d)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(d.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof d)return"$n"+d.toString(10);throw Error("Type "+typeof d+" is not supported as an argument to a Server Function.");}var k=1,n=0,g=null;a=JSON.stringify(a,l);null===g?c(a):(g.set(b+"0",a),0===n&&c(g))}function da(a,b){K.set(a,b)}function L(a,b,c,e){this.status=a;this.value=b;this.reason=c;this._response=e}L.prototype=Object.create(Promise.prototype);
 L.prototype.then=function(a,b){switch(this.status){case "resolved_model":M(this);break;case "resolved_module":N(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function ka(a){switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function O(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function P(a,b,c){switch(a.status){case "fulfilled":O(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&O(c,a.reason)}}
-function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&O(c,b)}}function R(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,e=a.reason;a.status="resolved_module";a.value=b;null!==c&&(N(a),P(a,c,e))}}var T=null,U=null;
+function ea(a){switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function O(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function Q(a,b,c){switch(a.status){case "fulfilled":O(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&O(c,a.reason)}}
+function R(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&O(c,b)}}function S(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,e=a.reason;a.status="resolved_module";a.value=b;null!==c&&(N(a),Q(a,c,e))}}var T=null,U=null;
 function M(a){var b=T,c=U;T=a;U=null;var e=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var l=JSON.parse(e,a._response._fromJSON);if(null!==U&&0<U.deps)U.value=l,a.status="blocked",a.value=null,a.reason=null;else{var k=a.value;a.status="fulfilled";a.value=l;null!==k&&O(k,l)}}catch(n){a.status="rejected",a.reason=n}finally{T=b,U=c}}
-function N(a){try{var b=a.value,c=__webpack_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var e="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=e}catch(l){a.status="rejected",a.reason=l}}function V(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Q(c,b)})}function W(a,b){var c=a._chunks,e=c.get(b);e||(e=new L("pending",null,null,a),c.set(b,e));return e}
-function la(a,b,c,e){if(U){var l=U;e||l.deps++}else l=U={deps:e?0:1,value:null};return function(k){b[c]=k;l.deps--;0===l.deps&&"blocked"===a.status&&(k=a.value,a.status="fulfilled",a.value=l.value,null!==k&&O(k,l.value))}}function ma(a){return function(b){return Q(a,b)}}
-function na(a,b){function c(){var l=Array.prototype.slice.call(arguments),k=b.bound;return k?"fulfilled"===k.status?e(b.id,k.value.concat(l)):Promise.resolve(k).then(function(n){return e(b.id,n.concat(l))}):e(b.id,l)}var e=a._callServer;J(c,b);return c}function X(a,b){a=W(a,b);switch(a.status){case "resolved_model":M(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function oa(a,b,c,e){if("$"===e[0]){if("$"===e)return C;switch(e[1]){case "$":return e.slice(1);case "L":return b=parseInt(e.slice(2),16),a=W(a,b),{$$typeof:da,_payload:a,_init:ka};case "@":return b=parseInt(e.slice(2),16),W(a,b);case "S":return Symbol.for(e.slice(2));case "P":return a=e.slice(2),K[a]||(b={$$typeof:ca,_currentValue:E,_currentValue2:E,_defaultValue:E,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:ba,_context:b},K[a]=b),K[a].Provider;case "F":return b=
-parseInt(e.slice(2),16),b=X(a,b),na(a,b);case "Q":return b=parseInt(e.slice(2),16),a=X(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=X(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=W(a,e);switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return e=T,a.then(la(e,b,c,"cyclic"===a.status),ma(e)),null;default:throw a.reason;}}}return e}function pa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function Y(a,b,c,e){var l=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:pa,_nonce:e,_chunks:l,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=qa(a);return a}
-function ra(a,b,c){var e=a._chunks,l=e.get(b);c=JSON.parse(c,a._fromJSON);var k=v(a._bundlerConfig,c);if(c=z(k)){if(l){var n=l;n.status="blocked"}else n=new L("blocked",null,null,a),e.set(b,n);c.then(function(){return R(n,k)},function(g){return Q(n,g)})}else l?R(l,k):e.set(b,new L("resolved_module",k,null,a))}
-function qa(a){return function(b,c){return"string"===typeof c?oa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===C?{$$typeof:C,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
+function N(a){try{var b=a.value,c=__webpack_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var e="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=e}catch(l){a.status="rejected",a.reason=l}}function V(a,b){a._chunks.forEach(function(c){"pending"===c.status&&R(c,b)})}function W(a,b){var c=a._chunks,e=c.get(b);e||(e=new L("pending",null,null,a),c.set(b,e));return e}
+function fa(a,b,c,e){if(U){var l=U;e||l.deps++}else l=U={deps:e?0:1,value:null};return function(k){b[c]=k;l.deps--;0===l.deps&&"blocked"===a.status&&(k=a.value,a.status="fulfilled",a.value=l.value,null!==k&&O(k,l.value))}}function ha(a){return function(b){return R(a,b)}}
+function ia(a,b){function c(){var l=Array.prototype.slice.call(arguments),k=b.bound;return k?"fulfilled"===k.status?e(b.id,k.value.concat(l)):Promise.resolve(k).then(function(n){return e(b.id,n.concat(l))}):e(b.id,l)}var e=a._callServer;K.set(c,b);return c}function X(a,b){a=W(a,b);switch(a.status){case "resolved_model":M(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ja(a,b,c,e){if("$"===e[0]){if("$"===e)return C;switch(e[1]){case "$":return e.slice(1);case "L":return b=parseInt(e.slice(2),16),a=W(a,b),{$$typeof:E,_payload:a,_init:ea};case "@":if(2===e.length)return new Promise(function(){});b=parseInt(e.slice(2),16);return W(a,b);case "S":return Symbol.for(e.slice(2));case "F":return b=parseInt(e.slice(2),16),b=X(a,b),ia(a,b);case "Q":return b=parseInt(e.slice(2),16),a=X(a,b),new Map(a);case "W":return b=parseInt(e.slice(2),16),a=X(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===e?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(e.slice(2)));case "n":return BigInt(e.slice(2));default:e=parseInt(e.slice(1),16);a=W(a,e);switch(a.status){case "resolved_model":M(a);break;case "resolved_module":N(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return e=T,a.then(fa(e,b,c,"cyclic"===a.status),ha(e)),null;default:throw a.reason;}}}return e}
+function ka(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function Y(a,b,c,e,l){var k=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ka,_encodeFormAction:e,_nonce:l,_chunks:k,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=la(a);return a}
+function ma(a,b,c){var e=a._chunks,l=e.get(b);c=JSON.parse(c,a._fromJSON);var k=u(a._bundlerConfig,c);if(c=y(k)){if(l){var n=l;n.status="blocked"}else n=new L("blocked",null,null,a),e.set(b,n);c.then(function(){return S(n,k)},function(g){return R(n,g)})}else l?S(l,k):e.set(b,new L("resolved_module",k,null,a))}
+function la(a){return function(b,c){return"string"===typeof c?ja(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===C?{$$typeof:C,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}
 function Z(a,b){function c(k){var n=k.value;if(k.done)V(a,Error("Connection closed."));else{var g=0,m=a._rowState,d=a._rowID,h=a._rowTag,f=a._rowLength;k=a._buffer;for(var D=n.length;g<D;){var p=-1;switch(m){case 0:p=n[g++];58===p?m=1:d=d<<4|(96<p?p-87:p-48);continue;case 1:m=n[g];84===m?(h=m,m=2,g++):64<m&&91>m?(h=m,m=3,g++):(h=0,m=3);continue;case 2:p=n[g++];44===p?m=4:f=f<<4|(96<p?p-87:p-48);continue;case 3:p=n.indexOf(10,g);break;case 4:p=g+f,p>n.length&&(p=-1)}var q=n.byteOffset+g;if(-1<p){g=
-new Uint8Array(n.buffer,q,p-g);f=a;q=h;var S=f._stringDecoder;h="";for(var H=0;H<k.length;H++)h+=S.decode(k[H],u);h+=S.decode(g);switch(q){case 73:ra(f,d,h);break;case 72:d=h[0];h=h.slice(1);f=JSON.parse(h,f._fromJSON);if(h=aa.current)switch(d){case "D":h.prefetchDNS(f);break;case "C":"string"===typeof f?h.preconnect(f):h.preconnect(f[0],f[1]);break;case "L":d=f[0];g=f[1];3===f.length?h.preload(d,g,f[2]):h.preload(d,g);break;case "m":"string"===typeof f?h.preloadModule(f):h.preloadModule(f[0],f[1]);
+new Uint8Array(n.buffer,q,p-g);f=a;q=h;var P=f._stringDecoder;h="";for(var G=0;G<k.length;G++)h+=P.decode(k[G],t);h+=P.decode(g);switch(q){case 73:ma(f,d,h);break;case 72:d=h[0];h=h.slice(1);f=JSON.parse(h,f._fromJSON);if(h=B.current)switch(d){case "D":h.prefetchDNS(f);break;case "C":"string"===typeof f?h.preconnect(f):h.preconnect(f[0],f[1]);break;case "L":d=f[0];g=f[1];3===f.length?h.preload(d,g,f[2]):h.preload(d,g);break;case "m":"string"===typeof f?h.preloadModule(f):h.preloadModule(f[0],f[1]);
 break;case "S":"string"===typeof f?h.preinitStyle(f):h.preinitStyle(f[0],0===f[1]?void 0:f[1],3===f.length?f[2]:void 0);break;case "X":"string"===typeof f?h.preinitScript(f):h.preinitScript(f[0],f[1]);break;case "M":"string"===typeof f?h.preinitModuleScript(f):h.preinitModuleScript(f[0],f[1])}break;case 69:h=JSON.parse(h);g=h.digest;h=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.");
-h.stack="Error: "+h.message;h.digest=g;g=f._chunks;(q=g.get(d))?Q(q,h):g.set(d,new L("rejected",null,h,f));break;case 84:f._chunks.set(d,new L("fulfilled",h,null,f));break;default:g=f._chunks,(q=g.get(d))?(f=q,d=h,"pending"===f.status&&(h=f.value,g=f.reason,f.status="resolved_model",f.value=d,null!==h&&(M(f),P(f,h,g)))):g.set(d,new L("resolved_model",h,null,f))}g=p;3===m&&g++;f=d=h=m=0;k.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-g);k.push(n);f-=n.byteLength;break}}a._rowState=m;a._rowID=
-d;a._rowTag=h;a._rowLength=f;return l.read().then(c).catch(e)}}function e(k){V(a,k)}var l=b.getReader();l.read().then(c).catch(e)}exports.createFromFetch=function(a,b){var c=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0);a.then(function(e){Z(c,e.body)},function(e){V(c,e)});return W(c,0)};exports.createFromReadableStream=function(a,b){b=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0);Z(b,a);return W(b,0)};
-exports.createServerReference=function(a,b){function c(){var e=Array.prototype.slice.call(arguments);return b(a,e)}J(c,{id:a,bound:null});return c};exports.encodeReply=function(a){return new Promise(function(b,c){ja(a,"",b,c)})};
+h.stack="Error: "+h.message;h.digest=g;g=f._chunks;(q=g.get(d))?R(q,h):g.set(d,new L("rejected",null,h,f));break;case 84:f._chunks.set(d,new L("fulfilled",h,null,f));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:g=f._chunks,(q=g.get(d))?(f=q,d=h,"pending"===f.status&&(h=f.value,g=f.reason,f.status="resolved_model",
+f.value=d,null!==h&&(M(f),Q(f,h,g)))):g.set(d,new L("resolved_model",h,null,f))}g=p;3===m&&g++;f=d=h=m=0;k.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-g);k.push(n);f-=n.byteLength;break}}a._rowState=m;a._rowID=d;a._rowTag=h;a._rowLength=f;return l.read().then(c).catch(e)}}function e(k){V(a,k)}var l=b.getReader();l.read().then(c).catch(e)}
+exports.createFromFetch=function(a,b){var c=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);a.then(function(e){Z(c,e.body)},function(e){V(c,e)});return W(c,0)};exports.createFromReadableStream=function(a,b){b=Y(null,null,b&&b.callServer?b.callServer:void 0,void 0,void 0);Z(b,a);return W(b,0)};exports.createServerReference=function(a,b){function c(){var e=Array.prototype.slice.call(arguments);return b(a,e)}da(c,{id:a,bound:null});return c};
+exports.encodeReply=function(a){return new Promise(function(b,c){ca(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-webpack-client.browser.production.min.js.map
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 fed550a25f0cc5..f16265e416389d 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
@@ -33,6 +33,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -389,14 +432,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -508,6 +549,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -518,7 +563,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -564,6 +617,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -642,6 +701,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -692,9 +753,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -704,7 +765,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -929,7 +990,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1062,7 +1123,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1112,6 +1173,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1173,14 +1250,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1204,6 +1284,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1213,9 +1304,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1224,7 +1332,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1234,61 +1342,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1307,6 +1364,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1583,17 +1644,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1606,17 +1670,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1630,6 +1689,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1712,7 +1778,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1765,6 +1831,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1778,12 +1849,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1853,6 +1918,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1873,7 +1955,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1910,12 +2014,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2013,6 +2118,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -2063,6 +2186,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2248,7 +2393,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
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 7e308e417a5254..f6440b6d953b78 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
@@ -11,7 +11,6 @@
 'use strict';
 
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -343,10 +342,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -668,7 +664,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -718,6 +714,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -779,14 +791,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -810,6 +825,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -817,9 +833,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -828,7 +861,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -838,44 +871,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1170,17 +1169,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1191,6 +1193,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1271,7 +1274,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1324,6 +1327,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1335,12 +1343,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1406,6 +1408,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1425,7 +1429,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1460,12 +1466,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1608,6 +1615,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1792,7 +1811,7 @@ function createServerReference(id, callServer) {
 }
 
 function createResponseFromOptions(options) {
-  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, typeof options.nonce === 'string' ? options.nonce : undefined);
+  return createResponse(options.ssrManifest.moduleMap, options.ssrManifest.moduleLoading, noServerCall, options.encodeFormAction, typeof options.nonce === 'string' ? options.nonce : undefined);
 }
 
 function startReadingFromStream(response, stream) {
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.min.js
index 7b8dea9ec15ea3..5b934304509580 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.edge.production.min.js
@@ -7,37 +7,37 @@
  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 r=require("react-dom"),t=require("react"),u={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
-function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function aa(){}
-function ba(a){for(var b=a[1],c=[],d=0;d<b.length;){var f=b[d++];b[d++];var h=w.get(f);if(void 0===h){h=__webpack_chunk_load__(f);c.push(h);var n=w.set.bind(w,f,null);h.then(n,aa);w.set(f,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
-function ca(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var f=c,h=y.current;if(h){var n=h.preinitScript,k=a.prefix+b[d];var m=a.crossOrigin;m="string"===typeof m?"use-credentials"===m?m:"":void 0;n.call(h,k,{crossOrigin:m,nonce:f})}}}var y=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),da=Symbol.for("react.provider"),ea=Symbol.for("react.server_context"),fa=Symbol.for("react.lazy"),A=Symbol.for("react.default_value"),B=Symbol.iterator;
-function ha(a){if(null===a||"object"!==typeof a)return null;a=B&&a[B]||a["@@iterator"];return"function"===typeof a?a:null}var ia=Array.isArray,C=Object.getPrototypeOf,ja=Object.prototype,D=new WeakMap;function ka(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function F(a,b,c,d){function f(m,e){if(null===e)return null;if("object"===typeof e){if("function"===typeof e.then){null===k&&(k=new FormData);n++;var l=h++;e.then(function(p){p=JSON.stringify(p,f);var q=k;q.append(b+l,p);n--;0===n&&c(q)},function(p){d(p)});return"$@"+l.toString(16)}if(ia(e))return e;if(e instanceof FormData){null===k&&(k=new FormData);var g=k;m=h++;var E=b+m+"_";e.forEach(function(p,q){g.append(E+q,p)});return"$K"+m.toString(16)}if(e instanceof Map)return e=JSON.stringify(Array.from(e),
-f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$Q"+m.toString(16);if(e instanceof Set)return e=JSON.stringify(Array.from(e),f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$W"+m.toString(16);if(ha(e))return Array.from(e);m=C(e);if(m!==ja&&(null===m||null!==C(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&this[m]instanceof Date)return"$D"+e;
-e="$"===e[0]?"$"+e:e;return e}if("boolean"===typeof e)return e;if("number"===typeof e)return ka(e);if("undefined"===typeof e)return"$undefined";if("function"===typeof e){e=D.get(e);if(void 0!==e)return e=JSON.stringify(e,f),null===k&&(k=new FormData),m=h++,k.set(b+m,e),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof e){m=e.description;if(Symbol.for(m)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(e.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+" is not supported as an argument to a Server Function.");}var h=1,n=0,k=null;a=JSON.stringify(a,f);null===k?c(a):(k.set(b+"0",a),0===n&&c(k))}var G=new WeakMap;
-function la(a){var b,c,d=new Promise(function(f,h){b=f;c=h});F(a,"",function(f){if("string"===typeof f){var h=new FormData;h.append("0",f);f=h}d.status="fulfilled";d.value=f;b(f)},function(f){d.status="rejected";d.reason=f;c(f)});return d}
-function ma(a){var b=D.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=G.get(b);c||(c=la(b),G.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(f,h){d.append("$ACTION_"+a+":"+h,f)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function na(a,b){var c=D.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(f){d.status="fulfilled";d.value=f},function(f){d.status="rejected";d.reason=f})),d;}}
-function H(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ma},$$IS_SIGNATURE_EQUAL:{value:na},bind:{value:oa}});D.set(a,b)}var pa=Function.prototype.bind,qa=Array.prototype.slice;function oa(){var a=pa.apply(this,arguments),b=D.get(this);if(b){var c=qa.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(f){return f.concat(c)}):Promise.resolve(c);H(a,{id:b.id,bound:d})}return a}
-function ra(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}H(c,{id:a,bound:null});return c}var I=t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function J(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}J.prototype=Object.create(Promise.prototype);
-J.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function sa(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
+'use strict';var r=require("react-dom"),t={stream:!0};function u(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var v=new Map;
+function w(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function x(){}
+function aa(a){for(var b=a[1],c=[],d=0;d<b.length;){var f=b[d++];b[d++];var h=v.get(f);if(void 0===h){h=__webpack_chunk_load__(f);c.push(h);var n=v.set.bind(v,f,null);h.then(n,x);v.set(f,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?w(a[0]):Promise.all(c).then(function(){return w(a[0])}):0<c.length?Promise.all(c):null}
+function ba(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var f=c,h=y.current;if(h){var n=h.preinitScript,k=a.prefix+b[d];var m=a.crossOrigin;m="string"===typeof m?"use-credentials"===m?m:"":void 0;n.call(h,k,{crossOrigin:m,nonce:f})}}}var y=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),ca=Symbol.for("react.lazy"),A=Symbol.iterator;
+function da(a){if(null===a||"object"!==typeof a)return null;a=A&&a[A]||a["@@iterator"];return"function"===typeof a?a:null}var ea=Array.isArray,B=Object.getPrototypeOf,fa=Object.prototype,C=new WeakMap;function ha(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function E(a,b,c,d){function f(m,e){if(null===e)return null;if("object"===typeof e){if("function"===typeof e.then){null===k&&(k=new FormData);n++;var l=h++;e.then(function(p){p=JSON.stringify(p,f);var q=k;q.append(b+l,p);n--;0===n&&c(q)},function(p){d(p)});return"$@"+l.toString(16)}if(ea(e))return e;if(e instanceof FormData){null===k&&(k=new FormData);var g=k;m=h++;var D=b+m+"_";e.forEach(function(p,q){g.append(D+q,p)});return"$K"+m.toString(16)}if(e instanceof Map)return e=JSON.stringify(Array.from(e),
+f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$Q"+m.toString(16);if(e instanceof Set)return e=JSON.stringify(Array.from(e),f),null===k&&(k=new FormData),m=h++,k.append(b+m,e),"$W"+m.toString(16);if(da(e))return Array.from(e);m=B(e);if(m!==fa&&(null===m||null!==B(m)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&this[m]instanceof Date)return"$D"+e;
+e="$"===e[0]?"$"+e:e;return e}if("boolean"===typeof e)return e;if("number"===typeof e)return ha(e);if("undefined"===typeof e)return"$undefined";if("function"===typeof e){e=C.get(e);if(void 0!==e)return e=JSON.stringify(e,f),null===k&&(k=new FormData),m=h++,k.set(b+m,e),"$F"+m.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof e){m=e.description;if(Symbol.for(m)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(e.description+") cannot be found among global symbols."));return"$S"+m}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+" is not supported as an argument to a Server Function.");}var h=1,n=0,k=null;a=JSON.stringify(a,f);null===k?c(a):(k.set(b+"0",a),0===n&&c(k))}var F=new WeakMap;
+function ia(a){var b,c,d=new Promise(function(f,h){b=f;c=h});E(a,"",function(f){if("string"===typeof f){var h=new FormData;h.append("0",f);f=h}d.status="fulfilled";d.value=f;b(f)},function(f){d.status="rejected";d.reason=f;c(f)});return d}
+function ja(a){var b=C.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=F.get(b);c||(c=ia(b),F.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(f,h){d.append("$ACTION_"+a+":"+h,f)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function G(a,b){var c=C.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(f){d.status="fulfilled";d.value=f},function(f){d.status="rejected";d.reason=f})),d;}}
+function I(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?ja:function(){var d=C.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var f=d.bound;null===f&&(f=Promise.resolve([]));return c(d.id,f)}},$$IS_SIGNATURE_EQUAL:{value:G},bind:{value:J}});C.set(a,b)}var ka=Function.prototype.bind,la=Array.prototype.slice;
+function J(){var a=ka.apply(this,arguments),b=C.get(this);if(b){var c=la.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(f){return f.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:G},bind:{value:J}});C.set(a,{id:b.id,bound:d})}return a}function ma(a,b,c){function d(){var f=Array.prototype.slice.call(arguments);return b(a,f)}I(d,{id:a,bound:null},c);return d}
+function K(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}K.prototype=Object.create(Promise.prototype);K.prototype.then=function(a,b){switch(this.status){case "resolved_model":L(this);break;case "resolved_module":M(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function na(a){switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function N(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function O(a,b,c){switch(a.status){case "fulfilled":N(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&N(c,a.reason)}}
 function P(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&N(c,b)}}function Q(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(M(a),O(a,c,d))}}var R=null,S=null;
 function L(a){var b=R,c=S;R=a;S=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var f=JSON.parse(d,a._response._fromJSON);if(null!==S&&0<S.deps)S.value=f,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=f;null!==h&&N(h,f)}}catch(n){a.status="rejected",a.reason=n}finally{R=b,S=c}}
-function M(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(f){a.status="rejected",a.reason=f}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new J("pending",null,null,a),c.set(b,d));return d}
-function ta(a,b,c,d){if(S){var f=S;d||f.deps++}else f=S={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&N(h,f.value))}}function ua(a){return function(b){return P(a,b)}}
-function va(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(n){return d(b.id,n.concat(f))}):d(b.id,f)}var d=a._callServer;H(c,b);return c}function W(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function wa(a,b,c,d){if("$"===d[0]){if("$"===d)return z;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:fa,_payload:a,_init:sa};case "@":return b=parseInt(d.slice(2),16),U(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),I[a]||(b={$$typeof:ea,_currentValue:A,_currentValue2:A,_defaultValue:A,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:da,_context:b},I[a]=b),I[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=W(a,b),va(a,b);case "Q":return b=parseInt(d.slice(2),16),a=W(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=W(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=R,a.then(ta(d,b,c,"cyclic"===a.status),ua(d)),null;default:throw a.reason;}}}return d}function xa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function ya(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=v(a._bundlerConfig,c);ca(a._moduleLoading,c[1],a._nonce);if(c=ba(h)){if(f){var n=f;n.status="blocked"}else n=new J("blocked",null,null,a),d.set(b,n);c.then(function(){return Q(n,h)},function(k){return P(n,k)})}else f?Q(f,h):d.set(b,new J("resolved_module",h,null,a))}
-function za(a){return function(b,c){return"string"===typeof c?wa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===z?{$$typeof:z,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading;a="string"===typeof a.nonce?a.nonce:void 0;var d=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:xa,_nonce:a,_chunks:d,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=za(b);return b}
-function Z(a,b){function c(h){var n=h.value;if(h.done)T(a,Error("Connection closed."));else{var k=0,m=a._rowState,e=a._rowID,l=a._rowTag,g=a._rowLength;h=a._buffer;for(var E=n.length;k<E;){var p=-1;switch(m){case 0:p=n[k++];58===p?m=1:e=e<<4|(96<p?p-87:p-48);continue;case 1:m=n[k];84===m?(l=m,m=2,k++):64<m&&91>m?(l=m,m=3,k++):(l=0,m=3);continue;case 2:p=n[k++];44===p?m=4:g=g<<4|(96<p?p-87:p-48);continue;case 3:p=n.indexOf(10,k);break;case 4:p=k+g,p>n.length&&(p=-1)}var q=n.byteOffset+k;if(-1<p){k=
-new Uint8Array(n.buffer,q,p-k);g=a;q=l;var V=g._stringDecoder;l="";for(var K=0;K<h.length;K++)l+=V.decode(h[K],u);l+=V.decode(k);switch(q){case 73:ya(g,e,l);break;case 72:e=l[0];l=l.slice(1);g=JSON.parse(l,g._fromJSON);if(l=y.current)switch(e){case "D":l.prefetchDNS(g);break;case "C":"string"===typeof g?l.preconnect(g):l.preconnect(g[0],g[1]);break;case "L":e=g[0];k=g[1];3===g.length?l.preload(e,k,g[2]):l.preload(e,k);break;case "m":"string"===typeof g?l.preloadModule(g):l.preloadModule(g[0],g[1]);
+function M(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(f){a.status="rejected",a.reason=f}}function T(a,b){a._chunks.forEach(function(c){"pending"===c.status&&P(c,b)})}function U(a,b){var c=a._chunks,d=c.get(b);d||(d=new K("pending",null,null,a),c.set(b,d));return d}
+function oa(a,b,c,d){if(S){var f=S;d||f.deps++}else f=S={deps:d?0:1,value:null};return function(h){b[c]=h;f.deps--;0===f.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=f.value,null!==h&&N(h,f.value))}}function pa(a){return function(b){return P(a,b)}}
+function qa(a,b){function c(){var f=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(f)):Promise.resolve(h).then(function(n){return d(b.id,n.concat(f))}):d(b.id,f)}var d=a._callServer;I(c,b,a._encodeFormAction);return c}function W(a,b){a=U(a,b);switch(a.status){case "resolved_model":L(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ra(a,b,c,d){if("$"===d[0]){if("$"===d)return z;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=U(a,b),{$$typeof:ca,_payload:a,_init:na};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return U(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=W(a,b),qa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=W(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=W(a,b),new Set(a);
+case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=U(a,d);switch(a.status){case "resolved_model":L(a);break;case "resolved_module":M(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=R,a.then(oa(d,b,c,"cyclic"===a.status),pa(d)),null;default:throw a.reason;}}}return d}
+function sa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ta(a,b,c){var d=a._chunks,f=d.get(b);c=JSON.parse(c,a._fromJSON);var h=u(a._bundlerConfig,c);ba(a._moduleLoading,c[1],a._nonce);if(c=aa(h)){if(f){var n=f;n.status="blocked"}else n=new K("blocked",null,null,a),d.set(b,n);c.then(function(){return Q(n,h)},function(k){return P(n,k)})}else f?Q(f,h):d.set(b,new K("resolved_module",h,null,a))}
+function ua(a){return function(b,c){return"string"===typeof c?ra(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===z?{$$typeof:z,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function X(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+function Y(a){var b=a.ssrManifest.moduleMap,c=a.ssrManifest.moduleLoading,d=a.encodeFormAction;a="string"===typeof a.nonce?a.nonce:void 0;var f=new Map;b={_bundlerConfig:b,_moduleLoading:c,_callServer:void 0!==X?X:sa,_encodeFormAction:d,_nonce:a,_chunks:f,_stringDecoder:new TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};b._fromJSON=ua(b);return b}
+function Z(a,b){function c(h){var n=h.value;if(h.done)T(a,Error("Connection closed."));else{var k=0,m=a._rowState,e=a._rowID,l=a._rowTag,g=a._rowLength;h=a._buffer;for(var D=n.length;k<D;){var p=-1;switch(m){case 0:p=n[k++];58===p?m=1:e=e<<4|(96<p?p-87:p-48);continue;case 1:m=n[k];84===m?(l=m,m=2,k++):64<m&&91>m?(l=m,m=3,k++):(l=0,m=3);continue;case 2:p=n[k++];44===p?m=4:g=g<<4|(96<p?p-87:p-48);continue;case 3:p=n.indexOf(10,k);break;case 4:p=k+g,p>n.length&&(p=-1)}var q=n.byteOffset+k;if(-1<p){k=
+new Uint8Array(n.buffer,q,p-k);g=a;q=l;var V=g._stringDecoder;l="";for(var H=0;H<h.length;H++)l+=V.decode(h[H],t);l+=V.decode(k);switch(q){case 73:ta(g,e,l);break;case 72:e=l[0];l=l.slice(1);g=JSON.parse(l,g._fromJSON);if(l=y.current)switch(e){case "D":l.prefetchDNS(g);break;case "C":"string"===typeof g?l.preconnect(g):l.preconnect(g[0],g[1]);break;case "L":e=g[0];k=g[1];3===g.length?l.preload(e,k,g[2]):l.preload(e,k);break;case "m":"string"===typeof g?l.preloadModule(g):l.preloadModule(g[0],g[1]);
 break;case "S":"string"===typeof g?l.preinitStyle(g):l.preinitStyle(g[0],0===g[1]?void 0:g[1],3===g.length?g[2]:void 0);break;case "X":"string"===typeof g?l.preinitScript(g):l.preinitScript(g[0],g[1]);break;case "M":"string"===typeof g?l.preinitModuleScript(g):l.preinitModuleScript(g[0],g[1])}break;case 69:l=JSON.parse(l);k=l.digest;l=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.");
-l.stack="Error: "+l.message;l.digest=k;k=g._chunks;(q=k.get(e))?P(q,l):k.set(e,new J("rejected",null,l,g));break;case 84:g._chunks.set(e,new J("fulfilled",l,null,g));break;default:k=g._chunks,(q=k.get(e))?(g=q,e=l,"pending"===g.status&&(l=g.value,k=g.reason,g.status="resolved_model",g.value=e,null!==l&&(L(g),O(g,l,k)))):k.set(e,new J("resolved_model",l,null,g))}k=p;3===m&&k++;g=e=l=m=0;h.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-k);h.push(n);g-=n.byteLength;break}}a._rowState=m;a._rowID=
-e;a._rowTag=l;a._rowLength=g;return f.read().then(c).catch(d)}}function d(h){T(a,h)}var f=b.getReader();f.read().then(c).catch(d)}exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){T(c,d)});return U(c,0)};exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return U(b,0)};exports.createServerReference=function(a){return ra(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){F(a,"",b,c)})};
+l.stack="Error: "+l.message;l.digest=k;k=g._chunks;(q=k.get(e))?P(q,l):k.set(e,new K("rejected",null,l,g));break;case 84:g._chunks.set(e,new K("fulfilled",l,null,g));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:k=g._chunks,(q=k.get(e))?(g=q,e=l,"pending"===g.status&&(l=g.value,k=g.reason,g.status="resolved_model",
+g.value=e,null!==l&&(L(g),O(g,l,k)))):k.set(e,new K("resolved_model",l,null,g))}k=p;3===m&&k++;g=e=l=m=0;h.length=0}else{n=new Uint8Array(n.buffer,q,n.byteLength-k);h.push(n);g-=n.byteLength;break}}a._rowState=m;a._rowID=e;a._rowTag=l;a._rowLength=g;return f.read().then(c).catch(d)}}function d(h){T(a,h)}var f=b.getReader();f.read().then(c).catch(d)}exports.createFromFetch=function(a,b){var c=Y(b);a.then(function(d){Z(c,d.body)},function(d){T(c,d)});return U(c,0)};
+exports.createFromReadableStream=function(a,b){b=Y(b);Z(b,a);return U(b,0)};exports.createServerReference=function(a){return ma(a,X)};exports.encodeReply=function(a){return new Promise(function(b,c){E(a,"",b,c)})};
 
 //# sourceMappingURL=react-server-dom-webpack-client.edge.production.min.js.map
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 ba31fce71317f0..15f0ff57ff1629 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
@@ -34,6 +34,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -390,14 +433,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -509,6 +550,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -519,7 +564,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -565,6 +618,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -643,6 +702,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -693,9 +754,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -705,7 +766,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -930,7 +991,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1063,7 +1124,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1113,6 +1174,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1174,14 +1251,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1205,6 +1285,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1214,9 +1305,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1225,7 +1333,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1235,61 +1343,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1308,6 +1365,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1584,17 +1645,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1607,17 +1671,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1631,6 +1690,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1713,7 +1779,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1766,6 +1832,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1779,12 +1850,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1854,6 +1919,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1874,7 +1956,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1911,12 +2015,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -2014,6 +2119,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -2064,6 +2187,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2249,7 +2394,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 44b6f27feedb56..c48cf26482b746 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -344,10 +343,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -669,7 +665,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -719,6 +715,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -780,14 +792,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -811,6 +826,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -818,9 +834,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -829,7 +862,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -839,44 +872,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1171,17 +1170,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1192,6 +1194,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1272,7 +1275,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1325,6 +1328,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1336,12 +1344,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1407,6 +1409,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1426,7 +1430,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1461,12 +1467,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1609,6 +1616,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1793,7 +1812,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.min.js
index dfeb36656b3d6b..8dc3329a77a936 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.production.min.js
@@ -7,37 +7,36 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("util"),r=require("react-dom"),u=require("react"),v={stream:!0};function w(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var x=new Map;
-function y(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function z(){}
-function A(a){for(var b=a[1],c=[],d=0;d<b.length;){var g=b[d++];b[d++];var h=x.get(g);if(void 0===h){h=__webpack_chunk_load__(g);c.push(h);var l=x.set.bind(x,g,null);h.then(l,z);x.set(g,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?y(a[0]):Promise.all(c).then(function(){return y(a[0])}):0<c.length?Promise.all(c):null}
-function B(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var g=c,h=C.current;if(h){var l=h.preinitScript,k=a.prefix+b[d];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var C=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,D=Symbol.for("react.element"),F=Symbol.for("react.provider"),aa=Symbol.for("react.server_context"),ba=Symbol.for("react.lazy"),G=Symbol.for("react.default_value"),H=Symbol.iterator;
-function ca(a){if(null===a||"object"!==typeof a)return null;a=H&&a[H]||a["@@iterator"];return"function"===typeof a?a:null}var da=Array.isArray,I=Object.getPrototypeOf,ea=Object.prototype,J=new WeakMap;function fa(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ha(a,b,c,d){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var t=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(b+t,n);l--;0===l&&c(q)},function(n){d(n)});return"$@"+t.toString(16)}if(da(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var E=k;e=h++;var m=b+e+"_";f.forEach(function(n,q){E.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
-g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$W"+e.toString(16);if(ca(f))return Array.from(f);e=I(f);if(e!==ea&&(null===e||null!==I(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;
-f="$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return fa(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=J.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(b+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?c(a):(k.set(b+"0",a),0===l&&c(k))}var K=new WeakMap;
-function ia(a){var b,c,d=new Promise(function(g,h){b=g;c=h});ha(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}d.status="fulfilled";d.value=g;b(g)},function(g){d.status="rejected";d.reason=g;c(g)});return d}
-function ja(a){var b=J.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=K.get(b);c||(c=ia(b),K.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(g,h){d.append("$ACTION_"+a+":"+h,g)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
-function ka(a,b){var c=J.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(g){d.status="fulfilled";d.value=g},function(g){d.status="rejected";d.reason=g})),d;}}
-function L(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ja},$$IS_SIGNATURE_EQUAL:{value:ka},bind:{value:la}});J.set(a,b)}var ma=Function.prototype.bind,na=Array.prototype.slice;function la(){var a=ma.apply(this,arguments),b=J.get(this);if(b){var c=na.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(g){return g.concat(c)}):Promise.resolve(c);L(a,{id:b.id,bound:d})}return a}
-function oa(a,b){function c(){var d=Array.prototype.slice.call(arguments);return b(a,d)}L(c,{id:a,bound:null});return c}var M=u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function N(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}N.prototype=Object.create(Promise.prototype);
-N.prototype.then=function(a,b){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function pa(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function R(a,b,c){switch(a.status){case "fulfilled":Q(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&Q(c,a.reason)}}
+'use strict';var p=require("util"),r=require("react-dom"),t={stream:!0};function v(a,b){if(a){var c=a[b[0]];if(a=c[b[2]])c=a.name;else{a=c["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');c=b[2]}return 4===b.length?[a.id,a.chunks,c,1]:[a.id,a.chunks,c]}return b}var w=new Map;
+function x(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function y(){}
+function z(a){for(var b=a[1],c=[],d=0;d<b.length;){var g=b[d++];b[d++];var h=w.get(g);if(void 0===h){h=__webpack_chunk_load__(g);c.push(h);var l=w.set.bind(w,g,null);h.then(l,y);w.set(g,h)}else null!==h&&c.push(h)}return 4===a.length?0===c.length?x(a[0]):Promise.all(c).then(function(){return x(a[0])}):0<c.length?Promise.all(c):null}
+function A(a,b,c){if(null!==a)for(var d=1;d<b.length;d+=2){var g=c,h=B.current;if(h){var l=h.preinitScript,k=a.prefix+b[d];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var B=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,C=Symbol.for("react.element"),E=Symbol.for("react.lazy"),F=Symbol.iterator;
+function G(a){if(null===a||"object"!==typeof a)return null;a=F&&a[F]||a["@@iterator"];return"function"===typeof a?a:null}var aa=Array.isArray,H=Object.getPrototypeOf,ba=Object.prototype,I=new WeakMap;function ca(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function da(a,b,c,d){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var u=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(b+u,n);l--;0===l&&c(q)},function(n){d(n)});return"$@"+u.toString(16)}if(aa(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var D=k;e=h++;var m=b+e+"_";f.forEach(function(n,q){D.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
+g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$W"+e.toString(16);if(G(f))return Array.from(f);e=H(f);if(e!==ba&&(null===e||null!==H(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;
+f="$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return ca(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=I.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(b+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?c(a):(k.set(b+"0",a),0===l&&c(k))}var J=new WeakMap;
+function ea(a){var b,c,d=new Promise(function(g,h){b=g;c=h});da(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}d.status="fulfilled";d.value=g;b(g)},function(g){d.status="rejected";d.reason=g;c(g)});return d}
+function fa(a){var b=I.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var c=null;if(null!==b.bound){c=J.get(b);c||(c=ea(b),J.set(b,c));if("rejected"===c.status)throw c.reason;if("fulfilled"!==c.status)throw c;b=c.value;var d=new FormData;b.forEach(function(g,h){d.append("$ACTION_"+a+":"+h,g)});c=d;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:c}}
+function K(a,b){var c=I.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(c.id!==a)return!1;var d=c.bound;if(null===d)return 0===b;switch(d.status){case "fulfilled":return d.value.length===b;case "pending":throw d;case "rejected":throw d.reason;default:throw"string"!==typeof d.status&&(d.status="pending",d.then(function(g){d.status="fulfilled";d.value=g},function(g){d.status="rejected";d.reason=g})),d;}}
+function L(a,b,c){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===c?fa:function(){var d=I.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var g=d.bound;null===g&&(g=Promise.resolve([]));return c(d.id,g)}},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,b)}var ha=Function.prototype.bind,ia=Array.prototype.slice;
+function M(){var a=ha.apply(this,arguments),b=I.get(this);if(b){var c=ia.call(arguments,1),d=null;d=null!==b.bound?Promise.resolve(b.bound).then(function(g){return g.concat(c)}):Promise.resolve(c);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,{id:b.id,bound:d})}return a}function ja(a,b,c){function d(){var g=Array.prototype.slice.call(arguments);return b(a,g)}L(d,{id:a,bound:null},c);return d}
+function N(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}N.prototype=Object.create(Promise.prototype);N.prototype.then=function(a,b){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function ka(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function R(a,b,c){switch(a.status){case "fulfilled":Q(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=c;break;case "rejected":c&&Q(c,a.reason)}}
 function S(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Q(c,b)}}function T(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.value,d=a.reason;a.status="resolved_module";a.value=b;null!==c&&(P(a),R(a,c,d))}}var U=null,V=null;
 function O(a){var b=U,c=V;U=a;V=null;var d=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var g=JSON.parse(d,a._response._fromJSON);if(null!==V&&0<V.deps)V.value=g,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=g;null!==h&&Q(h,g)}}catch(l){a.status="rejected",a.reason=l}finally{U=b,V=c}}
 function P(a){try{var b=a.value,c=globalThis.__next_require__(b[0]);if(4===b.length&&"function"===typeof c.then)if("fulfilled"===c.status)c=c.value;else throw c.reason;var d="*"===b[2]?c:""===b[2]?c.__esModule?c.default:c:c[b[2]];a.status="fulfilled";a.value=d}catch(g){a.status="rejected",a.reason=g}}function W(a,b){a._chunks.forEach(function(c){"pending"===c.status&&S(c,b)})}function X(a,b){var c=a._chunks,d=c.get(b);d||(d=new N("pending",null,null,a),c.set(b,d));return d}
-function qa(a,b,c,d){if(V){var g=V;d||g.deps++}else g=V={deps:d?0:1,value:null};return function(h){b[c]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function ra(a){return function(b){return S(a,b)}}
-function sa(a,b){function c(){var g=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return d(b.id,l.concat(g))}):d(b.id,g)}var d=a._callServer;L(c,b);return c}function Y(a,b){a=X(a,b);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function ta(a,b,c,d){if("$"===d[0]){if("$"===d)return D;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=X(a,b),{$$typeof:ba,_payload:a,_init:pa};case "@":return b=parseInt(d.slice(2),16),X(a,b);case "S":return Symbol.for(d.slice(2));case "P":return a=d.slice(2),M[a]||(b={$$typeof:aa,_currentValue:G,_currentValue2:G,_defaultValue:G,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:F,_context:b},M[a]=b),M[a].Provider;case "F":return b=
-parseInt(d.slice(2),16),b=Y(a,b),sa(a,b);case "Q":return b=parseInt(d.slice(2),16),a=Y(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Y(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=X(a,d);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;
-case "pending":case "blocked":case "cyclic":return d=U,a.then(qa(d,b,c,"cyclic"===a.status),ra(d)),null;default:throw a.reason;}}}return d}function ua(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}
-function va(a,b,c,d){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:ua,_nonce:d,_chunks:g,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=wa(a);return a}
-function xa(a,b,c){var d=a._chunks,g=d.get(b);c=JSON.parse(c,a._fromJSON);var h=w(a._bundlerConfig,c);B(a._moduleLoading,c[1],a._nonce);if(c=A(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),d.set(b,l);c.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):d.set(b,new N("resolved_module",h,null,a))}
-function wa(a){return function(b,c){return"string"===typeof c?ta(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===D?{$$typeof:D,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,c){var d=va(b.moduleMap,b.moduleLoading,Z,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(g){for(var h=0,l=d._rowState,k=d._rowID,e=d._rowTag,f=d._rowLength,t=d._buffer,E=g.length;h<E;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=g.indexOf(10,h);break;case 4:m=
-h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=d._stringDecoder;e="";for(var q=0;q<t.length;q++)e+=n.decode(t[q],v);e+=n.decode(f);switch(h){case 73:xa(d,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,d._fromJSON);if(f=C.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;case "m":"string"===typeof e?
-f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-e.stack="Error: "+e.message;e.digest=f;f=d._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,d));break;case 84:d._chunks.set(k,new N("fulfilled",e,null,d));break;default:f=d._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,d))}h=m;3===l&&h++;f=k=e=l=0;t.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);t.push(g);f-=g.byteLength;break}}d._rowState=l;d._rowID=
-k;d._rowTag=e;d._rowLength=f});a.on("error",function(g){W(d,g)});a.on("end",function(){W(d,Error("Connection closed."))});return X(d,0)};exports.createServerReference=function(a){return oa(a,Z)};
+function la(a,b,c,d){if(V){var g=V;d||g.deps++}else g=V={deps:d?0:1,value:null};return function(h){b[c]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function ma(a){return function(b){return S(a,b)}}
+function na(a,b){function c(){var g=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?d(b.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return d(b.id,l.concat(g))}):d(b.id,g)}var d=a._callServer;L(c,b,a._encodeFormAction);return c}function Y(a,b){a=X(a,b);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function oa(a,b,c,d){if("$"===d[0]){if("$"===d)return C;switch(d[1]){case "$":return d.slice(1);case "L":return b=parseInt(d.slice(2),16),a=X(a,b),{$$typeof:E,_payload:a,_init:ka};case "@":if(2===d.length)return new Promise(function(){});b=parseInt(d.slice(2),16);return X(a,b);case "S":return Symbol.for(d.slice(2));case "F":return b=parseInt(d.slice(2),16),b=Y(a,b),na(a,b);case "Q":return b=parseInt(d.slice(2),16),a=Y(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Y(a,b),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=X(a,d);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return d=U,a.then(la(d,b,c,"cyclic"===a.status),ma(d)),null;default:throw a.reason;}}}return d}
+function pa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function qa(a,b,c,d,g){var h=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==c?c:pa,_encodeFormAction:d,_nonce:g,_chunks:h,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ra(a);return a}
+function sa(a,b,c){var d=a._chunks,g=d.get(b);c=JSON.parse(c,a._fromJSON);var h=v(a._bundlerConfig,c);A(a._moduleLoading,c[1],a._nonce);if(c=z(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),d.set(b,l);c.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):d.set(b,new N("resolved_module",h,null,a))}
+function ra(a){return function(b,c){return"string"===typeof c?oa(a,this,b,c):"object"===typeof c&&null!==c?(b=c[0]===C?{$$typeof:C,type:c[1],key:c[2],ref:null,props:c[3],_owner:null}:c,b):c}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,b,c){var d=qa(b.moduleMap,b.moduleLoading,Z,c?c.encodeFormAction:void 0,c&&"string"===typeof c.nonce?c.nonce:void 0);a.on("data",function(g){for(var h=0,l=d._rowState,k=d._rowID,e=d._rowTag,f=d._rowLength,u=d._buffer,D=g.length;h<D;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=
+g.indexOf(10,h);break;case 4:m=h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=d._stringDecoder;e="";for(var q=0;q<u.length;q++)e+=n.decode(u[q],t);e+=n.decode(f);switch(h){case 73:sa(d,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,d._fromJSON);if(f=B.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;
+case "m":"string"===typeof e?f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+e.stack="Error: "+e.message;e.digest=f;f=d._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,d));break;case 84:d._chunks.set(k,new N("fulfilled",e,null,d));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:f=d._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",
+k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,d))}h=m;3===l&&h++;f=k=e=l=0;u.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);u.push(g);f-=g.byteLength;break}}d._rowState=l;d._rowID=k;d._rowTag=e;d._rowLength=f});a.on("error",function(g){W(d,g)});a.on("end",function(){W(d,Error("Connection closed."))});return X(d,0)};exports.createServerReference=function(a){return ja(a,Z)};
 
 //# sourceMappingURL=react-server-dom-webpack-client.node.production.min.js.map
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 8695556efb5ef5..c09c63e1e068ff 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
@@ -34,6 +34,49 @@ function readFinalStringChunk(decoder, buffer) {
   return decoder.decode(buffer);
 }
 
+// This flips color using ANSI, then sets a color styling, then resets.
+var badgeFormat = '\x1b[0m\x1b[7m%c%s\x1b[0m%c '; // Same badge styling as DevTools.
+
+var badgeStyle = // We use a fixed background if light-dark is not supported, otherwise
+// we use a transparent background.
+'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';
+var resetStyle = '';
+var pad = ' ';
+function printToConsole(methodName, args, badgeName) {
+  var offset = 0;
+
+  switch (methodName) {
+    case 'dir':
+    case 'dirxml':
+    case 'groupEnd':
+    case 'table':
+      {
+        // These methods cannot be colorized because they don't take a formatting string.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console[methodName].apply(console, args);
+        return;
+      }
+
+    case 'assert':
+      {
+        // assert takes formatting options as the second argument.
+        offset = 1;
+      }
+  }
+
+  var newArgs = args.slice(0);
+
+  if (typeof newArgs[offset] === 'string') {
+    newArgs.splice(offset, 1, badgeFormat + newArgs[offset], badgeStyle, pad + badgeName + pad, resetStyle);
+  } else {
+    newArgs.splice(offset, 0, badgeFormat, badgeStyle, pad + badgeName + pad, resetStyle);
+  } // eslint-disable-next-line react-internal/no-production-logging
+
+
+  console[methodName].apply(console, newArgs);
+  return;
+}
+
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -343,14 +386,12 @@ function printWarning(level, format, args) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
 var REACT_MEMO_TYPE = Symbol.for('react.memo');
 var REACT_LAZY_TYPE = Symbol.for('react.lazy');
-var REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 var FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -462,6 +503,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -472,7 +517,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -518,6 +571,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -596,6 +655,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -646,9 +707,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -658,7 +719,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -883,7 +944,7 @@ function processReply(root, formFieldPrefix, resolve, reject) {
           error('React Element cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (value.$$typeof === REACT_LAZY_TYPE) {
           error('React Lazy cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
-        } else if (value.$$typeof === REACT_PROVIDER_TYPE) {
+        } else if (value.$$typeof === (REACT_PROVIDER_TYPE)) {
           error('React Context Providers cannot be passed to Server Functions from the Client.%s', describeObjectForErrorMessage(parent, key));
         } else if (objectName(value) !== 'Object') {
           error('Only plain objects can be passed to Server Functions from the Client. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
@@ -1016,7 +1077,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   var reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -1066,6 +1127,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  var reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  var boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   var reference = knownServerReferences.get(this);
 
@@ -1127,14 +1204,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    var $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -1158,6 +1238,17 @@ function bind() {
   var reference = knownServerReferences.get(this);
 
   if (reference) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        // This doesn't warn in browser environments since it's not instrumented outside
+        // usedWithSSR. This makes this an SSR only warning which we don't generally do.
+        // TODO: Consider a DEV only instrumentation in the browser.
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     var boundPromise = null;
 
@@ -1167,9 +1258,26 @@ function bind() {
       });
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -1178,7 +1286,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   var proxy = function () {
     // $FlowFixMe[method-unbinding]
     var args = Array.prototype.slice.call(arguments);
@@ -1188,61 +1296,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id: id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-var ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    var context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    {
-      var hasWarnedAboutUsingConsumer;
-      context._currentRenderer = null;
-      context._currentRenderer2 = null;
-      Object.defineProperties(context, {
-        Consumer: {
-          get: function () {
-            if (!hasWarnedAboutUsingConsumer) {
-              error('Consumer pattern is not supported by ReactServerContext');
-
-              hasWarnedAboutUsingConsumer = true;
-            }
-
-            return null;
-          }
-        }
-      });
-    }
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 var ROW_ID = 0;
 var ROW_TAG = 1;
 var ROW_LENGTH = 2;
@@ -1261,6 +1318,10 @@ function Chunk(status, value, reason, response) {
   this.value = value;
   this.reason = reason;
   this._response = response;
+
+  {
+    this._debugInfo = null;
+  }
 } // We subclass Promise.prototype so that we get other methods like .catch
 
 
@@ -1537,17 +1598,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  var element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type: type,
+      key: key,
+      ref: null,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   {
     // We don't really need to add any of these but keeping them for good measure.
@@ -1560,17 +1624,12 @@ function createElement(type, key, props) {
       writable: true,
       value: true // This element has already been validated on the server.
 
-    });
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: null
-    });
-    Object.defineProperty(element, '_source', {
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
+      writable: true,
       value: null
     });
   }
@@ -1584,6 +1643,13 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
+  {
+    // Ensure we have a live array to track future debug info.
+    var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+    lazyType._debugInfo = chunkDebugInfo;
+  }
+
   return lazyType;
 }
 
@@ -1666,7 +1732,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1719,6 +1785,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(function () {});
+          }
+
           var _id = parseInt(value.slice(2), 16);
 
           var _chunk = getChunk(response, _id);
@@ -1732,12 +1803,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1807,6 +1872,23 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+        {
+          {
+            // In DEV mode we allow indirect eval to produce functions for logging.
+            // This should not compile to eval() because then it has local scope access.
+            try {
+              // eslint-disable-next-line no-eval
+              return (0, eval)(value.slice(2));
+            } catch (x) {
+              // We currently use this to express functions so we fail parsing it,
+              // let's just return a blank function as a place holder.
+              return function () {};
+            }
+          } // Fallthrough
+
+        }
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1827,7 +1909,29 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (_chunk2.status) {
             case INITIALIZED:
-              return _chunk2.value;
+              var chunkValue = _chunk2.value;
+
+              if (_chunk2._debugInfo) {
+                // If we have a direct reference to an object that was rendered by a synchronous
+                // server component, it might have some debug info about how it was rendered.
+                // We forward this to the underlying object. This might be a React Element or
+                // an Array fragment.
+                // If this was a string / number return value we lose the debug info. We choose
+                // that tradeoff to allow sync server components to return plain values and not
+                // use them as React Nodes necessarily. We could otherwise wrap them in a Lazy.
+                if (typeof chunkValue === 'object' && chunkValue !== null && (Array.isArray(chunkValue) || chunkValue.$$typeof === REACT_ELEMENT_TYPE) && !chunkValue._debugInfo) {
+                  // We should maybe use a unique symbol for arrays but this is a React owned array.
+                  // $FlowFixMe[prop-missing]: This should be added to elements.
+                  Object.defineProperty(chunkValue, '_debugInfo', {
+                    configurable: false,
+                    enumerable: false,
+                    writable: true,
+                    value: _chunk2._debugInfo
+                  });
+                }
+              }
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1864,12 +1968,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   var chunks = new Map();
   var response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1967,6 +2072,24 @@ function resolveHint(response, code, model) {
   dispatchHint(code, hintModel);
 }
 
+function resolveDebugInfo(response, id, debugInfo) {
+
+  var chunk = getChunk(response, id);
+  var chunkDebugInfo = chunk._debugInfo || (chunk._debugInfo = []);
+  chunkDebugInfo.push(debugInfo);
+}
+
+function resolveConsoleEntry(response, value) {
+
+  var payload = parseModel(response, value);
+  var methodName = payload[0]; // TODO: Restore the fake stack before logging.
+  // const stackTrace = payload[1];
+
+  var env = payload[2];
+  var args = payload.slice(3);
+  printToConsole(methodName, args, env);
+}
+
 function processFullRow(response, id, tag, buffer, chunk) {
 
   var stringDecoder = response._stringDecoder;
@@ -2017,6 +2140,28 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+      {
+        {
+          var debugInfo = JSON.parse(row);
+          resolveDebugInfo(response, id, debugInfo);
+          return;
+        } // Fallthrough to share the error with Console entries.
+
+      }
+
+    case 87
+    /* "W" */
+    :
+      {
+        {
+          resolveConsoleEntry(response, row);
+          return;
+        }
+      }
+
     case 80
     /* "P" */
     :
@@ -2202,7 +2347,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  var response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', function (chunk) {
     processBinaryChunk(response, chunk);
   });
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 f9370fd5720f74..c48c59426f0c61 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
@@ -12,7 +12,6 @@
 
 var util = require('util');
 var ReactDOM = require('react-dom');
-var React = require('react');
 
 // -----------------------------------------------------------------------------
 const enableBinaryFlight = false;
@@ -297,10 +296,7 @@ function preinitScriptForSSR(href, nonce, crossOrigin) {
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
 const REACT_LAZY_TYPE = Symbol.for('react.lazy');
-const REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED = Symbol.for('react.default_value');
 const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
 const FAUX_ITERATOR_SYMBOL = '@@iterator';
 function getIteratorFn(maybeIterable) {
@@ -622,7 +618,7 @@ function encodeFormData(reference) {
   return thenable;
 }
 
-function encodeFormAction(identifierPrefix) {
+function defaultEncodeFormAction(identifierPrefix) {
   const reference = knownServerReferences.get(this);
 
   if (!reference) {
@@ -672,6 +668,22 @@ function encodeFormAction(identifierPrefix) {
   };
 }
 
+function customEncodeFormAction(proxy, identifierPrefix, encodeFormAction) {
+  const reference = knownServerReferences.get(proxy);
+
+  if (!reference) {
+    throw new Error('Tried to encode a Server Action from a different instance than the encoder is from. ' + 'This is a bug in React.');
+  }
+
+  let boundPromise = reference.bound;
+
+  if (boundPromise === null) {
+    boundPromise = Promise.resolve([]);
+  }
+
+  return encodeFormAction(reference.id, boundPromise);
+}
+
 function isSignatureEqual(referenceId, numberOfBoundArgs) {
   const reference = knownServerReferences.get(this);
 
@@ -733,14 +745,17 @@ function isSignatureEqual(referenceId, numberOfBoundArgs) {
   }
 }
 
-function registerServerReference(proxy, reference) {
+function registerServerReference(proxy, reference, encodeFormAction) {
   // Expose encoder for use by SSR, as well as a special bind that can be used to
   // keep server capabilities.
   {
     // Only expose this in builds that would actually use it. Not needed on the client.
+    const $$FORM_ACTION = encodeFormAction === undefined ? defaultEncodeFormAction : function (identifierPrefix) {
+      return customEncodeFormAction(this, identifierPrefix, encodeFormAction);
+    };
     Object.defineProperties(proxy, {
       $$FORM_ACTION: {
-        value: encodeFormAction
+        value: $$FORM_ACTION
       },
       $$IS_SIGNATURE_EQUAL: {
         value: isSignatureEqual
@@ -764,6 +779,7 @@ function bind() {
   const reference = knownServerReferences.get(this);
 
   if (reference) {
+
     const args = ArraySlice.call(arguments, 1);
     let boundPromise = null;
 
@@ -771,9 +787,26 @@ function bind() {
       boundPromise = Promise.resolve(reference.bound).then(boundArgs => boundArgs.concat(args));
     } else {
       boundPromise = Promise.resolve(args);
+    } // Expose encoder for use by SSR, as well as a special bind that can be used to
+    // keep server capabilities.
+
+
+    {
+      // Only expose this in builds that would actually use it. Not needed on the client.
+      Object.defineProperties(newFn, {
+        $$FORM_ACTION: {
+          value: this.$$FORM_ACTION
+        },
+        $$IS_SIGNATURE_EQUAL: {
+          value: isSignatureEqual
+        },
+        bind: {
+          value: bind
+        }
+      });
     }
 
-    registerServerReference(newFn, {
+    knownServerReferences.set(newFn, {
       id: reference.id,
       bound: boundPromise
     });
@@ -782,7 +815,7 @@ function bind() {
   return newFn;
 }
 
-function createServerReference$1(id, callServer) {
+function createServerReference$1(id, callServer, encodeFormAction) {
   const proxy = function () {
     // $FlowFixMe[method-unbinding]
     const args = Array.prototype.slice.call(arguments);
@@ -792,44 +825,10 @@ function createServerReference$1(id, callServer) {
   registerServerReference(proxy, {
     id,
     bound: null
-  });
+  }, encodeFormAction);
   return proxy;
 }
 
-const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-
-const ContextRegistry = ReactSharedInternals.ContextRegistry;
-function getOrCreateServerContext(globalName) {
-  if (!ContextRegistry[globalName]) {
-    const context = {
-      $$typeof: REACT_SERVER_CONTEXT_TYPE,
-      // As a workaround to support multiple concurrent renderers, we categorize
-      // some renderers as primary and others as secondary. We only expect
-      // there to be two concurrent renderers at most: React Native (primary) and
-      // Fabric (secondary); React DOM (primary) and React ART (secondary).
-      // Secondary renderers store their context values on separate fields.
-      _currentValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _currentValue2: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      _defaultValue: REACT_SERVER_CONTEXT_DEFAULT_VALUE_NOT_LOADED,
-      // Used to track how many concurrent renderers this context currently
-      // supports within in a single renderer. Such as parallel server rendering.
-      _threadCount: 0,
-      // These are circular
-      Provider: null,
-      Consumer: null,
-      _globalName: globalName
-    };
-    context.Provider = {
-      $$typeof: REACT_PROVIDER_TYPE,
-      _context: context
-    };
-
-    ContextRegistry[globalName] = context;
-  }
-
-  return ContextRegistry[globalName];
-}
-
 const ROW_ID = 0;
 const ROW_TAG = 1;
 const ROW_LENGTH = 2;
@@ -1124,17 +1123,20 @@ function reportGlobalError(response, error) {
 }
 
 function createElement(type, key, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: null,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: null
-  };
+  let element;
+
+  {
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      type,
+      key,
+      ref: null,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: null
+    };
+  }
 
   return element;
 }
@@ -1145,6 +1147,7 @@ function createLazyChunkWrapper(chunk) {
     _payload: chunk,
     _init: readChunk
   };
+
   return lazyType;
 }
 
@@ -1225,7 +1228,7 @@ function createServerReferenceProxy(response, metaData) {
     });
   };
 
-  registerServerReference(proxy, metaData);
+  registerServerReference(proxy, metaData, response._encodeFormAction);
   return proxy;
 }
 
@@ -1278,6 +1281,11 @@ function parseModelString(response, parentObject, key, value) {
       case '@':
         {
           // Promise
+          if (value.length === 2) {
+            // Infinite promise that never resolves.
+            return new Promise(() => {});
+          }
+
           const id = parseInt(value.slice(2), 16);
           const chunk = getChunk(response, id);
           return chunk;
@@ -1289,12 +1297,6 @@ function parseModelString(response, parentObject, key, value) {
           return Symbol.for(value.slice(2));
         }
 
-      case 'P':
-        {
-          // Server Context Provider
-          return getOrCreateServerContext(value.slice(2)).Provider;
-        }
-
       case 'F':
         {
           // Server Reference
@@ -1360,6 +1362,8 @@ function parseModelString(response, parentObject, key, value) {
           return BigInt(value.slice(2));
         }
 
+      case 'E':
+
       default:
         {
           // We assume that anything else is a reference ID.
@@ -1379,7 +1383,9 @@ function parseModelString(response, parentObject, key, value) {
 
           switch (chunk.status) {
             case INITIALIZED:
-              return chunk.value;
+              const chunkValue = chunk.value;
+
+              return chunkValue;
 
             case PENDING:
             case BLOCKED:
@@ -1414,12 +1420,13 @@ function missingCall() {
   throw new Error('Trying to call a function from "use server" but the callServer option ' + 'was not implemented in your router runtime.');
 }
 
-function createResponse(bundlerConfig, moduleLoading, callServer, nonce) {
+function createResponse(bundlerConfig, moduleLoading, callServer, encodeFormAction, nonce) {
   const chunks = new Map();
   const response = {
     _bundlerConfig: bundlerConfig,
     _moduleLoading: moduleLoading,
     _callServer: callServer !== undefined ? callServer : missingCall,
+    _encodeFormAction: encodeFormAction,
     _nonce: nonce,
     _chunks: chunks,
     _stringDecoder: createStringDecoder(),
@@ -1562,6 +1569,18 @@ function processFullRow(response, id, tag, buffer, chunk) {
         return;
       }
 
+    case 68
+    /* "D" */
+    :
+
+    case 87
+    /* "W" */
+    :
+      {
+
+        throw new Error('Failed to read a RSC payload created by a development version of React ' + 'on the server while using a production version on the client. Always use ' + 'matching versions on the server and the client.');
+      }
+
     case 80
     /* "P" */
     :
@@ -1746,7 +1765,7 @@ function createServerReference(id, callServer) {
 }
 
 function createFromNodeStream(stream, ssrManifest, options) {
-  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options && typeof options.nonce === 'string' ? options.nonce : undefined);
+  const response = createResponse(ssrManifest.moduleMap, ssrManifest.moduleLoading, noServerCall, options ? options.encodeFormAction : undefined, options && typeof options.nonce === 'string' ? options.nonce : undefined);
   stream.on('data', chunk => {
     processBinaryChunk(response, chunk);
   });
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js
index 0b8079e7e3a485..36d5a9646422ab 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-client.node.unbundled.production.min.js
@@ -7,35 +7,35 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var p=require("util"),r=require("react-dom"),u=require("react"),v={stream:!0};function w(a,b){var d=a[b[0]];if(a=d[b[2]])d=a.name;else{a=d["*"];if(!a)throw Error('Could not find the module "'+b[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');d=b[2]}return{specifier:a.specifier,name:d,async:4===b.length}}var x=new Map;
-function y(a){var b=x.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var g=d;g.status="fulfilled";g.value=c},function(c){var g=d;g.status="rejected";g.reason=c});x.set(a.specifier,d);return d}
-function z(a,b,d){if(null!==a)for(var c=1;c<b.length;c+=2){var g=d,h=A.current;if(h){var l=h.preinitScript,k=a.prefix+b[c];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var A=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,B=Symbol.for("react.element"),C=Symbol.for("react.provider"),D=Symbol.for("react.server_context"),F=Symbol.for("react.lazy"),G=Symbol.for("react.default_value"),H=Symbol.iterator;
-function aa(a){if(null===a||"object"!==typeof a)return null;a=H&&a[H]||a["@@iterator"];return"function"===typeof a?a:null}var ba=Array.isArray,I=Object.getPrototypeOf,ca=Object.prototype,J=new WeakMap;function da(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
-function ea(a,b,d,c){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var t=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(b+t,n);l--;0===l&&d(q)},function(n){c(n)});return"$@"+t.toString(16)}if(ba(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var E=k;e=h++;var m=b+e+"_";f.forEach(function(n,q){E.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
-g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(b+e,f),"$W"+e.toString(16);if(aa(f))return Array.from(f);e=I(f);if(e!==ca&&(null===e||null!==I(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;
-f="$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return da(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=J.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(b+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
-(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?d(a):(k.set(b+"0",a),0===l&&d(k))}var K=new WeakMap;
-function fa(a){var b,d,c=new Promise(function(g,h){b=g;d=h});ea(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}c.status="fulfilled";c.value=g;b(g)},function(g){c.status="rejected";c.reason=g;d(g)});return c}
-function ha(a){var b=J.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var d=null;if(null!==b.bound){d=K.get(b);d||(d=fa(b),K.set(b,d));if("rejected"===d.status)throw d.reason;if("fulfilled"!==d.status)throw d;b=d.value;var c=new FormData;b.forEach(function(g,h){c.append("$ACTION_"+a+":"+h,g)});d=c;b="$ACTION_REF_"+a}else b="$ACTION_ID_"+b.id;return{name:b,method:"POST",encType:"multipart/form-data",data:d}}
-function ia(a,b){var d=J.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(d.id!==a)return!1;var c=d.bound;if(null===c)return 0===b;switch(c.status){case "fulfilled":return c.value.length===b;case "pending":throw c;case "rejected":throw c.reason;default:throw"string"!==typeof c.status&&(c.status="pending",c.then(function(g){c.status="fulfilled";c.value=g},function(g){c.status="rejected";c.reason=g})),c;}}
-function L(a,b){Object.defineProperties(a,{$$FORM_ACTION:{value:ha},$$IS_SIGNATURE_EQUAL:{value:ia},bind:{value:ja}});J.set(a,b)}var ka=Function.prototype.bind,la=Array.prototype.slice;function ja(){var a=ka.apply(this,arguments),b=J.get(this);if(b){var d=la.call(arguments,1),c=null;c=null!==b.bound?Promise.resolve(b.bound).then(function(g){return g.concat(d)}):Promise.resolve(d);L(a,{id:b.id,bound:c})}return a}
-function ma(a,b){function d(){var c=Array.prototype.slice.call(arguments);return b(a,c)}L(d,{id:a,bound:null});return d}var M=u.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ContextRegistry;function N(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}N.prototype=Object.create(Promise.prototype);
-N.prototype.then=function(a,b){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function na(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function R(a,b,d){switch(a.status){case "fulfilled":Q(b,a.value);break;case "pending":case "blocked":case "cyclic":a.value=b;a.reason=d;break;case "rejected":d&&Q(d,a.reason)}}
-function S(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Q(d,b)}}function T(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.value,c=a.reason;a.status="resolved_module";a.value=b;null!==d&&(P(a),R(a,d,c))}}var U=null,V=null;
-function O(a){var b=U,d=V;U=a;V=null;var c=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var g=JSON.parse(c,a._response._fromJSON);if(null!==V&&0<V.deps)V.value=g,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=g;null!==h&&Q(h,g)}}catch(l){a.status="rejected",a.reason=l}finally{U=b,V=d}}
-function P(a){try{var b=a.value,d=x.get(b.specifier);if("fulfilled"===d.status)var c=d.value;else throw d.reason;var g="*"===b.name?c:""===b.name?c.default:c[b.name];a.status="fulfilled";a.value=g}catch(h){a.status="rejected",a.reason=h}}function W(a,b){a._chunks.forEach(function(d){"pending"===d.status&&S(d,b)})}function X(a,b){var d=a._chunks,c=d.get(b);c||(c=new N("pending",null,null,a),d.set(b,c));return c}
-function oa(a,b,d,c){if(V){var g=V;c||g.deps++}else g=V={deps:c?0:1,value:null};return function(h){b[d]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function pa(a){return function(b){return S(a,b)}}
-function qa(a,b){function d(){var g=Array.prototype.slice.call(arguments),h=b.bound;return h?"fulfilled"===h.status?c(b.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return c(b.id,l.concat(g))}):c(b.id,g)}var c=a._callServer;L(d,b);return d}function Y(a,b){a=X(a,b);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
-function ra(a,b,d,c){if("$"===c[0]){if("$"===c)return B;switch(c[1]){case "$":return c.slice(1);case "L":return b=parseInt(c.slice(2),16),a=X(a,b),{$$typeof:F,_payload:a,_init:na};case "@":return b=parseInt(c.slice(2),16),X(a,b);case "S":return Symbol.for(c.slice(2));case "P":return a=c.slice(2),M[a]||(b={$$typeof:D,_currentValue:G,_currentValue2:G,_defaultValue:G,_threadCount:0,Provider:null,Consumer:null,_globalName:a},b.Provider={$$typeof:C,_context:b},M[a]=b),M[a].Provider;case "F":return b=parseInt(c.slice(2),
-16),b=Y(a,b),qa(a,b);case "Q":return b=parseInt(c.slice(2),16),a=Y(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Y(a,b),new Set(a);case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=X(a,c);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return c=
-U,a.then(oa(c,b,d,"cyclic"===a.status),pa(c)),null;default:throw a.reason;}}}return c}function sa(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function ta(a,b,d,c){var g=new Map;a={_bundlerConfig:a,_moduleLoading:b,_callServer:void 0!==d?d:sa,_nonce:c,_chunks:g,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=ua(a);return a}
-function va(a,b,d){var c=a._chunks,g=c.get(b);d=JSON.parse(d,a._fromJSON);var h=w(a._bundlerConfig,d);z(a._moduleLoading,d[1],a._nonce);if(d=y(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),c.set(b,l);d.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):c.set(b,new N("resolved_module",h,null,a))}
-function ua(a){return function(b,d){return"string"===typeof d?ra(a,this,b,d):"object"===typeof d&&null!==d?(b=d[0]===B?{$$typeof:B,type:d[1],key:d[2],ref:null,props:d[3],_owner:null}:d,b):d}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
-exports.createFromNodeStream=function(a,b,d){var c=ta(b.moduleMap,b.moduleLoading,Z,d&&"string"===typeof d.nonce?d.nonce:void 0);a.on("data",function(g){for(var h=0,l=c._rowState,k=c._rowID,e=c._rowTag,f=c._rowLength,t=c._buffer,E=g.length;h<E;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=g.indexOf(10,h);break;case 4:m=
-h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=c._stringDecoder;e="";for(var q=0;q<t.length;q++)e+=n.decode(t[q],v);e+=n.decode(f);switch(h){case 73:va(c,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,c._fromJSON);if(f=A.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;case "m":"string"===typeof e?
-f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
-e.stack="Error: "+e.message;e.digest=f;f=c._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,c));break;case 84:c._chunks.set(k,new N("fulfilled",e,null,c));break;default:f=c._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,c))}h=m;3===l&&h++;f=k=e=l=0;t.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);t.push(g);f-=g.byteLength;break}}c._rowState=l;c._rowID=
-k;c._rowTag=e;c._rowLength=f});a.on("error",function(g){W(c,g)});a.on("end",function(){W(c,Error("Connection closed."))});return X(c,0)};exports.createServerReference=function(a){return ma(a,Z)};
+'use strict';var p=require("util"),r=require("react-dom"),t={stream:!0};function v(a,c){var d=a[c[0]];if(a=d[c[2]])d=a.name;else{a=d["*"];if(!a)throw Error('Could not find the module "'+c[0]+'" in the React SSR Manifest. This is probably a bug in the React Server Components bundler.');d=c[2]}return{specifier:a.specifier,name:d,async:4===c.length}}var w=new Map;
+function x(a){var c=w.get(a.specifier);if(c)return"fulfilled"===c.status?null:c;var d=import(a.specifier);a.async&&(d=d.then(function(b){return b.default}));d.then(function(b){var g=d;g.status="fulfilled";g.value=b},function(b){var g=d;g.status="rejected";g.reason=b});w.set(a.specifier,d);return d}
+function y(a,c,d){if(null!==a)for(var b=1;b<c.length;b+=2){var g=d,h=z.current;if(h){var l=h.preinitScript,k=a.prefix+c[b];var e=a.crossOrigin;e="string"===typeof e?"use-credentials"===e?e:"":void 0;l.call(h,k,{crossOrigin:e,nonce:g})}}}var z=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),B=Symbol.for("react.lazy"),C=Symbol.iterator;
+function E(a){if(null===a||"object"!==typeof a)return null;a=C&&a[C]||a["@@iterator"];return"function"===typeof a?a:null}var F=Array.isArray,G=Object.getPrototypeOf,H=Object.prototype,I=new WeakMap;function aa(a){return Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN"}
+function ba(a,c,d,b){function g(e,f){if(null===f)return null;if("object"===typeof f){if("function"===typeof f.then){null===k&&(k=new FormData);l++;var u=h++;f.then(function(n){n=JSON.stringify(n,g);var q=k;q.append(c+u,n);l--;0===l&&d(q)},function(n){b(n)});return"$@"+u.toString(16)}if(F(f))return f;if(f instanceof FormData){null===k&&(k=new FormData);var D=k;e=h++;var m=c+e+"_";f.forEach(function(n,q){D.append(m+q,n)});return"$K"+e.toString(16)}if(f instanceof Map)return f=JSON.stringify(Array.from(f),
+g),null===k&&(k=new FormData),e=h++,k.append(c+e,f),"$Q"+e.toString(16);if(f instanceof Set)return f=JSON.stringify(Array.from(f),g),null===k&&(k=new FormData),e=h++,k.append(c+e,f),"$W"+e.toString(16);if(E(f))return Array.from(f);e=G(f);if(e!==H&&(null===e||null!==G(e)))throw Error("Only plain objects, and a few built-ins, can be passed to Server Actions. Classes or null prototypes are not supported.");return f}if("string"===typeof f){if("Z"===f[f.length-1]&&this[e]instanceof Date)return"$D"+f;f=
+"$"===f[0]?"$"+f:f;return f}if("boolean"===typeof f)return f;if("number"===typeof f)return aa(f);if("undefined"===typeof f)return"$undefined";if("function"===typeof f){f=I.get(f);if(void 0!==f)return f=JSON.stringify(f,g),null===k&&(k=new FormData),e=h++,k.set(c+e,f),"$F"+e.toString(16);throw Error("Client Functions cannot be passed directly to Server Functions. Only Functions passed from the Server can be passed back again.");}if("symbol"===typeof f){e=f.description;if(Symbol.for(e)!==f)throw Error("Only global symbols received from Symbol.for(...) can be passed to Server Functions. The symbol Symbol.for("+
+(f.description+") cannot be found among global symbols."));return"$S"+e}if("bigint"===typeof f)return"$n"+f.toString(10);throw Error("Type "+typeof f+" is not supported as an argument to a Server Function.");}var h=1,l=0,k=null;a=JSON.stringify(a,g);null===k?d(a):(k.set(c+"0",a),0===l&&d(k))}var J=new WeakMap;
+function ca(a){var c,d,b=new Promise(function(g,h){c=g;d=h});ba(a,"",function(g){if("string"===typeof g){var h=new FormData;h.append("0",g);g=h}b.status="fulfilled";b.value=g;c(g)},function(g){b.status="rejected";b.reason=g;d(g)});return b}
+function da(a){var c=I.get(this);if(!c)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var d=null;if(null!==c.bound){d=J.get(c);d||(d=ca(c),J.set(c,d));if("rejected"===d.status)throw d.reason;if("fulfilled"!==d.status)throw d;c=d.value;var b=new FormData;c.forEach(function(g,h){b.append("$ACTION_"+a+":"+h,g)});d=b;c="$ACTION_REF_"+a}else c="$ACTION_ID_"+c.id;return{name:c,method:"POST",encType:"multipart/form-data",data:d}}
+function K(a,c){var d=I.get(this);if(!d)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");if(d.id!==a)return!1;var b=d.bound;if(null===b)return 0===c;switch(b.status){case "fulfilled":return b.value.length===c;case "pending":throw b;case "rejected":throw b.reason;default:throw"string"!==typeof b.status&&(b.status="pending",b.then(function(g){b.status="fulfilled";b.value=g},function(g){b.status="rejected";b.reason=g})),b;}}
+function L(a,c,d){Object.defineProperties(a,{$$FORM_ACTION:{value:void 0===d?da:function(){var b=I.get(this);if(!b)throw Error("Tried to encode a Server Action from a different instance than the encoder is from. This is a bug in React.");var g=b.bound;null===g&&(g=Promise.resolve([]));return d(b.id,g)}},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,c)}var ea=Function.prototype.bind,fa=Array.prototype.slice;
+function M(){var a=ea.apply(this,arguments),c=I.get(this);if(c){var d=fa.call(arguments,1),b=null;b=null!==c.bound?Promise.resolve(c.bound).then(function(g){return g.concat(d)}):Promise.resolve(d);Object.defineProperties(a,{$$FORM_ACTION:{value:this.$$FORM_ACTION},$$IS_SIGNATURE_EQUAL:{value:K},bind:{value:M}});I.set(a,{id:c.id,bound:b})}return a}function ha(a,c,d){function b(){var g=Array.prototype.slice.call(arguments);return c(a,g)}L(b,{id:a,bound:null},d);return b}
+function N(a,c,d,b){this.status=a;this.value=c;this.reason=d;this._response=b}N.prototype=Object.create(Promise.prototype);N.prototype.then=function(a,c){switch(this.status){case "resolved_model":O(this);break;case "resolved_module":P(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":case "cyclic":a&&(null===this.value&&(this.value=[]),this.value.push(a));c&&(null===this.reason&&(this.reason=[]),this.reason.push(c));break;default:c(this.reason)}};
+function ia(a){switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":throw a;default:throw a.reason;}}function Q(a,c){for(var d=0;d<a.length;d++)(0,a[d])(c)}function R(a,c,d){switch(a.status){case "fulfilled":Q(c,a.value);break;case "pending":case "blocked":case "cyclic":a.value=c;a.reason=d;break;case "rejected":d&&Q(d,a.reason)}}
+function S(a,c){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=c;null!==d&&Q(d,c)}}function T(a,c){if("pending"===a.status||"blocked"===a.status){var d=a.value,b=a.reason;a.status="resolved_module";a.value=c;null!==d&&(P(a),R(a,d,b))}}var U=null,V=null;
+function O(a){var c=U,d=V;U=a;V=null;var b=a.value;a.status="cyclic";a.value=null;a.reason=null;try{var g=JSON.parse(b,a._response._fromJSON);if(null!==V&&0<V.deps)V.value=g,a.status="blocked",a.value=null,a.reason=null;else{var h=a.value;a.status="fulfilled";a.value=g;null!==h&&Q(h,g)}}catch(l){a.status="rejected",a.reason=l}finally{U=c,V=d}}
+function P(a){try{var c=a.value,d=w.get(c.specifier);if("fulfilled"===d.status)var b=d.value;else throw d.reason;var g="*"===c.name?b:""===c.name?b.default:b[c.name];a.status="fulfilled";a.value=g}catch(h){a.status="rejected",a.reason=h}}function W(a,c){a._chunks.forEach(function(d){"pending"===d.status&&S(d,c)})}function X(a,c){var d=a._chunks,b=d.get(c);b||(b=new N("pending",null,null,a),d.set(c,b));return b}
+function ja(a,c,d,b){if(V){var g=V;b||g.deps++}else g=V={deps:b?0:1,value:null};return function(h){c[d]=h;g.deps--;0===g.deps&&"blocked"===a.status&&(h=a.value,a.status="fulfilled",a.value=g.value,null!==h&&Q(h,g.value))}}function ka(a){return function(c){return S(a,c)}}
+function la(a,c){function d(){var g=Array.prototype.slice.call(arguments),h=c.bound;return h?"fulfilled"===h.status?b(c.id,h.value.concat(g)):Promise.resolve(h).then(function(l){return b(c.id,l.concat(g))}):b(c.id,g)}var b=a._callServer;L(d,c,a._encodeFormAction);return d}function Y(a,c){a=X(a,c);switch(a.status){case "resolved_model":O(a)}switch(a.status){case "fulfilled":return a.value;default:throw a.reason;}}
+function ma(a,c,d,b){if("$"===b[0]){if("$"===b)return A;switch(b[1]){case "$":return b.slice(1);case "L":return c=parseInt(b.slice(2),16),a=X(a,c),{$$typeof:B,_payload:a,_init:ia};case "@":if(2===b.length)return new Promise(function(){});c=parseInt(b.slice(2),16);return X(a,c);case "S":return Symbol.for(b.slice(2));case "F":return c=parseInt(b.slice(2),16),c=Y(a,c),la(a,c);case "Q":return c=parseInt(b.slice(2),16),a=Y(a,c),new Map(a);case "W":return c=parseInt(b.slice(2),16),a=Y(a,c),new Set(a);case "I":return Infinity;
+case "-":return"$-0"===b?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(b.slice(2)));case "n":return BigInt(b.slice(2));default:b=parseInt(b.slice(1),16);a=X(a,b);switch(a.status){case "resolved_model":O(a);break;case "resolved_module":P(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":case "cyclic":return b=U,a.then(ja(b,c,d,"cyclic"===a.status),ka(b)),null;default:throw a.reason;}}}return b}
+function na(){throw Error('Trying to call a function from "use server" but the callServer option was not implemented in your router runtime.');}function oa(a,c,d,b,g){var h=new Map;a={_bundlerConfig:a,_moduleLoading:c,_callServer:void 0!==d?d:na,_encodeFormAction:b,_nonce:g,_chunks:h,_stringDecoder:new p.TextDecoder,_fromJSON:null,_rowState:0,_rowID:0,_rowTag:0,_rowLength:0,_buffer:[]};a._fromJSON=pa(a);return a}
+function qa(a,c,d){var b=a._chunks,g=b.get(c);d=JSON.parse(d,a._fromJSON);var h=v(a._bundlerConfig,d);y(a._moduleLoading,d[1],a._nonce);if(d=x(h)){if(g){var l=g;l.status="blocked"}else l=new N("blocked",null,null,a),b.set(c,l);d.then(function(){return T(l,h)},function(k){return S(l,k)})}else g?T(g,h):b.set(c,new N("resolved_module",h,null,a))}
+function pa(a){return function(c,d){return"string"===typeof d?ma(a,this,c,d):"object"===typeof d&&null!==d?(c=d[0]===A?{$$typeof:A,type:d[1],key:d[2],ref:null,props:d[3],_owner:null}:d,c):d}}function Z(){throw Error("Server Functions cannot be called during initial render. This would create a fetch waterfall. Try to use a Server Component to pass data to Client Components instead.");}
+exports.createFromNodeStream=function(a,c,d){var b=oa(c.moduleMap,c.moduleLoading,Z,d?d.encodeFormAction:void 0,d&&"string"===typeof d.nonce?d.nonce:void 0);a.on("data",function(g){for(var h=0,l=b._rowState,k=b._rowID,e=b._rowTag,f=b._rowLength,u=b._buffer,D=g.length;h<D;){var m=-1;switch(l){case 0:m=g[h++];58===m?l=1:k=k<<4|(96<m?m-87:m-48);continue;case 1:l=g[h];84===l?(e=l,l=2,h++):64<l&&91>l?(e=l,l=3,h++):(e=0,l=3);continue;case 2:m=g[h++];44===m?l=4:f=f<<4|(96<m?m-87:m-48);continue;case 3:m=
+g.indexOf(10,h);break;case 4:m=h+f,m>g.length&&(m=-1)}var n=g.byteOffset+h;if(-1<m){f=new Uint8Array(g.buffer,n,m-h);h=e;n=b._stringDecoder;e="";for(var q=0;q<u.length;q++)e+=n.decode(u[q],t);e+=n.decode(f);switch(h){case 73:qa(b,k,e);break;case 72:k=e[0];e=e.slice(1);e=JSON.parse(e,b._fromJSON);if(f=z.current)switch(k){case "D":f.prefetchDNS(e);break;case "C":"string"===typeof e?f.preconnect(e):f.preconnect(e[0],e[1]);break;case "L":k=e[0];h=e[1];3===e.length?f.preload(k,h,e[2]):f.preload(k,h);break;
+case "m":"string"===typeof e?f.preloadModule(e):f.preloadModule(e[0],e[1]);break;case "S":"string"===typeof e?f.preinitStyle(e):f.preinitStyle(e[0],0===e[1]?void 0:e[1],3===e.length?e[2]:void 0);break;case "X":"string"===typeof e?f.preinitScript(e):f.preinitScript(e[0],e[1]);break;case "M":"string"===typeof e?f.preinitModuleScript(e):f.preinitModuleScript(e[0],e[1])}break;case 69:e=JSON.parse(e);f=e.digest;e=Error("An error occurred in the Server Components render. The specific message is omitted in production builds to avoid leaking sensitive details. A digest property is included on this error instance which may provide additional details about the nature of the error.");
+e.stack="Error: "+e.message;e.digest=f;f=b._chunks;(h=f.get(k))?S(h,e):f.set(k,new N("rejected",null,e,b));break;case 84:b._chunks.set(k,new N("fulfilled",e,null,b));break;case 68:case 87:throw Error("Failed to read a RSC payload created by a development version of React on the server while using a production version on the client. Always use matching versions on the server and the client.");default:f=b._chunks,(h=f.get(k))?(k=h,"pending"===k.status&&(f=k.value,h=k.reason,k.status="resolved_model",
+k.value=e,null!==f&&(O(k),R(k,f,h)))):f.set(k,new N("resolved_model",e,null,b))}h=m;3===l&&h++;f=k=e=l=0;u.length=0}else{g=new Uint8Array(g.buffer,n,g.byteLength-h);u.push(g);f-=g.byteLength;break}}b._rowState=l;b._rowID=k;b._rowTag=e;b._rowLength=f});a.on("error",function(g){W(b,g)});a.on("end",function(){W(b,Error("Connection closed."))});return X(b,0)};exports.createServerReference=function(a){return ha(a,Z)};
 
 //# sourceMappingURL=react-server-dom-webpack-client.node.unbundled.production.min.js.map
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 99601f87257043..1cbf5b03fcd10b 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
@@ -62,7 +62,7 @@ var enablePostpone = false;
 function scheduleWork(callback) {
   callback();
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return chunk.byteLength;
 }
@@ -159,10 +152,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -174,7 +167,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -195,6 +188,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -221,13 +222,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -266,6 +270,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -307,6 +315,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -347,6 +359,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -688,13 +704,16 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = false;
+var requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -718,146 +737,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -986,29 +865,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1019,8 +882,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1053,6 +916,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1078,20 +945,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1229,6 +1098,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1239,7 +1112,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1285,6 +1166,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1363,6 +1250,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1413,9 +1302,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1425,7 +1314,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1480,7 +1369,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1511,21 +1400,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1536,13 +1423,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1678,14 +1570,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1700,47 +1714,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1749,19 +1752,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1781,16 +1782,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1859,13 +1895,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1884,7 +1920,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1904,13 +1940,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -1990,110 +2027,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
-
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+var modelRoot = false;
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2101,61 +2105,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
 
-    var _writtenObjects = request.writtenObjects;
+          var props = element.props;
+          var ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2169,7 +2264,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2181,14 +2276,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2203,9 +2298,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2233,19 +2328,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2263,7 +2360,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2278,17 +2375,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2347,8 +2465,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2388,62 +2509,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2469,6 +2607,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2681,11 +2823,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3408,7 +3545,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 9270d6f55923f9..f719779fc7233b 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
@@ -10,8 +10,8 @@
 
 'use strict';
 
-var ReactDOM = require('react-dom');
 var React = require('react');
+var ReactDOM = require('react-dom');
 
 // -----------------------------------------------------------------------------
 const enablePostpone = false;
@@ -19,7 +19,7 @@ const enablePostpone = false;
 function scheduleWork(callback) {
   callback();
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -110,10 +109,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -125,7 +124,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -146,6 +145,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -172,13 +172,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -217,6 +220,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -258,6 +265,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -298,6 +309,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -641,13 +656,16 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = false;
+const requestStorage = null;
+
 // ATTENTION
 // When adding new symbols to this file,
 // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -671,146 +689,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -939,16 +817,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -962,8 +837,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -999,6 +874,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1024,14 +903,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1110,6 +997,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1120,7 +1011,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1166,6 +1064,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1213,6 +1117,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1292,7 +1198,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1323,21 +1229,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1348,13 +1248,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1488,61 +1384,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1551,19 +1503,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1581,14 +1531,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1657,13 +1623,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1682,7 +1648,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1702,13 +1668,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1788,91 +1755,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1880,9 +1833,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1902,20 +1916,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -1928,8 +1942,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -1943,7 +1956,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -1963,7 +1976,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -1993,19 +2006,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2022,7 +2034,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2037,17 +2049,38 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) ; else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) ; else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2117,62 +2150,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2198,6 +2223,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2385,11 +2411,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3095,7 +3116,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js
index 42c01d410211d7..bae295f6c8bf37 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.browser.production.min.js
@@ -7,74 +7,71 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react-dom"),ba=require("react"),l=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(512),n=0),a.enqueue(b);else{var d=l.length-n;d<b.byteLength&&(0===d?a.enqueue(l):(l.set(b.subarray(0,d),n),a.enqueue(l),b=b.subarray(d)),l=new Uint8Array(512),n=0);l.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
-var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("react"),ba=require("react-dom"),l=null,n=0;function p(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<n&&(a.enqueue(new Uint8Array(l.buffer,0,n)),l=new Uint8Array(2048),n=0),a.enqueue(b);else{var c=l.length-n;c<b.byteLength&&(0===c?a.enqueue(l):(l.set(b.subarray(0,c),n),a.enqueue(l),b=b.subarray(c)),l=new Uint8Array(2048),n=0);l.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,c){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:c}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
+var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function ja(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=u({},a.$$id,!0),e=new Proxy(c,ka);a.status="fulfilled";a.value=e;return a.then=u(function(g){return Promise.resolve(g(e))},a.$$id+"#then",!1)}c=a[b];c||(c=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c}
-var ka={get:function(a,b){return ja(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:ja(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");}},sa={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};
-function la(a){if("string"===typeof a&&a){var b=v?v:null;if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),w(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?w(d,"C",[a,b]):w(d,"C",a))}}}
-function na(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,g="L";if("image"===b&&d){var f=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof f&&""!==f?(h+="["+f+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;g+="[image]"+h}else g+="["+b+"]"+a;e.has(g)||(e.add(g),(d=y(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"m",[a,b]):w(d,"m",a)}}}
-function pa(a,b,d){if("string"===typeof a){var c=v?v:null;if(c){var e=c.hints,g="S|"+a;if(!e.has(g))return e.add(g),(d=y(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function qa(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"X",[a,b]):w(d,"X",a)}}}
-function ra(a,b){if("string"===typeof a){var d=v?v:null;if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"M",[a,b]):w(d,"M",a)}}}function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}
-var ta=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,z=Symbol.for("react.element"),ua=Symbol.for("react.fragment"),va=Symbol.for("react.server_context"),wa=Symbol.for("react.forward_ref"),xa=Symbol.for("react.suspense"),ya=Symbol.for("react.suspense_list"),za=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Aa=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Ba=Symbol.iterator,B=null;
-function C(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");C(a,d);b.context._currentValue=b.value}}}function Ca(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ca(a)}
-function Da(a){var b=a.parent;null!==b&&Da(b);a.context._currentValue=a.value}function Ea(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?C(a,b):Ea(a,b)}
-function Fa(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?C(a,d):Fa(a,d);b.context._currentValue=b.value}var Ga=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ha(){}function Ia(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ha,Ha),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}D=b;throw Ga;}}var D=null;
-function Ja(){if(null===D)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=D;D=null;return a}var E=null,F=0,G=null;function Ka(){var a=G;G=null;return a}function La(a){return a._currentValue}
-var Pa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:La,useContext:La,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ma,useSyncExternalStore:H,useCacheRefresh:function(){return Na},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Aa;return b},use:Oa};
-function H(){throw Error("This Hook is not supported in Server Components.");}function Na(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ma(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
-function Oa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=F;F+=1;null===G&&(G=[]);return Ia(G,a,b)}if(a.$$typeof===va)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Qa(){return(new AbortController).signal}function Ra(){var a=v?v:null;return a?a.cache:new Map}
-var Sa={getCacheSignal:function(){var a=Ra(),b=a.get(Qa);void 0===b&&(b=Qa(),a.set(Qa,b));return b},getCacheForType:function(a){var b=Ra(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Ta=Array.isArray,Ua=Object.getPrototypeOf;function Va(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function Wa(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ta(a))return"[...]";a=Va(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function I(a){if("string"===typeof a)return a;switch(a){case xa:return"Suspense";case ya:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case wa:return I(a.render);case za:return I(a.type);case A:var b=a._payload;a=a._init;try{return I(a(b))}catch(d){}}return""}
-function J(a,b){var d=Va(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Ta(a)){var e="[";for(var g=0;g<a.length;g++){0<g&&(e+=", ");var f=a[g];f="object"===typeof f&&null!==f?J(f):Wa(f);""+g===b?(d=e.length,c=f.length,e+=f):e=10>f.length&&40>e.length+f.length?e+f:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+I(a.type)+"/>";else{e="{";g=Object.keys(a);for(f=0;f<g.length;f++){0<f&&(e+=", ");var k=g[f],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?J(h):
-Wa(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var Xa=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Ya=ba.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!Ya)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 Za=Object.prototype,K=JSON.stringify,$a=Ya.ReactCurrentCache,ab=Xa.ReactCurrentDispatcher;function bb(a){console.error(a)}function cb(){}
-function db(a,b,d,c,e,g){if(null!==$a.current&&$a.current!==Sa)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;$a.current=Sa;var f=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?bb:d,onPostpone:void 0===g?cb:g,toJSON:function(m,x){return eb(h,this,m,x)}};h.pendingChunks++;a=L(h,a,null,f);c.push(a);return h}var v=null;
-function fb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,gb(a,d),d.id;case "rejected":var c=M(a,b.reason);N(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;gb(a,d)},function(e){d.status=4;e=M(a,e);N(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&O(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(d=a.destination,a.flushScheduled=!0,O(a,d))}function hb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function ib(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:hb}}
-function P(a,b,d,c,e,g){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=g;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:ib(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===ua?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var f=
-b._init;b=f(b._payload);return P(a,b,d,c,e,g);case wa:return a=b.render,F=0,G=g,a(e,void 0);case za:return P(a,b.type,d,c,e,g)}}throw Error("Unsupported Server Component type: "+Wa(b));}function gb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,jb(a))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return gb(a,e)},thenableState:null};c.add(e);return e}function Q(a){return"$"+a.toString(16)}
-function kb(a,b,d){a=K(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function lb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,g=a.writtenClientReferences,f=g.get(e);if(void 0!==f)return b[0]===z&&"1"===d?"$L"+f.toString(16):Q(f);try{var k=a.bundlerConfig,h=c.$$id;f="";var m=k[h];if(m)f=m.name;else{var x=h.lastIndexOf("#");-1!==x&&(f=h.slice(x+1),m=k[h.slice(0,x)]);if(!m)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var Db=!0===c.$$async?[m.id,m.chunks,f,1]:[m.id,m.chunks,
-f];a.pendingChunks++;var X=a.nextChunkId++,Eb=K(Db),Fb=X.toString(16)+":I"+Eb+"\n",Gb=q.encode(Fb);a.completedImportChunks.push(Gb);g.set(e,X);return b[0]===z&&"1"===d?"$L"+X.toString(16):Q(X)}catch(Hb){return a.pendingChunks++,b=a.nextChunkId++,d=M(a,Hb),N(a,b,d),Q(b)}}function R(a,b){a.pendingChunks++;b=L(a,b,B,a.abortableTasks);mb(a,b);return b.id}var S=!1;
-function eb(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,g=e.get(c);if(void 0!==g){if(-1===g){var f=R(a,c);return Q(f)}if(S===c)S=null;else return Q(g)}else e.set(c,-1);var k=c;c=P(a,k.type,k.key,k.ref,k.props,null);break;case A:var h=c._init;c=h(c._payload)}}catch(m){b=m===Ga?Ja():m;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=L(a,c,B,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=Ka(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=M(a,b);N(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===r)return lb(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(S===c)S=null;else return"$@"+d.toString(16);a=fb(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=R(a,c),Q(a);if(S===c)S=null;else return Q(d)}else b.set(c,-1);if(Ta(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+R(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+R(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Ba&&c[Ba]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Ua(c);if(a!==
-Za&&(null===a||null!==Ua(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,c=q.encode(c),d=c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",d=q.encode(d),a.completedRegularChunks.push(d,c),Q(b);a="$"===c[0]?"$"+c:c;return a}if("boolean"===
-typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===r)return lb(a,b,d,c);if(c.$$typeof===t)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=R(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-J(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+J(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;g=e.get(c);if(void 0!==g)return Q(g);g=c.description;if(Symbol.for(g)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-J(b,d));a.pendingChunks++;b=a.nextChunkId++;d=kb(a,b,"$S"+g);a.completedImportChunks.push(d);e.set(c,b);return Q(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+J(b,d));}
-function M(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function nb(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
-function N(a,b,d){d={digest:d};b=b.toString(16)+":E"+K(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function mb(a,b){if(0===b.status){var d=B,c=b.context;d!==c&&(null===d?Da(c):null===c?Ca(d):d.depth===c.depth?C(d,c):d.depth>c.depth?Ea(d,c):Fa(d,c),B=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===z){a.writtenObjects.set(e,b.id);d=e;var g=b.thenableState;b.model=e;e=P(a,d.type,d.key,d.ref,d.props,g);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===z;)a.writtenObjects.set(e,b.id),g=e,b.model=e,e=P(a,g.type,g.key,g.ref,g.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var f=b.id;S=e;var k=K(e,a.toJSON),h=f.toString(16)+":"+k+"\n",m=q.encode(h);a.completedRegularChunks.push(m);a.abortableTasks.delete(b);b.status=1}catch(x){f=x===Ga?Ja():x,"object"===typeof f&&null!==f&&"function"===typeof f.then?(a=b.ping,f.then(a,a),b.thenableState=Ka()):(a.abortableTasks.delete(b),b.status=4,f=M(a,f),N(a,b.id,f))}}}
-function jb(a){var b=ab.current;ab.current=Pa;var d=v;E=v=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)mb(a,c[e]);null!==a.destination&&O(a,a.destination)}catch(g){M(a,g),nb(a,g)}finally{ab.current=b,E=null,v=d}}
-function O(a,b){l=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var g=a.completedRegularChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c);var f=a.completedErrorChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c)}finally{a.flushScheduled=!1,l&&0<n&&(b.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}0===a.pendingChunks&&
-b.close()}function ob(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,g=M(a,e);N(a,c,g,e);d.forEach(function(f){f.status=3;var k=Q(c);f=kb(a,f.id,k);a.completedErrorChunks.push(f)});d.clear()}null!==a.destination&&O(a,a.destination)}catch(f){M(a,f),nb(a,f)}}
-function pb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var T=new Map;
-function qb(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function rb(){}
-function sb(a){for(var b=a[1],d=[],c=0;c<b.length;){var e=b[c++],g=b[c++],f=T.get(e);void 0===f?(tb.set(e,g),g=__webpack_chunk_load__(e),d.push(g),f=T.set.bind(T,e,null),g.then(f,rb),T.set(e,g)):null!==f&&d.push(f)}return 4===a.length?0===d.length?qb(a[0]):Promise.all(d).then(function(){return qb(a[0])}):0<d.length?Promise.all(d):null}
-function U(a){var b=__webpack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}var tb=new Map,ub=__webpack_require__.u;__webpack_require__.u=function(a){var b=tb.get(a);return void 0!==b?b:ub(a)};function V(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}V.prototype=Object.create(Promise.prototype);
-V.prototype.then=function(a,b){switch(this.status){case "resolved_model":vb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function wb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function xb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&wb(d,b)}}function yb(a,b,d,c,e,g){var f=pb(a._bundlerConfig,b);a=sb(f);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=U(f);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return U(f)});else return U(f);d.then(zb(c,e,g),Ab(c));return null}var W=null,Y=null;
-function vb(a){var b=W,d=Y;W=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{W=b,Y=d}}function Bb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&xb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new V("resolved_model",c,null,a):new V("pending",null,null,a),d.set(b,c));return c}function zb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&wb(e,c.value))}}function Ab(a){return function(b){return xb(a,b)}}
-function Cb(a,b){a=Z(a,b);"resolved_model"===a.status&&vb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Ib(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Cb(a,c),yb(a,c.id,c.bound,W,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Cb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Cb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",g=new FormData;a._formData.forEach(function(f,k){k.startsWith(e)&&g.append(k.slice(e.length),
-f)});return g;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":vb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=W,a.then(zb(c,b,d),Ab(c)),null;default:throw a.reason;}}return c}
-function Jb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(g,f){return"string"===typeof f?Ib(e,this,g,f):f}};return e}function Kb(a){Bb(a,Error("Connection closed."))}function Lb(a,b,d){var c=pb(a,b);a=sb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var g=U(c);return g.bind.apply(g,[null].concat(e))}):a?Promise.resolve(a).then(function(){return U(c)}):Promise.resolve(U(c))}
-function Mb(a,b,d){a=Jb(b,d,a);Kb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ka)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,g){g.startsWith("$ACTION_")?g.startsWith("$ACTION_REF_")?(e="$ACTION_"+g.slice(12)+":",e=Mb(a,b,e),c=Lb(b,e.id,e.bound)):g.startsWith("$ACTION_ID_")&&(e=g.slice(11),c=Lb(b,e,null)):d.append(g,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(f,k){k.startsWith("$ACTION_REF_")&&(f="$ACTION_"+k.slice(12)+":",e=Mb(b,d,f))});if(null===e)return Promise.resolve(null);var g=e.id;return Promise.resolve(e.bound).then(function(f){return null===f?null:[a,c,g,f.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Jb(b,"",a);b=Z(a,0);Kb(a);return b};
-exports.registerClientReference=function(a,b,d){return u(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
-exports.renderToReadableStream=function(a,b,d){var c=db(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)ob(c,e.reason);else{var g=function(){ob(c,e.reason);e.removeEventListener("abort",g)};e.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){c.flushScheduled=null!==c.destination;jb(c)},pull:function(f){if(1===c.status)c.status=2,ca(f,c.fatalError);else if(2!==c.status&&null===
-c.destination){c.destination=f;try{O(c,f)}catch(k){M(c,k),nb(c,k)}}},cancel:function(f){c.destination=null;ob(c,f)}},{highWaterMark:0})};
+function ja(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=u({},a.$$id,!0),e=new Proxy(d,ka);a.status="fulfilled";a.value=e;return a.then=u(function(g){return Promise.resolve(g(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ia));return d}
+var ka={get:function(a,b){return ja(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ja(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");}},sa={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};
+function la(a){if("string"===typeof a&&a){var b=w?w:null;if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),x(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function na(a,b,c){if("string"===typeof a){var d=w?w:null;if(d){var e=d.hints,g="L";if("image"===b&&c){var f=c.imageSrcSet,h=c.imageSizes,k="";"string"===typeof f&&""!==f?(k+="["+f+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;g+="[image]"+k}else g+="["+b+"]"+a;e.has(g)||(e.add(g),(c=z(c))?x(d,"L",[a,b,c]):x(d,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=z(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function pa(a,b,c){if("string"===typeof a){var d=w?w:null;if(d){var e=d.hints,g="S|"+a;if(!e.has(g))return e.add(g),(c=z(c))?x(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(d,"S",[a,b]):x(d,"S",a)}}}function qa(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=z(b))?x(c,"X",[a,b]):x(c,"X",a)}}}
+function ra(a,b){if("string"===typeof a){var c=w?w:null;if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=z(b))?x(c,"M",[a,b]):x(c,"M",a)}}}function z(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}
+var ta=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A=Symbol.for("react.element"),ua=Symbol.for("react.fragment"),va=Symbol.for("react.context"),wa=Symbol.for("react.forward_ref"),xa=Symbol.for("react.suspense"),ya=Symbol.for("react.suspense_list"),za=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),Aa=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Ba=Symbol.iterator,Ca=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Da(){}function Ea(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Da,Da),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}D=b;throw Ca;}}var D=null;
+function Fa(){if(null===D)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=D;D=null;return a}var E=null,Ga=0,F=null;function Ha(){var a=F||[];F=null;return a}
+var Ma={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:G,useTransition:G,readContext:Ia,useContext:Ia,useReducer:G,useRef:G,useState:G,useInsertionEffect:G,useLayoutEffect:G,useImperativeHandle:G,useEffect:G,useId:Ja,useSyncExternalStore:G,useCacheRefresh:function(){return Ka},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Aa;return b},use:La};
+function G(){throw Error("This Hook is not supported in Server Components.");}function Ka(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ia(){throw Error("Cannot read a Client Context from a Server Component.");}function Ja(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
+function La(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ga;Ga+=1;null===F&&(F=[]);return Ea(F,a,b)}a.$$typeof===va&&Ia()}if(a.$$typeof===r){if(null!=a.value&&a.value.$$typeof===va)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Na(){return(new AbortController).signal}
+function Oa(){var a=w?w:null;return a?a.cache:new Map}var Pa={getCacheSignal:function(){var a=Oa(),b=a.get(Na);void 0===b&&(b=Na(),a.set(Na,b));return b},getCacheForType:function(a){var b=Oa(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Qa=Array.isArray,Ra=Object.getPrototypeOf;function Sa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Ta(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Qa(a))return"[...]";if(null!==a&&a.$$typeof===Ua)return"client";a=Sa(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Ua?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function H(a){if("string"===typeof a)return a;switch(a){case xa:return"Suspense";case ya:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case wa:return H(a.render);case za:return H(a.type);case C:var b=a._payload;a=a._init;try{return H(a(b))}catch(c){}}return""}var Ua=Symbol.for("react.client.reference");
+function I(a,b){var c=Sa(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Qa(a)){var e="[";for(var g=0;g<a.length;g++){0<g&&(e+=", ");var f=a[g];f="object"===typeof f&&null!==f?I(f):Ta(f);""+g===b?(c=e.length,d=f.length,e+=f):e=10>f.length&&40>e.length+f.length?e+f:e+"..."}e+="]"}else if(a.$$typeof===A)e="<"+H(a.type)+"/>";else{if(a.$$typeof===Ua)return"client";e="{";g=Object.keys(a);for(f=0;f<g.length;f++){0<f&&(e+=", ");var h=g[f],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k=
+"object"===typeof k&&null!==k?I(k):Ta(k);h===b?(c=e.length,d=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Va=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Wa=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Wa)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 Xa=Object.prototype,J=JSON.stringify,Ya=Wa.ReactCurrentCache,Za=Va.ReactCurrentDispatcher;function $a(a){console.error(a)}function ab(){}
+function bb(a,b,c,d,e){if(null!==Ya.current&&Ya.current!==Pa)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;Ya.current=Pa;var g=new Set,f=[],h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:g,pingedTasks:f,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?$a:c,onPostpone:void 0===e?ab:e};a=K(b,a,null,!1,g);f.push(a);return b}var w=null;
+function cb(a,b,c){var d=K(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,db(a,d),d.id;case "rejected":return b=L(a,c.reason),M(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;db(a,d)},function(e){d.status=4;e=L(a,e);M(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&N(a,a.destination)});return d.id}function x(a,b,c){c=J(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;c=q.encode(b+c+"\n");a.completedHintChunks.push(c);!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination&&(c=a.destination,a.flushScheduled=!0,N(a,c))}function eb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function fb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:eb}}
+function gb(a,b,c,d,e){var g=b.thenableState;b.thenableState=null;Ga=0;F=g;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=fb(d)}e=b.keyPath;g=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=O(a,b,P,"",d);b.keyPath=e;b.implicitSlot=g;return a}
+function hb(a,b,c,d,e,g){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===r?[A,c,d,g]:gb(a,b,d,c,g);if("string"===typeof c)return[A,c,d,g];if("symbol"===typeof c)return c===ua&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=O(a,b,P,"",g.children),b.implicitSlot=d,a):[A,c,d,g];if(null!=c&&"object"===typeof c){if(c.$$typeof===r)return[A,c,d,g];switch(c.$$typeof){case C:var f=
+c._init;c=f(c._payload);return hb(a,b,c,d,e,g);case wa:return gb(a,b,d,c.render,g);case za:return hb(a,b,c.type,d,e,g)}}throw Error("Unsupported Server Component type: "+Ta(c));}function db(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,ib(a))}
+function K(a,b,c,d,e){a.pendingChunks++;var g=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,g);var f={id:g,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return db(a,f)},toJSON:function(h,k){var m=f.keyPath,y=f.implicitSlot;try{var v=O(a,f,this,h,k)}catch(X){if(h=X===Ca?Fa():X,k=f.model,k="object"===typeof k&&null!==k&&(k.$$typeof===A||k.$$typeof===C),"object"===typeof h&&null!==h&&"function"===typeof h.then){v=K(a,f.model,f.keyPath,f.implicitSlot,a.abortableTasks);
+var B=v.ping;h.then(B,B);v.thenableState=Ha();f.keyPath=m;f.implicitSlot=y;v=k?"$L"+v.id.toString(16):Q(v.id)}else if(f.keyPath=m,f.implicitSlot=y,k)a.pendingChunks++,m=a.nextChunkId++,y=L(a,h),M(a,m,y),v="$L"+m.toString(16);else throw h;}return v},thenableState:null};e.add(f);return f}function Q(a){return"$"+a.toString(16)}function jb(a,b,c){a=J(c);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
+function kb(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,g=a.writtenClientReferences,f=g.get(e);if(void 0!==f)return b[0]===A&&"1"===c?"$L"+f.toString(16):Q(f);try{var h=a.bundlerConfig,k=d.$$id;f="";var m=h[k];if(m)f=m.name;else{var y=k.lastIndexOf("#");-1!==y&&(f=k.slice(y+1),m=h[k.slice(0,y)]);if(!m)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var v=!0===d.$$async?[m.id,m.chunks,f,1]:[m.id,m.chunks,
+f];a.pendingChunks++;var B=a.nextChunkId++,X=J(v),Cb=B.toString(16)+":I"+X+"\n",Db=q.encode(Cb);a.completedImportChunks.push(Db);g.set(e,B);return b[0]===A&&"1"===c?"$L"+B.toString(16):Q(B)}catch(Eb){return a.pendingChunks++,b=a.nextChunkId++,c=L(a,Eb),M(a,b,c),Q(b)}}function R(a,b){b=K(a,b,null,!1,a.abortableTasks);lb(a,b);return b.id}var S=!1;
+function O(a,b,c,d,e){b.model=e;if(e===A)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case A:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(S===e)S=null;else return-1===d?(a=R(a,e),Q(a)):Q(d);else c.set(e,-1);return hb(a,b,e.type,e.key,e.ref,e.props);case C:return b.thenableState=null,c=e._init,e=c(e._payload),O(a,b,P,"",e)}if(e.$$typeof===r)return kb(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(S===e)S=null;else return"$@"+
+d.toString(16);a=cb(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(S===e)S=null;else return-1===d?(a=R(a,e),Q(a)):Q(d);else c.set(e,-1);if(Qa(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+R(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+R(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ba&&e[Ba]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Ra(e);if(a!==Xa&&(null===a||null!==Ra(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,e=q.encode(e),c=e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=q.encode(c),a.completedRegularChunks.push(c,e),Q(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===r)return kb(a,c,d,e);if(e.$$typeof===t)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=R(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+I(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+I(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var g=b.get(e);if(void 0!==g)return Q(g);g=e.description;if(Symbol.for(g)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+I(c,d));a.pendingChunks++;c=a.nextChunkId++;d=jb(a,c,"$S"+g);a.completedImportChunks.push(d);b.set(e,c);return Q(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+I(c,d));}function L(a,b){var c=w;w=null;try{var d=a.onError;var e=d(b)}finally{w=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}
+function mb(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function M(a,b,c){c={digest:c};b=b.toString(16)+":E"+J(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}var P={};
+function lb(a,b){if(0===b.status)try{S=b.model;var c=O(a,b,P,"",b.model);S=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?J(c,b.toJSON):J(c),e=b.id.toString(16)+":"+d+"\n",g=q.encode(e);a.completedRegularChunks.push(g);a.abortableTasks.delete(b);b.status=1}catch(m){var f=m===Ca?Fa():m;if("object"===typeof f&&null!==f&&"function"===typeof f.then){var h=b.ping;f.then(h,h);b.thenableState=Ha()}else{a.abortableTasks.delete(b);b.status=4;var k=L(a,f);M(a,b.id,k)}}finally{}}
+function ib(a){var b=Za.current;Za.current=Ma;var c=w;E=w=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)lb(a,d[e]);null!==a.destination&&N(a,a.destination)}catch(g){L(a,g),mb(a,g)}finally{Za.current=b,E=null,w=c}}
+function N(a,b){l=new Uint8Array(2048);n=0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)a.pendingChunks--,p(b,c[d]);c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)p(b,e[d]);e.splice(0,d);var g=a.completedRegularChunks;for(d=0;d<g.length;d++)a.pendingChunks--,p(b,g[d]);g.splice(0,d);var f=a.completedErrorChunks;for(d=0;d<f.length;d++)a.pendingChunks--,p(b,f[d]);f.splice(0,d)}finally{a.flushScheduled=!1,l&&0<n&&(b.enqueue(new Uint8Array(l.buffer,0,n)),l=null,n=0)}0===a.pendingChunks&&
+b.close()}function nb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,g=L(a,e);M(a,d,g,e);c.forEach(function(f){f.status=3;var h=Q(d);f=jb(a,f.id,h);a.completedErrorChunks.push(f)});c.clear()}null!==a.destination&&N(a,a.destination)}catch(f){L(a,f),mb(a,f)}}
+function ob(a,b){var c="",d=a[b];if(d)c=d.name;else{var e=b.lastIndexOf("#");-1!==e&&(c=b.slice(e+1),d=a[b.slice(0,e)]);if(!d)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[d.id,d.chunks,c]}var T=new Map;
+function pb(a){var b=__webpack_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function qb(){}
+function rb(a){for(var b=a[1],c=[],d=0;d<b.length;){var e=b[d++],g=b[d++],f=T.get(e);void 0===f?(sb.set(e,g),g=__webpack_chunk_load__(e),c.push(g),f=T.set.bind(T,e,null),g.then(f,qb),T.set(e,g)):null!==f&&c.push(f)}return 4===a.length?0===c.length?pb(a[0]):Promise.all(c).then(function(){return pb(a[0])}):0<c.length?Promise.all(c):null}
+function U(a){var b=__webpack_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}var sb=new Map,tb=__webpack_require__.u;__webpack_require__.u=function(a){var b=sb.get(a);return void 0!==b?b:tb(a)};function V(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}V.prototype=Object.create(Promise.prototype);
+V.prototype.then=function(a,b){switch(this.status){case "resolved_model":ub(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function vb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function wb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&vb(c,b)}}function xb(a,b,c,d,e,g){var f=ob(a._bundlerConfig,b);a=rb(f);if(c)c=Promise.all([c,a]).then(function(h){h=h[0];var k=U(f);return k.bind.apply(k,[null].concat(h))});else if(a)c=Promise.resolve(a).then(function(){return U(f)});else return U(f);c.then(yb(d,e,g),zb(d));return null}var W=null,Y=null;
+function ub(a){var b=W,c=Y;W=a;Y=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,Y=c}}function Ab(a,b){a._chunks.forEach(function(c){"pending"===c.status&&wb(c,b)})}
+function Z(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new V("resolved_model",d,null,a):new V("pending",null,null,a),c.set(b,d));return d}function yb(a,b,c){if(Y){var d=Y;d.deps++}else d=Y={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&vb(e,d.value))}}function zb(a){return function(b){return wb(a,b)}}
+function Bb(a,b){a=Z(a,b);"resolved_model"===a.status&&ub(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Fb(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Z(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=Bb(a,d),xb(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=Bb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Bb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",g=new FormData;a._formData.forEach(function(f,h){h.startsWith(e)&&g.append(h.slice(e.length),
+f)});return g;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Z(a,d);switch(a.status){case "resolved_model":ub(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(yb(d,b,c),zb(d)),null;default:throw a.reason;}}return d}
+function Gb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(g,f){return"string"===typeof f?Fb(e,this,g,f):f}};return e}function Hb(a){Ab(a,Error("Connection closed."))}function Ib(a,b,c){var d=ob(a,b);a=rb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var g=U(d);return g.bind.apply(g,[null].concat(e))}):a?Promise.resolve(a).then(function(){return U(d)}):Promise.resolve(U(d))}
+function Jb(a,b,c){a=Gb(b,c,a);Hb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ka)};
+exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,g){g.startsWith("$ACTION_")?g.startsWith("$ACTION_REF_")?(e="$ACTION_"+g.slice(12)+":",e=Jb(a,b,e),d=Ib(b,e.id,e.bound)):g.startsWith("$ACTION_ID_")&&(e=g.slice(11),d=Ib(b,e,null)):c.append(g,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var d=b.get("$ACTION_KEY");if("string"!==typeof d)return Promise.resolve(null);var e=null;b.forEach(function(f,h){h.startsWith("$ACTION_REF_")&&(f="$ACTION_"+h.slice(12)+":",e=Jb(b,c,f))});if(null===e)return Promise.resolve(null);var g=e.id;return Promise.resolve(e.bound).then(function(f){return null===f?null:[a,d,g,f.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Gb(b,"",a);b=Z(a,0);Hb(a);return b};
+exports.registerClientReference=function(a,b,c){return u(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:fa,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var d=bb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var e=c.signal;if(e.aborted)nb(d,e.reason);else{var g=function(){nb(d,e.reason);e.removeEventListener("abort",g)};e.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){d.flushScheduled=null!==d.destination;ib(d)},pull:function(f){if(1===d.status)d.status=2,ca(f,d.fatalError);else if(2!==d.status&&null===d.destination){d.destination=
+f;try{N(d,f)}catch(h){L(d,h),mb(d,h)}}},cancel:function(f){d.destination=null;nb(d,f)}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-webpack-server.browser.production.min.js.map
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 40e2cc393738e8..f82b56a1da89e4 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
@@ -62,7 +62,7 @@ var enablePostpone = false;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-var VIEW_SIZE = 512;
+var VIEW_SIZE = 2048;
 var currentView = null;
 var writtenBytes = 0;
 function beginWriting(destination) {
@@ -75,15 +75,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -138,7 +132,6 @@ var textEncoder = new TextEncoder();
 function stringToChunk(content) {
   return textEncoder.encode(content);
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return chunk.byteLength;
 }
@@ -159,10 +152,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -174,7 +167,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -195,6 +188,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -221,13 +222,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -266,6 +270,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -307,6 +315,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -347,6 +359,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -705,7 +721,7 @@ typeof async_hooks === 'object' ? async_hooks.executionAsyncId : null;
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -729,146 +745,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -997,29 +873,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1030,8 +890,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1064,6 +924,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1089,20 +953,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1240,6 +1106,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1250,7 +1120,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1296,6 +1174,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1374,6 +1258,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1424,9 +1310,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1436,7 +1322,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1491,7 +1377,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1522,21 +1408,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1552,13 +1436,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1694,14 +1583,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1716,47 +1727,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
 
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1765,19 +1765,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1797,16 +1795,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1875,13 +1908,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1900,7 +1933,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1920,13 +1953,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2006,110 +2040,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
+var modelRoot = false;
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
-
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2117,61 +2118,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
+
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
+
+          var props = element.props;
+          var ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
 
-    var _writtenObjects = request.writtenObjects;
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
 
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2185,7 +2277,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2197,14 +2289,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2219,9 +2311,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2249,19 +2341,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2279,7 +2373,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2294,17 +2388,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2363,8 +2484,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2404,62 +2528,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2485,6 +2626,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2701,11 +2846,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3409,7 +3549,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
 
   if (options && options.signal) {
     var signal = options.signal;
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 b23212b9a0c047..060c37a44d1280 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
@@ -19,7 +19,7 @@ const enablePostpone = false;
 function scheduleWork(callback) {
   setTimeout(callback, 0);
 }
-const VIEW_SIZE = 512;
+const VIEW_SIZE = 2048;
 let currentView = null;
 let writtenBytes = 0;
 function beginWriting(destination) {
@@ -32,10 +32,9 @@ function writeChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       destination.enqueue(new Uint8Array(currentView.buffer, 0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -110,10 +109,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -125,7 +124,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -146,6 +145,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -172,13 +172,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -217,6 +220,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -258,6 +265,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -298,6 +309,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -660,7 +675,7 @@ typeof async_hooks === 'object' ? async_hooks.executionAsyncId : null;
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -684,146 +699,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -952,16 +827,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -975,8 +847,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1012,6 +884,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1037,14 +913,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1123,6 +1007,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1133,7 +1021,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1179,6 +1074,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1226,6 +1127,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1305,7 +1208,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1336,21 +1239,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1366,13 +1263,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1506,61 +1399,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1569,19 +1518,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1599,14 +1546,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1675,13 +1638,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1700,7 +1663,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1720,13 +1683,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1806,91 +1770,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1898,9 +1848,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1920,20 +1931,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -1946,8 +1957,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -1961,7 +1971,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -1981,7 +1991,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2011,19 +2021,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2040,7 +2049,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2055,17 +2064,44 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    } else {
+      onPostpone(reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    } else {
+      errorDigest = onError(error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2135,62 +2171,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2216,6 +2244,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2405,11 +2434,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3096,7 +3120,7 @@ function decodeFormState(actionResult, body, serverManifest) {
 }
 
 function renderToReadableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
 
   if (options && options.signal) {
     const signal = options.signal;
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js
index c68ad40724b7ca..2666ec2669515f 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.edge.production.min.js
@@ -7,75 +7,72 @@
  This source code is licensed under the MIT license found in the
  LICENSE file in the root directory of this source tree.
 */
-'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(512<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(512),n=0),a.enqueue(b);else{var d=m.length-n;d<b.byteLength&&(0===d?a.enqueue(m):(m.set(b.subarray(0,d),n),a.enqueue(m),b=b.subarray(d)),m=new Uint8Array(512),n=0);m.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
-var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function u(a,b,d){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:d}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
-var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("react"),ba=require("react-dom"),m=null,n=0;function p(a,b){if(0!==b.byteLength)if(2048<b.byteLength)0<n&&(a.enqueue(new Uint8Array(m.buffer,0,n)),m=new Uint8Array(2048),n=0),a.enqueue(b);else{var c=m.length-n;c<b.byteLength&&(0===c?a.enqueue(m):(m.set(b.subarray(0,c),n),a.enqueue(m),b=b.subarray(c)),m=new Uint8Array(2048),n=0);m.set(b,n);n+=b.byteLength}return!0}var q=new TextEncoder;function ca(a,b){"function"===typeof a.error?a.error(b):a.close()}
+var r=Symbol.for("react.client.reference"),t=Symbol.for("react.server.reference");function v(a,b,c){return Object.defineProperties(a,{$$typeof:{value:r},$$id:{value:b},$$async:{value:c}})}var da=Function.prototype.bind,ea=Array.prototype.slice;function fa(){var a=da.apply(this,arguments);if(this.$$typeof===t){var b=ea.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:fa}})}return a}
+var ha=Promise.prototype,ia={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function ja(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=u(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=u({},a.$$id,!0),e=new Proxy(c,ka);a.status="fulfilled";a.value=e;return a.then=u(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}c=a[b];c||(c=u(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,ia));return c}
-var ka={get:function(a,b){return ja(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:ja(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");}},sa={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};
-function la(a){if("string"===typeof a&&a){var b=v();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),w(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?w(d,"C",[a,b]):w(d,"C",a))}}}
-function na(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=y(d))?w(c,"L",[a,b,d]):w(c,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"m",[a,b]):w(d,"m",a)}}}
-function pa(a,b,d){if("string"===typeof a){var c=v();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=y(d))?w(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?w(c,"S",[a,b]):w(c,"S",a)}}}function qa(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"X",[a,b]):w(d,"X",a)}}}function ra(a,b){if("string"===typeof a){var d=v();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=y(b))?w(d,"M",[a,b]):w(d,"M",a)}}}
-function y(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var ta=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,ua="function"===typeof AsyncLocalStorage,va=ua?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
-var z=Symbol.for("react.element"),wa=Symbol.for("react.fragment"),xa=Symbol.for("react.server_context"),ya=Symbol.for("react.forward_ref"),za=Symbol.for("react.suspense"),Aa=Symbol.for("react.suspense_list"),Ba=Symbol.for("react.memo"),A=Symbol.for("react.lazy"),Ca=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Da=Symbol.iterator,B=null;
-function C(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");C(a,d);b.context._currentValue=b.value}}}function Ea(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ea(a)}
-function Fa(a){var b=a.parent;null!==b&&Fa(b);a.context._currentValue=a.value}function Ga(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?C(a,b):Ga(a,b)}
-function Ha(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?C(a,d):Ha(a,d);b.context._currentValue=b.value}var Ia=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function Ja(){}function Ka(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(Ja,Ja),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}D=b;throw Ia;}}var D=null;
-function La(){if(null===D)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=D;D=null;return a}var E=null,F=0,G=null;function Ma(){var a=G;G=null;return a}function Na(a){return a._currentValue}
-var Ra={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:Na,useContext:Na,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Oa,useSyncExternalStore:H,useCacheRefresh:function(){return Pa},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ca;return b},use:Qa};
-function H(){throw Error("This Hook is not supported in Server Components.");}function Pa(){throw Error("Refreshing the cache is not supported in Server Components.");}function Oa(){if(null===E)throw Error("useId can only be used while React is rendering");var a=E.identifierCount++;return":"+E.identifierPrefix+"S"+a.toString(32)+":"}
-function Qa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=F;F+=1;null===G&&(G=[]);return Ka(G,a,b)}if(a.$$typeof===xa)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Sa(){return(new AbortController).signal}function Ta(){var a=v();return a?a.cache:new Map}
-var Ua={getCacheSignal:function(){var a=Ta(),b=a.get(Sa);void 0===b&&(b=Sa(),a.set(Sa,b));return b},getCacheForType:function(a){var b=Ta(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Va=Array.isArray,Wa=Object.getPrototypeOf;function Xa(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function Ya(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Va(a))return"[...]";a=Xa(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function I(a){if("string"===typeof a)return a;switch(a){case za:return"Suspense";case Aa:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case ya:return I(a.render);case Ba:return I(a.type);case A:var b=a._payload;a=a._init;try{return I(a(b))}catch(d){}}return""}
-function J(a,b){var d=Xa(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Va(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Ya(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===z)e="<"+I(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?J(h):
-Ya(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var Za=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,$a=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!$a)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 ab=Object.prototype,K=JSON.stringify,bb=$a.ReactCurrentCache,cb=Za.ReactCurrentDispatcher;function db(a){console.error(a)}function eb(){}
-function fb(a,b,d,c,e,f){if(null!==bb.current&&bb.current!==Ua)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;bb.current=Ua;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?db:d,onPostpone:void 0===f?eb:f,toJSON:function(l,x){return gb(h,this,l,x)}};h.pendingChunks++;a=L(h,a,null,g);c.push(a);return h}var M=null;function v(){if(M)return M;if(ua){var a=va.getStore();if(a)return a}return null}
-function hb(a,b){a.pendingChunks++;var d=L(a,null,B,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,ib(a,d),d.id;case "rejected":var c=N(a,b.reason);O(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;ib(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&P(a,a.destination)});return d.id}function w(a,b,d){d=K(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;d=q.encode(b+d+"\n");a.completedHintChunks.push(d);jb(a)}function kb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function lb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:A,_payload:a,_init:kb}}
-function Q(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===r)return[z,b,d,e];F=0;G=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:lb(e):e}if("string"===typeof b)return[z,b,d,e];if("symbol"===typeof b)return b===wa?e.children:[z,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===r)return[z,b,d,e];switch(b.$$typeof){case A:var g=
-b._init;b=g(b._payload);return Q(a,b,d,c,e,f);case ya:return a=b.render,F=0,G=f,a(e,void 0);case Ba:return Q(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+Ya(b));}function ib(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return mb(a)},0))}function L(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return ib(a,e)},thenableState:null};c.add(e);return e}
-function R(a){return"$"+a.toString(16)}function nb(a,b,d){a=K(d);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
-function ob(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===z&&"1"===d?"$L"+g.toString(16):R(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var l=k[h];if(l)g=l.name;else{var x=h.lastIndexOf("#");-1!==x&&(g=h.slice(x+1),l=k[h.slice(0,x)]);if(!l)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var Gb=!0===c.$$async?[l.id,l.chunks,g,1]:[l.id,l.chunks,
-g];a.pendingChunks++;var Y=a.nextChunkId++,Hb=K(Gb),Ib=Y.toString(16)+":I"+Hb+"\n",Jb=q.encode(Ib);a.completedImportChunks.push(Jb);f.set(e,Y);return b[0]===z&&"1"===d?"$L"+Y.toString(16):R(Y)}catch(Kb){return a.pendingChunks++,b=a.nextChunkId++,d=N(a,Kb),O(a,b,d),R(b)}}function S(a,b){a.pendingChunks++;b=L(a,b,B,a.abortableTasks);pb(a,b);return b.id}var T=!1;
-function gb(a,b,d,c){switch(c){case z:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===z||c.$$typeof===A);)try{switch(c.$$typeof){case z:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=S(a,c);return R(g)}if(T===c)T=null;else return R(f)}else e.set(c,-1);var k=c;c=Q(a,k.type,k.key,k.ref,k.props,null);break;case A:var h=c._init;c=h(c._payload)}}catch(l){b=l===Ia?La():l;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=L(a,c,B,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=Ma(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=N(a,b);O(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===r)return ob(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(T===c)T=null;else return"$@"+d.toString(16);a=hb(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=S(a,c),R(a);if(T===c)T=null;else return R(d)}else b.set(c,-1);if(Va(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+S(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+S(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Da&&c[Da]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Wa(c);if(a!==
-ab&&(null===a||null!==Wa(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,c=q.encode(c),d=c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",d=q.encode(d),a.completedRegularChunks.push(d,c),R(b);a="$"===c[0]?"$"+c:c;return a}if("boolean"===
-typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===r)return ob(a,b,d,c);if(c.$$typeof===t)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=S(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-J(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+J(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return R(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-J(b,d));a.pendingChunks++;b=a.nextChunkId++;d=nb(a,b,"$S"+f);a.completedImportChunks.push(d);e.set(c,b);return R(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+J(b,d));}
-function N(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function qb(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}
-function O(a,b,d){d={digest:d};b=b.toString(16)+":E"+K(d)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}
-function pb(a,b){if(0===b.status){var d=B,c=b.context;d!==c&&(null===d?Fa(c):null===c?Ea(d):d.depth===c.depth?C(d,c):d.depth>c.depth?Ga(d,c):Ha(d,c),B=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===z){a.writtenObjects.set(e,b.id);d=e;var f=b.thenableState;b.model=e;e=Q(a,d.type,d.key,d.ref,d.props,f);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===z;)a.writtenObjects.set(e,b.id),f=e,b.model=e,e=Q(a,f.type,f.key,f.ref,f.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var g=b.id;T=e;var k=K(e,a.toJSON),h=g.toString(16)+":"+k+"\n",l=q.encode(h);a.completedRegularChunks.push(l);a.abortableTasks.delete(b);b.status=1}catch(x){g=x===Ia?La():x,"object"===typeof g&&null!==g&&"function"===typeof g.then?(a=b.ping,g.then(a,a),b.thenableState=Ma()):(a.abortableTasks.delete(b),b.status=4,g=N(a,g),O(a,b.id,g))}}}
-function mb(a){var b=cb.current;cb.current=Ra;var d=M;E=M=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)pb(a,c[e]);null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),qb(a,f)}finally{cb.current=b,E=null,M=d}}
-function P(a,b){m=new Uint8Array(512);n=0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)a.pendingChunks--,p(b,d[c]);d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)p(b,e[c]);e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)a.pendingChunks--,p(b,f[c]);f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)a.pendingChunks--,p(b,g[c]);g.splice(0,c)}finally{a.flushScheduled=!1,m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&
-b.close()}function rb(a){a.flushScheduled=null!==a.destination;ua?setTimeout(function(){return va.run(a,mb,a)},0):setTimeout(function(){return mb(a)},0)}function jb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return P(a,b)},0)}}
-function sb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=N(a,e);O(a,c,f,e);d.forEach(function(g){g.status=3;var k=R(c);g=nb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),qb(a,g)}}
-function tb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var U=new Map;
-function ub(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function vb(){}
-function wb(a){for(var b=a[1],d=[],c=0;c<b.length;){var e=b[c++];b[c++];var f=U.get(e);if(void 0===f){f=__webpack_chunk_load__(e);d.push(f);var g=U.set.bind(U,e,null);f.then(g,vb);U.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?ub(a[0]):Promise.all(d).then(function(){return ub(a[0])}):0<d.length?Promise.all(d):null}
-function V(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function xb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}xb.prototype=Object.create(Promise.prototype);
-xb.prototype.then=function(a,b){switch(this.status){case "resolved_model":yb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function zb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Ab(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&zb(d,b)}}function Bb(a,b,d,c,e,f){var g=tb(a._bundlerConfig,b);a=wb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=V(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return V(g)});else return V(g);d.then(Cb(c,e,f),Db(c));return null}var W=null,X=null;
-function yb(a){var b=W,d=X;W=a;X=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=d}}function Eb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Ab(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new xb("resolved_model",c,null,a):new xb("pending",null,null,a),d.set(b,c));return c}function Cb(a,b,d){if(X){var c=X;c.deps++}else c=X={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&zb(e,c.value))}}function Db(a){return function(b){return Ab(a,b)}}
-function Fb(a,b){a=Z(a,b);"resolved_model"===a.status&&yb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Lb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Fb(a,c),Bb(a,c.id,c.bound,W,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Fb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Fb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":yb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=W,a.then(Cb(c,b,d),Db(c)),null;default:throw a.reason;}}return c}
-function Mb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Lb(e,this,f,g):g}};return e}function Nb(a){Eb(a,Error("Connection closed."))}function Ob(a,b,d){var c=tb(a,b);a=wb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=V(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(c)}):Promise.resolve(V(c))}
-function Pb(a,b,d){a=Mb(b,d,a);Nb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=u({},a,!1);return new Proxy(a,ka)};
-exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Pb(a,b,e),c=Ob(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Ob(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(g,k){k.startsWith("$ACTION_REF_")&&(g="$ACTION_"+k.slice(12)+":",e=Pb(b,d,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,c,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Mb(b,"",a);b=Z(a,0);Nb(a);return b};
-exports.registerClientReference=function(a,b,d){return u(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:fa}})};
-exports.renderToReadableStream=function(a,b,d){var c=fb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0);if(d&&d.signal){var e=d.signal;if(e.aborted)sb(c,e.reason);else{var f=function(){sb(c,e.reason);e.removeEventListener("abort",f)};e.addEventListener("abort",f)}}return new ReadableStream({type:"bytes",start:function(){rb(c)},pull:function(g){if(1===c.status)c.status=2,ca(g,c.fatalError);else if(2!==c.status&&null===c.destination){c.destination=g;try{P(c,
-g)}catch(k){N(c,k),qb(c,k)}}},cancel:function(g){c.destination=null;sb(c,g)}},{highWaterMark:0})};
+function ja(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=v(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=v({},a.$$id,!0),e=new Proxy(d,ka);a.status="fulfilled";a.value=e;return a.then=v(function(g){return Promise.resolve(g(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=v(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ia));return d}
+var ka={get:function(a,b){return ja(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:ja(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ha},set:function(){throw Error("Cannot assign to a client module from a server module.");}},sa={prefetchDNS:la,preconnect:ma,preload:na,preloadModule:oa,preinitStyle:pa,preinitScript:qa,preinitModuleScript:ra};
+function la(a){if("string"===typeof a&&a){var b=w();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),x(b,"D",a))}}}function ma(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?x(c,"C",[a,b]):x(c,"C",a))}}}
+function na(a,b,c){if("string"===typeof a){var d=w();if(d){var e=d.hints,g="L";if("image"===b&&c){var f=c.imageSrcSet,h=c.imageSizes,k="";"string"===typeof f&&""!==f?(k+="["+f+"]","string"===typeof h&&(k+="["+h+"]")):k+="[][]"+a;g+="[image]"+k}else g+="["+b+"]"+a;e.has(g)||(e.add(g),(c=y(c))?x(d,"L",[a,b,c]):x(d,"L",[a,b]))}}}function oa(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=y(b))?x(c,"m",[a,b]):x(c,"m",a)}}}
+function pa(a,b,c){if("string"===typeof a){var d=w();if(d){var e=d.hints,g="S|"+a;if(!e.has(g))return e.add(g),(c=y(c))?x(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?x(d,"S",[a,b]):x(d,"S",a)}}}function qa(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=y(b))?x(c,"X",[a,b]):x(c,"X",a)}}}function ra(a,b){if("string"===typeof a){var c=w();if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=y(b))?x(c,"M",[a,b]):x(c,"M",a)}}}
+function y(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}var ta=ba.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,A="function"===typeof AsyncLocalStorage,ua=A?new AsyncLocalStorage:null;"object"===typeof async_hooks?async_hooks.createHook:function(){return{enable:function(){},disable:function(){}}};"object"===typeof async_hooks?async_hooks.executionAsyncId:null;
+var B=Symbol.for("react.element"),va=Symbol.for("react.fragment"),wa=Symbol.for("react.context"),xa=Symbol.for("react.forward_ref"),ya=Symbol.for("react.suspense"),za=Symbol.for("react.suspense_list"),Aa=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),Ba=Symbol.for("react.memo_cache_sentinel");Symbol.for("react.postpone");var Ca=Symbol.iterator,Da=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
+function Ea(){}function Fa(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ea,Ea),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}E=b;throw Da;}}var E=null;
+function Ga(){if(null===E)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=E;E=null;return a}var F=null,Ha=0,G=null;function Ia(){var a=G||[];G=null;return a}
+var Na={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:Ja,useContext:Ja,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ka,useSyncExternalStore:H,useCacheRefresh:function(){return La},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Ba;return b},use:Ma};
+function H(){throw Error("This Hook is not supported in Server Components.");}function La(){throw Error("Refreshing the cache is not supported in Server Components.");}function Ja(){throw Error("Cannot read a Client Context from a Server Component.");}function Ka(){if(null===F)throw Error("useId can only be used while React is rendering");var a=F.identifierCount++;return":"+F.identifierPrefix+"S"+a.toString(32)+":"}
+function Ma(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ha;Ha+=1;null===G&&(G=[]);return Fa(G,a,b)}a.$$typeof===wa&&Ja()}if(a.$$typeof===r){if(null!=a.value&&a.value.$$typeof===wa)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Oa(){return(new AbortController).signal}
+function Pa(){var a=w();return a?a.cache:new Map}var Qa={getCacheSignal:function(){var a=Pa(),b=a.get(Oa);void 0===b&&(b=Oa(),a.set(Oa,b));return b},getCacheForType:function(a){var b=Pa(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Ra=Array.isArray,Sa=Object.getPrototypeOf;function Ta(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Ua(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ra(a))return"[...]";if(null!==a&&a.$$typeof===Va)return"client";a=Ta(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Va?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function I(a){if("string"===typeof a)return a;switch(a){case ya:return"Suspense";case za:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case xa:return I(a.render);case Aa:return I(a.type);case D:var b=a._payload;a=a._init;try{return I(a(b))}catch(c){}}return""}var Va=Symbol.for("react.client.reference");
+function J(a,b){var c=Ta(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Ra(a)){var e="[";for(var g=0;g<a.length;g++){0<g&&(e+=", ");var f=a[g];f="object"===typeof f&&null!==f?J(f):Ua(f);""+g===b?(c=e.length,d=f.length,e+=f):e=10>f.length&&40>e.length+f.length?e+f:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+I(a.type)+"/>";else{if(a.$$typeof===Va)return"client";e="{";g=Object.keys(a);for(f=0;f<g.length;f++){0<f&&(e+=", ");var h=g[f],k=JSON.stringify(h);e+=('"'+h+'"'===k?h:k)+": ";k=a[h];k=
+"object"===typeof k&&null!==k?J(k):Ua(k);h===b?(c=e.length,d=k.length,e+=k):e=10>k.length&&40>e.length+k.length?e+k:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Wa=aa.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Xa=aa.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Xa)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 Ya=Object.prototype,K=JSON.stringify,Za=Xa.ReactCurrentCache,$a=Wa.ReactCurrentDispatcher;function ab(a){console.error(a)}function bb(){}
+function cb(a,b,c,d,e){if(null!==Za.current&&Za.current!==Qa)throw Error("Currently React only supports one RSC renderer at a time.");ta.current=sa;Za.current=Qa;var g=new Set,f=[],h=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:h,abortableTasks:g,pingedTasks:f,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?ab:c,onPostpone:void 0===e?bb:e};a=L(b,a,null,!1,g);f.push(a);return b}var M=null;function w(){if(M)return M;if(A){var a=ua.getStore();if(a)return a}return null}
+function db(a,b,c){var d=L(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,eb(a,d),d.id;case "rejected":return b=N(a,c.reason),O(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;eb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&P(a,a.destination)});return d.id}function x(a,b,c){c=K(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;c=q.encode(b+c+"\n");a.completedHintChunks.push(c);fb(a)}function gb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function hb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:D,_payload:a,_init:gb}}
+function ib(a,b,c,d,e){var g=b.thenableState;b.thenableState=null;Ha=0;G=g;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=hb(d)}e=b.keyPath;g=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=Q(a,b,R,"",d);b.keyPath=e;b.implicitSlot=g;return a}
+function jb(a,b,c,d,e,g){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===r?[B,c,d,g]:ib(a,b,d,c,g);if("string"===typeof c)return[B,c,d,g];if("symbol"===typeof c)return c===va&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=Q(a,b,R,"",g.children),b.implicitSlot=d,a):[B,c,d,g];if(null!=c&&"object"===typeof c){if(c.$$typeof===r)return[B,c,d,g];switch(c.$$typeof){case D:var f=
+c._init;c=f(c._payload);return jb(a,b,c,d,e,g);case xa:return ib(a,b,d,c.render,g);case Aa:return jb(a,b,c.type,d,e,g)}}throw Error("Unsupported Server Component type: "+Ua(c));}function eb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setTimeout(function(){return kb(a)},0))}
+function L(a,b,c,d,e){a.pendingChunks++;var g=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,g);var f={id:g,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return eb(a,f)},toJSON:function(h,k){var l=f.keyPath,z=f.implicitSlot;try{var u=Q(a,f,this,h,k)}catch(Z){if(h=Z===Da?Ga():Z,k=f.model,k="object"===typeof k&&null!==k&&(k.$$typeof===B||k.$$typeof===D),"object"===typeof h&&null!==h&&"function"===typeof h.then){u=L(a,f.model,f.keyPath,f.implicitSlot,a.abortableTasks);
+var C=u.ping;h.then(C,C);u.thenableState=Ia();f.keyPath=l;f.implicitSlot=z;u=k?"$L"+u.id.toString(16):S(u.id)}else if(f.keyPath=l,f.implicitSlot=z,k)a.pendingChunks++,l=a.nextChunkId++,z=N(a,h),O(a,l,z),u="$L"+l.toString(16);else throw h;}return u},thenableState:null};e.add(f);return f}function S(a){return"$"+a.toString(16)}function lb(a,b,c){a=K(c);b=b.toString(16)+":"+a+"\n";return q.encode(b)}
+function mb(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,g=a.writtenClientReferences,f=g.get(e);if(void 0!==f)return b[0]===B&&"1"===c?"$L"+f.toString(16):S(f);try{var h=a.bundlerConfig,k=d.$$id;f="";var l=h[k];if(l)f=l.name;else{var z=k.lastIndexOf("#");-1!==z&&(f=k.slice(z+1),l=h[k.slice(0,z)]);if(!l)throw Error('Could not find the module "'+k+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===d.$$async?[l.id,l.chunks,f,1]:[l.id,l.chunks,
+f];a.pendingChunks++;var C=a.nextChunkId++,Z=K(u),Fb=C.toString(16)+":I"+Z+"\n",Gb=q.encode(Fb);a.completedImportChunks.push(Gb);g.set(e,C);return b[0]===B&&"1"===c?"$L"+C.toString(16):S(C)}catch(Hb){return a.pendingChunks++,b=a.nextChunkId++,c=N(a,Hb),O(a,b,c),S(b)}}function T(a,b){b=L(a,b,null,!1,a.abortableTasks);nb(a,b);return b.id}var U=!1;
+function Q(a,b,c,d,e){b.model=e;if(e===B)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case B:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);return jb(a,b,e.type,e.key,e.ref,e.props);case D:return b.thenableState=null,c=e._init,e=c(e._payload),Q(a,b,R,"",e)}if(e.$$typeof===r)return mb(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(U===e)U=null;else return"$@"+
+d.toString(16);a=db(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);if(Ra(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+T(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+T(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ca&&e[Ca]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Sa(e);if(a!==Ya&&(null===a||null!==Sa(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,e=q.encode(e),c=e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",c=q.encode(c),a.completedRegularChunks.push(c,e),S(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===r)return mb(a,c,d,e);if(e.$$typeof===t)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+J(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+J(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var g=b.get(e);if(void 0!==g)return S(g);g=e.description;if(Symbol.for(g)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+J(c,d));a.pendingChunks++;c=a.nextChunkId++;d=lb(a,c,"$S"+g);a.completedImportChunks.push(d);b.set(e,c);return S(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+J(c,d));}function N(a,b){var c=M;M=null;try{var d=a.onError;var e=A?ua.run(void 0,d,b):d(b)}finally{M=c}if(null!=e&&"string"!==typeof e)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof e+'" instead');return e||""}
+function ob(a,b){null!==a.destination?(a.status=2,ca(a.destination,b)):(a.status=1,a.fatalError=b)}function O(a,b,c){c={digest:c};b=b.toString(16)+":E"+K(c)+"\n";b=q.encode(b);a.completedErrorChunks.push(b)}var R={};
+function nb(a,b){if(0===b.status)try{U=b.model;var c=Q(a,b,R,"",b.model);U=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?K(c,b.toJSON):K(c),e=b.id.toString(16)+":"+d+"\n",g=q.encode(e);a.completedRegularChunks.push(g);a.abortableTasks.delete(b);b.status=1}catch(l){var f=l===Da?Ga():l;if("object"===typeof f&&null!==f&&"function"===typeof f.then){var h=b.ping;f.then(h,h);b.thenableState=Ia()}else{a.abortableTasks.delete(b);b.status=4;var k=N(a,f);O(a,b.id,k)}}finally{}}
+function kb(a){var b=$a.current;$a.current=Na;var c=M;F=M=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)nb(a,d[e]);null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),ob(a,g)}finally{$a.current=b,F=null,M=c}}
+function P(a,b){m=new Uint8Array(2048);n=0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)a.pendingChunks--,p(b,c[d]);c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)p(b,e[d]);e.splice(0,d);var g=a.completedRegularChunks;for(d=0;d<g.length;d++)a.pendingChunks--,p(b,g[d]);g.splice(0,d);var f=a.completedErrorChunks;for(d=0;d<f.length;d++)a.pendingChunks--,p(b,f[d]);f.splice(0,d)}finally{a.flushScheduled=!1,m&&0<n&&(b.enqueue(new Uint8Array(m.buffer,0,n)),m=null,n=0)}0===a.pendingChunks&&
+b.close()}function pb(a){a.flushScheduled=null!==a.destination;A?setTimeout(function(){return ua.run(a,kb,a)},0):setTimeout(function(){return kb(a)},0)}function fb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setTimeout(function(){return P(a,b)},0)}}
+function qb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,g=N(a,e);O(a,d,g,e);c.forEach(function(f){f.status=3;var h=S(d);f=lb(a,f.id,h);a.completedErrorChunks.push(f)});c.clear()}null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),ob(a,f)}}
+function rb(a,b){var c="",d=a[b];if(d)c=d.name;else{var e=b.lastIndexOf("#");-1!==e&&(c=b.slice(e+1),d=a[b.slice(0,e)]);if(!d)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[d.id,d.chunks,c]}var sb=new Map;
+function tb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function ub(){}
+function vb(a){for(var b=a[1],c=[],d=0;d<b.length;){var e=b[d++];b[d++];var g=sb.get(e);if(void 0===g){g=__webpack_chunk_load__(e);c.push(g);var f=sb.set.bind(sb,e,null);g.then(f,ub);sb.set(e,g)}else null!==g&&c.push(g)}return 4===a.length?0===c.length?tb(a[0]):Promise.all(c).then(function(){return tb(a[0])}):0<c.length?Promise.all(c):null}
+function V(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function wb(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}wb.prototype=Object.create(Promise.prototype);
+wb.prototype.then=function(a,b){switch(this.status){case "resolved_model":xb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function yb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function zb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&yb(c,b)}}function Ab(a,b,c,d,e,g){var f=rb(a._bundlerConfig,b);a=vb(f);if(c)c=Promise.all([c,a]).then(function(h){h=h[0];var k=V(f);return k.bind.apply(k,[null].concat(h))});else if(a)c=Promise.resolve(a).then(function(){return V(f)});else return V(f);c.then(Bb(d,e,g),Cb(d));return null}var W=null,X=null;
+function xb(a){var b=W,c=X;W=a;X=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=c}}function Db(a,b){a._chunks.forEach(function(c){"pending"===c.status&&zb(c,b)})}
+function Y(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new wb("resolved_model",d,null,a):new wb("pending",null,null,a),c.set(b,d));return d}function Bb(a,b,c){if(X){var d=X;d.deps++}else d=X={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&yb(e,d.value))}}function Cb(a){return function(b){return zb(a,b)}}
+function Eb(a,b){a=Y(a,b);"resolved_model"===a.status&&xb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Ib(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Y(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=Eb(a,d),Ab(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=Eb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Eb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",g=new FormData;a._formData.forEach(function(f,h){h.startsWith(e)&&g.append(h.slice(e.length),
+f)});return g;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":xb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(Bb(d,b,c),Cb(d)),null;default:throw a.reason;}}return d}
+function Jb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(g,f){return"string"===typeof f?Ib(e,this,g,f):f}};return e}function Kb(a){Db(a,Error("Connection closed."))}function Lb(a,b,c){var d=rb(a,b);a=vb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var g=V(d);return g.bind.apply(g,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(d)}):Promise.resolve(V(d))}
+function Mb(a,b,c){a=Jb(b,c,a);Kb(a);a=Y(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}exports.createClientModuleProxy=function(a){a=v({},a,!1);return new Proxy(a,ka)};
+exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,g){g.startsWith("$ACTION_")?g.startsWith("$ACTION_REF_")?(e="$ACTION_"+g.slice(12)+":",e=Mb(a,b,e),d=Lb(b,e.id,e.bound)):g.startsWith("$ACTION_ID_")&&(e=g.slice(11),d=Lb(b,e,null)):c.append(g,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var d=b.get("$ACTION_KEY");if("string"!==typeof d)return Promise.resolve(null);var e=null;b.forEach(function(f,h){h.startsWith("$ACTION_REF_")&&(f="$ACTION_"+h.slice(12)+":",e=Mb(b,c,f))});if(null===e)return Promise.resolve(null);var g=e.id;return Promise.resolve(e.bound).then(function(f){return null===f?null:[a,d,g,f.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Jb(b,"",a);b=Y(a,0);Kb(a);return b};
+exports.registerClientReference=function(a,b,c){return v(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:fa,configurable:!0}})};
+exports.renderToReadableStream=function(a,b,c){var d=cb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0);if(c&&c.signal){var e=c.signal;if(e.aborted)qb(d,e.reason);else{var g=function(){qb(d,e.reason);e.removeEventListener("abort",g)};e.addEventListener("abort",g)}}return new ReadableStream({type:"bytes",start:function(){pb(d)},pull:function(f){if(1===d.status)d.status=2,ca(f,d.fatalError);else if(2!==d.status&&null===d.destination){d.destination=f;try{P(d,f)}catch(h){N(d,
+h),ob(d,h)}}},cancel:function(f){d.destination=null;qb(d,f)}},{highWaterMark:0})};
 
 //# sourceMappingURL=react-server-dom-webpack-server.edge.production.min.js.map
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 6c988bf6a0d7e6..198e82e0fef6d5 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return typeof chunk === 'string' ? Buffer.byteLength(chunk, 'utf8') : chunk.byteLength;
 }
@@ -226,10 +219,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -241,7 +234,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -262,6 +255,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -288,13 +289,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -333,6 +337,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -374,6 +382,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -414,6 +426,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -755,6 +771,7 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -763,7 +780,7 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -787,146 +804,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1055,29 +932,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1088,8 +949,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1122,6 +983,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1147,20 +1012,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1298,6 +1165,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1308,7 +1179,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1354,6 +1233,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1432,6 +1317,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1482,9 +1369,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1494,7 +1381,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1549,7 +1436,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1580,21 +1467,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1610,13 +1495,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1752,14 +1642,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1774,47 +1786,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1823,19 +1824,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1855,16 +1854,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1933,13 +1967,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1958,7 +1992,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1978,13 +2012,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2064,110 +2099,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
-
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+var modelRoot = false;
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2175,61 +2177,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
 
-    var _writtenObjects = request.writtenObjects;
+          var props = element.props;
+          var ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2243,7 +2336,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2255,14 +2348,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2277,9 +2370,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2307,19 +2400,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2337,7 +2432,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2352,17 +2447,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2421,8 +2539,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2462,62 +2583,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2543,6 +2681,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2757,11 +2899,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 var ID = 0;
@@ -3560,7 +3697,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 d4a6c6c746def5..68ab93fd09c68d 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -177,10 +176,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -192,7 +191,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -213,6 +212,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -239,13 +239,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -284,6 +287,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -325,6 +332,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -365,6 +376,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -708,6 +723,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -716,7 +732,7 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -740,146 +756,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1008,16 +884,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1031,8 +904,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1068,6 +941,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1093,14 +970,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1179,6 +1064,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1189,7 +1078,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1235,6 +1131,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1282,6 +1184,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1361,7 +1265,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1392,21 +1296,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1422,13 +1320,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1562,61 +1456,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1625,19 +1575,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1655,14 +1603,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1731,13 +1695,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1756,7 +1720,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1776,13 +1740,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1862,91 +1827,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1954,9 +1905,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1976,20 +1988,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2002,8 +2014,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2017,7 +2028,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2037,7 +2048,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2067,19 +2078,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2096,7 +2106,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2111,17 +2121,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2191,62 +2224,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2272,6 +2297,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2477,11 +2503,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 // This is the parsed shape of the wire format which is why it is
 // condensed to only the essentialy information
 const ID = 0;
@@ -3261,7 +3282,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js
index bc8fa9a30ff04d..bd12edc7623f5b 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.production.min.js
@@ -7,78 +7,76 @@
  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 ba=require("util");require("crypto");var ca=require("async_hooks"),da=require("react"),ea=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new ba.TextEncoder,t=Symbol.for("react.client.reference"),v=Symbol.for("react.server.reference");function w(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:d}})}var ha=Function.prototype.bind,ia=Array.prototype.slice;
-function ja(){var a=ha.apply(this,arguments);if(this.$$typeof===v){var b=ia.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ja}})}return a}
-var ka=Promise.prototype,la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,ea.encode(b));else{var c=l;0<m&&(c=l.subarray(m));c=ea.encodeInto(b,c);var d=c.read;m+=c.written;d<b.length&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=ea.encodeInto(b.slice(d),l).written);2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,b)):(c=l.length-m,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),m),m+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)));return q}var ea=new aa.TextEncoder,v=Symbol.for("react.client.reference"),w=Symbol.for("react.server.reference");function x(a,b,c){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:b},$$async:{value:c}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;
+function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===w){var b=ha.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ia}})}return a}
+var ja=Promise.prototype,ka={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function ma(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=w(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=w({},a.$$id,!0),e=new Proxy(c,na);a.status="fulfilled";a.value=e;return a.then=w(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}c=a[b];c||(c=w(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,la));return c}
-var na={get:function(a,b){return ma(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:ma(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return ka},set:function(){throw Error("Cannot assign to a client module from a server module.");}},va={prefetchDNS:oa,preconnect:pa,preload:qa,preloadModule:ra,preinitStyle:sa,preinitScript:ta,preinitModuleScript:ua};
-function oa(a){if("string"===typeof a&&a){var b=x();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),y(b,"D",a))}}}function pa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?y(d,"C",[a,b]):y(d,"C",a))}}}
-function qa(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=A(d))?y(c,"L",[a,b,d]):y(c,"L",[a,b]))}}}function ra(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"m",[a,b]):y(d,"m",a)}}}
-function sa(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=A(d))?y(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?y(c,"S",[a,b]):y(c,"S",a)}}}function ta(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"X",[a,b]):y(d,"X",a)}}}function ua(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"M",[a,b]):y(d,"M",a)}}}
-function A(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var wa=ea.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,xa=new ca.AsyncLocalStorage,B=Symbol.for("react.element"),ya=Symbol.for("react.fragment"),za=Symbol.for("react.server_context"),Aa=Symbol.for("react.forward_ref"),Ba=Symbol.for("react.suspense"),Ca=Symbol.for("react.suspense_list"),Da=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),Ea=Symbol.for("react.memo_cache_sentinel");
-Symbol.for("react.postpone");var Fa=Symbol.iterator,D=null;function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Ga(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ga(a)}
-function Ha(a){var b=a.parent;null!==b&&Ha(b);a.context._currentValue=a.value}function Ia(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Ia(a,b)}
-function Ja(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ja(a,d);b.context._currentValue=b.value}var Ka=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function La(){}function Ma(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(La,La),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}F=b;throw Ka;}}var F=null;
-function Na(){if(null===F)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=F;F=null;return a}var G=null,H=0,I=null;function Oa(){var a=I;I=null;return a}function Pa(a){return a._currentValue}
-var Ta={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:J,useTransition:J,readContext:Pa,useContext:Pa,useReducer:J,useRef:J,useState:J,useInsertionEffect:J,useLayoutEffect:J,useImperativeHandle:J,useEffect:J,useId:Qa,useSyncExternalStore:J,useCacheRefresh:function(){return Ra},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ea;return b},use:Sa};
-function J(){throw Error("This Hook is not supported in Server Components.");}function Ra(){throw Error("Refreshing the cache is not supported in Server Components.");}function Qa(){if(null===G)throw Error("useId can only be used while React is rendering");var a=G.identifierCount++;return":"+G.identifierPrefix+"S"+a.toString(32)+":"}
-function Sa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=H;H+=1;null===I&&(I=[]);return Ma(I,a,b)}if(a.$$typeof===za)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Ua(){return(new AbortController).signal}function Va(){var a=x();return a?a.cache:new Map}
-var Wa={getCacheSignal:function(){var a=Va(),b=a.get(Ua);void 0===b&&(b=Ua(),a.set(Ua,b));return b},getCacheForType:function(a){var b=Va(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Xa=Array.isArray,Ya=Object.getPrototypeOf;function Za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function $a(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Xa(a))return"[...]";a=Za(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function K(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return K(a.render);case Da:return K(a.type);case C:var b=a._payload;a=a._init;try{return K(a(b))}catch(d){}}return""}
-function L(a,b){var d=Za(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Xa(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?L(g):$a(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+K(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?L(h):
-$a(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var ab=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,bb=da.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!bb)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 cb=Object.prototype,M=JSON.stringify,db=bb.ReactCurrentCache,eb=ab.ReactCurrentDispatcher;function fb(a){console.error(a)}function gb(){}
-function hb(a,b,d,c,e,f){if(null!==db.current&&db.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;db.current=Wa;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?fb:d,onPostpone:void 0===f?gb:f,toJSON:function(n,z){return ib(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=xa.getStore();return a?a:null}
-function jb(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,kb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;kb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");lb(a)}function mb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function nb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:mb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:nb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===ya?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Aa:return a=b.render,H=0,I=f,a(e,void 0);case Da:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+$a(b));}function kb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return ob(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return kb(a,e)},thenableState:null};c.add(e);return e}
-function T(a){return"$"+a.toString(16)}function pb(a,b,d){a=M(d);return b.toString(16)+":"+a+"\n"}
-function qb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===d?"$L"+g.toString(16):T(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var n=k[h];if(n)g=n.name;else{var z=h.lastIndexOf("#");-1!==z&&(g=h.slice(z+1),n=k[h.slice(0,z)]);if(!n)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var aa=a.nextChunkId++,Nb=M(u),Ob=aa.toString(16)+":I"+Nb+"\n";a.completedImportChunks.push(Ob);f.set(e,aa);return b[0]===B&&"1"===d?"$L"+aa.toString(16):T(aa)}catch(Pb){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,Pb),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=N(a,b,D,a.abortableTasks);rb(a,b);return b.id}var V=!1;
-function ib(a,b,d,c){switch(c){case B:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===B||c.$$typeof===C);)try{switch(c.$$typeof){case B:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(V===c)V=null;else return T(f)}else e.set(c,-1);var k=c;c=S(a,k.type,k.key,k.ref,k.props,null);break;case C:var h=c._init;c=h(c._payload)}}catch(n){b=n===Ka?Na():n;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=N(a,c,D,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=Oa(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=P(a,b);Q(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===t)return qb(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(V===c)V=null;else return"$@"+d.toString(16);a=jb(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=U(a,c),T(a);if(V===c)V=null;else return T(d)}else b.set(c,-1);if(Xa(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+U(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Fa&&c[Fa]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Ya(c);if(a!==
-cb&&(null===a||null!==Ya(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,d="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",a.completedRegularChunks.push(d,c),T(b);a="$"===c[0]?"$"+
-c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===t)return qb(a,b,d,c);if(c.$$typeof===v)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=U(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-L(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+L(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-L(b,d));a.pendingChunks++;b=a.nextChunkId++;d=pb(a,b,"$S"+f);a.completedImportChunks.push(d);e.set(c,b);return T(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+L(b,d));}
-function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function sb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+M(d)+"\n";a.completedErrorChunks.push(b)}
-function rb(a,b){if(0===b.status){var d=D,c=b.context;d!==c&&(null===d?Ha(c):null===c?Ga(d):d.depth===c.depth?E(d,c):d.depth>c.depth?Ia(d,c):Ja(d,c),D=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===B){a.writtenObjects.set(e,b.id);d=e;var f=b.thenableState;b.model=e;e=S(a,d.type,d.key,d.ref,d.props,f);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===B;)a.writtenObjects.set(e,b.id),f=e,b.model=e,e=S(a,f.type,f.key,f.ref,f.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var g=b.id;V=e;var k=M(e,a.toJSON),h=g.toString(16)+":"+k+"\n";a.completedRegularChunks.push(h);a.abortableTasks.delete(b);b.status=1}catch(n){g=n===Ka?Na():n,"object"===typeof g&&null!==g&&"function"===typeof g.then?(a=b.ping,g.then(a,a),b.thenableState=Oa()):(a.abortableTasks.delete(b),b.status=4,g=P(a,g),Q(a,b.id,g))}}}
-function ob(a){var b=eb.current;eb.current=Ta;var d=O;G=O=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)rb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),sb(a,f)}finally{eb.current=b,G=null,O=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!r(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!r(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!r(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!r(b,g[c])){a.destination=
-null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function tb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return xa.run(a,ob,a)})}function lb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function ub(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),sb(a,d)}}}
-function vb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e);d.forEach(function(g){g.status=3;var k=T(c);g=pb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),sb(a,g)}}
-function wb(a,b){var d="",c=a[b];if(c)d=c.name;else{var e=b.lastIndexOf("#");-1!==e&&(d=b.slice(e+1),c=a[b.slice(0,e)]);if(!c)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[c.id,c.chunks,d]}var xb=new Map;
-function yb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(d){b.status="fulfilled";b.value=d},function(d){b.status="rejected";b.reason=d});return b}function zb(){}
-function Ab(a){for(var b=a[1],d=[],c=0;c<b.length;){var e=b[c++];b[c++];var f=xb.get(e);if(void 0===f){f=__webpack_chunk_load__(e);d.push(f);var g=xb.set.bind(xb,e,null);f.then(g,zb);xb.set(e,f)}else null!==f&&d.push(f)}return 4===a.length?0===d.length?yb(a[0]):Promise.all(d).then(function(){return yb(a[0])}):0<d.length?Promise.all(d):null}
-function W(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function Bb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}Bb.prototype=Object.create(Promise.prototype);
-Bb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Cb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Db(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}
-function Eb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Db(d,b)}}function Fb(a,b,d,c,e,f){var g=wb(a._bundlerConfig,b);a=Ab(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Gb(c,e,f),Hb(c));return null}var X=null,Y=null;
-function Cb(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Ib(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Eb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new Bb("resolved_model",c,null,a):new Bb("pending",null,null,a),d.set(b,c));return c}function Gb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Db(e,c.value))}}function Hb(a){return function(b){return Eb(a,b)}}
-function Jb(a,b){a=Z(a,b);"resolved_model"===a.status&&Cb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Kb(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Jb(a,c),Fb(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Jb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Jb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Cb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Gb(c,b,d),Hb(c)),null;default:throw a.reason;}}return c}
-function Lb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Kb(e,this,f,g):g}};return e}
-function Mb(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Cb(b),b.status){case "fulfilled":Db(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Db(a,b.reason)}}function Qb(a){Ib(a,Error("Connection closed."))}
-function Rb(a,b,d){var c=wb(a,b);a=Ab(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}function Sb(a,b,d){a=Lb(b,d,a);Qb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Tb(a,b){return function(){return ub(b,a)}}function Ub(a,b){return function(){a.destination=null;vb(a,Error(b))}}
-exports.createClientModuleProxy=function(a){a=w({},a,!1);return new Proxy(a,na)};exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Sb(a,b,e),c=Rb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Rb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(g,k){k.startsWith("$ACTION_REF_")&&(g="$ACTION_"+k.slice(12)+":",e=Sb(b,d,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,c,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Lb(b,"",a);b=Z(a,0);Qb(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=Lb(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):Mb(d,f,g)});a.on("file",function(f,g,k){var h=k.filename,n=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var z=[];g.on("data",function(u){z.push(u)});g.on("end",function(){var u=
-new Blob(z,{type:n});d._formData.append(f,u,h);c--;if(0===c){for(u=0;u<e.length;u+=2)Mb(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){Qb(d)});a.on("error",function(f){Ib(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return w(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ja}})};
-exports.renderToPipeableStream=function(a,b,d){var c=hb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;tb(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;ub(c,f);f.on("drain",Tb(f,c));f.on("error",Ub(c,"The destination stream errored while writing data."));f.on("close",Ub(c,"The destination stream closed early."));return f},abort:function(f){vb(c,f)}}};
+function la(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=x(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=x({},a.$$id,!0),e=new Proxy(d,ma);a.status="fulfilled";a.value=e;return a.then=x(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=x(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ka));return d}
+var ma={get:function(a,b){return la(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:la(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ja},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ua={prefetchDNS:na,preconnect:oa,preload:pa,preloadModule:qa,preinitStyle:ra,preinitScript:sa,preinitModuleScript:ta};
+function na(a){if("string"===typeof a&&a){var b=y();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),z(b,"D",a))}}}function oa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?z(c,"C",[a,b]):z(c,"C",a))}}}
+function pa(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(c=A(c))?z(d,"L",[a,b,c]):z(d,"L",[a,b]))}}}function qa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"m",[a,b]):z(c,"m",a)}}}
+function ra(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="S|"+a;if(!e.has(f))return e.add(f),(c=A(c))?z(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?z(d,"S",[a,b]):z(d,"S",a)}}}function sa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"X",[a,b]):z(c,"X",a)}}}function ta(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"M",[a,b]):z(c,"M",a)}}}
+function A(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}var va=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,wa=new ba.AsyncLocalStorage,B=Symbol.for("react.element"),xa=Symbol.for("react.fragment"),ya=Symbol.for("react.context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),Da=Symbol.for("react.memo_cache_sentinel");
+Symbol.for("react.postpone");var Ea=Symbol.iterator,Fa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");function Ga(){}
+function Ha(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ga,Ga),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}E=b;throw Fa;}}var E=null;
+function Ia(){if(null===E)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=E;E=null;return a}var F=null,Ja=0,G=null;function Ka(){var a=G||[];G=null;return a}
+var Pa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:La,useContext:La,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ma,useSyncExternalStore:H,useCacheRefresh:function(){return Na},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Da;return b},use:Oa};
+function H(){throw Error("This Hook is not supported in Server Components.");}function Na(){throw Error("Refreshing the cache is not supported in Server Components.");}function La(){throw Error("Cannot read a Client Context from a Server Component.");}function Ma(){if(null===F)throw Error("useId can only be used while React is rendering");var a=F.identifierCount++;return":"+F.identifierPrefix+"S"+a.toString(32)+":"}
+function Oa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ja;Ja+=1;null===G&&(G=[]);return Ha(G,a,b)}a.$$typeof===ya&&La()}if(a.$$typeof===v){if(null!=a.value&&a.value.$$typeof===ya)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Qa(){return(new AbortController).signal}
+function Ra(){var a=y();return a?a.cache:new Map}var Sa={getCacheSignal:function(){var a=Ra(),b=a.get(Qa);void 0===b&&(b=Qa(),a.set(Qa,b));return b},getCacheForType:function(a){var b=Ra(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Ta=Array.isArray,Ua=Object.getPrototypeOf;function Va(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Wa(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ta(a))return"[...]";if(null!==a&&a.$$typeof===Xa)return"client";a=Va(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Xa?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function I(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return I(a.render);case Ca:return I(a.type);case D:var b=a._payload;a=a._init;try{return I(a(b))}catch(c){}}return""}var Xa=Symbol.for("react.client.reference");
+function J(a,b){var c=Va(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Ta(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Wa(g);""+f===b?(c=e.length,d=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+I(a.type)+"/>";else{if(a.$$typeof===Xa)return"client";e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h=
+"object"===typeof h&&null!==h?J(h):Wa(h);k===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Ya=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Za=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Za)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 $a=Object.prototype,K=JSON.stringify,ab=Za.ReactCurrentCache,bb=Ya.ReactCurrentDispatcher;function cb(a){console.error(a)}function db(){}
+function eb(a,b,c,d,e){if(null!==ab.current&&ab.current!==Sa)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;ab.current=Sa;var f=new Set,g=[],k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?cb:c,onPostpone:void 0===e?db:e};a=L(b,a,null,!1,f);g.push(a);return b}var M=null;function y(){if(M)return M;var a=wa.getStore();return a?a:null}
+function fb(a,b,c){var d=L(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,gb(a,d),d.id;case "rejected":return b=N(a,c.reason),O(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;gb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&P(a,a.destination)});return d.id}function z(a,b,c){c=K(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");hb(a)}function ib(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function jb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:D,_payload:a,_init:ib}}
+function kb(a,b,c,d,e){var f=b.thenableState;b.thenableState=null;Ja=0;G=f;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=jb(d)}e=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=Q(a,b,R,"",d);b.keyPath=e;b.implicitSlot=f;return a}
+function lb(a,b,c,d,e,f){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===v?[B,c,d,f]:kb(a,b,d,c,f);if("string"===typeof c)return[B,c,d,f];if("symbol"===typeof c)return c===xa&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=Q(a,b,R,"",f.children),b.implicitSlot=d,a):[B,c,d,f];if(null!=c&&"object"===typeof c){if(c.$$typeof===v)return[B,c,d,f];switch(c.$$typeof){case D:var g=
+c._init;c=g(c._payload);return lb(a,b,c,d,e,f);case za:return kb(a,b,d,c.render,f);case Ca:return lb(a,b,c.type,d,e,f)}}throw Error("Unsupported Server Component type: "+Wa(c));}function gb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return mb(a)}))}
+function L(a,b,c,d,e){a.pendingChunks++;var f=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return gb(a,g)},toJSON:function(k,h){var p=g.keyPath,t=g.implicitSlot;try{var n=Q(a,g,this,k,h)}catch(Z){if(k=Z===Fa?Ia():Z,h=g.model,h="object"===typeof h&&null!==h&&(h.$$typeof===B||h.$$typeof===D),"object"===typeof k&&null!==k&&"function"===typeof k.then){n=L(a,g.model,g.keyPath,g.implicitSlot,a.abortableTasks);
+var C=n.ping;k.then(C,C);n.thenableState=Ka();g.keyPath=p;g.implicitSlot=t;n=h?"$L"+n.id.toString(16):S(n.id)}else if(g.keyPath=p,g.implicitSlot=t,h)a.pendingChunks++,p=a.nextChunkId++,t=N(a,k),O(a,p,t),n="$L"+p.toString(16);else throw k;}return n},thenableState:null};e.add(g);return g}function S(a){return"$"+a.toString(16)}function nb(a,b,c){a=K(c);return b.toString(16)+":"+a+"\n"}
+function ob(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=d.$$id;g="";var p=k[h];if(p)g=p.name;else{var t=h.lastIndexOf("#");-1!==t&&(g=h.slice(t+1),p=k[h.slice(0,t)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var n=!0===d.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var C=a.nextChunkId++,Z=K(n),Lb=C.toString(16)+":I"+Z+"\n";a.completedImportChunks.push(Lb);f.set(e,C);return b[0]===B&&"1"===c?"$L"+C.toString(16):S(C)}catch(Mb){return a.pendingChunks++,b=a.nextChunkId++,c=N(a,Mb),O(a,b,c),S(b)}}function T(a,b){b=L(a,b,null,!1,a.abortableTasks);pb(a,b);return b.id}var U=!1;
+function Q(a,b,c,d,e){b.model=e;if(e===B)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case B:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);return lb(a,b,e.type,e.key,e.ref,e.props);case D:return b.thenableState=null,c=e._init,e=c(e._payload),Q(a,b,R,"",e)}if(e.$$typeof===v)return ob(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(U===e)U=null;else return"$@"+
+d.toString(16);a=fb(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);if(Ta(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+T(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+T(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ea&&e[Ea]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Ua(e);if(a!==$a&&(null===a||null!==Ua(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,c="string"===typeof e?Buffer.byteLength(e,"utf8"):e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,e),S(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===v)return ob(a,c,d,e);if(e.$$typeof===w)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+J(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+J(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var f=b.get(e);if(void 0!==f)return S(f);f=e.description;if(Symbol.for(f)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+J(c,d));a.pendingChunks++;c=a.nextChunkId++;d=nb(a,c,"$S"+f);a.completedImportChunks.push(d);b.set(e,c);return S(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+J(c,d));}function N(a,b){var c=M;M=null;try{var d=wa.run(void 0,a.onError,b)}finally{M=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}
+function qb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b,c){c={digest:c};b=b.toString(16)+":E"+K(c)+"\n";a.completedErrorChunks.push(b)}var R={};
+function pb(a,b){if(0===b.status)try{U=b.model;var c=Q(a,b,R,"",b.model);U=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?K(c,b.toJSON):K(c),e=b.id.toString(16)+":"+d+"\n";a.completedRegularChunks.push(e);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Fa?Ia():h;if("object"===typeof f&&null!==f&&"function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Ka()}else{a.abortableTasks.delete(b);b.status=4;var k=N(a,f);O(a,b.id,k)}}finally{}}
+function mb(a){var b=bb.current;bb.current=Pa;var c=M;F=M=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)pb(a,d[e]);null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),qb(a,f)}finally{bb.current=b,F=null,M=c}}
+function P(a,b){l=new Uint8Array(2048);m=0;q=!0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)if(a.pendingChunks--,!u(b,c[d])){a.destination=null;d++;break}c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)if(!u(b,e[d])){a.destination=null;d++;break}e.splice(0,d);var f=a.completedRegularChunks;for(d=0;d<f.length;d++)if(a.pendingChunks--,!u(b,f[d])){a.destination=null;d++;break}f.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)if(a.pendingChunks--,!u(b,g[d])){a.destination=
+null;d++;break}g.splice(0,d)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function rb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return wa.run(a,mb,a)})}function hb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return P(a,b)})}}
+function sb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{P(a,b)}catch(c){N(a,c),qb(a,c)}}}
+function tb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=N(a,e);O(a,d,f,e);c.forEach(function(g){g.status=3;var k=S(d);g=nb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),qb(a,g)}}
+function ub(a,b){var c="",d=a[b];if(d)c=d.name;else{var e=b.lastIndexOf("#");-1!==e&&(c=b.slice(e+1),d=a[b.slice(0,e)]);if(!d)throw Error('Could not find the module "'+b+'" in the React Server Manifest. This is probably a bug in the React Server Components bundler.');}return[d.id,d.chunks,c]}var vb=new Map;
+function wb(a){var b=globalThis.__next_require__(a);if("function"!==typeof b.then||"fulfilled"===b.status)return null;b.then(function(c){b.status="fulfilled";b.value=c},function(c){b.status="rejected";b.reason=c});return b}function xb(){}
+function yb(a){for(var b=a[1],c=[],d=0;d<b.length;){var e=b[d++];b[d++];var f=vb.get(e);if(void 0===f){f=__webpack_chunk_load__(e);c.push(f);var g=vb.set.bind(vb,e,null);f.then(g,xb);vb.set(e,f)}else null!==f&&c.push(f)}return 4===a.length?0===c.length?wb(a[0]):Promise.all(c).then(function(){return wb(a[0])}):0<c.length?Promise.all(c):null}
+function V(a){var b=globalThis.__next_require__(a[0]);if(4===a.length&&"function"===typeof b.then)if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a[2]?b:""===a[2]?b.__esModule?b.default:b:b[a[2]]}function zb(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}zb.prototype=Object.create(Promise.prototype);
+zb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Ab(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};function Bb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}
+function Cb(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&Bb(c,b)}}function Db(a,b,c,d,e,f){var g=ub(a._bundlerConfig,b);a=yb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=V(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return V(g)});else return V(g);c.then(Eb(d,e,f),Fb(d));return null}var W=null,X=null;
+function Ab(a){var b=W,c=X;W=a;X=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=c}}function Gb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Cb(c,b)})}
+function Y(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new zb("resolved_model",d,null,a):new zb("pending",null,null,a),c.set(b,d));return d}function Eb(a,b,c){if(X){var d=X;d.deps++}else d=X={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&Bb(e,d.value))}}function Fb(a){return function(b){return Cb(a,b)}}
+function Hb(a,b){a=Y(a,b);"resolved_model"===a.status&&Ab(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Ib(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Y(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=Hb(a,d),Db(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=Hb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Hb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":Ab(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(Eb(d,b,c),Fb(d)),null;default:throw a.reason;}}return d}
+function Jb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(f,g){return"string"===typeof g?Ib(e,this,f,g):g}};return e}
+function Kb(a,b,c){a._formData.append(b,c);var d=a._prefix;if(b.startsWith(d)&&(a=a._chunks,b=+b.slice(d.length),(b=a.get(b))&&"pending"===b.status&&(d=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==d)))switch(Ab(b),b.status){case "fulfilled":Bb(d,b.value);break;case "pending":case "blocked":b.value=d;b.reason=a;break;case "rejected":a&&Bb(a,b.reason)}}function Nb(a){Gb(a,Error("Connection closed."))}
+function Ob(a,b,c){var d=ub(a,b);a=yb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var f=V(d);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(d)}):Promise.resolve(V(d))}function Pb(a,b,c){a=Jb(b,c,a);Nb(a);a=Y(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Qb(a,b){return function(){return sb(b,a)}}function Rb(a,b){return function(){a.destination=null;tb(a,Error(b))}}
+exports.createClientModuleProxy=function(a){a=x({},a,!1);return new Proxy(a,ma)};exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Pb(a,b,e),d=Ob(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),d=Ob(b,e,null)):c.append(f,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var d=b.get("$ACTION_KEY");if("string"!==typeof d)return Promise.resolve(null);var e=null;b.forEach(function(g,k){k.startsWith("$ACTION_REF_")&&(g="$ACTION_"+k.slice(12)+":",e=Pb(b,c,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,d,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Jb(b,"",a);b=Y(a,0);Nb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Jb(b,""),d=0,e=[];a.on("field",function(f,g){0<d?e.push(f,g):Kb(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");d++;var t=[];g.on("data",function(n){t.push(n)});g.on("end",function(){var n=
+new Blob(t,{type:p});c._formData.append(f,n,h);d--;if(0===d){for(n=0;n<e.length;n+=2)Kb(c,e[n],e[n+1]);e.length=0}})});a.on("finish",function(){Nb(c)});a.on("error",function(f){Gb(c,f)});return Y(c,0)};exports.registerClientReference=function(a,b,c){return x(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ia,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var d=eb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),e=!1;rb(d);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;sb(d,f);f.on("drain",Qb(f,d));f.on("error",Rb(d,"The destination stream errored while writing data."));f.on("close",Rb(d,"The destination stream closed early."));return f},abort:function(f){tb(d,f)}}};
 
 //# sourceMappingURL=react-server-dom-webpack-server.node.production.min.js.map
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 5d78b6a6af3669..66b9d0ef9ab0ce 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
@@ -132,15 +132,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
-    {
-      if (precomputedChunkSet && precomputedChunkSet.has(chunk)) {
-        error('A large precomputed chunk was passed to writeChunk without being copied.' + ' Large chunks get enqueued directly and are not copied. This is incompatible with precomputed chunks because you cannot enqueue the same precomputed chunk twice.' + ' Use "cloneChunk" to make a copy of this large precomputed chunk before writing it. This is a bug in React.');
-      }
-    } // this chunk may overflow a single view which implies it was not
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -216,7 +210,6 @@ var textEncoder = new util.TextEncoder();
 function stringToChunk(content) {
   return content;
 }
-var precomputedChunkSet = new Set() ;
 function byteLengthOfChunk(chunk) {
   return typeof chunk === 'string' ? Buffer.byteLength(chunk, 'utf8') : chunk.byteLength;
 }
@@ -226,10 +219,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+var CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 var SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -241,7 +234,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -262,6 +255,14 @@ function bind() {
   var newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+    {
+      var thisBind = arguments[0];
+
+      if (thisBind != null) {
+        error('Cannot bind "this" of a Server Action. Pass null or undefined as the first argument to .bind().');
+      }
+    }
+
     var args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -288,13 +289,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -333,6 +337,10 @@ var deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -374,6 +382,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -414,6 +426,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   var cachedReference = target[name];
 
   if (!cachedReference) {
@@ -755,6 +771,7 @@ function createHints() {
   return new Set();
 }
 
+var supportsRequestStorage = true;
 var requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -763,7 +780,7 @@ var requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 var REACT_ELEMENT_TYPE = Symbol.for('react.element');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-var REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -787,146 +804,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-var rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-var currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    var parentPrev = prev.parent;
-    var parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  var parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  var parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  var parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  var prev = currentActiveSnapshot;
-  var next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  var value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1055,29 +932,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  var state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  var state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-  {
-    if (context.$$typeof !== REACT_SERVER_CONTEXT_TYPE) {
-      if (isClientReference(context)) {
-        error('Cannot read a Client Context from a Server Component.');
-      } else {
-        error('Only createServerContext is supported in Server Components.');
-      }
-    }
-
-    if (currentRequest$1 === null) {
-      error('Context can only be read while React is rendering. ' + 'In classes, you can read it in the render method or getDerivedStateFromProps. ' + 'In function components, you can read it directly in the function body, but not ' + 'inside Hooks like useReducer() or useMemo().');
-    }
-  }
-
-  return readContext$1(context);
-}
-
 var HooksDispatcher = {
   useMemo: function (nextCreate) {
     return nextCreate();
@@ -1088,8 +949,8 @@ var HooksDispatcher = {
   useDebugValue: function () {},
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext: readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1122,6 +983,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1147,20 +1012,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      var context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-  {
-    if (isClientReference(usable)) {
-      error('Cannot use() an already resolved Client Reference.');
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
     }
-  } // eslint-disable-next-line react-internal/safe-string-coercion
-
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1298,6 +1165,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         var name = objectName(value);
 
         if (name === 'Object') {
@@ -1308,7 +1179,15 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        var _name = value.displayName || value.name;
+
+        return _name ? 'function ' + _name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1354,6 +1233,12 @@ function describeElementType(type) {
   return '';
 }
 
+var CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   var objKind = objectName(objectOrArray);
 
@@ -1432,6 +1317,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else if (jsxPropsParents.has(objectOrArray)) {
       // Print JSX
       var _type = jsxPropsParents.get(objectOrArray);
@@ -1482,9 +1369,9 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           str += ', ';
         }
 
-        var _name = _names[_i3];
-        str += describeKeyForErrorMessage(_name) + ': ';
-        var _value3 = _object[_name];
+        var _name2 = _names[_i3];
+        str += describeKeyForErrorMessage(_name2) + ': ';
+        var _value3 = _object[_name2];
 
         var _substr3 = void 0;
 
@@ -1494,7 +1381,7 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
           _substr3 = describeValueForErrorMessage(_value3);
         }
 
-        if (_name === expandedName) {
+        if (_name2 === expandedName) {
           start = str.length;
           length = _substr3.length;
           str += _substr3;
@@ -1549,7 +1436,7 @@ function defaultPostponeHandler(reason) {// Noop
 var OPEN = 0;
 var CLOSING = 1;
 var CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1580,21 +1467,19 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  var rootContext = createRootContext();
-  var rootTask = createTask(request, model, rootContext, abortSet);
+
+  {
+    request.environmentName = environmentName === undefined ? 'Server' : environmentName;
+  }
+
+  var rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1610,13 +1495,18 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
+function serializeThenable(request, task, thenable) {
+  var newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  var newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+  {
+    // If this came from Flight, forward any debug info into this new row.
+    var debugInfo = thenable._debugInfo;
+
+    if (debugInfo) {
+      forwardDebugInfo(request, newTask.id, debugInfo);
+    }
+  }
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1752,14 +1642,136 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
+  {
+    // If this came from React, transfer the debug info.
+    lazyType._debugInfo = thenable._debugInfo || [];
+  }
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  var prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  {
+    if (debugID === null) {
+      // We don't have a chunk to assign debug info. We need to outline this
+      // component to assign it an ID.
+      return outlineTask(request, task);
+    } else if (prevThenableState !== null) ; else {
+      // This is a new component in the same task so we can emit more debug info.
+      var componentName = Component.displayName || Component.name || '';
+      request.pendingChunks++;
+      emitDebugChunk(request, debugID, {
+        name: componentName,
+        env: request.environmentName
+      });
+    }
+  }
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  var secondArg = undefined;
+  var result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    var thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  var json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+  {
+    var debugInfo = children._debugInfo;
+
+    if (debugInfo) {
+      // If this came from Flight, forward any debug info into this new row.
+      if (debugID === null) {
+        // We don't have a chunk to assign debug info. We need to outline this
+        // component to assign it an ID.
+        return outlineTask(request, task);
+      } else {
+        // Forward any debug info we have the first time we see it.
+        // We do this after init so that we have received all the debug info
+        // from the server by the time we emit it.
+        forwardDebugInfo(request, debugID, debugInfo);
+      }
+    }
+  }
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+var debugID = null;
+
+function outlineTask(request, task) {
+  var newTask = createTask(request, task.model, // the currently rendering element
+  task.keyPath, // unlike outlineModel this one carries along context
+  task.implicitSlot, request.abortableTasks);
+  retryTask(request, newTask);
+
+  if (newTask.status === COMPLETED) {
+    // We completed synchronously so we can refer to this by reference. This
+    // makes it behaves the same as prod during deserialization.
+    return serializeByValueID(newTask.id);
+  } // This didn't complete synchronously so it wouldn't have even if we didn't
+  // outline it, so this would reduce to a lazy reference even in prod.
+
+
+  return serializeLazyID(newTask.id);
+}
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
@@ -1774,47 +1786,36 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
 
-    prepareToUseHooksForComponent(prevThenableState);
-    var result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      var thenable = result;
-
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
-
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      var prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      var json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1823,19 +1824,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           var payload = type._payload;
           var init = type._init;
           var wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          var render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1855,16 +1854,51 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   var id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   var task = {
     id: id,
     status: PENDING$1,
     model: model,
-    context: context,
+    keyPath: keyPath,
+    implicitSlot: implicitSlot,
     ping: function () {
       return pingTask(request, task);
     },
+    toJSON: function (parentPropertyName, value) {
+      var parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      {
+        // $FlowFixMe[incompatible-use]
+        var originalValue = parent[parentPropertyName];
+
+        if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
+          if (objectName(originalValue) !== 'Object') {
+            var jsxParentType = jsxChildrenParents.get(parent);
+
+            if (typeof jsxParentType === 'string') {
+              error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            } else {
+              error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, parentPropertyName));
+            }
+          } else {
+            error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, parentPropertyName));
+          }
+        }
+      }
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1933,13 +1967,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   var clientReferenceKey = getClientReferenceKey(clientReference);
   var writtenClientReferences = request.writtenClientReferences;
   var existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1958,7 +1992,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1978,13 +2012,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  var newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   var writtenServerReferences = request.writtenServerReferences;
   var existingId = writtenServerReferences.get(serverReference);
 
@@ -2064,110 +2099,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
-var modelRoot = false;
-
-function resolveModelToJSON(request, parent, key, value) {
-  // Make sure that `parent[key]` wasn't JSONified before `value` was passed to us
-  {
-    // $FlowFixMe[incompatible-use]
-    var originalValue = parent[key];
 
-    if (typeof originalValue === 'object' && originalValue !== value && !(originalValue instanceof Date)) {
-      if (objectName(originalValue) !== 'Object') {
-        var jsxParentType = jsxChildrenParents.get(parent);
+var modelRoot = false;
 
-        if (typeof jsxParentType === 'string') {
-          error('%s objects cannot be rendered as text children. Try formatting it using toString().%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        } else {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(originalValue), describeObjectForErrorMessage(parent, key));
-        }
-      } else {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with toJSON methods are not supported. Convert it manually ' + 'to a simple value before passing it to props.%s', describeObjectForErrorMessage(parent, key));
-      }
-    }
-  } // Special Symbols
+function renderModel(request, task, parent, key, value) {
+  var prevKeyPath = task.keyPath;
+  var prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    var model = task.model;
+    var wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        var newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        var ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            var writtenObjects = request.writtenObjects;
-            var existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                var newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            var element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            var payload = value._payload;
-            var init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      var x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          var newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          var ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       var errorId = request.nextChunkId++;
       var digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest, x);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -2175,61 +2177,152 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          var _writtenObjects = request.writtenObjects;
+
+          var _existingId = _writtenObjects.get(value);
+
+          if (_existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (_existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              var newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(_existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            _writtenObjects.set(value, -1);
+          }
 
-    if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
-    }
+          var element = value;
+
+          {
+            var debugInfo = value._debugInfo;
+
+            if (debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                forwardDebugInfo(request, debugID, debugInfo);
+              }
+            }
+          }
 
-    var _writtenObjects = request.writtenObjects;
+          var props = element.props;
+          var ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
 
-    var _existingId = _writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          var lazy = value;
+          var payload = lazy._payload;
+          var init = lazy._init;
+          var resolvedModel = init(payload);
+
+          {
+            var _debugInfo = lazy._debugInfo;
+
+            if (_debugInfo) {
+              // If this came from Flight, forward any debug info into this new row.
+              if (debugID === null) {
+                // We don't have a chunk to assign debug info. We need to outline this
+                // component to assign it an ID.
+                return outlineTask(request, task);
+              } else {
+                // Forward any debug info we have the first time we see it.
+                // We do this after init so that we have received all the debug info
+                // from the server by the time we emit it.
+                forwardDebugInfo(request, debugID, _debugInfo);
+              }
+            }
+          }
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
+
+    if (isClientReference(value)) {
+      return serializeClientReference(request, parent, parentPropertyName, value);
+    }
+
+    var writtenObjects = request.writtenObjects;
+    var existingId = writtenObjects.get(value); // $FlowFixMe[method-unbinding]
 
     if (typeof value.then === 'function') {
-      if (_existingId !== undefined) {
+      if (existingId !== undefined) {
         if (modelRoot === value) {
           // This is the ID we're currently emitting so we need to write it
           // once but if we discover it again, we refer to it by id.
           modelRoot = null;
         } else {
           // We've seen this promise before, so we can just refer to the same result.
-          return serializePromiseID(_existingId);
+          return serializePromiseID(existingId);
         }
       } // We assume that any object with a .then property is a "Thenable" type,
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      var promiseId = serializeThenable(request, value);
-
-      _writtenObjects.set(value, promiseId);
-
+      var promiseId = serializeThenable(request, task, value);
+      writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
-    if (_existingId !== undefined) {
-      if (_existingId === -1) {
+    if (existingId !== undefined) {
+      if (modelRoot === value) {
+        // This is the ID we're currently emitting so we need to write it
+        // once but if we discover it again, we refer to it by id.
+        modelRoot = null;
+      } else if (existingId === -1) {
         // Seen but not yet outlined.
         var _newId = outlineModel(request, value);
 
         return serializeByValueID(_newId);
-      } else if (modelRoot === value) {
-        // This is the ID we're currently emitting so we need to write it
-        // once but if we discover it again, we refer to it by id.
-        modelRoot = null;
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
-        return serializeByValueID(_existingId);
+        return serializeByValueID(existingId);
       }
     } else {
       // This is the first time we've seen this object. We may never see it again
       // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-      _writtenObjects.set(value, -1);
+      writtenObjects.set(value, -1);
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2243,7 +2336,7 @@ function resolveModelToJSON(request, parent, key, value) {
     var iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2255,14 +2348,14 @@ function resolveModelToJSON(request, parent, key, value) {
 
     {
       if (objectName(value) !== 'Object') {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + '%s objects are not supported.%s', objectName(value), describeObjectForErrorMessage(parent, key));
+        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)) {
-        error('Only plain objects can be passed to Client Components from Server Components. ' + 'Classes or other objects with methods are not supported.%s', describeObjectForErrorMessage(parent, key));
+        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);
 
         if (symbols.length > 0) {
-          error('Only plain objects can be passed to Client Components from Server Components. ' + 'Objects with symbol properties like %s are not supported.%s', symbols[0].description, describeObjectForErrorMessage(parent, key));
+          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));
         }
       }
     } // $FlowFixMe[incompatible-return]
@@ -2277,9 +2370,9 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      var _originalValue = parent[key];
+      var originalValue = parent[parentPropertyName];
 
-      if (_originalValue instanceof Date) {
+      if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
       }
     }
@@ -2307,19 +2400,21 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    } else if ((jsxChildrenParents.has(parent) || jsxPropsParents.has(parent) && parentPropertyName === 'children')) {
+      var componentName = value.displayName || value.name || 'Component';
+      throw new Error('Functions are not valid as a child of Client Components. This may happen if ' + 'you return ' + componentName + ' instead of <' + componentName + ' /> from render. ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2337,7 +2432,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2352,17 +2447,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  var onPostpone = request.onPostpone;
-  onPostpone(reason);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    var onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  var onError = request.onError;
-  var errorDigest = onError(error);
+  var prevRequest = currentRequest;
+  currentRequest = null;
+  var errorDigest;
+
+  try {
+    var onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2421,8 +2539,11 @@ function emitErrorChunk(request, id, digest, error) {
         message = String(error.message); // eslint-disable-next-line react-internal/safe-string-coercion
 
         stack = String(error.stack);
+      } else if (typeof error === 'object' && error !== null) {
+        message = describeObjectForErrorMessage(error);
       } else {
-        message = 'Error: ' + error;
+        // eslint-disable-next-line react-internal/safe-string-coercion
+        message = String(error);
       }
     } catch (x) {
       message = 'An error occurred but serializing the error message failed.';
@@ -2462,62 +2583,79 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  var json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   var row = id.toString(16) + ':' + json + '\n';
   var processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+function emitDebugChunk(request, id, debugInfo) {
+
+
+  var json = stringify(debugInfo);
+  var row = serializeRowHeader('D', id) + json + '\n';
+  var processedChunk = stringToChunk(row);
+  request.completedRegularChunks.push(processedChunk);
+}
+
+function forwardDebugInfo(request, id, debugInfo) {
+  for (var i = 0; i < debugInfo.length; i++) {
+    request.pendingChunks++;
+    emitDebugChunk(request, id, debugInfo[i]);
+  }
+}
+
+var emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
+  var prevDebugID = debugID;
 
   try {
-    var value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (true) {
+      // Track the ID of the current task so we can assign debug info to this id.
+      debugID = task.id;
+    } // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      var element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      var prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    var resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (true) {
+      // We're now past rendering this task and future renders will spawn new tasks for their
+      // debug info.
+      debugID = null;
+    } // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
-
-        var nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
+    task.keyPath = null;
+    task.implicitSlot = false;
+    var json;
 
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2543,6 +2681,10 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     var digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest, x);
+  } finally {
+    {
+      debugID = prevDebugID;
+    }
   }
 }
 
@@ -2757,11 +2899,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   var idx = id.lastIndexOf('#');
   var specifier = id.slice(0, idx);
@@ -3487,7 +3624,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  var request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined, options ? options.environmentName : undefined);
   var hasStartedFlowing = false;
   startWork(request);
   return {
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 d12574daec7c8e..cf8798ca9384cb 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
@@ -89,10 +89,9 @@ function writeViewChunk(destination, chunk) {
   }
 
   if (chunk.byteLength > VIEW_SIZE) {
+    // this chunk may overflow a single view which implies it was not
     // one that is cached by the streaming renderer. We will enqueu
     // it directly and expect it is not re-used
-
-
     if (writtenBytes > 0) {
       writeToDestination(destination, currentView.subarray(0, writtenBytes));
       currentView = new Uint8Array(VIEW_SIZE);
@@ -177,10 +176,10 @@ function closeWithError(destination, error) {
 }
 
 // eslint-disable-next-line no-unused-vars
-const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+const CLIENT_REFERENCE_TAG$1 = Symbol.for('react.client.reference');
 const SERVER_REFERENCE_TAG = Symbol.for('react.server.reference');
 function isClientReference(reference) {
-  return reference.$$typeof === CLIENT_REFERENCE_TAG;
+  return reference.$$typeof === CLIENT_REFERENCE_TAG$1;
 }
 function isServerReference(reference) {
   return reference.$$typeof === SERVER_REFERENCE_TAG;
@@ -192,7 +191,7 @@ function registerClientReference(proxyImplementation, id, exportName) {
 function registerClientReferenceImpl(proxyImplementation, id, async) {
   return Object.defineProperties(proxyImplementation, {
     $$typeof: {
-      value: CLIENT_REFERENCE_TAG
+      value: CLIENT_REFERENCE_TAG$1
     },
     $$id: {
       value: id
@@ -213,6 +212,7 @@ function bind() {
   const newFn = FunctionBind.apply(this, arguments);
 
   if (this.$$typeof === SERVER_REFERENCE_TAG) {
+
     const args = ArraySlice.call(arguments, 1);
     return Object.defineProperties(newFn, {
       $$typeof: {
@@ -239,13 +239,16 @@ function registerServerReference(reference, id, exportName) {
       value: SERVER_REFERENCE_TAG
     },
     $$id: {
-      value: exportName === null ? id : id + '#' + exportName
+      value: exportName === null ? id : id + '#' + exportName,
+      configurable: true
     },
     $$bound: {
-      value: null
+      value: null,
+      configurable: true
     },
     bind: {
-      value: bind
+      value: bind,
+      configurable: true
     }
   });
 }
@@ -284,6 +287,10 @@ const deepProxyHandlers = {
         // $FlowFixMe[prop-missing]
         return Object.prototype[Symbol.toPrimitive];
 
+      case Symbol.toStringTag:
+        // $FlowFixMe[prop-missing]
+        return Object.prototype[Symbol.toStringTag];
+
       case 'Provider':
         throw new Error("Cannot render a Client Context Provider on the Server. " + "Instead, you can export a Client Component wrapper " + "that itself renders a Client Context Provider.");
     } // eslint-disable-next-line react-internal/safe-string-coercion
@@ -325,6 +332,10 @@ function getReference(target, name) {
       // $FlowFixMe[prop-missing]
       return Object.prototype[Symbol.toPrimitive];
 
+    case Symbol.toStringTag:
+      // $FlowFixMe[prop-missing]
+      return Object.prototype[Symbol.toStringTag];
+
     case '__esModule':
       // Something is conditionally checking which export to use. We'll pretend to be
       // an ESM compat module but then we'll check again on the client.
@@ -365,6 +376,10 @@ function getReference(target, name) {
 
   }
 
+  if (typeof name === 'symbol') {
+    throw new Error('Cannot read Symbol exports. Only named exports are supported on a client module ' + 'imported on the server.');
+  }
+
   let cachedReference = target[name];
 
   if (!cachedReference) {
@@ -708,6 +723,7 @@ function createHints() {
   return new Set();
 }
 
+const supportsRequestStorage = true;
 const requestStorage = new async_hooks.AsyncLocalStorage();
 
 // ATTENTION
@@ -716,7 +732,7 @@ const requestStorage = new async_hooks.AsyncLocalStorage();
 // The Symbol used to tag the ReactElement-like types.
 const REACT_ELEMENT_TYPE = Symbol.for('react.element');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
-const REACT_SERVER_CONTEXT_TYPE = Symbol.for('react.server_context');
+const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
 const REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
@@ -740,146 +756,6 @@ function getIteratorFn(maybeIterable) {
   return null;
 }
 
-// Forming a reverse tree.
-// The structure of a context snapshot is an implementation of this file.
-// Currently, it's implemented as tracking the current active node.
-
-
-const rootContextSnapshot = null; // We assume that this runtime owns the "current" field on all ReactContext instances.
-// This global (actually thread local) state represents what state all those "current",
-// fields are currently in.
-
-let currentActiveSnapshot = null;
-
-function popNode(prev) {
-  {
-    prev.context._currentValue = prev.parentValue;
-  }
-}
-
-function pushNode(next) {
-  {
-    next.context._currentValue = next.value;
-  }
-}
-
-function popToNearestCommonAncestor(prev, next) {
-  if (prev === next) ; else {
-    popNode(prev);
-    const parentPrev = prev.parent;
-    const parentNext = next.parent;
-
-    if (parentPrev === null) {
-      if (parentNext !== null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-    } else {
-      if (parentNext === null) {
-        throw new Error('The stacks must reach the root at the same time. This is a bug in React.');
-      }
-
-      popToNearestCommonAncestor(parentPrev, parentNext); // On the way back, we push the new ones that weren't common.
-
-      pushNode(next);
-    }
-  }
-}
-
-function popAllPrevious(prev) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev !== null) {
-    popAllPrevious(parentPrev);
-  }
-}
-
-function pushAllNext(next) {
-  const parentNext = next.parent;
-
-  if (parentNext !== null) {
-    pushAllNext(parentNext);
-  }
-
-  pushNode(next);
-}
-
-function popPreviousToCommonLevel(prev, next) {
-  popNode(prev);
-  const parentPrev = prev.parent;
-
-  if (parentPrev === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (parentPrev.depth === next.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(parentPrev, next);
-  } else {
-    // We must still be deeper.
-    popPreviousToCommonLevel(parentPrev, next);
-  }
-}
-
-function popNextToCommonLevel(prev, next) {
-  const parentNext = next.parent;
-
-  if (parentNext === null) {
-    throw new Error('The depth must equal at least at zero before reaching the root. This is a bug in React.');
-  }
-
-  if (prev.depth === parentNext.depth) {
-    // We found the same level. Now we just need to find a shared ancestor.
-    popToNearestCommonAncestor(prev, parentNext);
-  } else {
-    // We must still be deeper.
-    popNextToCommonLevel(prev, parentNext);
-  }
-
-  pushNode(next);
-} // Perform context switching to the new snapshot.
-// To make it cheap to read many contexts, while not suspending, we make the switch eagerly by
-// updating all the context's current values. That way reads, always just read the current value.
-// At the cost of updating contexts even if they're never read by this subtree.
-
-
-function switchContext(newSnapshot) {
-  // The basic algorithm we need to do is to pop back any contexts that are no longer on the stack.
-  // We also need to update any new contexts that are now on the stack with the deepest value.
-  // The easiest way to update new contexts is to just reapply them in reverse order from the
-  // perspective of the backpointers. To avoid allocating a lot when switching, we use the stack
-  // for that. Therefore this algorithm is recursive.
-  // 1) First we pop which ever snapshot tree was deepest. Popping old contexts as we go.
-  // 2) Then we find the nearest common ancestor from there. Popping old contexts as we go.
-  // 3) Then we reapply new contexts on the way back up the stack.
-  const prev = currentActiveSnapshot;
-  const next = newSnapshot;
-
-  if (prev !== next) {
-    if (prev === null) {
-      // $FlowFixMe[incompatible-call]: This has to be non-null since it's not equal to prev.
-      pushAllNext(next);
-    } else if (next === null) {
-      popAllPrevious(prev);
-    } else if (prev.depth === next.depth) {
-      popToNearestCommonAncestor(prev, next);
-    } else if (prev.depth > next.depth) {
-      popPreviousToCommonLevel(prev, next);
-    } else {
-      popNextToCommonLevel(prev, next);
-    }
-
-    currentActiveSnapshot = next;
-  }
-}
-function getActiveContext() {
-  return currentActiveSnapshot;
-}
-function readContext$1(context) {
-  const value = context._currentValue ;
-  return value;
-}
-
 // Corresponds to ReactFiberWakeable and ReactFizzWakeable modules. Generally,
 // changes to one module should be reflected in the others.
 // TODO: Rename this module and the corresponding Fiber one to "Thenable"
@@ -1008,16 +884,13 @@ function prepareToUseHooksForComponent(prevThenableState) {
   thenableState = prevThenableState;
 }
 function getThenableStateAfterSuspending() {
-  const state = thenableState;
+  // If you use() to Suspend this should always exist but if you throw a Promise instead,
+  // which is not really supported anymore, it will be empty. We use the empty set as a
+  // marker to know if this was a replay of the same component or first attempt.
+  const state = thenableState || createThenableState();
   thenableState = null;
   return state;
 }
-
-function readContext(context) {
-
-  return readContext$1(context);
-}
-
 const HooksDispatcher = {
   useMemo(nextCreate) {
     return nextCreate();
@@ -1031,8 +904,8 @@ const HooksDispatcher = {
 
   useDeferredValue: unsupportedHook,
   useTransition: unsupportedHook,
-  readContext,
-  useContext: readContext,
+  readContext: unsupportedContext,
+  useContext: unsupportedContext,
   useReducer: unsupportedHook,
   useRef: unsupportedHook,
   useState: unsupportedHook,
@@ -1068,6 +941,10 @@ function unsupportedRefresh() {
   throw new Error('Refreshing the cache is not supported in Server Components.');
 }
 
+function unsupportedContext() {
+  throw new Error('Cannot read a Client Context from a Server Component.');
+}
+
 function useId() {
   if (currentRequest$1 === null) {
     throw new Error('useId can only be used while React is rendering');
@@ -1093,14 +970,22 @@ function use(usable) {
       }
 
       return trackUsedThenable(thenableState, thenable, index);
-    } else if (usable.$$typeof === REACT_SERVER_CONTEXT_TYPE) {
-      const context = usable;
-      return readContext(context);
+    } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+      unsupportedContext();
     }
   }
 
-
-  throw new Error('An unsupported type was passed to use(): ' + String(usable));
+  if (isClientReference(usable)) {
+    if (usable.value != null && usable.value.$$typeof === REACT_CONTEXT_TYPE) {
+      // Show a more specific message since it's a common mistake.
+      throw new Error('Cannot read a Client Context from a Server Component.');
+    } else {
+      throw new Error('Cannot use() an already resolved Client Reference.');
+    }
+  } else {
+    throw new Error( // eslint-disable-next-line react-internal/safe-string-coercion
+    'An unsupported type was passed to use(): ' + String(usable));
+  }
 }
 
 function createSignal() {
@@ -1179,6 +1064,10 @@ function describeValueForErrorMessage(value) {
           return '[...]';
         }
 
+        if (value !== null && value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
         const name = objectName(value);
 
         if (name === 'Object') {
@@ -1189,7 +1078,14 @@ function describeValueForErrorMessage(value) {
       }
 
     case 'function':
-      return 'function';
+      {
+        if (value.$$typeof === CLIENT_REFERENCE_TAG) {
+          return describeClientReference();
+        }
+
+        const name = value.displayName || value.name;
+        return name ? 'function ' + name : 'function';
+      }
 
     default:
       // eslint-disable-next-line react-internal/safe-string-coercion
@@ -1235,6 +1131,12 @@ function describeElementType(type) {
   return '';
 }
 
+const CLIENT_REFERENCE_TAG = Symbol.for('react.client.reference');
+
+function describeClientReference(ref) {
+  return 'client';
+}
+
 function describeObjectForErrorMessage(objectOrArray, expandedName) {
   const objKind = objectName(objectOrArray);
 
@@ -1282,6 +1184,8 @@ function describeObjectForErrorMessage(objectOrArray, expandedName) {
   } else {
     if (objectOrArray.$$typeof === REACT_ELEMENT_TYPE) {
       str = '<' + describeElementType(objectOrArray.type) + '/>';
+    } else if (objectOrArray.$$typeof === CLIENT_REFERENCE_TAG) {
+      return describeClientReference();
     } else {
       // Print Object
       str = '{';
@@ -1361,7 +1265,7 @@ function defaultPostponeHandler(reason) {// Noop
 const OPEN = 0;
 const CLOSING = 1;
 const CLOSED = 2;
-function createRequest(model, bundlerConfig, onError, context, identifierPrefix, onPostpone) {
+function createRequest(model, bundlerConfig, onError, identifierPrefix, onPostpone, environmentName) {
   if (ReactCurrentCache.current !== null && ReactCurrentCache.current !== DefaultCacheDispatcher) {
     throw new Error('Currently React only supports one RSC renderer at a time.');
   }
@@ -1392,21 +1296,15 @@ function createRequest(model, bundlerConfig, onError, context, identifierPrefix,
     writtenSymbols: new Map(),
     writtenClientReferences: new Map(),
     writtenServerReferences: new Map(),
-    writtenProviders: new Map(),
     writtenObjects: new WeakMap(),
     identifierPrefix: identifierPrefix || '',
     identifierCount: 1,
     taintCleanupQueue: cleanupQueue,
     onError: onError === undefined ? defaultErrorHandler : onError,
-    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone,
-    // $FlowFixMe[missing-this-annot]
-    toJSON: function (key, value) {
-      return resolveModelToJSON(request, this, key, value);
-    }
+    onPostpone: onPostpone === undefined ? defaultPostponeHandler : onPostpone
   };
-  request.pendingChunks++;
-  const rootContext = createRootContext();
-  const rootTask = createTask(request, model, rootContext, abortSet);
+
+  const rootTask = createTask(request, model, null, false, abortSet);
   pingedTasks.push(rootTask);
   return request;
 }
@@ -1422,13 +1320,9 @@ function resolveRequest() {
   return null;
 }
 
-function createRootContext(reqContext) {
-  return importServerContexts();
-}
-
-function serializeThenable(request, thenable) {
-  request.pendingChunks++;
-  const newTask = createTask(request, null, getActiveContext(), request.abortableTasks);
+function serializeThenable(request, task, thenable) {
+  const newTask = createTask(request, null, task.keyPath, // the server component sequence continues through Promise-as-a-child.
+  task.implicitSlot, request.abortableTasks);
 
   switch (thenable.status) {
     case 'fulfilled':
@@ -1562,61 +1456,117 @@ function createLazyWrapperAroundWakeable(wakeable) {
     _payload: thenable,
     _init: readThenable
   };
+
   return lazyType;
 }
 
-function attemptResolveElement(request, type, key, ref, props, prevThenableState) {
+function renderFunctionComponent(request, task, key, Component, props) {
+  // Reset the task's thenable state before continuing, so that if a later
+  // component suspends we can reuse the same task object. If the same
+  // component suspends again, the thenable state will be restored.
+  const prevThenableState = task.thenableState;
+  task.thenableState = null;
+
+  prepareToUseHooksForComponent(prevThenableState); // The secondArg is always undefined in Server Components since refs error early.
+
+  const secondArg = undefined;
+  let result = Component(props, secondArg);
+
+  if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
+    // When the return value is in children position we can resolve it immediately,
+    // to its value without a wrapper if it's synchronously available.
+    const thenable = result;
+
+    if (thenable.status === 'fulfilled') {
+      return thenable.value;
+    } // TODO: Once we accept Promises as children on the client, we can just return
+    // the thenable here.
+
+
+    result = createLazyWrapperAroundWakeable(result);
+  } // Track this element's key on the Server Component on the keyPath context..
+
+
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
+
+  if (key !== null) {
+    // Append the key to the path. Technically a null key should really add the child
+    // index. We don't do that to hold the payload small and implementation simple.
+    task.keyPath = prevKeyPath === null ? key : prevKeyPath + ',' + key;
+  } else if (prevKeyPath === null) {
+    // This sequence of Server Components has no keys. This means that it was rendered
+    // in a slot that needs to assign an implicit key. Even if children below have
+    // explicit keys, they should not be used for the outer most key since it might
+    // collide with other slots in that set.
+    task.implicitSlot = true;
+  }
+
+  const json = renderModelDestructive(request, task, emptyRoot, '', result);
+  task.keyPath = prevKeyPath;
+  task.implicitSlot = prevImplicitSlot;
+  return json;
+}
+
+function renderFragment(request, task, children) {
+
+  {
+    return children;
+  }
+}
+
+function renderClientElement(task, type, key, props) {
+  {
+    return [REACT_ELEMENT_TYPE, type, key, props];
+  } // We prepend the terminal client element that actually gets serialized with
+} // The chunk ID we're currently rendering that we can assign debug data to.
+
+
+let debugID = null;
+
+function renderElement(request, task, type, key, ref, props) {
   if (ref !== null && ref !== undefined) {
     // When the ref moves to the regular props object this will implicitly
     // throw for functions. We could probably relax it to a DEV warning for other
     // cases.
+    // TODO: `ref` is now just a prop when `enableRefAsProp` is on. Should we
+    // do what the above comment says?
     throw new Error('Refs cannot be used in Server Components, nor passed to Client Components.');
   }
 
   if (typeof type === 'function') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
-    } // This is a server-side component.
-
-
-    prepareToUseHooksForComponent(prevThenableState);
-    const result = type(props);
-
-    if (typeof result === 'object' && result !== null && typeof result.then === 'function') {
-      // When the return value is in children position we can resolve it immediately,
-      // to its value without a wrapper if it's synchronously available.
-      const thenable = result;
+      return renderClientElement(task, type, key, props);
+    } // This is a Server Component.
 
-      if (thenable.status === 'fulfilled') {
-        return thenable.value;
-      } // TODO: Once we accept Promises as children on the client, we can just return
-      // the thenable here.
 
-
-      return createLazyWrapperAroundWakeable(result);
-    }
-
-    return result;
+    return renderFunctionComponent(request, task, key, type, props);
   } else if (typeof type === 'string') {
     // This is a host element. E.g. HTML.
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (typeof type === 'symbol') {
-    if (type === REACT_FRAGMENT_TYPE) {
+    if (type === REACT_FRAGMENT_TYPE && key === null) {
       // For key-less fragments, we add a small optimization to avoid serializing
       // it as a wrapper.
-      // TODO: If a key is specified, we should propagate its key to any children.
-      // Same as if a Server Component has a key.
-      return props.children;
+      const prevImplicitSlot = task.implicitSlot;
+
+      if (task.keyPath === null) {
+        task.implicitSlot = true;
+      }
+
+      const json = renderModelDestructive(request, task, emptyRoot, '', props.children);
+      task.implicitSlot = prevImplicitSlot;
+      return json;
     } // This might be a built-in React component. We'll let the client decide.
     // Any built-in works as long as its props are serializable.
 
 
-    return [REACT_ELEMENT_TYPE, type, key, props];
+    return renderClientElement(task, type, key, props);
   } else if (type != null && typeof type === 'object') {
     if (isClientReference(type)) {
       // This is a reference to a Client Component.
-      return [REACT_ELEMENT_TYPE, type, key, props];
+      return renderClientElement(task, type, key, props);
     }
 
     switch (type.$$typeof) {
@@ -1625,19 +1575,17 @@ function attemptResolveElement(request, type, key, ref, props, prevThenableState
           const payload = type._payload;
           const init = type._init;
           const wrappedType = init(payload);
-          return attemptResolveElement(request, wrappedType, key, ref, props, prevThenableState);
+          return renderElement(request, task, wrappedType, key, ref, props);
         }
 
       case REACT_FORWARD_REF_TYPE:
         {
-          const render = type.render;
-          prepareToUseHooksForComponent(prevThenableState);
-          return render(props, undefined);
+          return renderFunctionComponent(request, task, key, type.render, props);
         }
 
       case REACT_MEMO_TYPE:
         {
-          return attemptResolveElement(request, type.type, key, ref, props, prevThenableState);
+          return renderElement(request, task, type.type, key, ref, props);
         }
     }
   }
@@ -1655,14 +1603,30 @@ function pingTask(request, task) {
   }
 }
 
-function createTask(request, model, context, abortSet) {
+function createTask(request, model, keyPath, implicitSlot, abortSet) {
+  request.pendingChunks++;
   const id = request.nextChunkId++;
+
+  if (typeof model === 'object' && model !== null) {
+    // If we're about to write this into a new task we can assign it an ID early so that
+    // any other references can refer to the value we're about to write.
+    {
+      request.writtenObjects.set(model, id);
+    }
+  }
+
   const task = {
     id,
     status: PENDING$1,
     model,
-    context,
+    keyPath,
+    implicitSlot,
     ping: () => pingTask(request, task),
+    toJSON: function (parentPropertyName, value) {
+      const parent = this; // Make sure that `parent[parentPropertyName]` wasn't JSONified before `value` was passed to us
+
+      return renderModel(request, task, parent, parentPropertyName, value);
+    },
     thenableState: null
   };
   abortSet.add(task);
@@ -1731,13 +1695,13 @@ function encodeReferenceChunk(request, id, reference) {
   return stringToChunk(row);
 }
 
-function serializeClientReference(request, parent, key, clientReference) {
+function serializeClientReference(request, parent, parentPropertyName, clientReference) {
   const clientReferenceKey = getClientReferenceKey(clientReference);
   const writtenClientReferences = request.writtenClientReferences;
   const existingId = writtenClientReferences.get(clientReferenceKey);
 
   if (existingId !== undefined) {
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1756,7 +1720,7 @@ function serializeClientReference(request, parent, key, clientReference) {
     emitImportChunk(request, importId, clientReferenceMetadata);
     writtenClientReferences.set(clientReferenceKey, importId);
 
-    if (parent[0] === REACT_ELEMENT_TYPE && key === '1') {
+    if (parent[0] === REACT_ELEMENT_TYPE && parentPropertyName === '1') {
       // If we're encoding the "type" of an element, we can refer
       // to that by a lazy reference instead of directly since React
       // knows how to deal with lazy values. This lets us suspend
@@ -1776,13 +1740,14 @@ function serializeClientReference(request, parent, key, clientReference) {
 }
 
 function outlineModel(request, value) {
-  request.pendingChunks++;
-  const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
+  const newTask = createTask(request, value, null, // The way we use outlining is for reusing an object.
+  false, // It makes no sense for that use case to be contextual.
+  request.abortableTasks);
   retryTask(request, newTask);
   return newTask.id;
 }
 
-function serializeServerReference(request, parent, key, serverReference) {
+function serializeServerReference(request, serverReference) {
   const writtenServerReferences = request.writtenServerReferences;
   const existingId = writtenServerReferences.get(serverReference);
 
@@ -1862,91 +1827,77 @@ function escapeStringValue(value) {
     return value;
   }
 }
+
 let modelRoot = false;
 
-function resolveModelToJSON(request, parent, key, value) {
+function renderModel(request, task, parent, key, value) {
+  const prevKeyPath = task.keyPath;
+  const prevImplicitSlot = task.implicitSlot;
 
+  try {
+    return renderModelDestructive(request, task, parent, key, value);
+  } catch (thrownValue) {
+    const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
+    // reasons, the rest of the Suspense implementation expects the thrown
+    // value to be a thenable, because before `use` existed that was the
+    // (unstable) API for suspending. This implementation detail can change
+    // later, once we deprecate the old API in favor of `use`.
+    getSuspendedThenable() : thrownValue; // If the suspended/errored value was an element or lazy it can be reduced
+    // to a lazy reference, so that it doesn't error the parent.
 
-  switch (value) {
-    case REACT_ELEMENT_TYPE:
-      return '$';
-  }
+    const model = task.model;
+    const wasReactNode = typeof model === 'object' && model !== null && (model.$$typeof === REACT_ELEMENT_TYPE || model.$$typeof === REACT_LAZY_TYPE);
 
+    if (typeof x === 'object' && x !== null) {
+      // $FlowFixMe[method-unbinding]
+      if (typeof x.then === 'function') {
+        // Something suspended, we'll need to create a new task and resolve it later.
+        const newTask = createTask(request, task.model, task.keyPath, task.implicitSlot, request.abortableTasks);
+        const ping = newTask.ping;
+        x.then(ping, ping);
+        newTask.thenableState = getThenableStateAfterSuspending(); // Restore the context. We assume that this will be restored by the inner
+        // functions in case nothing throws so we don't use "finally" here.
 
-  while (typeof value === 'object' && value !== null && (value.$$typeof === REACT_ELEMENT_TYPE || value.$$typeof === REACT_LAZY_TYPE)) {
+        task.keyPath = prevKeyPath;
+        task.implicitSlot = prevImplicitSlot;
 
-    try {
-      switch (value.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          {
-            const writtenObjects = request.writtenObjects;
-            const existingId = writtenObjects.get(value);
-
-            if (existingId !== undefined) {
-              if (existingId === -1) {
-                // Seen but not yet outlined.
-                const newId = outlineModel(request, value);
-                return serializeByValueID(newId);
-              } else if (modelRoot === value) {
-                // This is the ID we're currently emitting so we need to write it
-                // once but if we discover it again, we refer to it by id.
-                modelRoot = null;
-              } else {
-                // We've already emitted this as an outlined object, so we can
-                // just refer to that by its existing ID.
-                return serializeByValueID(existingId);
-              }
-            } else {
-              // This is the first time we've seen this object. We may never see it again
-              // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
-              writtenObjects.set(value, -1);
-            } // TODO: Concatenate keys of parents onto children.
+        if (wasReactNode) {
+          return serializeLazyID(newTask.id);
+        }
 
+        return serializeByValueID(newTask.id);
+      }
+    } // Restore the context. We assume that this will be restored by the inner
+    // functions in case nothing throws so we don't use "finally" here.
 
-            const element = value; // Attempt to render the Server Component.
 
-            value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, null);
-            break;
-          }
+    task.keyPath = prevKeyPath;
+    task.implicitSlot = prevImplicitSlot;
 
-        case REACT_LAZY_TYPE:
-          {
-            const payload = value._payload;
-            const init = value._init;
-            value = init(payload);
-            break;
-          }
-      }
-    } catch (thrownValue) {
-      const x = thrownValue === SuspenseException ? // This is a special type of exception used for Suspense. For historical
-      // reasons, the rest of the Suspense implementation expects the thrown
-      // value to be a thenable, because before `use` existed that was the
-      // (unstable) API for suspending. This implementation detail can change
-      // later, once we deprecate the old API in favor of `use`.
-      getSuspendedThenable() : thrownValue;
-
-      if (typeof x === 'object' && x !== null) {
-        // $FlowFixMe[method-unbinding]
-        if (typeof x.then === 'function') {
-          // Something suspended, we'll need to create a new task and resolve it later.
-          request.pendingChunks++;
-          const newTask = createTask(request, value, getActiveContext(), request.abortableTasks);
-          const ping = newTask.ping;
-          x.then(ping, ping);
-          newTask.thenableState = getThenableStateAfterSuspending();
-          return serializeLazyID(newTask.id);
-        }
-      } // Something errored. We'll still send everything we have up until this point.
+    if (wasReactNode) {
+      // Something errored. We'll still send everything we have up until this point.
       // We'll replace this element with a lazy reference that throws on the client
       // once it gets rendered.
-
-
       request.pendingChunks++;
       const errorId = request.nextChunkId++;
       const digest = logRecoverableError(request, x);
       emitErrorChunk(request, errorId, digest);
       return serializeLazyID(errorId);
-    }
+    } // Something errored but it was not in a React Node. There's no need to serialize
+    // it by value because it'll just error the whole parent row anyway so we can
+    // just stop any siblings and error the whole parent row.
+
+
+    throw x;
+  }
+}
+
+function renderModelDestructive(request, task, parent, parentPropertyName, value) {
+  // Set the currently rendering model
+  task.model = value; // Special Symbol, that's very common.
+
+  if (value === REACT_ELEMENT_TYPE) {
+    return '$';
   }
 
   if (value === null) {
@@ -1954,9 +1905,70 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'object') {
+    switch (value.$$typeof) {
+      case REACT_ELEMENT_TYPE:
+        {
+          const writtenObjects = request.writtenObjects;
+          const existingId = writtenObjects.get(value);
+
+          if (existingId !== undefined) {
+            if (modelRoot === value) {
+              // This is the ID we're currently emitting so we need to write it
+              // once but if we discover it again, we refer to it by id.
+              modelRoot = null;
+            } else if (existingId === -1) {
+              // Seen but not yet outlined.
+              // TODO: If we throw here we can treat this as suspending which causes an outline
+              // but that is able to reuse the same task if we're already in one but then that
+              // will be a lazy future value rather than guaranteed to exist but maybe that's good.
+              const newId = outlineModel(request, value);
+              return serializeByValueID(newId);
+            } else {
+              // We've already emitted this as an outlined object, so we can refer to that by its
+              // existing ID. TODO: We should use a lazy reference since, unlike plain objects,
+              // elements might suspend so it might not have emitted yet even if we have the ID for
+              // it. However, this creates an extra wrapper when it's not needed. We should really
+              // detect whether this already was emitted and synchronously available. In that
+              // case we can refer to it synchronously and only make it lazy otherwise.
+              // We currently don't have a data structure that lets us see that though.
+              return serializeByValueID(existingId);
+            }
+          } else {
+            // This is the first time we've seen this object. We may never see it again
+            // so we'll inline it. Mark it as seen. If we see it again, we'll outline.
+            writtenObjects.set(value, -1);
+          }
+
+          const element = value;
+
+          const props = element.props;
+          let ref;
+
+          {
+            ref = element.ref;
+          } // Attempt to render the Server Component.
+
+
+          return renderElement(request, task, element.type, // $FlowFixMe[incompatible-call] the key of an element is null | string
+          element.key, ref, props);
+        }
+
+      case REACT_LAZY_TYPE:
+        {
+          // Reset the task's thenable state before continuing. If there was one, it was
+          // from suspending the lazy before.
+          task.thenableState = null;
+          const lazy = value;
+          const payload = lazy._payload;
+          const init = lazy._init;
+          const resolvedModel = init(payload);
+
+          return renderModelDestructive(request, task, emptyRoot, '', resolvedModel);
+        }
+    }
 
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     const writtenObjects = request.writtenObjects;
@@ -1976,20 +1988,20 @@ function resolveModelToJSON(request, parent, key, value) {
       // or a Promise type. Either of which can be represented by a Promise.
 
 
-      const promiseId = serializeThenable(request, value);
+      const promiseId = serializeThenable(request, task, value);
       writtenObjects.set(value, promiseId);
       return serializePromiseID(promiseId);
     }
 
     if (existingId !== undefined) {
-      if (existingId === -1) {
-        // Seen but not yet outlined.
-        const newId = outlineModel(request, value);
-        return serializeByValueID(newId);
-      } else if (modelRoot === value) {
+      if (modelRoot === value) {
         // This is the ID we're currently emitting so we need to write it
         // once but if we discover it again, we refer to it by id.
         modelRoot = null;
+      } else if (existingId === -1) {
+        // Seen but not yet outlined.
+        const newId = outlineModel(request, value);
+        return serializeByValueID(newId);
       } else {
         // We've already emitted this as an outlined object, so we can
         // just refer to that by its existing ID.
@@ -2002,8 +2014,7 @@ function resolveModelToJSON(request, parent, key, value) {
     }
 
     if (isArray(value)) {
-      // $FlowFixMe[incompatible-return]
-      return value;
+      return renderFragment(request, task, value);
     }
 
     if (value instanceof Map) {
@@ -2017,7 +2028,7 @@ function resolveModelToJSON(request, parent, key, value) {
     const iteratorFn = getIteratorFn(value);
 
     if (iteratorFn) {
-      return Array.from(value);
+      return renderFragment(request, task, Array.from(value));
     } // Verify that this is a simple plain object.
 
 
@@ -2037,7 +2048,7 @@ function resolveModelToJSON(request, parent, key, value) {
     if (value[value.length - 1] === 'Z') {
       // Possibly a Date, whose toJSON automatically calls toISOString
       // $FlowFixMe[incompatible-use]
-      const originalValue = parent[key];
+      const originalValue = parent[parentPropertyName];
 
       if (originalValue instanceof Date) {
         return serializeDateFromDateJSON(value);
@@ -2067,19 +2078,18 @@ function resolveModelToJSON(request, parent, key, value) {
   }
 
   if (typeof value === 'function') {
-
     if (isClientReference(value)) {
-      return serializeClientReference(request, parent, key, value);
+      return serializeClientReference(request, parent, parentPropertyName, value);
     }
 
     if (isServerReference(value)) {
-      return serializeServerReference(request, parent, key, value);
+      return serializeServerReference(request, value);
     }
 
-    if (/^on[A-Z]/.test(key)) {
-      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, key) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
+    if (/^on[A-Z]/.test(parentPropertyName)) {
+      throw new Error('Event handlers cannot be passed to Client Component props.' + describeObjectForErrorMessage(parent, parentPropertyName) + '\nIf you need interactivity, consider converting part of this to a Client Component.');
     } else {
-      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server".' + describeObjectForErrorMessage(parent, key));
+      throw new Error('Functions cannot be passed directly to Client Components ' + 'unless you explicitly expose it by marking it with "use server". ' + 'Or maybe you meant to call this function rather than return it.' + describeObjectForErrorMessage(parent, parentPropertyName));
     }
   }
 
@@ -2096,7 +2106,7 @@ function resolveModelToJSON(request, parent, key, value) {
 
     if (Symbol.for(name) !== value) {
       throw new Error('Only global symbols received from Symbol.for(...) can be passed to Client Components. ' + ("The symbol Symbol.for(" + // $FlowFixMe[incompatible-type] `description` might be undefined
-      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, key));
+      value.description + ") cannot be found among global symbols.") + describeObjectForErrorMessage(parent, parentPropertyName));
     }
 
     request.pendingChunks++;
@@ -2111,17 +2121,40 @@ function resolveModelToJSON(request, parent, key, value) {
     return serializeBigInt(value);
   }
 
-  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, key));
+  throw new Error("Type " + typeof value + " is not supported in Client Component props." + describeObjectForErrorMessage(parent, parentPropertyName));
 }
 
 function logPostpone(request, reason) {
-  const onPostpone = request.onPostpone;
-  onPostpone(reason);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+
+  try {
+    const onPostpone = request.onPostpone;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      requestStorage.run(undefined, onPostpone, reason);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 }
 
 function logRecoverableError(request, error) {
-  const onError = request.onError;
-  const errorDigest = onError(error);
+  const prevRequest = currentRequest;
+  currentRequest = null;
+  let errorDigest;
+
+  try {
+    const onError = request.onError;
+
+    if (supportsRequestStorage) {
+      // Exit the request context while running callbacks.
+      errorDigest = requestStorage.run(undefined, onError, error);
+    }
+  } finally {
+    currentRequest = prevRequest;
+  }
 
   if (errorDigest != null && typeof errorDigest !== 'string') {
     // eslint-disable-next-line react-internal/prod-error-codes
@@ -2191,62 +2224,54 @@ function emitSymbolChunk(request, id, name) {
   request.completedImportChunks.push(processedChunk);
 }
 
-function emitModelChunk(request, id, model) {
-  // Track the root so we know that we have to emit this object even though it
-  // already has an ID. This is needed because we might see this object twice
-  // in the same toJSON if it is cyclic.
-  modelRoot = model; // $FlowFixMe[incompatible-type] stringify can return null
-
-  const json = stringify(model, request.toJSON);
+function emitModelChunk(request, id, json) {
   const row = id.toString(16) + ':' + json + '\n';
   const processedChunk = stringToChunk(row);
   request.completedRegularChunks.push(processedChunk);
 }
 
+const emptyRoot = {};
+
 function retryTask(request, task) {
   if (task.status !== PENDING$1) {
     // We completed this by other means before we had a chance to retry it.
     return;
   }
 
-  switchContext(task.context);
-
   try {
-    let value = task.model;
+    // Track the root so we know that we have to emit this object even though it
+    // already has an ID. This is needed because we might see this object twice
+    // in the same toJSON if it is cyclic.
+    modelRoot = task.model;
 
-    if (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-      request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    if (false) ; // We call the destructive form that mutates this task. That way if something
+    // suspends again, we can reuse the same task instead of spawning a new one.
 
-      const element = value; // When retrying a component, reuse the thenableState from the
-      // previous attempt.
 
-      const prevThenableState = task.thenableState; // Attempt to render the Server Component.
-      // Doing this here lets us reuse this same task if the next component
-      // also suspends.
+    const resolvedModel = renderModelDestructive(request, task, emptyRoot, '', task.model);
 
-      task.model = value;
-      value = attemptResolveElement(request, element.type, element.key, element.ref, element.props, prevThenableState); // Successfully finished this component. We're going to keep rendering
-      // using the same task, but we reset its thenable state before continuing.
+    if (false) ; // Track the root again for the resolved object.
 
-      task.thenableState = null; // Keep rendering and reuse the same task. This inner loop is separate
-      // from the render above because we don't need to reset the thenable state
-      // until the next time something suspends and retries.
 
-      while (typeof value === 'object' && value !== null && value.$$typeof === REACT_ELEMENT_TYPE) {
-        request.writtenObjects.set(value, task.id); // TODO: Concatenate keys of parents onto children.
+    modelRoot = resolvedModel; // The keyPath resets at any terminal child node.
 
-        const nextElement = value;
-        task.model = value;
-        value = attemptResolveElement(request, nextElement.type, nextElement.key, nextElement.ref, nextElement.props, null);
-      }
-    } // Track that this object is outlined and has an id.
+    task.keyPath = null;
+    task.implicitSlot = false;
+    let json;
 
-
-    if (typeof value === 'object' && value !== null) {
-      request.writtenObjects.set(value, task.id);
+    if (typeof resolvedModel === 'object' && resolvedModel !== null) {
+      // Object might contain unresolved values like additional elements.
+      // This is simulating what the JSON loop would do if this was part of it.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel, task.toJSON);
+    } else {
+      // If the value is a string, it means it's a terminal value and we already escaped it
+      // We don't need to escape it again so it's not passed the toJSON replacer.
+      // $FlowFixMe[incompatible-type] stringify can return null for undefined but we never do
+      json = stringify(resolvedModel);
     }
 
-    emitModelChunk(request, task.id, value);
+    emitModelChunk(request, task.id, json);
     request.abortableTasks.delete(task);
     task.status = COMPLETED;
   } catch (thrownValue) {
@@ -2272,6 +2297,7 @@ function retryTask(request, task) {
     task.status = ERRORED$1;
     const digest = logRecoverableError(request, x);
     emitErrorChunk(request, task.id, digest);
+  } finally {
   }
 }
 
@@ -2477,11 +2503,6 @@ function abort(request, reason) {
   }
 }
 
-function importServerContexts(contexts) {
-
-  return rootContextSnapshot;
-}
-
 function resolveServerReference(bundlerConfig, id) {
   const idx = id.lastIndexOf('#');
   const specifier = id.slice(0, idx);
@@ -3188,7 +3209,7 @@ function createCancelHandler(request, reason) {
 }
 
 function renderToPipeableStream(model, webpackMap, options) {
-  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.context : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
+  const request = createRequest(model, webpackMap, options ? options.onError : undefined, options ? options.identifierPrefix : undefined, options ? options.onPostpone : undefined);
   let hasStartedFlowing = false;
   startWork(request);
   return {
diff --git a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js
index f52adc8fd51a1c..0a09961a103f16 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js
+++ b/packages/next/src/compiled/react-server-dom-webpack/cjs/react-server-dom-webpack-server.node.unbundled.production.min.js
@@ -7,75 +7,73 @@
  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 ba=require("util");require("crypto");var ca=require("async_hooks"),da=require("react"),ea=require("react-dom"),l=null,m=0,p=!0;function q(a,b){a=a.write(b);p=p&&a}
-function r(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,fa.encode(b));else{var d=l;0<m&&(d=l.subarray(m));d=fa.encodeInto(b,d);var c=d.read;m+=d.written;c<b.length&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=fa.encodeInto(b.slice(c),l).written);2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(q(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),q(a,b)):(d=l.length-m,d<b.byteLength&&
-(0===d?q(a,l):(l.set(b.subarray(0,d),m),m+=d,q(a,l),b=b.subarray(d)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(q(a,l),l=new Uint8Array(2048),m=0)));return p}var fa=new ba.TextEncoder,t=Symbol.for("react.client.reference"),v=Symbol.for("react.server.reference");function w(a,b,d){return Object.defineProperties(a,{$$typeof:{value:t},$$id:{value:b},$$async:{value:d}})}var ha=Function.prototype.bind,ia=Array.prototype.slice;
-function ja(){var a=ha.apply(this,arguments);if(this.$$typeof===v){var b=ia.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ja}})}return a}
-var ka=Promise.prototype,la={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
+'use strict';var aa=require("util");require("crypto");var ba=require("async_hooks"),ca=require("react"),da=require("react-dom"),l=null,m=0,q=!0;function r(a,b){a=a.write(b);q=q&&a}
+function u(a,b){if("string"===typeof b){if(0!==b.length)if(2048<3*b.length)0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,ea.encode(b));else{var c=l;0<m&&(c=l.subarray(m));c=ea.encodeInto(b,c);var d=c.read;m+=c.written;d<b.length&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=ea.encodeInto(b.slice(d),l).written);2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)}}else 0!==b.byteLength&&(2048<b.byteLength?(0<m&&(r(a,l.subarray(0,m)),l=new Uint8Array(2048),m=0),r(a,b)):(c=l.length-m,c<b.byteLength&&
+(0===c?r(a,l):(l.set(b.subarray(0,c),m),m+=c,r(a,l),b=b.subarray(c)),l=new Uint8Array(2048),m=0),l.set(b,m),m+=b.byteLength,2048===m&&(r(a,l),l=new Uint8Array(2048),m=0)));return q}var ea=new aa.TextEncoder,v=Symbol.for("react.client.reference"),w=Symbol.for("react.server.reference");function x(a,b,c){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:b},$$async:{value:c}})}var fa=Function.prototype.bind,ha=Array.prototype.slice;
+function ia(){var a=fa.apply(this,arguments);if(this.$$typeof===w){var b=ha.call(arguments,1);return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:this.$$id},$$bound:{value:this.$$bound?this.$$bound.concat(b):b},bind:{value:ia}})}return a}
+var ja=Promise.prototype,ka={get:function(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "displayName":return;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "Provider":throw Error("Cannot render a Client Context Provider on the Server. Instead, you can export a Client Component wrapper that itself renders a Client Context Provider.");
 }throw Error("Cannot access "+(String(a.name)+"."+String(b))+" on the server. You cannot dot into a client module from a server component. You can only pass the imported name through.");},set:function(){throw Error("Cannot assign to a client module from a server module.");}};
-function ma(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case "__esModule":var d=a.$$id;a.default=w(function(){throw Error("Attempted to call the default export of "+d+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var c=w({},a.$$id,!0),e=new Proxy(c,na);a.status="fulfilled";a.value=e;return a.then=w(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}c=a[b];c||(c=w(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
-},a.$$id+"#"+b,a.$$async),Object.defineProperty(c,"name",{value:b}),c=a[b]=new Proxy(c,la));return c}
-var na={get:function(a,b){return ma(a,b)},getOwnPropertyDescriptor:function(a,b){var d=Object.getOwnPropertyDescriptor(a,b);d||(d={value:ma(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,d));return d},getPrototypeOf:function(){return ka},set:function(){throw Error("Cannot assign to a client module from a server module.");}},va={prefetchDNS:oa,preconnect:pa,preload:qa,preloadModule:ra,preinitStyle:sa,preinitScript:ta,preinitModuleScript:ua};
-function oa(a){if("string"===typeof a&&a){var b=x();if(b){var d=b.hints,c="D|"+a;d.has(c)||(d.add(c),y(b,"D",a))}}}function pa(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="C|"+(null==b?"null":b)+"|"+a;c.has(e)||(c.add(e),"string"===typeof b?y(d,"C",[a,b]):y(d,"C",a))}}}
-function qa(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="L";if("image"===b&&d){var g=d.imageSrcSet,k=d.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(d=A(d))?y(c,"L",[a,b,d]):y(c,"L",[a,b]))}}}function ra(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="m|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"m",[a,b]):y(d,"m",a)}}}
-function sa(a,b,d){if("string"===typeof a){var c=x();if(c){var e=c.hints,f="S|"+a;if(!e.has(f))return e.add(f),(d=A(d))?y(c,"S",[a,"string"===typeof b?b:0,d]):"string"===typeof b?y(c,"S",[a,b]):y(c,"S",a)}}}function ta(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="X|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"X",[a,b]):y(d,"X",a)}}}function ua(a,b){if("string"===typeof a){var d=x();if(d){var c=d.hints,e="M|"+a;if(!c.has(e))return c.add(e),(b=A(b))?y(d,"M",[a,b]):y(d,"M",a)}}}
-function A(a){if(null==a)return null;var b=!1,d={},c;for(c in a)null!=a[c]&&(b=!0,d[c]=a[c]);return b?d:null}var wa=ea.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,xa=new ca.AsyncLocalStorage,B=Symbol.for("react.element"),ya=Symbol.for("react.fragment"),za=Symbol.for("react.server_context"),Aa=Symbol.for("react.forward_ref"),Ba=Symbol.for("react.suspense"),Ca=Symbol.for("react.suspense_list"),Da=Symbol.for("react.memo"),C=Symbol.for("react.lazy"),Ea=Symbol.for("react.memo_cache_sentinel");
-Symbol.for("react.postpone");var Fa=Symbol.iterator,D=null;function E(a,b){if(a!==b){a.context._currentValue=a.parentValue;a=a.parent;var d=b.parent;if(null===a){if(null!==d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");}else{if(null===d)throw Error("The stacks must reach the root at the same time. This is a bug in React.");E(a,d);b.context._currentValue=b.value}}}function Ga(a){a.context._currentValue=a.parentValue;a=a.parent;null!==a&&Ga(a)}
-function Ha(a){var b=a.parent;null!==b&&Ha(b);a.context._currentValue=a.value}function Ia(a,b){a.context._currentValue=a.parentValue;a=a.parent;if(null===a)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===b.depth?E(a,b):Ia(a,b)}
-function Ja(a,b){var d=b.parent;if(null===d)throw Error("The depth must equal at least at zero before reaching the root. This is a bug in React.");a.depth===d.depth?E(a,d):Ja(a,d);b.context._currentValue=b.value}var Ka=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");
-function La(){}function Ma(a,b,d){d=a[d];void 0===d?a.push(b):d!==b&&(b.then(La,La),b=d);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(c){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=c}},function(c){if("pending"===b.status){var e=b;e.status="rejected";e.reason=c}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}F=b;throw Ka;}}var F=null;
-function Na(){if(null===F)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=F;F=null;return a}var G=null,H=0,I=null;function Oa(){var a=I;I=null;return a}function Pa(a){return a._currentValue}
-var Ta={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:J,useTransition:J,readContext:Pa,useContext:Pa,useReducer:J,useRef:J,useState:J,useInsertionEffect:J,useLayoutEffect:J,useImperativeHandle:J,useEffect:J,useId:Qa,useSyncExternalStore:J,useCacheRefresh:function(){return Ra},useMemoCache:function(a){for(var b=Array(a),d=0;d<a;d++)b[d]=Ea;return b},use:Sa};
-function J(){throw Error("This Hook is not supported in Server Components.");}function Ra(){throw Error("Refreshing the cache is not supported in Server Components.");}function Qa(){if(null===G)throw Error("useId can only be used while React is rendering");var a=G.identifierCount++;return":"+G.identifierPrefix+"S"+a.toString(32)+":"}
-function Sa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=H;H+=1;null===I&&(I=[]);return Ma(I,a,b)}if(a.$$typeof===za)return a._currentValue}throw Error("An unsupported type was passed to use(): "+String(a));}function Ua(){return(new AbortController).signal}function Va(){var a=x();return a?a.cache:new Map}
-var Wa={getCacheSignal:function(){var a=Va(),b=a.get(Ua);void 0===b&&(b=Ua(),a.set(Ua,b));return b},getCacheForType:function(a){var b=Va(),d=b.get(a);void 0===d&&(d=a(),b.set(a,d));return d}},Xa=Array.isArray,Ya=Object.getPrototypeOf;function Za(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,d){return d})}
-function $a(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Xa(a))return"[...]";a=Za(a);return"Object"===a?"{...}":a;case "function":return"function";default:return String(a)}}
-function K(a){if("string"===typeof a)return a;switch(a){case Ba:return"Suspense";case Ca:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case Aa:return K(a.render);case Da:return K(a.type);case C:var b=a._payload;a=a._init;try{return K(a(b))}catch(d){}}return""}
-function L(a,b){var d=Za(a);if("Object"!==d&&"Array"!==d)return d;d=-1;var c=0;if(Xa(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?L(g):$a(g);""+f===b?(d=e.length,c=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+K(a.type)+"/>";else{e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h="object"===typeof h&&null!==h?L(h):
-$a(h);k===b?(d=e.length,c=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<d&&0<c?(a=" ".repeat(d)+"^".repeat(c),"\n  "+e+"\n  "+a):"\n  "+e}var ab=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,bb=da.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;if(!bb)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 cb=Object.prototype,M=JSON.stringify,db=bb.ReactCurrentCache,eb=ab.ReactCurrentDispatcher;function fb(a){console.error(a)}function gb(){}
-function hb(a,b,d,c,e,f){if(null!==db.current&&db.current!==Wa)throw Error("Currently React only supports one RSC renderer at a time.");wa.current=va;db.current=Wa;var g=new Set;c=[];var k=new Set,h={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:g,pingedTasks:c,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
-writtenServerReferences:new Map,writtenProviders:new Map,writtenObjects:new WeakMap,identifierPrefix:e||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===d?fb:d,onPostpone:void 0===f?gb:f,toJSON:function(n,z){return ib(h,this,n,z)}};h.pendingChunks++;a=N(h,a,null,g);c.push(a);return h}var O=null;function x(){if(O)return O;var a=xa.getStore();return a?a:null}
-function jb(a,b){a.pendingChunks++;var d=N(a,null,D,a.abortableTasks);switch(b.status){case "fulfilled":return d.model=b.value,kb(a,d),d.id;case "rejected":var c=P(a,b.reason);Q(a,d.id,c);return d.id;default:"string"!==typeof b.status&&(b.status="pending",b.then(function(e){"pending"===b.status&&(b.status="fulfilled",b.value=e)},function(e){"pending"===b.status&&(b.status="rejected",b.reason=e)}))}b.then(function(e){d.model=e;kb(a,d)},function(e){d.status=4;e=P(a,e);Q(a,d.id,e);a.abortableTasks.delete(d);
-null!==a.destination&&R(a,a.destination)});return d.id}function y(a,b,d){d=M(d);var c=a.nextChunkId++;b="H"+b;b=c.toString(16)+":"+b;a.completedHintChunks.push(b+d+"\n");lb(a)}function mb(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
-function nb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:C,_payload:a,_init:mb}}
-function S(a,b,d,c,e,f){if(null!==c&&void 0!==c)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof b){if(b.$$typeof===t)return[B,b,d,e];H=0;I=f;e=b(e);return"object"===typeof e&&null!==e&&"function"===typeof e.then?"fulfilled"===e.status?e.value:nb(e):e}if("string"===typeof b)return[B,b,d,e];if("symbol"===typeof b)return b===ya?e.children:[B,b,d,e];if(null!=b&&"object"===typeof b){if(b.$$typeof===t)return[B,b,d,e];switch(b.$$typeof){case C:var g=
-b._init;b=g(b._payload);return S(a,b,d,c,e,f);case Aa:return a=b.render,H=0,I=f,a(e,void 0);case Da:return S(a,b.type,d,c,e,f)}}throw Error("Unsupported Server Component type: "+$a(b));}function kb(a,b){var d=a.pingedTasks;d.push(b);1===d.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return ob(a)}))}function N(a,b,d,c){var e={id:a.nextChunkId++,status:0,model:b,context:d,ping:function(){return kb(a,e)},thenableState:null};c.add(e);return e}
-function T(a){return"$"+a.toString(16)}function pb(a,b,d){a=M(d);return b.toString(16)+":"+a+"\n"}
-function qb(a,b,d,c){var e=c.$$async?c.$$id+"#async":c.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===d?"$L"+g.toString(16):T(g);try{var k=a.bundlerConfig,h=c.$$id;g="";var n=k[h];if(n)g=n.name;else{var z=h.lastIndexOf("#");-1!==z&&(g=h.slice(z+1),n=k[h.slice(0,z)]);if(!n)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var u=!0===c.$$async?[n.id,n.chunks,g,1]:[n.id,n.chunks,
-g];a.pendingChunks++;var aa=a.nextChunkId++,Mb=M(u),Nb=aa.toString(16)+":I"+Mb+"\n";a.completedImportChunks.push(Nb);f.set(e,aa);return b[0]===B&&"1"===d?"$L"+aa.toString(16):T(aa)}catch(Ob){return a.pendingChunks++,b=a.nextChunkId++,d=P(a,Ob),Q(a,b,d),T(b)}}function U(a,b){a.pendingChunks++;b=N(a,b,D,a.abortableTasks);rb(a,b);return b.id}var V=!1;
-function ib(a,b,d,c){switch(c){case B:return"$"}for(;"object"===typeof c&&null!==c&&(c.$$typeof===B||c.$$typeof===C);)try{switch(c.$$typeof){case B:var e=a.writtenObjects,f=e.get(c);if(void 0!==f){if(-1===f){var g=U(a,c);return T(g)}if(V===c)V=null;else return T(f)}else e.set(c,-1);var k=c;c=S(a,k.type,k.key,k.ref,k.props,null);break;case C:var h=c._init;c=h(c._payload)}}catch(n){b=n===Ka?Na():n;if("object"===typeof b&&null!==b&&"function"===typeof b.then)return a.pendingChunks++,a=N(a,c,D,a.abortableTasks),
-c=a.ping,b.then(c,c),a.thenableState=Oa(),"$L"+a.id.toString(16);a.pendingChunks++;c=a.nextChunkId++;b=P(a,b);Q(a,c,b);return"$L"+c.toString(16)}if(null===c)return null;if("object"===typeof c){if(c.$$typeof===t)return qb(a,b,d,c);b=a.writtenObjects;d=b.get(c);if("function"===typeof c.then){if(void 0!==d)if(V===c)V=null;else return"$@"+d.toString(16);a=jb(a,c);b.set(c,a);return"$@"+a.toString(16)}if(void 0!==d){if(-1===d)return a=U(a,c),T(a);if(V===c)V=null;else return T(d)}else b.set(c,-1);if(Xa(c))return c;
-if(c instanceof Map){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b][0],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$Q"+U(a,c).toString(16)}if(c instanceof Set){c=Array.from(c);for(b=0;b<c.length;b++)d=c[b],"object"===typeof d&&null!==d&&(e=a.writtenObjects,void 0===e.get(d)&&e.set(d,-1));return"$W"+U(a,c).toString(16)}null===c||"object"!==typeof c?a=null:(a=Fa&&c[Fa]||c["@@iterator"],a="function"===typeof a?a:null);if(a)return Array.from(c);a=Ya(c);if(a!==
-cb&&(null===a||null!==Ya(a)))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.");return c}if("string"===typeof c){if("Z"===c[c.length-1]&&b[d]instanceof Date)return"$D"+c;if(1024<=c.length)return a.pendingChunks+=2,b=a.nextChunkId++,d="string"===typeof c?Buffer.byteLength(c,"utf8"):c.byteLength,d=b.toString(16)+":T"+d.toString(16)+",",a.completedRegularChunks.push(d,c),T(b);a="$"===c[0]?"$"+
-c:c;return a}if("boolean"===typeof c)return c;if("number"===typeof c)return a=c,Number.isFinite(a)?0===a&&-Infinity===1/a?"$-0":a:Infinity===a?"$Infinity":-Infinity===a?"$-Infinity":"$NaN";if("undefined"===typeof c)return"$undefined";if("function"===typeof c){if(c.$$typeof===t)return qb(a,b,d,c);if(c.$$typeof===v)return b=a.writtenServerReferences,d=b.get(c),void 0!==d?a="$F"+d.toString(16):(d=c.$$bound,d={id:c.$$id,bound:d?Promise.resolve(d):null},a=U(a,d),b.set(c,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+
-L(b,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server".'+L(b,d));}if("symbol"===typeof c){e=a.writtenSymbols;f=e.get(c);if(void 0!==f)return T(f);f=c.description;if(Symbol.for(f)!==c)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(c.description+") cannot be found among global symbols.")+
-L(b,d));a.pendingChunks++;b=a.nextChunkId++;d=pb(a,b,"$S"+f);a.completedImportChunks.push(d);e.set(c,b);return T(b)}if("bigint"===typeof c)return"$n"+c.toString(10);throw Error("Type "+typeof c+" is not supported in Client Component props."+L(b,d));}
-function P(a,b){a=a.onError;b=a(b);if(null!=b&&"string"!==typeof b)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof b+'" instead');return b||""}function sb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}
-function Q(a,b,d){d={digest:d};b=b.toString(16)+":E"+M(d)+"\n";a.completedErrorChunks.push(b)}
-function rb(a,b){if(0===b.status){var d=D,c=b.context;d!==c&&(null===d?Ha(c):null===c?Ga(d):d.depth===c.depth?E(d,c):d.depth>c.depth?Ia(d,c):Ja(d,c),D=c);try{var e=b.model;if("object"===typeof e&&null!==e&&e.$$typeof===B){a.writtenObjects.set(e,b.id);d=e;var f=b.thenableState;b.model=e;e=S(a,d.type,d.key,d.ref,d.props,f);for(b.thenableState=null;"object"===typeof e&&null!==e&&e.$$typeof===B;)a.writtenObjects.set(e,b.id),f=e,b.model=e,e=S(a,f.type,f.key,f.ref,f.props,null)}"object"===typeof e&&null!==
-e&&a.writtenObjects.set(e,b.id);var g=b.id;V=e;var k=M(e,a.toJSON),h=g.toString(16)+":"+k+"\n";a.completedRegularChunks.push(h);a.abortableTasks.delete(b);b.status=1}catch(n){g=n===Ka?Na():n,"object"===typeof g&&null!==g&&"function"===typeof g.then?(a=b.ping,g.then(a,a),b.thenableState=Oa()):(a.abortableTasks.delete(b),b.status=4,g=P(a,g),Q(a,b.id,g))}}}
-function ob(a){var b=eb.current;eb.current=Ta;var d=O;G=O=a;try{var c=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<c.length;e++)rb(a,c[e]);null!==a.destination&&R(a,a.destination)}catch(f){P(a,f),sb(a,f)}finally{eb.current=b,G=null,O=d}}
-function R(a,b){l=new Uint8Array(2048);m=0;p=!0;try{for(var d=a.completedImportChunks,c=0;c<d.length;c++)if(a.pendingChunks--,!r(b,d[c])){a.destination=null;c++;break}d.splice(0,c);var e=a.completedHintChunks;for(c=0;c<e.length;c++)if(!r(b,e[c])){a.destination=null;c++;break}e.splice(0,c);var f=a.completedRegularChunks;for(c=0;c<f.length;c++)if(a.pendingChunks--,!r(b,f[c])){a.destination=null;c++;break}f.splice(0,c);var g=a.completedErrorChunks;for(c=0;c<g.length;c++)if(a.pendingChunks--,!r(b,g[c])){a.destination=
-null;c++;break}g.splice(0,c)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,p=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function tb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return xa.run(a,ob,a)})}function lb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return R(a,b)})}}
-function ub(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{R(a,b)}catch(d){P(a,d),sb(a,d)}}}
-function vb(a,b){try{var d=a.abortableTasks;if(0<d.size){a.pendingChunks++;var c=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=P(a,e);Q(a,c,f,e);d.forEach(function(g){g.status=3;var k=T(c);g=pb(a,g.id,k);a.completedErrorChunks.push(g)});d.clear()}null!==a.destination&&R(a,a.destination)}catch(g){P(a,g),sb(a,g)}}function wb(a,b){var d=b.lastIndexOf("#");a=b.slice(0,d);b=b.slice(d+1);return{specifier:a,name:b}}var xb=new Map;
-function yb(a){var b=xb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var d=import(a.specifier);a.async&&(d=d.then(function(c){return c.default}));d.then(function(c){var e=d;e.status="fulfilled";e.value=c},function(c){var e=d;e.status="rejected";e.reason=c});xb.set(a.specifier,d);return d}function W(a){var b=xb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}
-function zb(a,b,d,c){this.status=a;this.value=b;this.reason=d;this._response=c}zb.prototype=Object.create(Promise.prototype);zb.prototype.then=function(a,b){switch(this.status){case "resolved_model":Ab(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
-function Bb(a,b){for(var d=0;d<a.length;d++)(0,a[d])(b)}function Cb(a,b){if("pending"===a.status||"blocked"===a.status){var d=a.reason;a.status="rejected";a.reason=b;null!==d&&Bb(d,b)}}function Db(a,b,d,c,e,f){var g=wb(a._bundlerConfig,b);a=yb(g);if(d)d=Promise.all([d,a]).then(function(k){k=k[0];var h=W(g);return h.bind.apply(h,[null].concat(k))});else if(a)d=Promise.resolve(a).then(function(){return W(g)});else return W(g);d.then(Eb(c,e,f),Fb(c));return null}var X=null,Y=null;
-function Ab(a){var b=X,d=Y;X=a;Y=null;try{var c=JSON.parse(a.value,a._response._fromJSON);null!==Y&&0<Y.deps?(Y.value=c,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=c)}catch(e){a.status="rejected",a.reason=e}finally{X=b,Y=d}}function Gb(a,b){a._chunks.forEach(function(d){"pending"===d.status&&Cb(d,b)})}
-function Z(a,b){var d=a._chunks,c=d.get(b);c||(c=a._formData.get(a._prefix+b),c=null!=c?new zb("resolved_model",c,null,a):new zb("pending",null,null,a),d.set(b,c));return c}function Eb(a,b,d){if(Y){var c=Y;c.deps++}else c=Y={deps:1,value:null};return function(e){b[d]=e;c.deps--;0===c.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=c.value,null!==e&&Bb(e,c.value))}}function Fb(a){return function(b){return Cb(a,b)}}
-function Hb(a,b){a=Z(a,b);"resolved_model"===a.status&&Ab(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
-function Ib(a,b,d,c){if("$"===c[0])switch(c[1]){case "$":return c.slice(1);case "@":return b=parseInt(c.slice(2),16),Z(a,b);case "S":return Symbol.for(c.slice(2));case "F":return c=parseInt(c.slice(2),16),c=Hb(a,c),Db(a,c.id,c.bound,X,b,d);case "Q":return b=parseInt(c.slice(2),16),a=Hb(a,b),new Map(a);case "W":return b=parseInt(c.slice(2),16),a=Hb(a,b),new Set(a);case "K":b=c.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
-g)});return f;case "I":return Infinity;case "-":return"$-0"===c?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(c.slice(2)));case "n":return BigInt(c.slice(2));default:c=parseInt(c.slice(1),16);a=Z(a,c);switch(a.status){case "resolved_model":Ab(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return c=X,a.then(Eb(c,b,d),Fb(c)),null;default:throw a.reason;}}return c}
-function Jb(a,b){var d=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,c=new Map,e={_bundlerConfig:a,_prefix:b,_formData:d,_chunks:c,_fromJSON:function(f,g){return"string"===typeof g?Ib(e,this,f,g):g}};return e}
-function Kb(a,b,d){a._formData.append(b,d);var c=a._prefix;if(b.startsWith(c)&&(a=a._chunks,b=+b.slice(c.length),(b=a.get(b))&&"pending"===b.status&&(c=b.value,a=b.reason,b.status="resolved_model",b.value=d,null!==c)))switch(Ab(b),b.status){case "fulfilled":Bb(c,b.value);break;case "pending":case "blocked":b.value=c;b.reason=a;break;case "rejected":a&&Bb(a,b.reason)}}function Lb(a){Gb(a,Error("Connection closed."))}
-function Pb(a,b,d){var c=wb(a,b);a=yb(c);return d?Promise.all([d,a]).then(function(e){e=e[0];var f=W(c);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return W(c)}):Promise.resolve(W(c))}function Qb(a,b,d){a=Jb(b,d,a);Lb(a);a=Z(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Rb(a,b){return function(){return ub(b,a)}}function Sb(a,b){return function(){a.destination=null;vb(a,Error(b))}}
-exports.createClientModuleProxy=function(a){a=w({},a,!1);return new Proxy(a,na)};exports.decodeAction=function(a,b){var d=new FormData,c=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Qb(a,b,e),c=Pb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),c=Pb(b,e,null)):d.append(f,e)});return null===c?null:c.then(function(e){return e.bind(null,d)})};
-exports.decodeFormState=function(a,b,d){var c=b.get("$ACTION_KEY");if("string"!==typeof c)return Promise.resolve(null);var e=null;b.forEach(function(g,k){k.startsWith("$ACTION_REF_")&&(g="$ACTION_"+k.slice(12)+":",e=Qb(b,d,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,c,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var d=new FormData;d.append("0",a);a=d}a=Jb(b,"",a);b=Z(a,0);Lb(a);return b};
-exports.decodeReplyFromBusboy=function(a,b){var d=Jb(b,""),c=0,e=[];a.on("field",function(f,g){0<c?e.push(f,g):Kb(d,f,g)});a.on("file",function(f,g,k){var h=k.filename,n=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");c++;var z=[];g.on("data",function(u){z.push(u)});g.on("end",function(){var u=
-new Blob(z,{type:n});d._formData.append(f,u,h);c--;if(0===c){for(u=0;u<e.length;u+=2)Kb(d,e[u],e[u+1]);e.length=0}})});a.on("finish",function(){Lb(d)});a.on("error",function(f){Gb(d,f)});return Z(d,0)};exports.registerClientReference=function(a,b,d){return w(a,b+"#"+d,!1)};exports.registerServerReference=function(a,b,d){return Object.defineProperties(a,{$$typeof:{value:v},$$id:{value:null===d?b:b+"#"+d},$$bound:{value:null},bind:{value:ja}})};
-exports.renderToPipeableStream=function(a,b,d){var c=hb(a,b,d?d.onError:void 0,d?d.context:void 0,d?d.identifierPrefix:void 0,d?d.onPostpone:void 0),e=!1;tb(c);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;ub(c,f);f.on("drain",Rb(f,c));f.on("error",Sb(c,"The destination stream errored while writing data."));f.on("close",Sb(c,"The destination stream closed early."));return f},abort:function(f){vb(c,f)}}};
+function la(a,b){switch(b){case "$$typeof":return a.$$typeof;case "$$id":return a.$$id;case "$$async":return a.$$async;case "name":return a.name;case "defaultProps":return;case "toJSON":return;case Symbol.toPrimitive:return Object.prototype[Symbol.toPrimitive];case Symbol.toStringTag:return Object.prototype[Symbol.toStringTag];case "__esModule":var c=a.$$id;a.default=x(function(){throw Error("Attempted to call the default export of "+c+" from the server but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#",a.$$async);return!0;case "then":if(a.then)return a.then;if(a.$$async)return;var d=x({},a.$$id,!0),e=new Proxy(d,ma);a.status="fulfilled";a.value=e;return a.then=x(function(f){return Promise.resolve(f(e))},a.$$id+"#then",!1)}if("symbol"===typeof b)throw Error("Cannot read Symbol exports. Only named exports are supported on a client module imported on the server.");d=a[b];d||(d=x(function(){throw Error("Attempted to call "+String(b)+"() from the server but "+String(b)+" is on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.");
+},a.$$id+"#"+b,a.$$async),Object.defineProperty(d,"name",{value:b}),d=a[b]=new Proxy(d,ka));return d}
+var ma={get:function(a,b){return la(a,b)},getOwnPropertyDescriptor:function(a,b){var c=Object.getOwnPropertyDescriptor(a,b);c||(c={value:la(a,b),writable:!1,configurable:!1,enumerable:!1},Object.defineProperty(a,b,c));return c},getPrototypeOf:function(){return ja},set:function(){throw Error("Cannot assign to a client module from a server module.");}},ua={prefetchDNS:na,preconnect:oa,preload:pa,preloadModule:qa,preinitStyle:ra,preinitScript:sa,preinitModuleScript:ta};
+function na(a){if("string"===typeof a&&a){var b=y();if(b){var c=b.hints,d="D|"+a;c.has(d)||(c.add(d),z(b,"D",a))}}}function oa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="C|"+(null==b?"null":b)+"|"+a;d.has(e)||(d.add(e),"string"===typeof b?z(c,"C",[a,b]):z(c,"C",a))}}}
+function pa(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="L";if("image"===b&&c){var g=c.imageSrcSet,k=c.imageSizes,h="";"string"===typeof g&&""!==g?(h+="["+g+"]","string"===typeof k&&(h+="["+k+"]")):h+="[][]"+a;f+="[image]"+h}else f+="["+b+"]"+a;e.has(f)||(e.add(f),(c=A(c))?z(d,"L",[a,b,c]):z(d,"L",[a,b]))}}}function qa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="m|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"m",[a,b]):z(c,"m",a)}}}
+function ra(a,b,c){if("string"===typeof a){var d=y();if(d){var e=d.hints,f="S|"+a;if(!e.has(f))return e.add(f),(c=A(c))?z(d,"S",[a,"string"===typeof b?b:0,c]):"string"===typeof b?z(d,"S",[a,b]):z(d,"S",a)}}}function sa(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="X|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"X",[a,b]):z(c,"X",a)}}}function ta(a,b){if("string"===typeof a){var c=y();if(c){var d=c.hints,e="M|"+a;if(!d.has(e))return d.add(e),(b=A(b))?z(c,"M",[a,b]):z(c,"M",a)}}}
+function A(a){if(null==a)return null;var b=!1,c={},d;for(d in a)null!=a[d]&&(b=!0,c[d]=a[d]);return b?c:null}var va=da.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.Dispatcher,wa=new ba.AsyncLocalStorage,B=Symbol.for("react.element"),xa=Symbol.for("react.fragment"),ya=Symbol.for("react.context"),za=Symbol.for("react.forward_ref"),Aa=Symbol.for("react.suspense"),Ba=Symbol.for("react.suspense_list"),Ca=Symbol.for("react.memo"),D=Symbol.for("react.lazy"),Da=Symbol.for("react.memo_cache_sentinel");
+Symbol.for("react.postpone");var Ea=Symbol.iterator,Fa=Error("Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`");function Ga(){}
+function Ha(a,b,c){c=a[c];void 0===c?a.push(b):c!==b&&(b.then(Ga,Ga),b=c);switch(b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;default:if("string"!==typeof b.status)switch(a=b,a.status="pending",a.then(function(d){if("pending"===b.status){var e=b;e.status="fulfilled";e.value=d}},function(d){if("pending"===b.status){var e=b;e.status="rejected";e.reason=d}}),b.status){case "fulfilled":return b.value;case "rejected":throw b.reason;}E=b;throw Fa;}}var E=null;
+function Ia(){if(null===E)throw Error("Expected a suspended thenable. This is a bug in React. Please file an issue.");var a=E;E=null;return a}var F=null,Ja=0,G=null;function Ka(){var a=G||[];G=null;return a}
+var Pa={useMemo:function(a){return a()},useCallback:function(a){return a},useDebugValue:function(){},useDeferredValue:H,useTransition:H,readContext:La,useContext:La,useReducer:H,useRef:H,useState:H,useInsertionEffect:H,useLayoutEffect:H,useImperativeHandle:H,useEffect:H,useId:Ma,useSyncExternalStore:H,useCacheRefresh:function(){return Na},useMemoCache:function(a){for(var b=Array(a),c=0;c<a;c++)b[c]=Da;return b},use:Oa};
+function H(){throw Error("This Hook is not supported in Server Components.");}function Na(){throw Error("Refreshing the cache is not supported in Server Components.");}function La(){throw Error("Cannot read a Client Context from a Server Component.");}function Ma(){if(null===F)throw Error("useId can only be used while React is rendering");var a=F.identifierCount++;return":"+F.identifierPrefix+"S"+a.toString(32)+":"}
+function Oa(a){if(null!==a&&"object"===typeof a||"function"===typeof a){if("function"===typeof a.then){var b=Ja;Ja+=1;null===G&&(G=[]);return Ha(G,a,b)}a.$$typeof===ya&&La()}if(a.$$typeof===v){if(null!=a.value&&a.value.$$typeof===ya)throw Error("Cannot read a Client Context from a Server Component.");throw Error("Cannot use() an already resolved Client Reference.");}throw Error("An unsupported type was passed to use(): "+String(a));}function Qa(){return(new AbortController).signal}
+function Ra(){var a=y();return a?a.cache:new Map}var Sa={getCacheSignal:function(){var a=Ra(),b=a.get(Qa);void 0===b&&(b=Qa(),a.set(Qa,b));return b},getCacheForType:function(a){var b=Ra(),c=b.get(a);void 0===c&&(c=a(),b.set(a,c));return c}},Ta=Array.isArray,Ua=Object.getPrototypeOf;function Va(a){return Object.prototype.toString.call(a).replace(/^\[object (.*)\]$/,function(b,c){return c})}
+function Wa(a){switch(typeof a){case "string":return JSON.stringify(10>=a.length?a:a.slice(0,10)+"...");case "object":if(Ta(a))return"[...]";if(null!==a&&a.$$typeof===Xa)return"client";a=Va(a);return"Object"===a?"{...}":a;case "function":return a.$$typeof===Xa?"client":(a=a.displayName||a.name)?"function "+a:"function";default:return String(a)}}
+function I(a){if("string"===typeof a)return a;switch(a){case Aa:return"Suspense";case Ba:return"SuspenseList"}if("object"===typeof a)switch(a.$$typeof){case za:return I(a.render);case Ca:return I(a.type);case D:var b=a._payload;a=a._init;try{return I(a(b))}catch(c){}}return""}var Xa=Symbol.for("react.client.reference");
+function J(a,b){var c=Va(a);if("Object"!==c&&"Array"!==c)return c;c=-1;var d=0;if(Ta(a)){var e="[";for(var f=0;f<a.length;f++){0<f&&(e+=", ");var g=a[f];g="object"===typeof g&&null!==g?J(g):Wa(g);""+f===b?(c=e.length,d=g.length,e+=g):e=10>g.length&&40>e.length+g.length?e+g:e+"..."}e+="]"}else if(a.$$typeof===B)e="<"+I(a.type)+"/>";else{if(a.$$typeof===Xa)return"client";e="{";f=Object.keys(a);for(g=0;g<f.length;g++){0<g&&(e+=", ");var k=f[g],h=JSON.stringify(k);e+=('"'+k+'"'===h?k:h)+": ";h=a[k];h=
+"object"===typeof h&&null!==h?J(h):Wa(h);k===b?(c=e.length,d=h.length,e+=h):e=10>h.length&&40>e.length+h.length?e+h:e+"..."}e+="}"}return void 0===b?e:-1<c&&0<d?(a=" ".repeat(c)+"^".repeat(d),"\n  "+e+"\n  "+a):"\n  "+e}var Ya=ca.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,Za=ca.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+if(!Za)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 $a=Object.prototype,K=JSON.stringify,ab=Za.ReactCurrentCache,bb=Ya.ReactCurrentDispatcher;function cb(a){console.error(a)}function db(){}
+function eb(a,b,c,d,e){if(null!==ab.current&&ab.current!==Sa)throw Error("Currently React only supports one RSC renderer at a time.");va.current=ua;ab.current=Sa;var f=new Set,g=[],k=new Set;b={status:0,flushScheduled:!1,fatalError:null,destination:null,bundlerConfig:b,cache:new Map,nextChunkId:0,pendingChunks:0,hints:k,abortableTasks:f,pingedTasks:g,completedImportChunks:[],completedHintChunks:[],completedRegularChunks:[],completedErrorChunks:[],writtenSymbols:new Map,writtenClientReferences:new Map,
+writtenServerReferences:new Map,writtenObjects:new WeakMap,identifierPrefix:d||"",identifierCount:1,taintCleanupQueue:[],onError:void 0===c?cb:c,onPostpone:void 0===e?db:e};a=L(b,a,null,!1,f);g.push(a);return b}var M=null;function y(){if(M)return M;var a=wa.getStore();return a?a:null}
+function fb(a,b,c){var d=L(a,null,b.keyPath,b.implicitSlot,a.abortableTasks);switch(c.status){case "fulfilled":return d.model=c.value,gb(a,d),d.id;case "rejected":return b=N(a,c.reason),O(a,d.id,b),d.id;default:"string"!==typeof c.status&&(c.status="pending",c.then(function(e){"pending"===c.status&&(c.status="fulfilled",c.value=e)},function(e){"pending"===c.status&&(c.status="rejected",c.reason=e)}))}c.then(function(e){d.model=e;gb(a,d)},function(e){d.status=4;e=N(a,e);O(a,d.id,e);a.abortableTasks.delete(d);
+null!==a.destination&&P(a,a.destination)});return d.id}function z(a,b,c){c=K(c);var d=a.nextChunkId++;b="H"+b;b=d.toString(16)+":"+b;a.completedHintChunks.push(b+c+"\n");hb(a)}function ib(a){if("fulfilled"===a.status)return a.value;if("rejected"===a.status)throw a.reason;throw a;}
+function jb(a){switch(a.status){case "fulfilled":case "rejected":break;default:"string"!==typeof a.status&&(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)}))}return{$$typeof:D,_payload:a,_init:ib}}
+function kb(a,b,c,d,e){var f=b.thenableState;b.thenableState=null;Ja=0;G=f;d=d(e,void 0);if("object"===typeof d&&null!==d&&"function"===typeof d.then){e=d;if("fulfilled"===e.status)return e.value;d=jb(d)}e=b.keyPath;f=b.implicitSlot;null!==c?b.keyPath=null===e?c:e+","+c:null===e&&(b.implicitSlot=!0);a=Q(a,b,R,"",d);b.keyPath=e;b.implicitSlot=f;return a}
+function lb(a,b,c,d,e,f){if(null!==e&&void 0!==e)throw Error("Refs cannot be used in Server Components, nor passed to Client Components.");if("function"===typeof c)return c.$$typeof===v?[B,c,d,f]:kb(a,b,d,c,f);if("string"===typeof c)return[B,c,d,f];if("symbol"===typeof c)return c===xa&&null===d?(d=b.implicitSlot,null===b.keyPath&&(b.implicitSlot=!0),a=Q(a,b,R,"",f.children),b.implicitSlot=d,a):[B,c,d,f];if(null!=c&&"object"===typeof c){if(c.$$typeof===v)return[B,c,d,f];switch(c.$$typeof){case D:var g=
+c._init;c=g(c._payload);return lb(a,b,c,d,e,f);case za:return kb(a,b,d,c.render,f);case Ca:return lb(a,b,c.type,d,e,f)}}throw Error("Unsupported Server Component type: "+Wa(c));}function gb(a,b){var c=a.pingedTasks;c.push(b);1===c.length&&(a.flushScheduled=null!==a.destination,setImmediate(function(){return mb(a)}))}
+function L(a,b,c,d,e){a.pendingChunks++;var f=a.nextChunkId++;"object"===typeof b&&null!==b&&a.writtenObjects.set(b,f);var g={id:f,status:0,model:b,keyPath:c,implicitSlot:d,ping:function(){return gb(a,g)},toJSON:function(k,h){var p=g.keyPath,t=g.implicitSlot;try{var n=Q(a,g,this,k,h)}catch(Z){if(k=Z===Fa?Ia():Z,h=g.model,h="object"===typeof h&&null!==h&&(h.$$typeof===B||h.$$typeof===D),"object"===typeof k&&null!==k&&"function"===typeof k.then){n=L(a,g.model,g.keyPath,g.implicitSlot,a.abortableTasks);
+var C=n.ping;k.then(C,C);n.thenableState=Ka();g.keyPath=p;g.implicitSlot=t;n=h?"$L"+n.id.toString(16):S(n.id)}else if(g.keyPath=p,g.implicitSlot=t,h)a.pendingChunks++,p=a.nextChunkId++,t=N(a,k),O(a,p,t),n="$L"+p.toString(16);else throw k;}return n},thenableState:null};e.add(g);return g}function S(a){return"$"+a.toString(16)}function nb(a,b,c){a=K(c);return b.toString(16)+":"+a+"\n"}
+function ob(a,b,c,d){var e=d.$$async?d.$$id+"#async":d.$$id,f=a.writtenClientReferences,g=f.get(e);if(void 0!==g)return b[0]===B&&"1"===c?"$L"+g.toString(16):S(g);try{var k=a.bundlerConfig,h=d.$$id;g="";var p=k[h];if(p)g=p.name;else{var t=h.lastIndexOf("#");-1!==t&&(g=h.slice(t+1),p=k[h.slice(0,t)]);if(!p)throw Error('Could not find the module "'+h+'" in the React Client Manifest. This is probably a bug in the React Server Components bundler.');}var n=!0===d.$$async?[p.id,p.chunks,g,1]:[p.id,p.chunks,
+g];a.pendingChunks++;var C=a.nextChunkId++,Z=K(n),Kb=C.toString(16)+":I"+Z+"\n";a.completedImportChunks.push(Kb);f.set(e,C);return b[0]===B&&"1"===c?"$L"+C.toString(16):S(C)}catch(Lb){return a.pendingChunks++,b=a.nextChunkId++,c=N(a,Lb),O(a,b,c),S(b)}}function T(a,b){b=L(a,b,null,!1,a.abortableTasks);pb(a,b);return b.id}var U=!1;
+function Q(a,b,c,d,e){b.model=e;if(e===B)return"$";if(null===e)return null;if("object"===typeof e){switch(e.$$typeof){case B:c=a.writtenObjects;d=c.get(e);if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);return lb(a,b,e.type,e.key,e.ref,e.props);case D:return b.thenableState=null,c=e._init,e=c(e._payload),Q(a,b,R,"",e)}if(e.$$typeof===v)return ob(a,c,d,e);c=a.writtenObjects;d=c.get(e);if("function"===typeof e.then){if(void 0!==d)if(U===e)U=null;else return"$@"+
+d.toString(16);a=fb(a,b,e);c.set(e,a);return"$@"+a.toString(16)}if(void 0!==d)if(U===e)U=null;else return-1===d?(a=T(a,e),S(a)):S(d);else c.set(e,-1);if(Ta(e))return e;if(e instanceof Map){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b][0],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));return"$Q"+T(a,e).toString(16)}if(e instanceof Set){e=Array.from(e);for(b=0;b<e.length;b++)c=e[b],"object"===typeof c&&null!==c&&(d=a.writtenObjects,void 0===d.get(c)&&d.set(c,-1));
+return"$W"+T(a,e).toString(16)}null===e||"object"!==typeof e?a=null:(a=Ea&&e[Ea]||e["@@iterator"],a="function"===typeof a?a:null);if(a)return a=Array.from(e),a;a=Ua(e);if(a!==$a&&(null===a||null!==Ua(a)))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.");return e}if("string"===typeof e){if("Z"===e[e.length-1]&&c[d]instanceof Date)return"$D"+e;if(1024<=e.length)return a.pendingChunks+=2,b=
+a.nextChunkId++,c="string"===typeof e?Buffer.byteLength(e,"utf8"):e.byteLength,c=b.toString(16)+":T"+c.toString(16)+",",a.completedRegularChunks.push(c,e),S(b);a="$"===e[0]?"$"+e:e;return a}if("boolean"===typeof e)return e;if("number"===typeof e)return Number.isFinite(e)?0===e&&-Infinity===1/e?"$-0":e:Infinity===e?"$Infinity":-Infinity===e?"$-Infinity":"$NaN";if("undefined"===typeof e)return"$undefined";if("function"===typeof e){if(e.$$typeof===v)return ob(a,c,d,e);if(e.$$typeof===w)return b=a.writtenServerReferences,
+c=b.get(e),void 0!==c?a="$F"+c.toString(16):(c=e.$$bound,c={id:e.$$id,bound:c?Promise.resolve(c):null},a=T(a,c),b.set(e,a),a="$F"+a.toString(16)),a;if(/^on[A-Z]/.test(d))throw Error("Event handlers cannot be passed to Client Component props."+J(c,d)+"\nIf you need interactivity, consider converting part of this to a Client Component.");throw Error('Functions cannot be passed directly to Client Components unless you explicitly expose it by marking it with "use server". Or maybe you meant to call this function rather than return it.'+
+J(c,d));}if("symbol"===typeof e){b=a.writtenSymbols;var f=b.get(e);if(void 0!==f)return S(f);f=e.description;if(Symbol.for(f)!==e)throw Error("Only global symbols received from Symbol.for(...) can be passed to Client Components. The symbol Symbol.for("+(e.description+") cannot be found among global symbols.")+J(c,d));a.pendingChunks++;c=a.nextChunkId++;d=nb(a,c,"$S"+f);a.completedImportChunks.push(d);b.set(e,c);return S(c)}if("bigint"===typeof e)return"$n"+e.toString(10);throw Error("Type "+typeof e+
+" is not supported in Client Component props."+J(c,d));}function N(a,b){var c=M;M=null;try{var d=wa.run(void 0,a.onError,b)}finally{M=c}if(null!=d&&"string"!==typeof d)throw Error('onError returned something with a type other than "string". onError should return a string and may return null or undefined but must not return anything else. It received something of type "'+typeof d+'" instead');return d||""}
+function qb(a,b){null!==a.destination?(a.status=2,a.destination.destroy(b)):(a.status=1,a.fatalError=b)}function O(a,b,c){c={digest:c};b=b.toString(16)+":E"+K(c)+"\n";a.completedErrorChunks.push(b)}var R={};
+function pb(a,b){if(0===b.status)try{U=b.model;var c=Q(a,b,R,"",b.model);U=c;b.keyPath=null;b.implicitSlot=!1;var d="object"===typeof c&&null!==c?K(c,b.toJSON):K(c),e=b.id.toString(16)+":"+d+"\n";a.completedRegularChunks.push(e);a.abortableTasks.delete(b);b.status=1}catch(h){var f=h===Fa?Ia():h;if("object"===typeof f&&null!==f&&"function"===typeof f.then){var g=b.ping;f.then(g,g);b.thenableState=Ka()}else{a.abortableTasks.delete(b);b.status=4;var k=N(a,f);O(a,b.id,k)}}finally{}}
+function mb(a){var b=bb.current;bb.current=Pa;var c=M;F=M=a;try{var d=a.pingedTasks;a.pingedTasks=[];for(var e=0;e<d.length;e++)pb(a,d[e]);null!==a.destination&&P(a,a.destination)}catch(f){N(a,f),qb(a,f)}finally{bb.current=b,F=null,M=c}}
+function P(a,b){l=new Uint8Array(2048);m=0;q=!0;try{for(var c=a.completedImportChunks,d=0;d<c.length;d++)if(a.pendingChunks--,!u(b,c[d])){a.destination=null;d++;break}c.splice(0,d);var e=a.completedHintChunks;for(d=0;d<e.length;d++)if(!u(b,e[d])){a.destination=null;d++;break}e.splice(0,d);var f=a.completedRegularChunks;for(d=0;d<f.length;d++)if(a.pendingChunks--,!u(b,f[d])){a.destination=null;d++;break}f.splice(0,d);var g=a.completedErrorChunks;for(d=0;d<g.length;d++)if(a.pendingChunks--,!u(b,g[d])){a.destination=
+null;d++;break}g.splice(0,d)}finally{a.flushScheduled=!1,l&&0<m&&b.write(l.subarray(0,m)),l=null,m=0,q=!0}"function"===typeof b.flush&&b.flush();0===a.pendingChunks&&b.end()}function rb(a){a.flushScheduled=null!==a.destination;setImmediate(function(){return wa.run(a,mb,a)})}function hb(a){if(!1===a.flushScheduled&&0===a.pingedTasks.length&&null!==a.destination){var b=a.destination;a.flushScheduled=!0;setImmediate(function(){return P(a,b)})}}
+function sb(a,b){if(1===a.status)a.status=2,b.destroy(a.fatalError);else if(2!==a.status&&null===a.destination){a.destination=b;try{P(a,b)}catch(c){N(a,c),qb(a,c)}}}
+function tb(a,b){try{var c=a.abortableTasks;if(0<c.size){a.pendingChunks++;var d=a.nextChunkId++,e=void 0===b?Error("The render was aborted by the server without a reason."):b,f=N(a,e);O(a,d,f,e);c.forEach(function(g){g.status=3;var k=S(d);g=nb(a,g.id,k);a.completedErrorChunks.push(g)});c.clear()}null!==a.destination&&P(a,a.destination)}catch(g){N(a,g),qb(a,g)}}function ub(a,b){var c=b.lastIndexOf("#");a=b.slice(0,c);b=b.slice(c+1);return{specifier:a,name:b}}var vb=new Map;
+function wb(a){var b=vb.get(a.specifier);if(b)return"fulfilled"===b.status?null:b;var c=import(a.specifier);a.async&&(c=c.then(function(d){return d.default}));c.then(function(d){var e=c;e.status="fulfilled";e.value=d},function(d){var e=c;e.status="rejected";e.reason=d});vb.set(a.specifier,c);return c}function V(a){var b=vb.get(a.specifier);if("fulfilled"===b.status)b=b.value;else throw b.reason;return"*"===a.name?b:""===a.name?b.default:b[a.name]}
+function xb(a,b,c,d){this.status=a;this.value=b;this.reason=c;this._response=d}xb.prototype=Object.create(Promise.prototype);xb.prototype.then=function(a,b){switch(this.status){case "resolved_model":yb(this)}switch(this.status){case "fulfilled":a(this.value);break;case "pending":case "blocked":a&&(null===this.value&&(this.value=[]),this.value.push(a));b&&(null===this.reason&&(this.reason=[]),this.reason.push(b));break;default:b(this.reason)}};
+function zb(a,b){for(var c=0;c<a.length;c++)(0,a[c])(b)}function Ab(a,b){if("pending"===a.status||"blocked"===a.status){var c=a.reason;a.status="rejected";a.reason=b;null!==c&&zb(c,b)}}function Bb(a,b,c,d,e,f){var g=ub(a._bundlerConfig,b);a=wb(g);if(c)c=Promise.all([c,a]).then(function(k){k=k[0];var h=V(g);return h.bind.apply(h,[null].concat(k))});else if(a)c=Promise.resolve(a).then(function(){return V(g)});else return V(g);c.then(Cb(d,e,f),Db(d));return null}var W=null,X=null;
+function yb(a){var b=W,c=X;W=a;X=null;try{var d=JSON.parse(a.value,a._response._fromJSON);null!==X&&0<X.deps?(X.value=d,a.status="blocked",a.value=null,a.reason=null):(a.status="fulfilled",a.value=d)}catch(e){a.status="rejected",a.reason=e}finally{W=b,X=c}}function Eb(a,b){a._chunks.forEach(function(c){"pending"===c.status&&Ab(c,b)})}
+function Y(a,b){var c=a._chunks,d=c.get(b);d||(d=a._formData.get(a._prefix+b),d=null!=d?new xb("resolved_model",d,null,a):new xb("pending",null,null,a),c.set(b,d));return d}function Cb(a,b,c){if(X){var d=X;d.deps++}else d=X={deps:1,value:null};return function(e){b[c]=e;d.deps--;0===d.deps&&"blocked"===a.status&&(e=a.value,a.status="fulfilled",a.value=d.value,null!==e&&zb(e,d.value))}}function Db(a){return function(b){return Ab(a,b)}}
+function Fb(a,b){a=Y(a,b);"resolved_model"===a.status&&yb(a);if("fulfilled"!==a.status)throw a.reason;return a.value}
+function Gb(a,b,c,d){if("$"===d[0])switch(d[1]){case "$":return d.slice(1);case "@":return b=parseInt(d.slice(2),16),Y(a,b);case "S":return Symbol.for(d.slice(2));case "F":return d=parseInt(d.slice(2),16),d=Fb(a,d),Bb(a,d.id,d.bound,W,b,c);case "Q":return b=parseInt(d.slice(2),16),a=Fb(a,b),new Map(a);case "W":return b=parseInt(d.slice(2),16),a=Fb(a,b),new Set(a);case "K":b=d.slice(2);var e=a._prefix+b+"_",f=new FormData;a._formData.forEach(function(g,k){k.startsWith(e)&&f.append(k.slice(e.length),
+g)});return f;case "I":return Infinity;case "-":return"$-0"===d?-0:-Infinity;case "N":return NaN;case "u":return;case "D":return new Date(Date.parse(d.slice(2)));case "n":return BigInt(d.slice(2));default:d=parseInt(d.slice(1),16);a=Y(a,d);switch(a.status){case "resolved_model":yb(a)}switch(a.status){case "fulfilled":return a.value;case "pending":case "blocked":return d=W,a.then(Cb(d,b,c),Db(d)),null;default:throw a.reason;}}return d}
+function Hb(a,b){var c=2<arguments.length&&void 0!==arguments[2]?arguments[2]:new FormData,d=new Map,e={_bundlerConfig:a,_prefix:b,_formData:c,_chunks:d,_fromJSON:function(f,g){return"string"===typeof g?Gb(e,this,f,g):g}};return e}
+function Ib(a,b,c){a._formData.append(b,c);var d=a._prefix;if(b.startsWith(d)&&(a=a._chunks,b=+b.slice(d.length),(b=a.get(b))&&"pending"===b.status&&(d=b.value,a=b.reason,b.status="resolved_model",b.value=c,null!==d)))switch(yb(b),b.status){case "fulfilled":zb(d,b.value);break;case "pending":case "blocked":b.value=d;b.reason=a;break;case "rejected":a&&zb(a,b.reason)}}function Jb(a){Eb(a,Error("Connection closed."))}
+function Mb(a,b,c){var d=ub(a,b);a=wb(d);return c?Promise.all([c,a]).then(function(e){e=e[0];var f=V(d);return f.bind.apply(f,[null].concat(e))}):a?Promise.resolve(a).then(function(){return V(d)}):Promise.resolve(V(d))}function Nb(a,b,c){a=Hb(b,c,a);Jb(a);a=Y(a,0);a.then(function(){});if("fulfilled"!==a.status)throw a.reason;return a.value}function Ob(a,b){return function(){return sb(b,a)}}function Pb(a,b){return function(){a.destination=null;tb(a,Error(b))}}
+exports.createClientModuleProxy=function(a){a=x({},a,!1);return new Proxy(a,ma)};exports.decodeAction=function(a,b){var c=new FormData,d=null;a.forEach(function(e,f){f.startsWith("$ACTION_")?f.startsWith("$ACTION_REF_")?(e="$ACTION_"+f.slice(12)+":",e=Nb(a,b,e),d=Mb(b,e.id,e.bound)):f.startsWith("$ACTION_ID_")&&(e=f.slice(11),d=Mb(b,e,null)):c.append(f,e)});return null===d?null:d.then(function(e){return e.bind(null,c)})};
+exports.decodeFormState=function(a,b,c){var d=b.get("$ACTION_KEY");if("string"!==typeof d)return Promise.resolve(null);var e=null;b.forEach(function(g,k){k.startsWith("$ACTION_REF_")&&(g="$ACTION_"+k.slice(12)+":",e=Nb(b,c,g))});if(null===e)return Promise.resolve(null);var f=e.id;return Promise.resolve(e.bound).then(function(g){return null===g?null:[a,d,f,g.length-1]})};exports.decodeReply=function(a,b){if("string"===typeof a){var c=new FormData;c.append("0",a);a=c}a=Hb(b,"",a);b=Y(a,0);Jb(a);return b};
+exports.decodeReplyFromBusboy=function(a,b){var c=Hb(b,""),d=0,e=[];a.on("field",function(f,g){0<d?e.push(f,g):Ib(c,f,g)});a.on("file",function(f,g,k){var h=k.filename,p=k.mimeType;if("base64"===k.encoding.toLowerCase())throw Error("React doesn't accept base64 encoded file uploads because we don't expect form data passed from a browser to ever encode data that way. If that's the wrong assumption, we can easily fix it.");d++;var t=[];g.on("data",function(n){t.push(n)});g.on("end",function(){var n=
+new Blob(t,{type:p});c._formData.append(f,n,h);d--;if(0===d){for(n=0;n<e.length;n+=2)Ib(c,e[n],e[n+1]);e.length=0}})});a.on("finish",function(){Jb(c)});a.on("error",function(f){Eb(c,f)});return Y(c,0)};exports.registerClientReference=function(a,b,c){return x(a,b+"#"+c,!1)};exports.registerServerReference=function(a,b,c){return Object.defineProperties(a,{$$typeof:{value:w},$$id:{value:null===c?b:b+"#"+c,configurable:!0},$$bound:{value:null,configurable:!0},bind:{value:ia,configurable:!0}})};
+exports.renderToPipeableStream=function(a,b,c){var d=eb(a,b,c?c.onError:void 0,c?c.identifierPrefix:void 0,c?c.onPostpone:void 0),e=!1;rb(d);return{pipe:function(f){if(e)throw Error("React currently only supports piping to one writable stream.");e=!0;sb(d,f);f.on("drain",Ob(f,d));f.on("error",Pb(d,"The destination stream errored while writing data."));f.on("close",Pb(d,"The destination stream closed early."));return f},abort:function(f){tb(d,f)}}};
 
 //# sourceMappingURL=react-server-dom-webpack-server.node.unbundled.production.min.js.map
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 91e81bc485c6a9..bc52743add651e 100644
--- a/packages/next/src/compiled/react-server-dom-webpack/package.json
+++ b/packages/next/src/compiled/react-server-dom-webpack/package.json
@@ -47,8 +47,8 @@
     "loose-envify": "^1.1.0"
   },
   "peerDependencies": {
-    "react": "18.3.0-canary-60a927d04-20240113",
-    "react-dom": "18.3.0-canary-60a927d04-20240113",
+    "react": "18.3.0-canary-14898b6a9-20240318",
+    "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "webpack": "^5.59.0"
   }
 }
\ No newline at end of file
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 acb7821bf2cb1a..af1fa596696b57 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
@@ -25,7 +25,9 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
@@ -96,35 +98,12 @@ var enableCacheElement = false;
 var enableTransitionTracing = false; // No known bugs, but needs performance testing
 
 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
 // stuff. Intended to enable React core members to more easily debug scheduling
 // issues in DEV builds.
 
 var enableDebugTracing = false;
 
-var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference');
-function isValidElementType(type) {
-  if (typeof type === 'string' || typeof type === 'function') {
-    return true;
-  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
-    return true;
-  }
-
-  if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-    // types supported by any Flight configuration anywhere since
-    // we don't know which Flight build this will end up being used
-    // with.
-    type.$$typeof === REACT_CLIENT_REFERENCE$2 || type.getModuleId !== undefined) {
-      return true;
-    }
-  }
-
-  return false;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -141,7 +120,7 @@ function getContextName(type) {
   return type.displayName || 'Context';
 }
 
-var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
 function getComponentNameFromType(type) {
   if (type == null) {
@@ -150,7 +129,7 @@ function getComponentNameFromType(type) {
   }
 
   if (typeof type === 'function') {
-    if (type.$$typeof === REACT_CLIENT_REFERENCE$1) {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
       // TODO: Create a convention for naming client references with debug info.
       return null;
     }
@@ -196,13 +175,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -228,15 +217,115 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 var assign = Object.assign;
 
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
 // Helpers to patch console.logs to avoid logging during side-effect free
 // replaying on render function. This currently only patches the object
 // lazily which won't cover if the log function was extracted eagerly.
@@ -333,7 +422,7 @@ function reenableLogs() {
 
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -597,7 +686,7 @@ function describeNativeComponentFrame(fn, construct) {
 
   return syntheticFrame;
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -608,7 +697,7 @@ function shouldConstruct(Component) {
   return !!(prototype && prototype.isReactComponent);
 }
 
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
 
   if (type == null) {
     return '';
@@ -639,7 +728,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
       case REACT_MEMO_TYPE:
         // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
       case REACT_LAZY_TYPE:
         {
@@ -649,7 +738,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
           try {
             // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
           } catch (x) {}
         }
     }
@@ -658,154 +747,9 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
   return '';
 }
 
-// $FlowFixMe[method-unbinding]
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement$1(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement$1(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement$1(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-      }
-    }
-  }
-}
-
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
-/*
- * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
- * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
- *
- * The functions in this module will throw an easier-to-understand,
- * easier-to-debug exception with a clear errors message message explaining the
- * problem. (Instead of a confusing exception thrown inside the implementation
- * of the `value` object).
- */
-// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-function typeName(value) {
-  {
-    // toStringTag is needed for namespaced types like Temporal.Instant
-    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
-    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
-
-    return type;
-  }
-} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-
-
-function willCoercionThrow(value) {
-  {
-    try {
-      testStringCoercion(value);
-      return false;
-    } catch (e) {
-      return true;
-    }
-  }
-}
-
-function testStringCoercion(value) {
-  // If you ended up here by following an exception call stack, here's what's
-  // happened: you supplied an object or symbol value to React (as a prop, key,
-  // DOM attribute, CSS property, string ref, etc.) and when React tried to
-  // coerce it to a string using `'' + value`, an exception was thrown.
-  //
-  // The most common types that will cause this exception are `Symbol` instances
-  // and Temporal objects like `Temporal.Instant`. But any object that has a
-  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
-  // exception. (Library authors do this to prevent users from using built-in
-  // numeric operators like `+` or comparison operators like `>=` because custom
-  // methods are needed to perform accurate arithmetic or comparison.)
-  //
-  // To fix the problem, coerce this object or symbol value to a string before
-  // passing it to React. The most reliable way is usually `String(value)`.
-  //
-  // To find which value is throwing, check the browser or debugger console.
-  // Before this exception was thrown, there should be `console.error` output
-  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
-  // problem and how that type was used: key, atrribute, input value prop, etc.
-  // In most cases, this console output also shows the component and its
-  // ancestor components where the exception happened.
-  //
-  // eslint-disable-next-line react-internal/safe-string-coercion
-  return '' + value;
-}
-function checkKeyStringCoercion(value) {
-  {
-    if (willCoercionThrow(value)) {
-      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
-
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-    }
-  }
-}
-
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-var RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 var specialPropKeyWarningShown;
 var specialPropRefWarningShown;
 var didWarnAboutStringRefs;
@@ -844,11 +788,11 @@ function hasValidKey(config) {
 
 function warnIfStringRefCannotBeAutoConverted(config, self) {
   {
-    if (typeof config.ref === 'string' && ReactCurrentOwner$1.current && self && ReactCurrentOwner$1.current.stateNode !== self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner$1.current.type);
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
       if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner$1.current.type), config.ref);
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
 
         didWarnAboutStringRefs[componentName] = true;
       }
@@ -876,19 +820,21 @@ function defineKeyPropWarningGetter(props, displayName) {
 
 function defineRefPropWarningGetter(props, displayName) {
   {
-    var warnAboutAccessingRef = function () {
-      if (!specialPropRefWarningShown) {
-        specialPropRefWarningShown = true;
+    {
+      var warnAboutAccessingRef = function () {
+        if (!specialPropRefWarningShown) {
+          specialPropRefWarningShown = true;
 
-        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
-      }
-    };
+          error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
+        }
+      };
 
-    warnAboutAccessingRef.isReactWarning = true;
-    Object.defineProperty(props, 'ref', {
-      get: warnAboutAccessingRef,
-      configurable: true
-    });
+      warnAboutAccessingRef.isReactWarning = true;
+      Object.defineProperty(props, 'ref', {
+        get: warnAboutAccessingRef,
+        configurable: true
+      });
+    }
   }
 }
 /**
@@ -913,18 +859,30 @@ function defineRefPropWarningGetter(props, displayName) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
+
+  {
+    ref = _ref;
+  }
+
+  var element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      ref: ref,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   {
     // The validation flag is currently mutative. We put it on
@@ -941,22 +899,14 @@ function ReactElement(type, key, ref, self, source, owner, props) {
       enumerable: false,
       writable: true,
       value: false
-    }); // self and source are DEV only properties.
+    }); // debugInfo contains Server Component debug information.
 
-    Object.defineProperty(element, '_self', {
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
-      value: self
-    }); // Two elements created in two different places should be considered
-    // equal for testing purposes and therefore we hide it from enumeration.
-
-    Object.defineProperty(element, '_source', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: source
-    });
+      writable: true,
+      value: null
+    });
 
     if (Object.freeze) {
       Object.freeze(element.props);
@@ -966,6 +916,7 @@ function ReactElement(type, key, ref, self, source, owner, props) {
 
   return element;
 }
+var didWarnAboutKeySpread = {};
 /**
  * https://github.com/reactjs/rfcs/pull/107
  * @param {*} type
@@ -973,8 +924,78 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  * @param {string} key
  */
 
-function jsxDEV$1(type, config, maybeKey, source, self) {
+function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
   {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = 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', typeString, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      var children = config.children;
+
+      if (children !== undefined) {
+        if (isStaticChildren) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              validateChildKeys(children[i], type);
+            }
+
+            if (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, type);
+        }
+      }
+    } // Warn about key spread regardless of whether the type is valid.
+
+
+    if (hasOwnProperty.call(config, 'key')) {
+      var componentName = getComponentNameFromType(type);
+      var keys = Object.keys(config).filter(function (k) {
+        return k !== 'key';
+      });
+      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+        didWarnAboutKeySpread[componentName + beforeExample] = true;
+      }
+    }
+
     var propName; // Reserved names are extracted
 
     var props = {};
@@ -1003,13 +1024,17 @@ function jsxDEV$1(type, config, maybeKey, source, self) {
     }
 
     if (hasValidRef(config)) {
-      ref = config.ref;
+      {
+        ref = config.ref;
+      }
+
       warnIfStringRefCannotBeAutoConverted(config, self);
     } // Remaining properties are added to a new props object
 
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref')) {
         props[propName] = config[propName];
       }
     } // Resolve default props
@@ -1037,43 +1062,13 @@ function jsxDEV$1(type, config, maybeKey, source, self) {
       }
     }
 
-    return ReactElement(type, key, ref, self, source, ReactCurrentOwner$1.current, props);
-  }
-}
+    var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
 
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
-
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    if (type === REACT_FRAGMENT_TYPE) {
+      validateFragmentProps(element);
     }
-  }
-}
 
-var propTypesMisspellWarningShown;
-
-{
-  propTypesMisspellWarningShown = false;
-}
-/**
- * Verifies the object is a ReactElement.
- * See https://reactjs.org/docs/react-api.html#isvalidelement
- * @param {?object} object
- * @return {boolean} True if `object` is a ReactElement.
- * @final
- */
-
-
-function isValidElement(object) {
-  {
-    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+    return element;
   }
 }
 
@@ -1090,86 +1085,6 @@ function getDeclarationErrorAddendum() {
     return '';
   }
 }
-
-function getSourceInfoErrorAddendum(source) {
-  {
-    if (source !== undefined) {
-      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-      var lineNumber = source.lineNumber;
-      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-    }
-
-    return '';
-  }
-}
-/**
- * Warn if there's no key explicitly set on dynamic arrays of children or
- * object keys are not valid. This allows us to keep track of children between
- * updates.
- */
-
-
-var ownerHasKeyUseWarning = {};
-
-function getCurrentComponentErrorInfo(parentType) {
-  {
-    var info = getDeclarationErrorAddendum();
-
-    if (!info) {
-      var parentName = getComponentNameFromType(parentType);
-
-      if (parentName) {
-        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-      }
-    }
-
-    return info;
-  }
-}
-/**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
-
-
-function validateExplicitKey(element, parentType) {
-  {
-    if (!element._store || element._store.validated || element.key != null) {
-      return;
-    }
-
-    element._store.validated = true;
-    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-
-    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-      return;
-    }
-
-    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-    // property, it may be the creator of the child that's responsible for
-    // assigning it a key.
-
-    var childOwner = '';
-
-    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
-      // Give the component that originally created this child.
-      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
-    }
-
-    setCurrentlyValidatingElement(element);
-
-    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-
-    setCurrentlyValidatingElement(null);
-  }
-}
 /**
  * Ensure that every element either is passed in a static location, in an
  * array with an explicit keys property defined, or in an object literal
@@ -1221,52 +1136,87 @@ function validateChildKeys(node, parentType) {
   }
 }
 /**
- * Given an element, validate that its props follow the propTypes definition,
- * provided by the type.
- *
- * @param {ReactElement} element
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
  */
 
 
-function validatePropTypes(element) {
-  {
-    var type = element.type;
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
 
-    if (type === null || type === undefined || typeof type === 'string') {
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
       return;
     }
 
-    if (type.$$typeof === REACT_CLIENT_REFERENCE) {
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
       return;
     }
 
-    var propTypes;
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
+
+    var childOwner = '';
 
-    if (typeof type === 'function') {
-      propTypes = type.propTypes;
-    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-    // Inner props are checked in the reconciler.
-    type.$$typeof === REACT_MEMO_TYPE)) {
-      propTypes = type.propTypes;
-    } else {
-      return;
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
     }
 
-    if (propTypes) {
-      // Intentionally inside to avoid triggering lazy initializers:
-      var name = getComponentNameFromType(type);
-      checkPropTypes(propTypes, element.props, 'prop', name, element);
-    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
+    setCurrentlyValidatingElement(element);
 
-      var _name = getComponentNameFromType(type);
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+
+    setCurrentlyValidatingElement(null);
+  }
+}
 
-      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
     }
+  }
+}
 
-    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
+
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
     }
+
+    return info;
   }
 }
 /**
@@ -1276,6 +1226,7 @@ function validatePropTypes(element) {
 
 
 function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
   {
     var keys = Object.keys(fragment.props);
 
@@ -1302,104 +1253,7 @@ function validateFragmentProps(fragment) {
   }
 }
 
-var didWarnAboutKeySpread = {};
-function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
-  {
-    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-    // succeed and there will likely be errors in render.
-
-    if (!validType) {
-      var info = '';
-
-      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
-      }
-
-      var sourceInfo = getSourceInfoErrorAddendum(source);
-
-      if (sourceInfo) {
-        info += sourceInfo;
-      } else {
-        info += getDeclarationErrorAddendum();
-      }
-
-      var typeString;
-
-      if (type === null) {
-        typeString = 'null';
-      } else if (isArray(type)) {
-        typeString = 'array';
-      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
-        info = ' Did you accidentally export a JSX literal instead of a component?';
-      } else {
-        typeString = 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', typeString, info);
-    }
-
-    var element = jsxDEV$1(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-    // TODO: Drop this when these are no longer allowed as the type argument.
-
-    if (element == null) {
-      return element;
-    } // Skip key warning if the type isn't valid since our key validation logic
-    // doesn't expect a non-string/function type and can throw confusing errors.
-    // We don't want exception behavior to differ between dev and prod.
-    // (Rendering will throw with a helpful message and as soon as the type is
-    // fixed, the key warnings will appear.)
-
-
-    if (validType) {
-      var children = props.children;
-
-      if (children !== undefined) {
-        if (isStaticChildren) {
-          if (isArray(children)) {
-            for (var i = 0; i < children.length; i++) {
-              validateChildKeys(children[i], type);
-            }
-
-            if (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, type);
-        }
-      }
-    }
-
-    if (hasOwnProperty.call(props, 'key')) {
-      var componentName = getComponentNameFromType(type);
-      var keys = Object.keys(props).filter(function (k) {
-        return k !== 'key';
-      });
-      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
-
-      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
-
-        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-
-        didWarnAboutKeySpread[componentName + beforeExample] = true;
-      }
-    }
-
-    if (type === REACT_FRAGMENT_TYPE) {
-      validateFragmentProps(element);
-    } else {
-      validatePropTypes(element);
-    }
-
-    return element;
-  }
-} // These two functions exist to still get child warnings in dev
-
-var jsxDEV = jsxWithValidation ;
+var jsxDEV = jsxDEV$1 ;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsxDEV = jsxDEV;
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 77fa29a6f65274..fcf85fcd31f5e4 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
@@ -25,7 +25,9 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
@@ -96,35 +98,12 @@ var enableCacheElement = false;
 var enableTransitionTracing = false; // No known bugs, but needs performance testing
 
 var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
 // stuff. Intended to enable React core members to more easily debug scheduling
 // issues in DEV builds.
 
 var enableDebugTracing = false;
 
-var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference');
-function isValidElementType(type) {
-  if (typeof type === 'string' || typeof type === 'function') {
-    return true;
-  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
-
-
-  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
-    return true;
-  }
-
-  if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-    // types supported by any Flight configuration anywhere since
-    // we don't know which Flight build this will end up being used
-    // with.
-    type.$$typeof === REACT_CLIENT_REFERENCE$2 || type.getModuleId !== undefined) {
-      return true;
-    }
-  }
-
-  return false;
-}
-
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -141,7 +120,7 @@ function getContextName(type) {
   return type.displayName || 'Context';
 }
 
-var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
 function getComponentNameFromType(type) {
   if (type == null) {
@@ -150,7 +129,7 @@ function getComponentNameFromType(type) {
   }
 
   if (typeof type === 'function') {
-    if (type.$$typeof === REACT_CLIENT_REFERENCE$1) {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
       // TODO: Create a convention for naming client references with debug info.
       return null;
     }
@@ -196,13 +175,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -228,15 +217,115 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
   return null;
 }
 
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
 var assign = Object.assign;
 
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
 // Helpers to patch console.logs to avoid logging during side-effect free
 // replaying on render function. This currently only patches the object
 // lazily which won't cover if the log function was extracted eagerly.
@@ -333,7 +422,7 @@ function reenableLogs() {
 
 var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
 var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
     if (prefix === undefined) {
       // Extract the VM specific prefix used by each line.
@@ -597,7 +686,7 @@ function describeNativeComponentFrame(fn, construct) {
 
   return syntheticFrame;
 }
-function describeFunctionComponentFrame(fn, source, ownerFn) {
+function describeFunctionComponentFrame(fn, ownerFn) {
   {
     return describeNativeComponentFrame(fn, false);
   }
@@ -608,7 +697,7 @@ function shouldConstruct(Component) {
   return !!(prototype && prototype.isReactComponent);
 }
 
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
 
   if (type == null) {
     return '';
@@ -639,7 +728,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
       case REACT_MEMO_TYPE:
         // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
       case REACT_LAZY_TYPE:
         {
@@ -649,7 +738,7 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
 
           try {
             // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
           } catch (x) {}
         }
     }
@@ -658,154 +747,9 @@ function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
   return '';
 }
 
-// $FlowFixMe[method-unbinding]
-var hasOwnProperty = Object.prototype.hasOwnProperty;
-
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-
-function setCurrentlyValidatingElement$1(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame$1.setExtraStackFrame(null);
-    }
-  }
-}
-
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
-
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
-          }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement$1(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement$1(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-      }
-    }
-  }
-}
-
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
-
-function isArray(a) {
-  return isArrayImpl(a);
-}
-
-/*
- * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
- * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
- *
- * The functions in this module will throw an easier-to-understand,
- * easier-to-debug exception with a clear errors message message explaining the
- * problem. (Instead of a confusing exception thrown inside the implementation
- * of the `value` object).
- */
-// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-function typeName(value) {
-  {
-    // toStringTag is needed for namespaced types like Temporal.Instant
-    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
-    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
-
-    return type;
-  }
-} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
-
-
-function willCoercionThrow(value) {
-  {
-    try {
-      testStringCoercion(value);
-      return false;
-    } catch (e) {
-      return true;
-    }
-  }
-}
-
-function testStringCoercion(value) {
-  // If you ended up here by following an exception call stack, here's what's
-  // happened: you supplied an object or symbol value to React (as a prop, key,
-  // DOM attribute, CSS property, string ref, etc.) and when React tried to
-  // coerce it to a string using `'' + value`, an exception was thrown.
-  //
-  // The most common types that will cause this exception are `Symbol` instances
-  // and Temporal objects like `Temporal.Instant`. But any object that has a
-  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
-  // exception. (Library authors do this to prevent users from using built-in
-  // numeric operators like `+` or comparison operators like `>=` because custom
-  // methods are needed to perform accurate arithmetic or comparison.)
-  //
-  // To fix the problem, coerce this object or symbol value to a string before
-  // passing it to React. The most reliable way is usually `String(value)`.
-  //
-  // To find which value is throwing, check the browser or debugger console.
-  // Before this exception was thrown, there should be `console.error` output
-  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
-  // problem and how that type was used: key, atrribute, input value prop, etc.
-  // In most cases, this console output also shows the component and its
-  // ancestor components where the exception happened.
-  //
-  // eslint-disable-next-line react-internal/safe-string-coercion
-  return '' + value;
-}
-function checkKeyStringCoercion(value) {
-  {
-    if (willCoercionThrow(value)) {
-      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
-
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
-    }
-  }
-}
-
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-var RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 var specialPropKeyWarningShown;
 var specialPropRefWarningShown;
 var didWarnAboutStringRefs;
@@ -844,11 +788,11 @@ function hasValidKey(config) {
 
 function warnIfStringRefCannotBeAutoConverted(config, self) {
   {
-    if (typeof config.ref === 'string' && ReactCurrentOwner$1.current && self && ReactCurrentOwner$1.current.stateNode !== self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner$1.current.type);
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
       if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner$1.current.type), config.ref);
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
 
         didWarnAboutStringRefs[componentName] = true;
       }
@@ -876,19 +820,21 @@ function defineKeyPropWarningGetter(props, displayName) {
 
 function defineRefPropWarningGetter(props, displayName) {
   {
-    var warnAboutAccessingRef = function () {
-      if (!specialPropRefWarningShown) {
-        specialPropRefWarningShown = true;
+    {
+      var warnAboutAccessingRef = function () {
+        if (!specialPropRefWarningShown) {
+          specialPropRefWarningShown = true;
 
-        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
-      }
-    };
+          error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
+        }
+      };
 
-    warnAboutAccessingRef.isReactWarning = true;
-    Object.defineProperty(props, 'ref', {
-      get: warnAboutAccessingRef,
-      configurable: true
-    });
+      warnAboutAccessingRef.isReactWarning = true;
+      Object.defineProperty(props, 'ref', {
+        get: warnAboutAccessingRef,
+        configurable: true
+      });
+    }
   }
 }
 /**
@@ -913,18 +859,30 @@ function defineRefPropWarningGetter(props, displayName) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
+
+  {
+    ref = _ref;
+  }
+
+  var element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      ref: ref,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   {
     // The validation flag is currently mutative. We put it on
@@ -941,22 +899,14 @@ function ReactElement(type, key, ref, self, source, owner, props) {
       enumerable: false,
       writable: true,
       value: false
-    }); // self and source are DEV only properties.
+    }); // debugInfo contains Server Component debug information.
 
-    Object.defineProperty(element, '_self', {
+    Object.defineProperty(element, '_debugInfo', {
       configurable: false,
       enumerable: false,
-      writable: false,
-      value: self
-    }); // Two elements created in two different places should be considered
-    // equal for testing purposes and therefore we hide it from enumeration.
-
-    Object.defineProperty(element, '_source', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: source
-    });
+      writable: true,
+      value: null
+    });
 
     if (Object.freeze) {
       Object.freeze(element.props);
@@ -966,6 +916,31 @@ function ReactElement(type, key, ref, self, source, owner, props) {
 
   return element;
 }
+// support `jsx` and `jsxs` when running in development. This supports the case
+// where a third-party dependency ships code that was compiled for production;
+// we want to still provide warnings in development.
+//
+// So these functions are the _dev_ implementations of the _production_
+// API signatures.
+//
+// Since these functions are dev-only, it's ok to add an indirection here. They
+// only exist to provide different versions of `isStaticChildren`. (We shouldn't
+// use this pattern for the prod versions, though, because it will add an call
+// frame.)
+
+function jsxProdSignatureRunningInDevWithDynamicChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = false;
+    return jsxDEV(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+function jsxProdSignatureRunningInDevWithStaticChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = true;
+    return jsxDEV(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+var didWarnAboutKeySpread = {};
 /**
  * https://github.com/reactjs/rfcs/pull/107
  * @param {*} type
@@ -973,8 +948,78 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  * @param {string} key
  */
 
-function jsxDEV(type, config, maybeKey, source, self) {
+function jsxDEV(type, config, maybeKey, isStaticChildren, source, self) {
   {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = 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', typeString, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      var children = config.children;
+
+      if (children !== undefined) {
+        if (isStaticChildren) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              validateChildKeys(children[i], type);
+            }
+
+            if (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, type);
+        }
+      }
+    } // Warn about key spread regardless of whether the type is valid.
+
+
+    if (hasOwnProperty.call(config, 'key')) {
+      var componentName = getComponentNameFromType(type);
+      var keys = Object.keys(config).filter(function (k) {
+        return k !== 'key';
+      });
+      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+        didWarnAboutKeySpread[componentName + beforeExample] = true;
+      }
+    }
+
     var propName; // Reserved names are extracted
 
     var props = {};
@@ -1003,13 +1048,17 @@ function jsxDEV(type, config, maybeKey, source, self) {
     }
 
     if (hasValidRef(config)) {
-      ref = config.ref;
+      {
+        ref = config.ref;
+      }
+
       warnIfStringRefCannotBeAutoConverted(config, self);
     } // Remaining properties are added to a new props object
 
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref')) {
         props[propName] = config[propName];
       }
     } // Resolve default props
@@ -1037,43 +1086,13 @@ function jsxDEV(type, config, maybeKey, source, self) {
       }
     }
 
-    return ReactElement(type, key, ref, self, source, ReactCurrentOwner$1.current, props);
-  }
-}
-
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+    var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
 
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    if (type === REACT_FRAGMENT_TYPE) {
+      validateFragmentProps(element);
     }
-  }
-}
-
-var propTypesMisspellWarningShown;
-
-{
-  propTypesMisspellWarningShown = false;
-}
-/**
- * Verifies the object is a ReactElement.
- * See https://reactjs.org/docs/react-api.html#isvalidelement
- * @param {?object} object
- * @return {boolean} True if `object` is a ReactElement.
- * @final
- */
-
 
-function isValidElement(object) {
-  {
-    return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+    return element;
   }
 }
 
@@ -1090,86 +1109,6 @@ function getDeclarationErrorAddendum() {
     return '';
   }
 }
-
-function getSourceInfoErrorAddendum(source) {
-  {
-    if (source !== undefined) {
-      var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-      var lineNumber = source.lineNumber;
-      return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-    }
-
-    return '';
-  }
-}
-/**
- * Warn if there's no key explicitly set on dynamic arrays of children or
- * object keys are not valid. This allows us to keep track of children between
- * updates.
- */
-
-
-var ownerHasKeyUseWarning = {};
-
-function getCurrentComponentErrorInfo(parentType) {
-  {
-    var info = getDeclarationErrorAddendum();
-
-    if (!info) {
-      var parentName = getComponentNameFromType(parentType);
-
-      if (parentName) {
-        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-      }
-    }
-
-    return info;
-  }
-}
-/**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
-
-
-function validateExplicitKey(element, parentType) {
-  {
-    if (!element._store || element._store.validated || element.key != null) {
-      return;
-    }
-
-    element._store.validated = true;
-    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
-
-    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-      return;
-    }
-
-    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-    // property, it may be the creator of the child that's responsible for
-    // assigning it a key.
-
-    var childOwner = '';
-
-    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
-      // Give the component that originally created this child.
-      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
-    }
-
-    setCurrentlyValidatingElement(element);
-
-    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
-
-    setCurrentlyValidatingElement(null);
-  }
-}
 /**
  * Ensure that every element either is passed in a static location, in an
  * array with an explicit keys property defined, or in an object literal
@@ -1221,52 +1160,87 @@ function validateChildKeys(node, parentType) {
   }
 }
 /**
- * Given an element, validate that its props follow the propTypes definition,
- * provided by the type.
- *
- * @param {ReactElement} element
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
  */
 
 
-function validatePropTypes(element) {
-  {
-    var type = element.type;
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
 
-    if (type === null || type === undefined || typeof type === 'string') {
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
       return;
     }
 
-    if (type.$$typeof === REACT_CLIENT_REFERENCE) {
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
       return;
     }
 
-    var propTypes;
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
 
-    if (typeof type === 'function') {
-      propTypes = type.propTypes;
-    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-    // Inner props are checked in the reconciler.
-    type.$$typeof === REACT_MEMO_TYPE)) {
-      propTypes = type.propTypes;
-    } else {
-      return;
+    var childOwner = '';
+
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
     }
 
-    if (propTypes) {
-      // Intentionally inside to avoid triggering lazy initializers:
-      var name = getComponentNameFromType(type);
-      checkPropTypes(propTypes, element.props, 'prop', name, element);
-    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
+    setCurrentlyValidatingElement(element);
 
-      var _name = getComponentNameFromType(type);
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+
+    setCurrentlyValidatingElement(null);
+  }
+}
 
-      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
     }
+  }
+}
+
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
 
-    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
     }
+
+    return info;
   }
 }
 /**
@@ -1276,6 +1250,7 @@ function validatePropTypes(element) {
 
 
 function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
   {
     var keys = Object.keys(fragment.props);
 
@@ -1302,121 +1277,10 @@ function validateFragmentProps(fragment) {
   }
 }
 
-var didWarnAboutKeySpread = {};
-function jsxWithValidation(type, props, key, isStaticChildren, source, self) {
-  {
-    var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-    // succeed and there will likely be errors in render.
-
-    if (!validType) {
-      var info = '';
-
-      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
-      }
-
-      var sourceInfo = getSourceInfoErrorAddendum(source);
-
-      if (sourceInfo) {
-        info += sourceInfo;
-      } else {
-        info += getDeclarationErrorAddendum();
-      }
-
-      var typeString;
-
-      if (type === null) {
-        typeString = 'null';
-      } else if (isArray(type)) {
-        typeString = 'array';
-      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
-        info = ' Did you accidentally export a JSX literal instead of a component?';
-      } else {
-        typeString = 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', typeString, info);
-    }
-
-    var element = jsxDEV(type, props, key, source, self); // The result can be nullish if a mock or a custom function is used.
-    // TODO: Drop this when these are no longer allowed as the type argument.
-
-    if (element == null) {
-      return element;
-    } // Skip key warning if the type isn't valid since our key validation logic
-    // doesn't expect a non-string/function type and can throw confusing errors.
-    // We don't want exception behavior to differ between dev and prod.
-    // (Rendering will throw with a helpful message and as soon as the type is
-    // fixed, the key warnings will appear.)
-
-
-    if (validType) {
-      var children = props.children;
-
-      if (children !== undefined) {
-        if (isStaticChildren) {
-          if (isArray(children)) {
-            for (var i = 0; i < children.length; i++) {
-              validateChildKeys(children[i], type);
-            }
-
-            if (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, type);
-        }
-      }
-    }
-
-    if (hasOwnProperty.call(props, 'key')) {
-      var componentName = getComponentNameFromType(type);
-      var keys = Object.keys(props).filter(function (k) {
-        return k !== 'key';
-      });
-      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
-
-      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
-        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
-
-        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
-
-        didWarnAboutKeySpread[componentName + beforeExample] = true;
-      }
-    }
-
-    if (type === REACT_FRAGMENT_TYPE) {
-      validateFragmentProps(element);
-    } else {
-      validatePropTypes(element);
-    }
-
-    return element;
-  }
-} // These two functions exist to still get child warnings in dev
-// even with the prod transform. This means that jsxDEV is purely
-// opt-in behavior for better messages but that we won't stop
-// giving you warnings if you use production apis.
-
-function jsxWithValidationStatic(type, props, key) {
-  {
-    return jsxWithValidation(type, props, key, true);
-  }
-}
-function jsxWithValidationDynamic(type, props, key) {
-  {
-    return jsxWithValidation(type, props, key, false);
-  }
-}
-
-var jsx = jsxWithValidationDynamic ; // we may want to special case jsxs internally to take advantage of static children.
+var jsx = jsxProdSignatureRunningInDevWithDynamicChildren ; // we may want to special case jsxs internally to take advantage of static children.
 // for now we can ship identical prod functions
 
-var jsxs = jsxWithValidationStatic ;
+var jsxs = jsxProdSignatureRunningInDevWithStaticChildren ;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsx = jsx;
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.js
index 3845cefaae1843..7a0eaf4ba3a738 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.js
@@ -25,12 +25,6 @@ const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_
 const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-const RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
 
 function hasValidRef(config) {
 
@@ -63,18 +57,30 @@ function hasValidKey(config) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type,
-    key,
-    ref,
-    props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    ref = _ref;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   return element;
 }
@@ -86,7 +92,7 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  */
 
 
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   let propName; // Reserved names are extracted
 
   const props = {};
@@ -109,12 +115,15 @@ function jsx$1(type, config, maybeKey) {
   }
 
   if (hasValidRef(config)) {
-    ref = config.ref;
+    {
+      ref = config.ref;
+    }
   } // Remaining properties are added to a new props object
 
 
   for (propName in config) {
-    if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+    if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+    propName !== 'key' && (propName !== 'ref')) {
       props[propName] = config[propName];
     }
   } // Resolve default props
@@ -131,12 +140,12 @@ function jsx$1(type, config, maybeKey) {
   }
 
   return ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
-}
+} // While `jsxDEV` should never be called when running in production, we do
 
-const jsx = jsx$1; // we may want to special case jsxs internally to take advantage of static children.
+const jsx = jsxProd; // we may want to special case jsxs internally to take advantage of static children.
 // for now we can ship identical prod functions
 
-const jsxs = jsx$1;
+const jsxs = jsxProd;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsx = jsx;
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.min.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.min.js
index 3a7f082e26e835..fed03d6f2c88f8 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.min.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.production.min.js
@@ -7,7 +7,7 @@
  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 f=require("next/dist/compiled/react"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
+'use strict';var f=require("next/dist/compiled/react"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function p(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=p;exports.jsxs=p;
 
 //# sourceMappingURL=react-jsx-runtime.production.min.js.map
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.js
index b8bc7507187587..727126db84351d 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.js
@@ -25,12 +25,6 @@ const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_
 const hasOwnProperty = Object.prototype.hasOwnProperty;
 
 const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-const RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
 
 function hasValidRef(config) {
 
@@ -63,18 +57,30 @@ function hasValidKey(config) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type,
-    key,
-    ref,
-    props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    ref = _ref;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   return element;
 }
@@ -86,7 +92,7 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  */
 
 
-function jsx$1(type, config, maybeKey) {
+function jsxProd(type, config, maybeKey) {
   let propName; // Reserved names are extracted
 
   const props = {};
@@ -109,12 +115,15 @@ function jsx$1(type, config, maybeKey) {
   }
 
   if (hasValidRef(config)) {
-    ref = config.ref;
+    {
+      ref = config.ref;
+    }
   } // Remaining properties are added to a new props object
 
 
   for (propName in config) {
-    if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+    if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+    propName !== 'key' && (propName !== 'ref')) {
       props[propName] = config[propName];
     }
   } // Resolve default props
@@ -131,12 +140,12 @@ function jsx$1(type, config, maybeKey) {
   }
 
   return ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
-}
+} // While `jsxDEV` should never be called when running in production, we do
 
-const jsx = jsx$1; // we may want to special case jsxs internally to take advantage of static children.
+const jsx = jsxProd; // we may want to special case jsxs internally to take advantage of static children.
 // for now we can ship identical prod functions
 
-const jsxs = jsx$1;
+const jsxs = jsxProd;
 
 exports.Fragment = REACT_FRAGMENT_TYPE;
 exports.jsx = jsx;
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.min.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.min.js
index ebee0365c35b95..eebfd583420913 100644
--- a/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.min.js
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.profiling.min.js
@@ -7,7 +7,7 @@
  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 f=require("next/dist/compiled/react"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};
-function q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;
+'use strict';var f=require("next/dist/compiled/react"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function p(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=p;exports.jsxs=p;
 
 //# sourceMappingURL=react-jsx-runtime.profiling.min.js.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
new file mode 100644
index 00000000000000..e1f4dc62b8cbfb
--- /dev/null
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.development.js
@@ -0,0 +1,1291 @@
+/**
+ * @license React
+ * react-jsx-runtime.react-server.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+var React = require("next/dist/compiled/react");
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+var ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+// -----------------------------------------------------------------------------
+
+var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableCacheElement = false;
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false;
+
+function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
+  var functionName = innerType.displayName || innerType.name || '';
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
+} // Keep in sync with react-reconciler/getComponentNameFromFiber
+
+
+function getContextName(type) {
+  return type.displayName || 'Context';
+}
+
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+
+function getComponentNameFromType(type) {
+  if (type == null) {
+    // Host root, text node or just invalid type.
+    return null;
+  }
+
+  if (typeof type === 'function') {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
+      // TODO: Create a convention for naming client references with debug info.
+      return null;
+    }
+
+    return type.displayName || type.name || null;
+  }
+
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_FRAGMENT_TYPE:
+      return 'Fragment';
+
+    case REACT_PORTAL_TYPE:
+      return 'Portal';
+
+    case REACT_PROFILER_TYPE:
+      return 'Profiler';
+
+    case REACT_STRICT_MODE_TYPE:
+      return 'StrictMode';
+
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+
+    case REACT_CACHE_TYPE:
+      {
+        return 'Cache';
+      }
+
+  }
+
+  if (typeof type === 'object') {
+    {
+      if (typeof type.tag === 'number') {
+        error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
+      }
+    }
+
+    switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
+      case REACT_CONTEXT_TYPE:
+        var context = type;
+
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        return getWrappedName(type, type.render, 'ForwardRef');
+
+      case REACT_MEMO_TYPE:
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            return getComponentNameFromType(init(payload));
+          } catch (x) {
+            return null;
+          }
+        }
+    }
+  }
+
+  return null;
+}
+
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+var assign = Object.assign;
+
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
+  }
+}
+function reenableLogs() {
+  {
+    disabledDepth--;
+
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
+}
+
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+var reentry = false;
+var componentFrameCache;
+
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
+}
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  {
+    var frame = componentFrameCache.get(fn);
+
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
+
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
+
+  {
+    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
+
+    ReactCurrentDispatcher.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
+
+
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    {
+      ReactCurrentDispatcher.current = previousDispatcher;
+      reenableLogs();
+    }
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
+
+  return syntheticFrame;
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
+
+  if (type == null) {
+    return '';
+  }
+
+  if (typeof type === 'function') {
+    {
+      return describeNativeComponentFrame(type, shouldConstruct(type));
+    }
+  }
+
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame('Suspense');
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame('SuspenseList');
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeFunctionComponentFrame(type.render);
+
+      case REACT_MEMO_TYPE:
+        // Memo may contain any component type so we recursively resolve it.
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+var specialPropKeyWarningShown;
+var specialPropRefWarningShown;
+var didWarnAboutStringRefs;
+
+{
+  didWarnAboutStringRefs = {};
+}
+
+function hasValidRef(config) {
+  {
+    if (hasOwnProperty.call(config, 'ref')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.ref !== undefined;
+}
+
+function hasValidKey(config) {
+  {
+    if (hasOwnProperty.call(config, 'key')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.key !== undefined;
+}
+
+function warnIfStringRefCannotBeAutoConverted(config, self) {
+  {
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
+
+        didWarnAboutStringRefs[componentName] = true;
+      }
+    }
+  }
+}
+
+function defineKeyPropWarningGetter(props, displayName) {
+  {
+    var warnAboutAccessingKey = function () {
+      if (!specialPropKeyWarningShown) {
+        specialPropKeyWarningShown = true;
+
+        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://reactjs.org/link/special-props)', displayName);
+      }
+    };
+
+    warnAboutAccessingKey.isReactWarning = true;
+    Object.defineProperty(props, 'key', {
+      get: warnAboutAccessingKey,
+      configurable: true
+    });
+  }
+}
+
+function defineRefPropWarningGetter(props, displayName) {
+  {
+    {
+      var warnAboutAccessingRef = function () {
+        if (!specialPropRefWarningShown) {
+          specialPropRefWarningShown = true;
+
+          error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
+        }
+      };
+
+      warnAboutAccessingRef.isReactWarning = true;
+      Object.defineProperty(props, 'ref', {
+        get: warnAboutAccessingRef,
+        configurable: true
+      });
+    }
+  }
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
+
+  {
+    ref = _ref;
+  }
+
+  var element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      ref: ref,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
+
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
+    // ignores it.
+
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: false
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: null
+    });
+
+    if (Object.freeze) {
+      Object.freeze(element.props);
+      Object.freeze(element);
+    }
+  }
+
+  return element;
+}
+// support `jsx` and `jsxs` when running in development. This supports the case
+// where a third-party dependency ships code that was compiled for production;
+// we want to still provide warnings in development.
+//
+// So these functions are the _dev_ implementations of the _production_
+// API signatures.
+//
+// Since these functions are dev-only, it's ok to add an indirection here. They
+// only exist to provide different versions of `isStaticChildren`. (We shouldn't
+// use this pattern for the prod versions, though, because it will add an call
+// frame.)
+
+function jsxProdSignatureRunningInDevWithDynamicChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = false;
+    return jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+function jsxProdSignatureRunningInDevWithStaticChildren(type, config, maybeKey, source, self) {
+  {
+    var isStaticChildren = true;
+    return jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self);
+  }
+}
+var didWarnAboutKeySpread = {};
+/**
+ * https://github.com/reactjs/rfcs/pull/107
+ * @param {*} type
+ * @param {object} props
+ * @param {string} key
+ */
+
+function jsxDEV$1(type, config, maybeKey, isStaticChildren, source, self) {
+  {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = 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', typeString, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      var children = config.children;
+
+      if (children !== undefined) {
+        if (isStaticChildren) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              validateChildKeys(children[i], type);
+            }
+
+            if (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, type);
+        }
+      }
+    } // Warn about key spread regardless of whether the type is valid.
+
+
+    if (hasOwnProperty.call(config, 'key')) {
+      var componentName = getComponentNameFromType(type);
+      var keys = Object.keys(config).filter(function (k) {
+        return k !== 'key';
+      });
+      var beforeExample = keys.length > 0 ? '{key: someKey, ' + keys.join(': ..., ') + ': ...}' : '{key: someKey}';
+
+      if (!didWarnAboutKeySpread[componentName + beforeExample]) {
+        var afterExample = keys.length > 0 ? '{' + keys.join(': ..., ') + ': ...}' : '{}';
+
+        error('A props object containing a "key" prop is being spread into JSX:\n' + '  let props = %s;\n' + '  <%s {...props} />\n' + 'React keys must be passed directly to JSX without using spread:\n' + '  let props = %s;\n' + '  <%s key={someKey} {...props} />', beforeExample, componentName, afterExample, componentName);
+
+        didWarnAboutKeySpread[componentName + beforeExample] = true;
+      }
+    }
+
+    var propName; // Reserved names are extracted
+
+    var props = {};
+    var key = null;
+    var ref = null; // Currently, key can be spread in as a prop. This causes a potential
+    // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
+    // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
+    // but as an intermediary step, we will use jsxDEV for everything except
+    // <div {...props} key="Hi" />, because we aren't currently able to tell if
+    // key is explicitly declared to be undefined or not.
+
+    if (maybeKey !== undefined) {
+      {
+        checkKeyStringCoercion(maybeKey);
+      }
+
+      key = '' + maybeKey;
+    }
+
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
+
+      key = '' + config.key;
+    }
+
+    if (hasValidRef(config)) {
+      {
+        ref = config.ref;
+      }
+
+      warnIfStringRefCannotBeAutoConverted(config, self);
+    } // Remaining properties are added to a new props object
+
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref')) {
+        props[propName] = config[propName];
+      }
+    } // Resolve default props
+
+
+    if (type && type.defaultProps) {
+      var defaultProps = type.defaultProps;
+
+      for (propName in defaultProps) {
+        if (props[propName] === undefined) {
+          props[propName] = defaultProps[propName];
+        }
+      }
+    }
+
+    if (key || ref) {
+      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
+      if (key) {
+        defineKeyPropWarningGetter(props, displayName);
+      }
+
+      if (ref) {
+        defineRefPropWarningGetter(props, displayName);
+      }
+    }
+
+    var element = ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+
+    if (type === REACT_FRAGMENT_TYPE) {
+      validateFragmentProps(element);
+    }
+
+    return element;
+  }
+}
+
+function getDeclarationErrorAddendum() {
+  {
+    if (ReactCurrentOwner.current) {
+      var name = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (name) {
+        return '\n\nCheck the render method of `' + name + '`.';
+      }
+    }
+
+    return '';
+  }
+}
+/**
+ * Ensure that every element either is passed in a static location, in an
+ * array with an explicit keys property defined, or in an object literal
+ * with valid key property.
+ *
+ * @internal
+ * @param {ReactNode} node Statically passed child of any type.
+ * @param {*} parentType node's parent's type.
+ */
+
+
+function validateChildKeys(node, parentType) {
+  {
+    if (typeof node !== 'object' || !node) {
+      return;
+    }
+
+    if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
+      for (var i = 0; i < node.length; i++) {
+        var child = node[i];
+
+        if (isValidElement(child)) {
+          validateExplicitKey(child, parentType);
+        }
+      }
+    } else if (isValidElement(node)) {
+      // This element was passed in a valid location.
+      if (node._store) {
+        node._store.validated = true;
+      }
+    } else {
+      var iteratorFn = getIteratorFn(node);
+
+      if (typeof iteratorFn === 'function') {
+        // Entry iterators used to provide implicit keys,
+        // but now we print a separate warning for them later.
+        if (iteratorFn !== node.entries) {
+          var iterator = iteratorFn.call(node);
+          var step;
+
+          while (!(step = iterator.next()).done) {
+            if (isValidElement(step.value)) {
+              validateExplicitKey(step.value, parentType);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
+
+
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
+
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
+      return;
+    }
+
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
+
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
+
+    var childOwner = '';
+
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+    }
+
+    setCurrentlyValidatingElement(element);
+
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    }
+  }
+}
+
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
+
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
+    }
+
+    return info;
+  }
+}
+/**
+ * Given a fragment, validate that it can only be provided with fragment props
+ * @param {ReactElement} fragment
+ */
+
+
+function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
+  {
+    var keys = Object.keys(fragment.props);
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+
+      if (key !== 'children' && key !== 'key') {
+        setCurrentlyValidatingElement(fragment);
+
+        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+
+        setCurrentlyValidatingElement(null);
+        break;
+      }
+    }
+
+    if (fragment.ref !== null) {
+      setCurrentlyValidatingElement(fragment);
+
+      error('Invalid attribute `ref` supplied to `React.Fragment`.');
+
+      setCurrentlyValidatingElement(null);
+    }
+  }
+}
+
+var jsx = jsxProdSignatureRunningInDevWithDynamicChildren ; // we may want to special case jsxs internally to take advantage of static children.
+// for now we can ship identical prod functions
+
+var jsxs = jsxProdSignatureRunningInDevWithStaticChildren ;
+var jsxDEV = jsxDEV$1 ;
+
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.jsx = jsx;
+exports.jsxDEV = jsxDEV;
+exports.jsxs = jsxs;
+  })();
+}
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.production.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.production.js
new file mode 100644
index 00000000000000..3c96c07ba32c7c
--- /dev/null
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.production.js
@@ -0,0 +1,154 @@
+/**
+ * @license React
+ * react-jsx-runtime.react-server.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+var React = require("next/dist/compiled/react");
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+
+const ReactSharedInternals = React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+
+// $FlowFixMe[method-unbinding]
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+
+const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
+function hasValidRef(config) {
+
+  return config.ref !== undefined;
+}
+
+function hasValidKey(config) {
+
+  return config.key !== undefined;
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    ref = _ref;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
+
+  return element;
+}
+/**
+ * https://github.com/reactjs/rfcs/pull/107
+ * @param {*} type
+ * @param {object} props
+ * @param {string} key
+ */
+
+
+function jsxProd(type, config, maybeKey) {
+  let propName; // Reserved names are extracted
+
+  const props = {};
+  let key = null;
+  let ref = null; // Currently, key can be spread in as a prop. This causes a potential
+  // issue if key is also explicitly declared (ie. <div {...props} key="Hi" />
+  // or <div key="Hi" {...props} /> ). We want to deprecate key spread,
+  // but as an intermediary step, we will use jsxDEV for everything except
+  // <div {...props} key="Hi" />, because we aren't currently able to tell if
+  // key is explicitly declared to be undefined or not.
+
+  if (maybeKey !== undefined) {
+
+    key = '' + maybeKey;
+  }
+
+  if (hasValidKey(config)) {
+
+    key = '' + config.key;
+  }
+
+  if (hasValidRef(config)) {
+    {
+      ref = config.ref;
+    }
+  } // Remaining properties are added to a new props object
+
+
+  for (propName in config) {
+    if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+    propName !== 'key' && (propName !== 'ref')) {
+      props[propName] = config[propName];
+    }
+  } // Resolve default props
+
+
+  if (type && type.defaultProps) {
+    const defaultProps = type.defaultProps;
+
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+  }
+
+  return ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+} // While `jsxDEV` should never be called when running in production, we do
+
+const jsx = jsxProd; // we may want to special case jsxs internally to take advantage of static children.
+// for now we can ship identical prod functions
+
+const jsxs = jsxProd;
+const jsxDEV = undefined;
+
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.jsx = jsx;
+exports.jsxDEV = jsxDEV;
+exports.jsxs = jsxs;
\ No newline at end of file
diff --git a/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.production.min.js b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.production.min.js
new file mode 100644
index 00000000000000..039b2c81a01f27
--- /dev/null
+++ b/packages/next/src/compiled/react/cjs/react-jsx-runtime.react-server.production.min.js
@@ -0,0 +1,13 @@
+/*
+ React
+ react-jsx-runtime.react-server.production.min.js
+
+ Copyright (c) Meta Platforms, Inc. and affiliates.
+
+ This source code is licensed under the MIT license found in the
+ LICENSE file in the root directory of this source tree.
+*/
+'use strict';var f=require("next/dist/compiled/react"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner;
+function p(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=""+g);void 0!==a.key&&(e=""+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&"key"!==b&&"ref"!==b&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=p;exports.jsxDEV=void 0;exports.jsxs=p;
+
+//# sourceMappingURL=react-jsx-runtime.react-server.production.min.js.map
diff --git a/packages/next/src/compiled/react/cjs/react.development.js b/packages/next/src/compiled/react/cjs/react.development.js
index ae2bc786c6f085..d33df7be815e17 100644
--- a/packages/next/src/compiled/react/cjs/react.development.js
+++ b/packages/next/src/compiled/react/cjs/react.development.js
@@ -23,7 +23,7 @@ if (
 ) {
   __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
 }
-          var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+          var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 // ATTENTION
 // When adding new symbols to this file,
@@ -34,7 +34,9 @@ var REACT_PORTAL_TYPE = Symbol.for('react.portal');
 var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-var REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
 var REACT_CONTEXT_TYPE = Symbol.for('react.context');
 var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
@@ -98,7 +100,7 @@ var ReactCurrentActQueue = {
  * The current owner is the component who should own any components that are
  * currently being constructed.
  */
-var ReactCurrentOwner = {
+var ReactCurrentOwner$1 = {
   /**
    * @internal
    * @type {ReactComponent}
@@ -108,11 +110,6 @@ var ReactCurrentOwner = {
 
 var ReactDebugCurrentFrame$1 = {};
 var currentExtraStackFrame = null;
-function setExtraStackFrame(stack) {
-  {
-    currentExtraStackFrame = stack;
-  }
-}
 
 {
   ReactDebugCurrentFrame$1.setExtraStackFrame = function (stack) {
@@ -142,23 +139,11 @@ function setExtraStackFrame(stack) {
   };
 }
 
-// -----------------------------------------------------------------------------
-
-var enableScopeAPI = false; // Experimental Create Event Handle API.
-var enableCacheElement = false;
-var enableTransitionTracing = false; // No known bugs, but needs performance testing
-
-var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
-// stuff. Intended to enable React core members to more easily debug scheduling
-// issues in DEV builds.
-
-var enableDebugTracing = false;
-
 var ReactSharedInternals = {
   ReactCurrentDispatcher: ReactCurrentDispatcher$1,
   ReactCurrentCache: ReactCurrentCache,
   ReactCurrentBatchConfig: ReactCurrentBatchConfig,
-  ReactCurrentOwner: ReactCurrentOwner
+  ReactCurrentOwner: ReactCurrentOwner$1
 };
 
 {
@@ -357,7 +342,7 @@ Component.prototype.isReactComponent = {};
 
 Component.prototype.setState = function (partialState, callback) {
   if (typeof partialState !== 'object' && typeof partialState !== 'function' && partialState != null) {
-    throw new Error('setState(...): takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
+    throw new Error('takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
   }
 
   this.updater.enqueueSetState(this, partialState, callback, 'setState');
@@ -519,6 +504,30 @@ function checkKeyStringCoercion(value) {
   }
 }
 
+// -----------------------------------------------------------------------------
+
+var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableCacheElement = false;
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to false for easier skimming.
+// -----------------------------------------------------------------------------
+
+var __NEXT_MAJOR__ = false; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+var enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false;
+
 function getWrappedName(outerType, innerType, wrapperName) {
   var displayName = outerType.displayName;
 
@@ -590,13 +599,23 @@ function getComponentNameFromType(type) {
     }
 
     switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
       case REACT_CONTEXT_TYPE:
         var context = type;
-        return getContextName(context) + '.Consumer';
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + '.Provider';
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
 
       case REACT_FORWARD_REF_TYPE:
         return getWrappedName(type, type.render, 'ForwardRef');
@@ -622,7 +641,6 @@ function getComponentNameFromType(type) {
             return null;
           }
         }
-
     }
   }
 
@@ -632,2050 +650,1992 @@ function getComponentNameFromType(type) {
 // $FlowFixMe[method-unbinding]
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-var RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
-};
-var specialPropKeyWarningShown, specialPropRefWarningShown, didWarnAboutStringRefs;
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
 
-{
-  didWarnAboutStringRefs = {};
-}
 
-function hasValidRef(config) {
-  {
-    if (hasOwnProperty.call(config, 'ref')) {
-      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
+    return true;
+  }
 
-      if (getter && getter.isReactWarning) {
-        return false;
-      }
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
     }
   }
 
-  return config.ref !== undefined;
+  return false;
 }
 
-function hasValidKey(config) {
-  {
-    if (hasOwnProperty.call(config, 'key')) {
-      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
 
-      if (getter && getter.isReactWarning) {
-        return false;
-      }
-    }
-  }
+function disabledLog() {}
 
-  return config.key !== undefined;
-}
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
 
-function defineKeyPropWarningGetter(props, displayName) {
-  var warnAboutAccessingKey = function () {
-    {
-      if (!specialPropKeyWarningShown) {
-        specialPropKeyWarningShown = true;
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
 
-        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://reactjs.org/link/special-props)', displayName);
-      }
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
-  };
 
-  warnAboutAccessingKey.isReactWarning = true;
-  Object.defineProperty(props, 'key', {
-    get: warnAboutAccessingKey,
-    configurable: true
-  });
+    disabledDepth++;
+  }
 }
+function reenableLogs() {
+  {
+    disabledDepth--;
 
-function defineRefPropWarningGetter(props, displayName) {
-  var warnAboutAccessingRef = function () {
-    {
-      if (!specialPropRefWarningShown) {
-        specialPropRefWarningShown = true;
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
 
-        error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
-      }
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
     }
-  };
 
-  warnAboutAccessingRef.isReactWarning = true;
-  Object.defineProperty(props, 'ref', {
-    get: warnAboutAccessingRef,
-    configurable: true
-  });
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
 }
 
-function warnIfStringRefCannotBeAutoConverted(config) {
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
   {
-    if (typeof config.ref === 'string' && ReactCurrentOwner.current && config.__self && ReactCurrentOwner.current.stateNode !== config.__self) {
-      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
 
-      if (!didWarnAboutStringRefs[componentName]) {
-        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', componentName, config.ref);
 
-        didWarnAboutStringRefs[componentName] = true;
-      }
-    }
+    return '\n' + prefix + name;
   }
 }
+var reentry = false;
+var componentFrameCache;
+
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
+}
 /**
- * Factory method to create a new React element. This no longer adheres to
- * the class pattern, so do not use new to call it. Also, instanceof check
- * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
- * if something is a React Element.
- *
- * @param {*} type
- * @param {*} props
- * @param {*} key
- * @param {string|object} ref
- * @param {*} owner
- * @param {*} self A *temporary* helper to detect places where `this` is
- * different from the `owner` when React.createElement is called, so that we
- * can warn. We want to get rid of owner and replace string `ref`s with arrow
- * functions, and as long as `this` and owner are the same, there will be no
- * change in behavior.
- * @param {*} source An annotation object (added by a transpiler or otherwise)
- * indicating filename, line number, and/or other information.
- * @internal
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  var element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
 
   {
-    // The validation flag is currently mutative. We put it on
-    // an external backing store so that we can freeze the whole object.
-    // This can be replaced with a WeakMap once they are implemented in
-    // commonly used development environments.
-    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
-    // the validation flag non-enumerable (where possible, which should
-    // include every environment we run tests in), so the test framework
-    // ignores it.
+    var frame = componentFrameCache.get(fn);
 
-    Object.defineProperty(element._store, 'validated', {
-      configurable: false,
-      enumerable: false,
-      writable: true,
-      value: false
-    }); // self and source are DEV only properties.
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
 
-    Object.defineProperty(element, '_self', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: self
-    }); // Two elements created in two different places should be considered
-    // equal for testing purposes and therefore we hide it from enumeration.
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
 
-    Object.defineProperty(element, '_source', {
-      configurable: false,
-      enumerable: false,
-      writable: false,
-      value: source
-    });
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
 
-    if (Object.freeze) {
-      Object.freeze(element.props);
-      Object.freeze(element);
-    }
+  {
+    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
+
+    ReactCurrentDispatcher.current = null;
+    disableLogs();
   }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
 
-  return element;
-}
-/**
- * Create and return a new ReactElement of the given type.
- * See https://reactjs.org/docs/react-api.html#createelement
- */
 
-function createElement$1(type, config, children) {
-  var propName; // Reserved names are extracted
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
 
-  var props = {};
-  var key = null;
-  var ref = null;
-  var self = null;
-  var source = null;
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
 
-  if (config != null) {
-    if (hasValidRef(config)) {
-      ref = config.ref;
 
-      {
-        warnIfStringRefCannotBeAutoConverted(config);
-      }
-    }
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
 
-    if (hasValidKey(config)) {
-      {
-        checkKeyStringCoercion(config.key);
-      }
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
 
-      key = '' + config.key;
-    }
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
 
-    self = config.__self === undefined ? null : config.__self;
-    source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object
 
-    for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-        props[propName] = config[propName];
-      }
-    }
-  } // Children can be more than one argument, and those are transferred onto
-  // the newly allocated props object.
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
 
 
-  var childrenLength = arguments.length - 2;
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
 
-  if (childrenLength === 1) {
-    props.children = children;
-  } else if (childrenLength > 1) {
-    var childArray = Array(childrenLength);
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
 
-    for (var i = 0; i < childrenLength; i++) {
-      childArray[i] = arguments[i + 2];
+      return [null, null];
     }
+  }; // $FlowFixMe[prop-missing]
 
-    {
-      if (Object.freeze) {
-        Object.freeze(childArray);
-      }
-    }
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
 
-    props.children = childArray;
-  } // Resolve default props
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
 
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
 
-  if (type && type.defaultProps) {
-    var defaultProps = type.defaultProps;
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
 
-    for (propName in defaultProps) {
-      if (props[propName] === undefined) {
-        props[propName] = defaultProps[propName];
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
       }
-    }
-  }
 
-  {
-    if (key || ref) {
-      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
 
-      if (key) {
-        defineKeyPropWarningGetter(props, displayName);
-      }
 
-      if (ref) {
-        defineRefPropWarningGetter(props, displayName);
-      }
-    }
-  }
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
 
-  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
-}
-function cloneAndReplaceKey(oldElement, newKey) {
-  var newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
-  return newElement;
-}
-/**
- * Clone and return a new ReactElement using element as the starting point.
- * See https://reactjs.org/docs/react-api.html#cloneelement
- */
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
 
-function cloneElement$1(element, config, children) {
-  if (element === null || element === undefined) {
-    throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
-  }
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
 
-  var propName; // Original props are copied
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
 
-  var props = assign({}, element.props); // Reserved names are extracted
 
-  var key = element.key;
-  var ref = element.ref; // Self is preserved since the owner is preserved.
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
 
-  var self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a
-  // transpiler, and the original source is probably a better indicator of the
-  // true owner.
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
 
-  var source = element._source; // Owner will be preserved, unless ref is overridden
 
-  var owner = element._owner;
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
 
-  if (config != null) {
-    if (hasValidRef(config)) {
-      // Silently steal the ref from the parent.
-      ref = config.ref;
-      owner = ReactCurrentOwner.current;
+          break;
+        }
+      }
     }
+  } finally {
+    reentry = false;
 
-    if (hasValidKey(config)) {
-      {
-        checkKeyStringCoercion(config.key);
-      }
+    {
+      ReactCurrentDispatcher.current = previousDispatcher;
+      reenableLogs();
+    }
 
-      key = '' + config.key;
-    } // Remaining properties override existing props
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
 
 
-    var defaultProps;
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
 
-    if (element.type && element.type.defaultProps) {
-      defaultProps = element.type.defaultProps;
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
     }
+  }
 
-    for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
-        if (config[propName] === undefined && defaultProps !== undefined) {
-          // Resolve default props
-          props[propName] = defaultProps[propName];
-        } else {
-          props[propName] = config[propName];
-        }
-      }
-    }
-  } // Children can be more than one argument, and those are transferred onto
-  // the newly allocated props object.
+  return syntheticFrame;
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
 
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
 
-  var childrenLength = arguments.length - 2;
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
 
-  if (childrenLength === 1) {
-    props.children = children;
-  } else if (childrenLength > 1) {
-    var childArray = Array(childrenLength);
+  if (type == null) {
+    return '';
+  }
 
-    for (var i = 0; i < childrenLength; i++) {
-      childArray[i] = arguments[i + 2];
+  if (typeof type === 'function') {
+    {
+      return describeNativeComponentFrame(type, shouldConstruct(type));
     }
+  }
 
-    props.children = childArray;
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
   }
 
-  return ReactElement(element.type, key, ref, self, source, owner, props);
-}
-/**
- * Verifies the object is a ReactElement.
- * See https://reactjs.org/docs/react-api.html#isvalidelement
- * @param {?object} object
- * @return {boolean} True if `object` is a ReactElement.
- * @final
- */
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame('Suspense');
 
-function isValidElement(object) {
-  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
-}
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame('SuspenseList');
+  }
 
-var SEPARATOR = '.';
-var SUBSEPARATOR = ':';
-/**
- * Escape and wrap key so it is safe to use as a reactid
- *
- * @param {string} key to be escaped.
- * @return {string} the escaped key.
- */
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeFunctionComponentFrame(type.render);
 
-function escape(key) {
-  var escapeRegex = /[=:]/g;
-  var escaperLookup = {
-    '=': '=0',
-    ':': '=2'
-  };
-  var escapedString = key.replace(escapeRegex, function (match) {
-    return escaperLookup[match];
-  });
-  return '$' + escapedString;
-}
-/**
- * TODO: Test that a single child and an array with one item have the same key
- * pattern.
- */
+      case REACT_MEMO_TYPE:
+        // Memo may contain any component type so we recursively resolve it.
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
 
-var didWarnAboutMaps = false;
-var userProvidedKeyEscapeRegex = /\/+/g;
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
+          } catch (x) {}
+        }
+    }
+  }
 
-function escapeUserProvidedKey(text) {
-  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+  return '';
 }
-/**
- * Generate a key string that identifies a element within a set.
- *
- * @param {*} element A element that could contain a manual key.
- * @param {number} index Index that is used if a manual key is not provided.
- * @return {string}
- */
 
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+var specialPropKeyWarningShown;
+var specialPropRefWarningShown;
+var didWarnAboutStringRefs;
 
-function getElementKey(element, index) {
-  // Do some typechecking here since we call this blindly. We want to ensure
-  // that we don't block potential future ES APIs.
-  if (typeof element === 'object' && element !== null && element.key != null) {
-    // Explicit key
-    {
-      checkKeyStringCoercion(element.key);
-    }
+{
+  didWarnAboutStringRefs = {};
+}
 
-    return escape('' + element.key);
-  } // Implicit key determined by the index in the set
+function hasValidRef(config) {
+  {
+    if (hasOwnProperty.call(config, 'ref')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
 
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
 
-  return index.toString(36);
+  return config.ref !== undefined;
 }
 
-function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
-  var type = typeof children;
+function hasValidKey(config) {
+  {
+    if (hasOwnProperty.call(config, 'key')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
 
-  if (type === 'undefined' || type === 'boolean') {
-    // All of the above are perceived as null.
-    children = null;
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
   }
 
-  var invokeCallback = false;
+  return config.key !== undefined;
+}
 
-  if (children === null) {
-    invokeCallback = true;
-  } else {
-    switch (type) {
-      case 'string':
-      case 'number':
-        invokeCallback = true;
-        break;
+function warnIfStringRefCannotBeAutoConverted(config, self) {
+  {
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
 
-      case 'object':
-        switch (children.$$typeof) {
-          case REACT_ELEMENT_TYPE:
-          case REACT_PORTAL_TYPE:
-            invokeCallback = true;
-        }
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
 
+        didWarnAboutStringRefs[componentName] = true;
+      }
     }
   }
+}
 
-  if (invokeCallback) {
-    var _child = children;
-    var mappedChild = callback(_child); // If it's the only child, treat the name as if it was wrapped in an array
-    // so that it's consistent if the number of children grows:
+function defineKeyPropWarningGetter(props, displayName) {
+  {
+    var warnAboutAccessingKey = function () {
+      if (!specialPropKeyWarningShown) {
+        specialPropKeyWarningShown = true;
 
-    var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
+        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://reactjs.org/link/special-props)', displayName);
+      }
+    };
 
-    if (isArray(mappedChild)) {
-      var escapedChildKey = '';
+    warnAboutAccessingKey.isReactWarning = true;
+    Object.defineProperty(props, 'key', {
+      get: warnAboutAccessingKey,
+      configurable: true
+    });
+  }
+}
 
-      if (childKey != null) {
-        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
-      }
+function defineRefPropWarningGetter(props, displayName) {
+  {
+    {
+      var warnAboutAccessingRef = function () {
+        if (!specialPropRefWarningShown) {
+          specialPropRefWarningShown = true;
 
-      mapIntoArray(mappedChild, array, escapedChildKey, '', function (c) {
-        return c;
-      });
-    } else if (mappedChild != null) {
-      if (isValidElement(mappedChild)) {
-        {
-          // The `if` statement here prevents auto-disabling of the safe
-          // coercion ESLint rule, so we must manually disable it below.
-          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
-          if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
-            checkKeyStringCoercion(mappedChild.key);
-          }
+          error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
         }
+      };
 
-        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
-        // traverseAllChildren used to do for objects as children
-        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
-        mappedChild.key && (!_child || _child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
-        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
-        ) + '/' : '') + childKey);
-      }
-
-      array.push(mappedChild);
+      warnAboutAccessingRef.isReactWarning = true;
+      Object.defineProperty(props, 'ref', {
+        get: warnAboutAccessingRef,
+        configurable: true
+      });
     }
-
-    return 1;
   }
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
 
-  var child;
-  var nextName;
-  var subtreeCount = 0; // Count of children found in the current subtree.
 
-  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
 
-  if (isArray(children)) {
-    for (var i = 0; i < children.length; i++) {
-      child = children[i];
-      nextName = nextNamePrefix + getElementKey(child, i);
-      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
-    }
-  } else {
-    var iteratorFn = getIteratorFn(children);
+  {
+    ref = _ref;
+  }
 
-    if (typeof iteratorFn === 'function') {
-      var iterableChildren = children;
+  var element;
 
-      {
-        // Warn about using Maps as children
-        if (iteratorFn === iterableChildren.entries) {
-          if (!didWarnAboutMaps) {
-            warn('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
-          }
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      ref: ref,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
-          didWarnAboutMaps = true;
-        }
-      }
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
+    // ignores it.
 
-      var iterator = iteratorFn.call(iterableChildren);
-      var step;
-      var ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: false
+    }); // debugInfo contains Server Component debug information.
 
-      while (!(step = iterator.next()).done) {
-        child = step.value;
-        nextName = nextNamePrefix + getElementKey(child, ii++);
-        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
-      }
-    } else if (type === 'object') {
-      // eslint-disable-next-line react-internal/safe-string-coercion
-      var childrenString = String(children);
-      throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
+    Object.defineProperty(element, '_debugInfo', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: null
+    });
+
+    if (Object.freeze) {
+      Object.freeze(element.props);
+      Object.freeze(element);
     }
   }
 
-  return subtreeCount;
+  return element;
 }
 /**
- * Maps children that are typically specified as `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenmap
- *
- * The provided mapFunction(child, index) will be called for each
- * leaf child.
- *
- * @param {?*} children Children tree container.
- * @param {function(*, int)} func The map function.
- * @param {*} context Context for mapFunction.
- * @return {object} Object containing the ordered map of results.
+ * Create and return a new ReactElement of the given type.
+ * See https://reactjs.org/docs/react-api.html#createelement
  */
 
+function createElement(type, config, children) {
+  {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = typeof type;
+      }
+
+      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, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      for (var i = 2; i < arguments.length; i++) {
+        validateChildKeys(arguments[i], type);
+      }
+    } // Unlike the jsx() runtime, createElement() doesn't warn about key spread.
 
-function mapChildren(children, func, context) {
-  if (children == null) {
-    // $FlowFixMe limitation refining abstract types in Flow
-    return children;
   }
 
-  var result = [];
-  var count = 0;
-  mapIntoArray(children, result, '', '', function (child) {
-    return func.call(context, child, count++);
-  });
-  return result;
-}
-/**
- * Count the number of children that are typically specified as
- * `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrencount
- *
- * @param {?*} children Children tree container.
- * @return {number} The number of children.
- */
+  var propName; // Reserved names are extracted
 
+  var props = {};
+  var key = null;
+  var ref = null;
 
-function countChildren(children) {
-  var n = 0;
-  mapChildren(children, function () {
-    n++; // Don't return anything
-  });
-  return n;
-}
-/**
- * Iterates through children that are typically specified as `props.children`.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
- *
- * The provided forEachFunc(child, index) will be called for each
- * leaf child.
- *
- * @param {?*} children Children tree container.
- * @param {function(*, int)} forEachFunc
- * @param {*} forEachContext Context for forEachContext.
- */
+  if (config != null) {
+    if (hasValidRef(config)) {
+      {
+        ref = config.ref;
+      }
 
+      {
+        warnIfStringRefCannotBeAutoConverted(config, config.__self);
+      }
+    }
 
-function forEachChildren(children, forEachFunc, forEachContext) {
-  mapChildren(children, // $FlowFixMe[missing-this-annot]
-  function () {
-    forEachFunc.apply(this, arguments); // Don't return anything.
-  }, forEachContext);
-}
-/**
- * Flatten a children object (typically specified as `props.children`) and
- * return an array with appropriately re-keyed children.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
- */
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
 
+      key = '' + config.key;
+    } // Remaining properties are added to a new props object
 
-function toArray(children) {
-  return mapChildren(children, function (child) {
-    return child;
-  }) || [];
-}
-/**
- * Returns the first child in a collection of children and verifies that there
- * is only one child in the collection.
- *
- * See https://reactjs.org/docs/react-api.html#reactchildrenonly
- *
- * The current implementation of this function assumes that a single child gets
- * passed without a wrapper, but the purpose of this helper function is to
- * abstract away the particular structure of children.
- *
- * @param {?object} children Child collection structure.
- * @return {ReactElement} The first and only `ReactElement` contained in the
- * structure.
- */
 
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
+        props[propName] = config[propName];
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
 
-function onlyChild(children) {
-  if (!isValidElement(children)) {
-    throw new Error('React.Children.only expected to receive a single React element child.');
-  }
 
-  return children;
-}
+  var childrenLength = arguments.length - 2;
 
-function createContext(defaultValue) {
-  // TODO: Second argument used to be an optional `calculateChangedBits`
-  // function. Warn to reserve for future use?
-  var context = {
-    $$typeof: REACT_CONTEXT_TYPE,
-    // As a workaround to support multiple concurrent renderers, we categorize
-    // some renderers as primary and others as secondary. We only expect
-    // there to be two concurrent renderers at most: React Native (primary) and
-    // Fabric (secondary); React DOM (primary) and React ART (secondary).
-    // Secondary renderers store their context values on separate fields.
-    _currentValue: defaultValue,
-    _currentValue2: defaultValue,
-    // Used to track how many concurrent renderers this context currently
-    // supports within in a single renderer. Such as parallel server rendering.
-    _threadCount: 0,
-    // These are circular
-    Provider: null,
-    Consumer: null,
-    // Add these to use same hidden class in VM as ServerContext
-    _defaultValue: null,
-    _globalName: null
-  };
-  context.Provider = {
-    $$typeof: REACT_PROVIDER_TYPE,
-    _context: context
-  };
-  var hasWarnedAboutUsingNestedContextConsumers = false;
-  var hasWarnedAboutUsingConsumerProvider = false;
-  var hasWarnedAboutDisplayNameOnConsumer = false;
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
 
-  {
-    // A separate object, but proxies back to the original context object for
-    // backwards compatibility. It has a different $$typeof, so we can properly
-    // warn for the incorrect usage of Context as a Consumer.
-    var Consumer = {
-      $$typeof: REACT_CONTEXT_TYPE,
-      _context: context
-    }; // $FlowFixMe[prop-missing]: Flow complains about not setting a value, which is intentional here
+    for (var _i = 0; _i < childrenLength; _i++) {
+      childArray[_i] = arguments[_i + 2];
+    }
 
-    Object.defineProperties(Consumer, {
-      Provider: {
-        get: function () {
-          if (!hasWarnedAboutUsingConsumerProvider) {
-            hasWarnedAboutUsingConsumerProvider = true;
+    {
+      if (Object.freeze) {
+        Object.freeze(childArray);
+      }
+    }
 
-            error('Rendering <Context.Consumer.Provider> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Provider> instead?');
-          }
+    props.children = childArray;
+  } // Resolve default props
 
-          return context.Provider;
-        },
-        set: function (_Provider) {
-          context.Provider = _Provider;
-        }
-      },
-      _currentValue: {
-        get: function () {
-          return context._currentValue;
-        },
-        set: function (_currentValue) {
-          context._currentValue = _currentValue;
-        }
-      },
-      _currentValue2: {
-        get: function () {
-          return context._currentValue2;
-        },
-        set: function (_currentValue2) {
-          context._currentValue2 = _currentValue2;
-        }
-      },
-      _threadCount: {
-        get: function () {
-          return context._threadCount;
-        },
-        set: function (_threadCount) {
-          context._threadCount = _threadCount;
-        }
-      },
-      Consumer: {
-        get: function () {
-          if (!hasWarnedAboutUsingNestedContextConsumers) {
-            hasWarnedAboutUsingNestedContextConsumers = true;
 
-            error('Rendering <Context.Consumer.Consumer> is not supported and will be removed in ' + 'a future major release. Did you mean to render <Context.Consumer> instead?');
-          }
+  if (type && type.defaultProps) {
+    var defaultProps = type.defaultProps;
 
-          return context.Consumer;
-        }
-      },
-      displayName: {
-        get: function () {
-          return context.displayName;
-        },
-        set: function (displayName) {
-          if (!hasWarnedAboutDisplayNameOnConsumer) {
-            warn('Setting `displayName` on Context.Consumer has no effect. ' + "You should set it directly on the context with Context.displayName = '%s'.", displayName);
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+  }
 
-            hasWarnedAboutDisplayNameOnConsumer = true;
-          }
-        }
+  {
+    if (key || ref) {
+      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
+      if (key) {
+        defineKeyPropWarningGetter(props, displayName);
       }
-    }); // $FlowFixMe[prop-missing]: Flow complains about missing properties because it doesn't understand defineProperty
 
-    context.Consumer = Consumer;
+      if (ref) {
+        defineRefPropWarningGetter(props, displayName);
+      }
+    }
   }
 
-  {
-    context._currentRenderer = null;
-    context._currentRenderer2 = null;
+  var element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+
+  if (type === REACT_FRAGMENT_TYPE) {
+    validateFragmentProps(element);
   }
 
-  return context;
+  return element;
 }
+var didWarnAboutDeprecatedCreateFactory = false;
+/**
+ * Return a function that produces ReactElements of a given type.
+ * See https://reactjs.org/docs/react-api.html#createfactory
+ */
 
-var Uninitialized = -1;
-var Pending = 0;
-var Resolved = 1;
-var Rejected = 2;
+function createFactory(type) {
+  var factory = createElement.bind(null, type); // Expose the type on the factory and the prototype so that it can be
+  // easily accessed on elements. E.g. `<Foo />.type === Foo`.
+  // This should not be named `constructor` since this may not be the function
+  // that created the element, and it may not even be a constructor.
+  // Legacy hook: remove it
 
-function lazyInitializer(payload) {
-  if (payload._status === Uninitialized) {
-    var ctor = payload._result;
-    var thenable = ctor(); // Transition to the next state.
-    // This might throw either because it's missing or throws. If so, we treat it
-    // as still uninitialized and try again next time. Which is the same as what
-    // happens if the ctor or any wrappers processing the ctor throws. This might
-    // end up fixing it if the resolution was a concurrency bug.
+  factory.type = type;
 
-    thenable.then(function (moduleObject) {
-      if (payload._status === Pending || payload._status === Uninitialized) {
-        // Transition to the next state.
-        var resolved = payload;
-        resolved._status = Resolved;
-        resolved._result = moduleObject;
-      }
-    }, function (error) {
-      if (payload._status === Pending || payload._status === Uninitialized) {
-        // Transition to the next state.
-        var rejected = payload;
-        rejected._status = Rejected;
-        rejected._result = error;
+  {
+    if (!didWarnAboutDeprecatedCreateFactory) {
+      didWarnAboutDeprecatedCreateFactory = true;
+
+      warn('React.createFactory() is deprecated and will be removed in ' + 'a future major release. Consider using JSX ' + 'or use React.createElement() directly instead.');
+    } // Legacy hook: remove it
+
+
+    Object.defineProperty(factory, 'type', {
+      enumerable: false,
+      get: function () {
+        warn('Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
+
+        Object.defineProperty(this, 'type', {
+          value: type
+        });
+        return type;
       }
     });
+  }
 
-    if (payload._status === Uninitialized) {
-      // In case, we're still uninitialized, then we're waiting for the thenable
-      // to resolve. Set it as pending in the meantime.
-      var pending = payload;
-      pending._status = Pending;
-      pending._result = thenable;
-    }
+  return factory;
+}
+function cloneAndReplaceKey(oldElement, newKey) {
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  oldElement.ref, undefined, undefined, oldElement._owner, oldElement.props);
+}
+/**
+ * Clone and return a new ReactElement using element as the starting point.
+ * See https://reactjs.org/docs/react-api.html#cloneelement
+ */
+
+function cloneElement(element, config, children) {
+  if (element === null || element === undefined) {
+    throw new Error("The argument must be a React element, but you passed " + element + ".");
   }
 
-  if (payload._status === Resolved) {
-    var moduleObject = payload._result;
+  var propName; // Original props are copied
 
-    {
-      if (moduleObject === undefined) {
-        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
-        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
+  var props = assign({}, element.props); // Reserved names are extracted
+
+  var key = element.key;
+  var ref = element.ref; // Owner will be preserved, unless ref is overridden
+
+  var owner = element._owner;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+      {
+        // Silently steal the ref from the parent.
+        ref = config.ref;
       }
+
+      owner = ReactCurrentOwner.current;
     }
 
-    {
-      if (!('default' in moduleObject)) {
-        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
-        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
       }
-    }
 
-    return moduleObject.default;
-  } else {
-    throw payload._result;
-  }
-}
+      key = '' + config.key;
+    } // Remaining properties override existing props
 
-function lazy(ctor) {
-  var payload = {
-    // We use these fields to store the result.
-    _status: Uninitialized,
-    _result: ctor
-  };
-  var lazyType = {
-    $$typeof: REACT_LAZY_TYPE,
-    _payload: payload,
-    _init: lazyInitializer
-  };
 
-  {
-    // In production, this would just set it on the object.
     var defaultProps;
-    var propTypes; // $FlowFixMe[prop-missing]
-
-    Object.defineProperties(lazyType, {
-      defaultProps: {
-        configurable: true,
-        get: function () {
-          return defaultProps;
-        },
-        // $FlowFixMe[missing-local-annot]
-        set: function (newDefaultProps) {
-          error('React.lazy(...): It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
 
-          defaultProps = newDefaultProps; // Match production behavior more closely:
-          // $FlowFixMe[prop-missing]
+    if (element.type && element.type.defaultProps) {
+      defaultProps = element.type.defaultProps;
+    }
 
-          Object.defineProperty(lazyType, 'defaultProps', {
-            enumerable: true
-          });
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(enableRefAsProp  )) {
+        if (config[propName] === undefined && defaultProps !== undefined) {
+          // Resolve default props
+          props[propName] = defaultProps[propName];
+        } else {
+          props[propName] = config[propName];
         }
-      },
-      propTypes: {
-        configurable: true,
-        get: function () {
-          return propTypes;
-        },
-        // $FlowFixMe[missing-local-annot]
-        set: function (newPropTypes) {
-          error('React.lazy(...): It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
 
-          propTypes = newPropTypes; // Match production behavior more closely:
-          // $FlowFixMe[prop-missing]
 
-          Object.defineProperty(lazyType, 'propTypes', {
-            enumerable: true
-          });
-        }
-      }
-    });
-  }
+  var childrenLength = arguments.length - 2;
 
-  return lazyType;
-}
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
 
-function forwardRef(render) {
-  {
-    if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
-      error('forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
-    } else if (typeof render !== 'function') {
-      error('forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
-    } else {
-      if (render.length !== 0 && render.length !== 2) {
-        error('forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.');
-      }
+    for (var i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
     }
 
-    if (render != null) {
-      if (render.defaultProps != null || render.propTypes != null) {
-        error('forwardRef render functions do not support propTypes or defaultProps. ' + 'Did you accidentally pass a React component?');
-      }
-    }
+    props.children = childArray;
   }
 
-  var elementType = {
-    $$typeof: REACT_FORWARD_REF_TYPE,
-    render: render
-  };
-
-  {
-    var ownName;
-    Object.defineProperty(elementType, 'displayName', {
-      enumerable: false,
-      configurable: true,
-      get: function () {
-        return ownName;
-      },
-      set: function (name) {
-        ownName = name; // The inner component shouldn't inherit this display name in most cases,
-        // because the component may be used elsewhere.
-        // But it's nice for anonymous functions to inherit the name,
-        // so that our component-stack generation logic will display their frames.
-        // An anonymous function generally suggests a pattern like:
-        //   React.forwardRef((props, ref) => {...});
-        // This kind of inner function is not used elsewhere so the side effect is okay.
+  var clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
 
-        if (!render.name && !render.displayName) {
-          render.displayName = name;
-        }
-      }
-    });
+  for (var _i2 = 2; _i2 < arguments.length; _i2++) {
+    validateChildKeys(arguments[_i2], clonedElement.type);
   }
 
-  return elementType;
+  return clonedElement;
 }
 
-var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
-function isValidElementType(type) {
-  if (typeof type === 'string' || typeof type === 'function') {
-    return true;
-  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+function getDeclarationErrorAddendum() {
+  {
+    if (ReactCurrentOwner.current) {
+      var name = getComponentNameFromType(ReactCurrentOwner.current.type);
 
+      if (name) {
+        return '\n\nCheck the render method of `' + name + '`.';
+      }
+    }
 
-  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
-    return true;
+    return '';
   }
+}
+/**
+ * Ensure that every element either is passed in a static location, in an
+ * array with an explicit keys property defined, or in an object literal
+ * with valid key property.
+ *
+ * @internal
+ * @param {ReactNode} node Statically passed child of any type.
+ * @param {*} parentType node's parent's type.
+ */
 
-  if (typeof type === 'object' && type !== null) {
-    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
-    // types supported by any Flight configuration anywhere since
-    // we don't know which Flight build this will end up being used
-    // with.
-    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
-      return true;
+
+function validateChildKeys(node, parentType) {
+  {
+    if (typeof node !== 'object' || !node) {
+      return;
     }
-  }
 
-  return false;
-}
+    if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
+      for (var i = 0; i < node.length; i++) {
+        var child = node[i];
 
-function memo(type, compare) {
-  {
-    if (!isValidElementType(type)) {
-      error('memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
+        if (isValidElement(child)) {
+          validateExplicitKey(child, parentType);
+        }
+      }
+    } else if (isValidElement(node)) {
+      // This element was passed in a valid location.
+      if (node._store) {
+        node._store.validated = true;
+      }
+    } else {
+      var iteratorFn = getIteratorFn(node);
+
+      if (typeof iteratorFn === 'function') {
+        // Entry iterators used to provide implicit keys,
+        // but now we print a separate warning for them later.
+        if (iteratorFn !== node.entries) {
+          var iterator = iteratorFn.call(node);
+          var step;
+
+          while (!(step = iterator.next()).done) {
+            if (isValidElement(step.value)) {
+              validateExplicitKey(step.value, parentType);
+            }
+          }
+        }
+      }
     }
   }
+}
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
 
-  var elementType = {
-    $$typeof: REACT_MEMO_TYPE,
-    type: type,
-    compare: compare === undefined ? null : compare
-  };
-
-  {
-    var ownName;
-    Object.defineProperty(elementType, 'displayName', {
-      enumerable: false,
-      configurable: true,
-      get: function () {
-        return ownName;
-      },
-      set: function (name) {
-        ownName = name; // The inner component shouldn't inherit this display name in most cases,
-        // because the component may be used elsewhere.
-        // But it's nice for anonymous functions to inherit the name,
-        // so that our component-stack generation logic will display their frames.
-        // An anonymous function generally suggests a pattern like:
-        //   React.memo((props) => {...});
-        // This kind of inner function is not used elsewhere so the side effect is okay.
-
-        if (!type.name && !type.displayName) {
-          type.displayName = name;
-        }
-      }
-    });
-  }
 
-  return elementType;
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
 }
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
 
-var UNTERMINATED = 0;
-var TERMINATED = 1;
-var ERRORED = 2;
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
+      return;
+    }
 
-function createCacheRoot() {
-  return new WeakMap();
-}
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
 
-function createCacheNode() {
-  return {
-    s: UNTERMINATED,
-    // status, represents whether the cached computation returned a value or threw an error
-    v: undefined,
-    // value, either the cached result or an error, depending on s
-    o: null,
-    // object cache, a WeakMap where non-primitive arguments are stored
-    p: null // primitive cache, a regular Map where primitive arguments are stored.
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
 
-  };
-}
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
 
-function cache(fn) {
-  return function () {
-    var dispatcher = ReactCurrentCache.current;
+    var childOwner = '';
 
-    if (!dispatcher) {
-      // If there is no dispatcher, then we treat this as not being cached.
-      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
-      return fn.apply(null, arguments);
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
     }
 
-    var fnMap = dispatcher.getCacheForType(createCacheRoot);
-    var fnNode = fnMap.get(fn);
-    var cacheNode;
+    setCurrentlyValidatingElement(element);
 
-    if (fnNode === undefined) {
-      cacheNode = createCacheNode();
-      fnMap.set(fn, cacheNode);
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
     } else {
-      cacheNode = fnNode;
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
     }
+  }
+}
 
-    for (var i = 0, l = arguments.length; i < l; i++) {
-      var arg = arguments[i];
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
 
-      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
-        // Objects go into a WeakMap
-        var objectCache = cacheNode.o;
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
 
-        if (objectCache === null) {
-          cacheNode.o = objectCache = new WeakMap();
-        }
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
+    }
 
-        var objectNode = objectCache.get(arg);
+    return info;
+  }
+}
+/**
+ * Given a fragment, validate that it can only be provided with fragment props
+ * @param {ReactElement} fragment
+ */
 
-        if (objectNode === undefined) {
-          cacheNode = createCacheNode();
-          objectCache.set(arg, cacheNode);
-        } else {
-          cacheNode = objectNode;
-        }
-      } else {
-        // Primitives go into a regular Map
-        var primitiveCache = cacheNode.p;
 
-        if (primitiveCache === null) {
-          cacheNode.p = primitiveCache = new Map();
-        }
+function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
+  {
+    var keys = Object.keys(fragment.props);
 
-        var primitiveNode = primitiveCache.get(arg);
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
 
-        if (primitiveNode === undefined) {
-          cacheNode = createCacheNode();
-          primitiveCache.set(arg, cacheNode);
-        } else {
-          cacheNode = primitiveNode;
-        }
+      if (key !== 'children' && key !== 'key') {
+        setCurrentlyValidatingElement(fragment);
+
+        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+
+        setCurrentlyValidatingElement(null);
+        break;
       }
     }
 
-    if (cacheNode.s === TERMINATED) {
-      return cacheNode.v;
-    }
+    if (fragment.ref !== null) {
+      setCurrentlyValidatingElement(fragment);
 
-    if (cacheNode.s === ERRORED) {
-      throw cacheNode.v;
-    }
+      error('Invalid attribute `ref` supplied to `React.Fragment`.');
 
-    try {
-      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
-      var result = fn.apply(null, arguments);
-      var terminatedNode = cacheNode;
-      terminatedNode.s = TERMINATED;
-      terminatedNode.v = result;
-      return result;
-    } catch (error) {
-      // We store the first error that's thrown and rethrow it.
-      var erroredNode = cacheNode;
-      erroredNode.s = ERRORED;
-      erroredNode.v = error;
-      throw error;
+      setCurrentlyValidatingElement(null);
     }
+  }
+}
+
+var SEPARATOR = '.';
+var SUBSEPARATOR = ':';
+/**
+ * Escape and wrap key so it is safe to use as a reactid
+ *
+ * @param {string} key to be escaped.
+ * @return {string} the escaped key.
+ */
+
+function escape(key) {
+  var escapeRegex = /[=:]/g;
+  var escaperLookup = {
+    '=': '=0',
+    ':': '=2'
   };
+  var escapedString = key.replace(escapeRegex, function (match) {
+    return escaperLookup[match];
+  });
+  return '$' + escapedString;
 }
+/**
+ * TODO: Test that a single child and an array with one item have the same key
+ * pattern.
+ */
 
-function resolveDispatcher() {
-  var dispatcher = ReactCurrentDispatcher$1.current;
 
-  {
-    if (dispatcher === null) {
-      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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+var didWarnAboutMaps = false;
+var userProvidedKeyEscapeRegex = /\/+/g;
+
+function escapeUserProvidedKey(text) {
+  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+}
+/**
+ * Generate a key string that identifies a element within a set.
+ *
+ * @param {*} element A element that could contain a manual key.
+ * @param {number} index Index that is used if a manual key is not provided.
+ * @return {string}
+ */
+
+
+function getElementKey(element, index) {
+  // Do some typechecking here since we call this blindly. We want to ensure
+  // that we don't block potential future ES APIs.
+  if (typeof element === 'object' && element !== null && element.key != null) {
+    // Explicit key
+    {
+      checkKeyStringCoercion(element.key);
     }
-  } // Will result in a null access error if accessed outside render phase. We
-  // intentionally don't throw our own error because this is in a hot path.
-  // Also helps ensure this is inlined.
 
+    return escape('' + element.key);
+  } // Implicit key determined by the index in the set
 
-  return dispatcher;
+
+  return index.toString(36);
 }
-function useContext(Context) {
-  var dispatcher = resolveDispatcher();
 
-  {
-    // TODO: add a more generic warning for invalid values.
-    if (Context._context !== undefined) {
-      var realContext = Context._context; // Don't deduplicate because this legitimately causes bugs
-      // and nobody should be using this in existing code.
-
-      if (realContext.Consumer === Context) {
-        error('Calling useContext(Context.Consumer) is not supported, may cause bugs, and will be ' + 'removed in a future major release. Did you mean to call useContext(Context) instead?');
-      } else if (realContext.Provider === Context) {
-        error('Calling useContext(Context.Provider) is not supported. ' + 'Did you mean to call useContext(Context) instead?');
+function noop$1() {}
+
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
+
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              var fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              var rejectedThenable = thenable;
+              var _rejectedError = rejectedThenable.reason;
+              throw _rejectedError;
+            }
+        }
       }
-    }
   }
 
-  return dispatcher.useContext(Context);
-}
-function useState(initialState) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useState(initialState);
+  throw thenable;
 }
-function useReducer(reducer, initialArg, init) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useReducer(reducer, initialArg, init);
-}
-function useRef(initialValue) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useRef(initialValue);
-}
-function useEffect(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useEffect(create, deps);
-}
-function useInsertionEffect(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useInsertionEffect(create, deps);
-}
-function useLayoutEffect(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useLayoutEffect(create, deps);
-}
-function useCallback(callback, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useCallback(callback, deps);
-}
-function useMemo(create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useMemo(create, deps);
-}
-function useImperativeHandle(ref, create, deps) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useImperativeHandle(ref, create, deps);
-}
-function useDebugValue(value, formatterFn) {
-  {
-    var dispatcher = resolveDispatcher();
-    return dispatcher.useDebugValue(value, formatterFn);
-  }
-}
-function useTransition() {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useTransition();
-}
-function useDeferredValue(value, initialValue) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useDeferredValue(value, initialValue);
-}
-function useId() {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useId();
-}
-function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
-}
-function useCacheRefresh() {
-  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-  return dispatcher.useCacheRefresh();
-}
-function use(usable) {
-  var dispatcher = resolveDispatcher();
-  return dispatcher.use(usable);
-}
-function useOptimistic(passthrough, reducer) {
-  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
-
-  return dispatcher.useOptimistic(passthrough, reducer);
-}
-
-// Helpers to patch console.logs to avoid logging during side-effect free
-// replaying on render function. This currently only patches the object
-// lazily which won't cover if the log function was extracted eagerly.
-// We could also eagerly patch the method.
-var disabledDepth = 0;
-var prevLog;
-var prevInfo;
-var prevWarn;
-var prevError;
-var prevGroup;
-var prevGroupCollapsed;
-var prevGroupEnd;
-
-function disabledLog() {}
-
-disabledLog.__reactDisabledLog = true;
-function disableLogs() {
-  {
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      prevLog = console.log;
-      prevInfo = console.info;
-      prevWarn = console.warn;
-      prevError = console.error;
-      prevGroup = console.group;
-      prevGroupCollapsed = console.groupCollapsed;
-      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
-
-      var props = {
-        configurable: true,
-        enumerable: true,
-        value: disabledLog,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
-
-      Object.defineProperties(console, {
-        info: props,
-        log: props,
-        warn: props,
-        error: props,
-        group: props,
-        groupCollapsed: props,
-        groupEnd: props
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
-
-    disabledDepth++;
-  }
-}
-function reenableLogs() {
-  {
-    disabledDepth--;
-
-    if (disabledDepth === 0) {
-      /* eslint-disable react-internal/no-production-logging */
-      var props = {
-        configurable: true,
-        enumerable: true,
-        writable: true
-      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
-
-      Object.defineProperties(console, {
-        log: assign({}, props, {
-          value: prevLog
-        }),
-        info: assign({}, props, {
-          value: prevInfo
-        }),
-        warn: assign({}, props, {
-          value: prevWarn
-        }),
-        error: assign({}, props, {
-          value: prevError
-        }),
-        group: assign({}, props, {
-          value: prevGroup
-        }),
-        groupCollapsed: assign({}, props, {
-          value: prevGroupCollapsed
-        }),
-        groupEnd: assign({}, props, {
-          value: prevGroupEnd
-        })
-      });
-      /* eslint-enable react-internal/no-production-logging */
-    }
-
-    if (disabledDepth < 0) {
-      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
-    }
-  }
-}
-
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-var prefix;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    if (prefix === undefined) {
-      // Extract the VM specific prefix used by each line.
-      try {
-        throw Error();
-      } catch (x) {
-        var match = x.stack.trim().match(/\n( *(at )?)/);
-        prefix = match && match[1] || '';
-      }
-    } // We use the prefix to ensure our stacks line up with native stack frames.
-
-
-    return '\n' + prefix + name;
-  }
-}
-var reentry = false;
-var componentFrameCache;
-
-{
-  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-/**
- * Leverages native browser/VM stack frames to get proper details (e.g.
- * filename, line + col number) for a single component in a component stack. We
- * do this by:
- *   (1) throwing and catching an error in the function - this will be our
- *       control error.
- *   (2) calling the component which will eventually throw an error that we'll
- *       catch - this will be our sample error.
- *   (3) diffing the control and sample error stacks to find the stack frame
- *       which represents our component.
- */
 
+function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  var type = typeof children;
 
-function describeNativeComponentFrame(fn, construct) {
-  // If something asked for a stack inside a fake render, it should get ignored.
-  if (!fn || reentry) {
-    return '';
-  }
-
-  {
-    var frame = componentFrameCache.get(fn);
-
-    if (frame !== undefined) {
-      return frame;
-    }
-  }
-
-  reentry = true;
-  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
-
-  Error.prepareStackTrace = undefined;
-  var previousDispatcher;
-
-  {
-    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
-    // for warnings.
-
-    ReactCurrentDispatcher.current = null;
-    disableLogs();
-  }
-  /**
-   * Finding a common stack frame between sample and control errors can be
-   * tricky given the different types and levels of stack trace truncation from
-   * different JS VMs. So instead we'll attempt to control what that common
-   * frame should be through this object method:
-   * Having both the sample and control errors be in the function under the
-   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
-   * `displayName` properties of the function ensures that a stack
-   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
-   * it for both control and sample stacks.
-   */
-
-
-  var RunInRootFrame = {
-    DetermineComponentFrameRoot: function () {
-      var control;
-
-      try {
-        // This should throw.
-        if (construct) {
-          // Something should be setting the props in the constructor.
-          var Fake = function () {
-            throw Error();
-          }; // $FlowFixMe[prop-missing]
-
-
-          Object.defineProperty(Fake.prototype, 'props', {
-            set: function () {
-              // We use a throwing setter instead of frozen or non-writable props
-              // because that won't throw in a non-strict mode function.
-              throw Error();
-            }
-          });
-
-          if (typeof Reflect === 'object' && Reflect.construct) {
-            // We construct a different control for this case to include any extra
-            // frames added by the construct call.
-            try {
-              Reflect.construct(Fake, []);
-            } catch (x) {
-              control = x;
-            }
-
-            Reflect.construct(fn, [], Fake);
-          } else {
-            try {
-              Fake.call();
-            } catch (x) {
-              control = x;
-            } // $FlowFixMe[prop-missing] found when upgrading Flow
-
-
-            fn.call(Fake.prototype);
-          }
-        } else {
-          try {
-            throw Error();
-          } catch (x) {
-            control = x;
-          } // TODO(luna): This will currently only throw if the function component
-          // tries to access React/ReactDOM/props. We should probably make this throw
-          // in simple components too
-
-
-          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
-          // component, which we don't yet support. Attach a noop catch handler to
-          // silence the error.
-          // TODO: Implement component stacks for async client components?
-
-          if (maybePromise && typeof maybePromise.catch === 'function') {
-            maybePromise.catch(function () {});
-          }
-        }
-      } catch (sample) {
-        // This is inlined manually because closure doesn't do it for us.
-        if (sample && control && typeof sample.stack === 'string') {
-          return [sample.stack, control.stack];
-        }
-      }
-
-      return [null, null];
-    }
-  }; // $FlowFixMe[prop-missing]
-
-  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
-  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
-
-  if (namePropDescriptor && namePropDescriptor.configurable) {
-    // V8 utilizes a function's `name` property when generating a stack trace.
-    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
-    // is set to `false`.
-    // $FlowFixMe[cannot-write]
-    'name', {
-      value: 'DetermineComponentFrameRoot'
-    });
+  if (type === 'undefined' || type === 'boolean') {
+    // All of the above are perceived as null.
+    children = null;
   }
 
-  try {
-    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
-        sampleStack = _RunInRootFrame$Deter[0],
-        controlStack = _RunInRootFrame$Deter[1];
-
-    if (sampleStack && controlStack) {
-      // This extracts the first frame from the sample that isn't also in the control.
-      // Skipping one frame that we assume is the frame that calls the two.
-      var sampleLines = sampleStack.split('\n');
-      var controlLines = controlStack.split('\n');
-      var s = 0;
-      var c = 0;
-
-      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
-        s++;
-      }
-
-      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
-        c++;
-      } // We couldn't find our intentionally injected common root frame, attempt
-      // to find another common root frame by search from the bottom of the
-      // control stack...
+  var invokeCallback = false;
 
+  if (children === null) {
+    invokeCallback = true;
+  } else {
+    switch (type) {
+      case 'string':
+      case 'number':
+        invokeCallback = true;
+        break;
 
-      if (s === sampleLines.length || c === controlLines.length) {
-        s = sampleLines.length - 1;
-        c = controlLines.length - 1;
+      case 'object':
+        switch (children.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+          case REACT_PORTAL_TYPE:
+            invokeCallback = true;
+            break;
 
-        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
-          // We expect at least one stack frame to be shared.
-          // Typically this will be the root most one. However, stack frames may be
-          // cut off due to maximum stack limits. In this case, one maybe cut off
-          // earlier than the other. We assume that the sample is longer or the same
-          // and there for cut off earlier. So we should find the root most frame in
-          // the sample somewhere in the control.
-          c--;
+          case REACT_LAZY_TYPE:
+            var payload = children._payload;
+            var init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
         }
-      }
-
-      for (; s >= 1 && c >= 0; s--, c--) {
-        // Next we find the first one that isn't the same which should be the
-        // frame that called our sample function and the control.
-        if (sampleLines[s] !== controlLines[c]) {
-          // In V8, the first line is describing the message but other VMs don't.
-          // If we're about to return the first line, and the control is also on the same
-          // line, that's a pretty good indicator that our sample threw at same line as
-          // the control. I.e. before we entered the sample frame. So we ignore this result.
-          // This can happen if you passed a class to function component, or non-function.
-          if (s !== 1 || c !== 1) {
-            do {
-              s--;
-              c--; // We may still have similar intermediate frames from the construct call.
-              // The next one that isn't the same should be our match though.
-
-              if (c < 0 || sampleLines[s] !== controlLines[c]) {
-                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
-                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
-                // but we have a user-provided "displayName"
-                // splice it in to make the stack more readable.
 
+    }
+  }
 
-                if (fn.displayName && _frame.includes('<anonymous>')) {
-                  _frame = _frame.replace('<anonymous>', fn.displayName);
-                }
+  if (invokeCallback) {
+    var _child = children;
+    var mappedChild = callback(_child); // If it's the only child, treat the name as if it was wrapped in an array
+    // so that it's consistent if the number of children grows:
 
-                if (true) {
-                  if (typeof fn === 'function') {
-                    componentFrameCache.set(fn, _frame);
-                  }
-                } // Return the line we found.
+    var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
 
+    if (isArray(mappedChild)) {
+      var escapedChildKey = '';
 
-                return _frame;
-              }
-            } while (s >= 1 && c >= 0);
-          }
+      if (childKey != null) {
+        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
+      }
 
-          break;
+      mapIntoArray(mappedChild, array, escapedChildKey, '', function (c) {
+        return c;
+      });
+    } else if (mappedChild != null) {
+      if (isValidElement(mappedChild)) {
+        {
+          // The `if` statement here prevents auto-disabling of the safe
+          // coercion ESLint rule, so we must manually disable it below.
+          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+          if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
+            checkKeyStringCoercion(mappedChild.key);
+          }
         }
+
+        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
+        // traverseAllChildren used to do for objects as children
+        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+        mappedChild.key && (!_child || _child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
+        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
+        ) + '/' : '') + childKey);
       }
-    }
-  } finally {
-    reentry = false;
 
-    {
-      ReactCurrentDispatcher.current = previousDispatcher;
-      reenableLogs();
+      array.push(mappedChild);
     }
 
-    Error.prepareStackTrace = previousPrepareStackTrace;
-  } // Fallback to just using the name if we couldn't make it throw.
+    return 1;
+  }
 
+  var child;
+  var nextName;
+  var subtreeCount = 0; // Count of children found in the current subtree.
 
-  var name = fn ? fn.displayName || fn.name : '';
-  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
 
-  {
-    if (typeof fn === 'function') {
-      componentFrameCache.set(fn, syntheticFrame);
+  if (isArray(children)) {
+    for (var i = 0; i < children.length; i++) {
+      child = children[i];
+      nextName = nextNamePrefix + getElementKey(child, i);
+      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
     }
-  }
+  } else {
+    var iteratorFn = getIteratorFn(children);
 
-  return syntheticFrame;
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    return describeNativeComponentFrame(fn, false);
-  }
-}
+    if (typeof iteratorFn === 'function') {
+      var iterableChildren = children;
 
-function shouldConstruct(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
+      {
+        // Warn about using Maps as children
+        if (iteratorFn === iterableChildren.entries) {
+          if (!didWarnAboutMaps) {
+            warn('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
+          }
 
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
+          didWarnAboutMaps = true;
+        }
+      }
 
-  if (type == null) {
-    return '';
-  }
+      var iterator = iteratorFn.call(iterableChildren);
+      var step;
+      var ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
 
-  if (typeof type === 'function') {
-    {
-      return describeNativeComponentFrame(type, shouldConstruct(type));
+      while (!(step = iterator.next()).done) {
+        child = step.value;
+        nextName = nextNamePrefix + getElementKey(child, ii++);
+        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+      }
+    } else if (type === 'object') {
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+      var childrenString = String(children);
+      throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
     }
   }
 
-  if (typeof type === 'string') {
-    return describeBuiltInComponentFrame(type);
-  }
+  return subtreeCount;
+}
+/**
+ * Maps children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenmap
+ *
+ * The provided mapFunction(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} func The map function.
+ * @param {*} context Context for mapFunction.
+ * @return {object} Object containing the ordered map of results.
+ */
 
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame('Suspense');
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame('SuspenseList');
+function mapChildren(children, func, context) {
+  if (children == null) {
+    // $FlowFixMe limitation refining abstract types in Flow
+    return children;
   }
 
-  if (typeof type === 'object') {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render);
+  var result = [];
+  var count = 0;
+  mapIntoArray(children, result, '', '', function (child) {
+    return func.call(context, child, count++);
+  });
+  return result;
+}
+/**
+ * Count the number of children that are typically specified as
+ * `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrencount
+ *
+ * @param {?*} children Children tree container.
+ * @return {number} The number of children.
+ */
 
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
 
-      case REACT_LAZY_TYPE:
-        {
-          var lazyComponent = type;
-          var payload = lazyComponent._payload;
-          var init = lazyComponent._init;
+function countChildren(children) {
+  var n = 0;
+  mapChildren(children, function () {
+    n++; // Don't return anything
+  });
+  return n;
+}
+/**
+ * Iterates through children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} forEachFunc
+ * @param {*} forEachContext Context for forEachContext.
+ */
 
-          try {
-            // Lazy may contain any component type so we recursively resolve it.
-            return describeUnknownElementTypeFrameInDEV(init(payload), source, ownerFn);
-          } catch (x) {}
-        }
-    }
-  }
 
-  return '';
+function forEachChildren(children, forEachFunc, forEachContext) {
+  mapChildren(children, // $FlowFixMe[missing-this-annot]
+  function () {
+    forEachFunc.apply(this, arguments); // Don't return anything.
+  }, forEachContext);
 }
+/**
+ * Flatten a children object (typically specified as `props.children`) and
+ * return an array with appropriately re-keyed children.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
+ */
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
 
-function setCurrentlyValidatingElement$1(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
-    }
+function toArray(children) {
+  return mapChildren(children, function (child) {
+    return child;
+  }) || [];
+}
+/**
+ * Returns the first child in a collection of children and verifies that there
+ * is only one child in the collection.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenonly
+ *
+ * The current implementation of this function assumes that a single child gets
+ * passed without a wrapper, but the purpose of this helper function is to
+ * abstract away the particular structure of children.
+ *
+ * @param {?object} children Child collection structure.
+ * @return {ReactElement} The first and only `ReactElement` contained in the
+ * structure.
+ */
+
+
+function onlyChild(children) {
+  if (!isValidElement(children)) {
+    throw new Error('React.Children.only expected to receive a single React element child.');
   }
+
+  return children;
 }
 
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
+function createContext(defaultValue) {
+  // TODO: Second argument used to be an optional `calculateChangedBits`
+  // function. Warn to reserve for future use?
+  var context = {
+    $$typeof: REACT_CONTEXT_TYPE,
+    // As a workaround to support multiple concurrent renderers, we categorize
+    // some renderers as primary and others as secondary. We only expect
+    // there to be two concurrent renderers at most: React Native (primary) and
+    // Fabric (secondary); React DOM (primary) and React ART (secondary).
+    // Secondary renderers store their context values on separate fields.
+    _currentValue: defaultValue,
+    _currentValue2: defaultValue,
+    // Used to track how many concurrent renderers this context currently
+    // supports within in a single renderer. Such as parallel server rendering.
+    _threadCount: 0,
+    // These are circular
+    Provider: null,
+    Consumer: null
+  };
+
   {
-    // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
 
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== 'function') {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error((componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' + 'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' + 'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.');
-            err.name = 'Invariant Violation';
-            throw err;
+    {
+      var Consumer = {
+        $$typeof: REACT_CONTEXT_TYPE,
+        _context: context
+      };
+      Object.defineProperties(Consumer, {
+        Provider: {
+          get: function () {
+            return context.Provider;
+          },
+          set: function (_Provider) {
+            context.Provider = _Provider;
           }
-
-          error$1 = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED');
-        } catch (ex) {
-          error$1 = ex;
-        }
-
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement$1(element);
-
-          error('%s: type specification of %s' + ' `%s` is invalid; the type checker ' + 'function must return `null` or an `Error` but returned a %s. ' + 'You may have forgotten to pass an argument to the type checker ' + 'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' + 'shape all require an argument).', componentName || 'React class', location, typeSpecName, typeof error$1);
-
-          setCurrentlyValidatingElement$1(null);
-        }
-
-        if (error$1 instanceof Error && !(error$1.message in loggedTypeFailures)) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement$1(element);
-
-          error('Failed %s type: %s', location, error$1.message);
-
-          setCurrentlyValidatingElement$1(null);
+        },
+        _currentValue: {
+          get: function () {
+            return context._currentValue;
+          },
+          set: function (_currentValue) {
+            context._currentValue = _currentValue;
+          }
+        },
+        _currentValue2: {
+          get: function () {
+            return context._currentValue2;
+          },
+          set: function (_currentValue2) {
+            context._currentValue2 = _currentValue2;
+          }
+        },
+        _threadCount: {
+          get: function () {
+            return context._threadCount;
+          },
+          set: function (_threadCount) {
+            context._threadCount = _threadCount;
+          }
+        },
+        Consumer: {
+          get: function () {
+            return context.Consumer;
+          }
+        },
+        displayName: {
+          get: function () {
+            return context.displayName;
+          },
+          set: function (displayName) {}
         }
-      }
+      });
+      context.Consumer = Consumer;
     }
   }
-}
-
-var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
 
-function setCurrentlyValidatingElement(element) {
   {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(element.type, element._source, owner ? owner.type : null);
-      setExtraStackFrame(stack);
-    } else {
-      setExtraStackFrame(null);
-    }
+    context._currentRenderer = null;
+    context._currentRenderer2 = null;
   }
+
+  return context;
 }
 
-var propTypesMisspellWarningShown;
+var Uninitialized = -1;
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
 
-{
-  propTypesMisspellWarningShown = false;
-}
+function lazyInitializer(payload) {
+  if (payload._status === Uninitialized) {
+    var ctor = payload._result;
+    var thenable = ctor(); // Transition to the next state.
+    // This might throw either because it's missing or throws. If so, we treat it
+    // as still uninitialized and try again next time. Which is the same as what
+    // happens if the ctor or any wrappers processing the ctor throws. This might
+    // end up fixing it if the resolution was a concurrency bug.
 
-function getDeclarationErrorAddendum() {
-  if (ReactCurrentOwner.current) {
-    var name = getComponentNameFromType(ReactCurrentOwner.current.type);
+    thenable.then(function (moduleObject) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var resolved = payload;
+        resolved._status = Resolved;
+        resolved._result = moduleObject;
+      }
+    }, function (error) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var rejected = payload;
+        rejected._status = Rejected;
+        rejected._result = error;
+      }
+    });
 
-    if (name) {
-      return '\n\nCheck the render method of `' + name + '`.';
+    if (payload._status === Uninitialized) {
+      // In case, we're still uninitialized, then we're waiting for the thenable
+      // to resolve. Set it as pending in the meantime.
+      var pending = payload;
+      pending._status = Pending;
+      pending._result = thenable;
     }
   }
 
-  return '';
-}
+  if (payload._status === Resolved) {
+    var moduleObject = payload._result;
 
-function getSourceInfoErrorAddendum(source) {
-  if (source !== undefined) {
-    var fileName = source.fileName.replace(/^.*[\\\/]/, '');
-    var lineNumber = source.lineNumber;
-    return '\n\nCheck your code at ' + fileName + ':' + lineNumber + '.';
-  }
+    {
+      if (moduleObject === undefined) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
+      }
+    }
 
-  return '';
-}
+    {
+      if (!('default' in moduleObject)) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
+      }
+    }
 
-function getSourceInfoErrorAddendumForProps(elementProps) {
-  if (elementProps !== null && elementProps !== undefined) {
-    return getSourceInfoErrorAddendum(elementProps.__source);
+    return moduleObject.default;
+  } else {
+    throw payload._result;
   }
-
-  return '';
 }
-/**
- * Warn if there's no key explicitly set on dynamic arrays of children or
- * object keys are not valid. This allows us to keep track of children between
- * updates.
- */
-
-
-var ownerHasKeyUseWarning = {};
-
-function getCurrentComponentErrorInfo(parentType) {
-  var info = getDeclarationErrorAddendum();
 
-  if (!info) {
-    var parentName = getComponentNameFromType(parentType);
+function lazy(ctor) {
+  var payload = {
+    // We use these fields to store the result.
+    _status: Uninitialized,
+    _result: ctor
+  };
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: payload,
+    _init: lazyInitializer
+  };
 
-    if (parentName) {
-      info = "\n\nCheck the top-level render call using <" + parentName + ">.";
-    }
-  }
+  {
+    // In production, this would just set it on the object.
+    var defaultProps;
+    var propTypes; // $FlowFixMe[prop-missing]
 
-  return info;
-}
-/**
- * Warn if the element doesn't have an explicit key assigned to it.
- * This element is in an array. The array could grow and shrink or be
- * reordered. All children that haven't already been validated are required to
- * have a "key" property assigned to it. Error statuses are cached so a warning
- * will only be shown once.
- *
- * @internal
- * @param {ReactElement} element Element that requires a key.
- * @param {*} parentType element's parent's type.
- */
+    Object.defineProperties(lazyType, {
+      defaultProps: {
+        configurable: true,
+        get: function () {
+          return defaultProps;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newDefaultProps) {
+          error('It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
 
+          defaultProps = newDefaultProps; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
 
-function validateExplicitKey(element, parentType) {
-  if (!element._store || element._store.validated || element.key != null) {
-    return;
-  }
+          Object.defineProperty(lazyType, 'defaultProps', {
+            enumerable: true
+          });
+        }
+      },
+      propTypes: {
+        configurable: true,
+        get: function () {
+          return propTypes;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newPropTypes) {
+          error('It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
 
-  element._store.validated = true;
-  var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+          propTypes = newPropTypes; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
 
-  if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
-    return;
+          Object.defineProperty(lazyType, 'propTypes', {
+            enumerable: true
+          });
+        }
+      }
+    });
   }
 
-  ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
-  // property, it may be the creator of the child that's responsible for
-  // assigning it a key.
+  return lazyType;
+}
 
-  var childOwner = '';
+function forwardRef(render) {
+  {
+    if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
+      error('forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
+    } else if (typeof render !== 'function') {
+      error('forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
+    } else {
+      if (render.length !== 0 && render.length !== 2) {
+        error('forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.');
+      }
+    }
 
-  if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
-    // Give the component that originally created this child.
-    childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+    if (render != null) {
+      if (render.defaultProps != null) {
+        error('forwardRef render functions do not support defaultProps. ' + 'Did you accidentally pass a React component?');
+      }
+    }
   }
 
-  {
-    setCurrentlyValidatingElement(element);
+  var elementType = {
+    $$typeof: REACT_FORWARD_REF_TYPE,
+    render: render
+  };
 
-    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+  {
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.forwardRef((props, ref) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
 
-    setCurrentlyValidatingElement(null);
+        if (!render.name && !render.displayName) {
+          render.displayName = name;
+        }
+      }
+    });
   }
-}
-/**
- * Ensure that every element either is passed in a static location, in an
- * array with an explicit keys property defined, or in an object literal
- * with valid key property.
- *
- * @internal
- * @param {ReactNode} node Statically passed child of any type.
- * @param {*} parentType node's parent's type.
- */
 
+  return elementType;
+}
 
-function validateChildKeys(node, parentType) {
-  if (typeof node !== 'object' || !node) {
-    return;
+function memo(type, compare) {
+  {
+    if (!isValidElementType(type)) {
+      error('memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
+    }
   }
 
-  if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
-    for (var i = 0; i < node.length; i++) {
-      var child = node[i];
+  var elementType = {
+    $$typeof: REACT_MEMO_TYPE,
+    type: type,
+    compare: compare === undefined ? null : compare
+  };
 
-      if (isValidElement(child)) {
-        validateExplicitKey(child, parentType);
-      }
-    }
-  } else if (isValidElement(node)) {
-    // This element was passed in a valid location.
-    if (node._store) {
-      node._store.validated = true;
-    }
-  } else {
-    var iteratorFn = getIteratorFn(node);
+  {
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.memo((props) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
 
-    if (typeof iteratorFn === 'function') {
-      // Entry iterators used to provide implicit keys,
-      // but now we print a separate warning for them later.
-      if (iteratorFn !== node.entries) {
-        var iterator = iteratorFn.call(node);
-        var step;
-
-        while (!(step = iterator.next()).done) {
-          if (isValidElement(step.value)) {
-            validateExplicitKey(step.value, parentType);
-          }
+        if (!type.name && !type.displayName) {
+          type.displayName = name;
         }
       }
-    }
+    });
   }
+
+  return elementType;
 }
-/**
- * Given an element, validate that its props follow the propTypes definition,
- * provided by the type.
- *
- * @param {ReactElement} element
- */
 
+var UNTERMINATED = 0;
+var TERMINATED = 1;
+var ERRORED = 2;
 
-function validatePropTypes(element) {
-  {
-    var type = element.type;
+function createCacheRoot() {
+  return new WeakMap();
+}
 
-    if (type === null || type === undefined || typeof type === 'string') {
-      return;
-    }
+function createCacheNode() {
+  return {
+    s: UNTERMINATED,
+    // status, represents whether the cached computation returned a value or threw an error
+    v: undefined,
+    // value, either the cached result or an error, depending on s
+    o: null,
+    // object cache, a WeakMap where non-primitive arguments are stored
+    p: null // primitive cache, a regular Map where primitive arguments are stored.
 
-    if (type.$$typeof === REACT_CLIENT_REFERENCE) {
-      return;
-    }
+  };
+}
 
-    var propTypes;
+function cache$1(fn) {
+  return function () {
+    var dispatcher = ReactCurrentCache.current;
 
-    if (typeof type === 'function') {
-      propTypes = type.propTypes;
-    } else if (typeof type === 'object' && (type.$$typeof === REACT_FORWARD_REF_TYPE || // Note: Memo only checks outer props here.
-    // Inner props are checked in the reconciler.
-    type.$$typeof === REACT_MEMO_TYPE)) {
-      propTypes = type.propTypes;
-    } else {
-      return;
+    if (!dispatcher) {
+      // If there is no dispatcher, then we treat this as not being cached.
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      return fn.apply(null, arguments);
     }
 
-    if (propTypes) {
-      // Intentionally inside to avoid triggering lazy initializers:
-      var name = getComponentNameFromType(type);
-      checkPropTypes(propTypes, element.props, 'prop', name, element);
-    } else if (type.PropTypes !== undefined && !propTypesMisspellWarningShown) {
-      propTypesMisspellWarningShown = true; // Intentionally inside to avoid triggering lazy initializers:
-
-      var _name = getComponentNameFromType(type);
+    var fnMap = dispatcher.getCacheForType(createCacheRoot);
+    var fnNode = fnMap.get(fn);
+    var cacheNode;
 
-      error('Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?', _name || 'Unknown');
+    if (fnNode === undefined) {
+      cacheNode = createCacheNode();
+      fnMap.set(fn, cacheNode);
+    } else {
+      cacheNode = fnNode;
     }
 
-    if (typeof type.getDefaultProps === 'function' && !type.getDefaultProps.isReactClassApproved) {
-      error('getDefaultProps is only used on classic React.createClass ' + 'definitions. Use a static property named `defaultProps` instead.');
-    }
-  }
-}
-/**
- * Given a fragment, validate that it can only be provided with fragment props
- * @param {ReactElement} fragment
- */
+    for (var i = 0, l = arguments.length; i < l; i++) {
+      var arg = arguments[i];
 
+      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
+        // Objects go into a WeakMap
+        var objectCache = cacheNode.o;
 
-function validateFragmentProps(fragment) {
-  {
-    var keys = Object.keys(fragment.props);
+        if (objectCache === null) {
+          cacheNode.o = objectCache = new WeakMap();
+        }
 
-    for (var i = 0; i < keys.length; i++) {
-      var key = keys[i];
+        var objectNode = objectCache.get(arg);
 
-      if (key !== 'children' && key !== 'key') {
-        setCurrentlyValidatingElement(fragment);
+        if (objectNode === undefined) {
+          cacheNode = createCacheNode();
+          objectCache.set(arg, cacheNode);
+        } else {
+          cacheNode = objectNode;
+        }
+      } else {
+        // Primitives go into a regular Map
+        var primitiveCache = cacheNode.p;
 
-        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+        if (primitiveCache === null) {
+          cacheNode.p = primitiveCache = new Map();
+        }
 
-        setCurrentlyValidatingElement(null);
-        break;
+        var primitiveNode = primitiveCache.get(arg);
+
+        if (primitiveNode === undefined) {
+          cacheNode = createCacheNode();
+          primitiveCache.set(arg, cacheNode);
+        } else {
+          cacheNode = primitiveNode;
+        }
       }
     }
 
-    if (fragment.ref !== null) {
-      setCurrentlyValidatingElement(fragment);
-
-      error('Invalid attribute `ref` supplied to `React.Fragment`.');
-
-      setCurrentlyValidatingElement(null);
+    if (cacheNode.s === TERMINATED) {
+      return cacheNode.v;
     }
-  }
-}
-function createElementWithValidation(type, props, children) {
-  var validType = isValidElementType(type); // We warn in this case but don't throw. We expect the element creation to
-  // succeed and there will likely be errors in render.
-
-  if (!validType) {
-    var info = '';
 
-    if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
-      info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+    if (cacheNode.s === ERRORED) {
+      throw cacheNode.v;
     }
 
-    var sourceInfo = getSourceInfoErrorAddendumForProps(props);
-
-    if (sourceInfo) {
-      info += sourceInfo;
-    } else {
-      info += getDeclarationErrorAddendum();
+    try {
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      var result = fn.apply(null, arguments);
+      var terminatedNode = cacheNode;
+      terminatedNode.s = TERMINATED;
+      terminatedNode.v = result;
+      return result;
+    } catch (error) {
+      // We store the first error that's thrown and rethrow it.
+      var erroredNode = cacheNode;
+      erroredNode.s = ERRORED;
+      erroredNode.v = error;
+      throw error;
     }
+  };
+}
 
-    var typeString;
+var cache = cache$1;
 
-    if (type === null) {
-      typeString = 'null';
-    } else if (isArray(type)) {
-      typeString = 'array';
-    } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
-      typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
-      info = ' Did you accidentally export a JSX literal instead of a component?';
-    } else {
-      typeString = typeof type;
-    }
+function resolveDispatcher() {
+  var dispatcher = ReactCurrentDispatcher$1.current;
 
-    {
-      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, info);
+  {
+    if (dispatcher === null) {
+      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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
     }
-  }
-
-  var element = createElement$1.apply(this, arguments); // The result can be nullish if a mock or a custom function is used.
-  // TODO: Drop this when these are no longer allowed as the type argument.
+  } // Will result in a null access error if accessed outside render phase. We
+  // intentionally don't throw our own error because this is in a hot path.
+  // Also helps ensure this is inlined.
 
-  if (element == null) {
-    return element;
-  } // Skip key warning if the type isn't valid since our key validation logic
-  // doesn't expect a non-string/function type and can throw confusing errors.
-  // We don't want exception behavior to differ between dev and prod.
-  // (Rendering will throw with a helpful message and as soon as the type is
-  // fixed, the key warnings will appear.)
 
+  return dispatcher;
+}
+function useContext(Context) {
+  var dispatcher = resolveDispatcher();
 
-  if (validType) {
-    for (var i = 2; i < arguments.length; i++) {
-      validateChildKeys(arguments[i], type);
+  {
+    if (Context.$$typeof === REACT_CONSUMER_TYPE) {
+      error('Calling useContext(Context.Consumer) is not supported and will cause bugs. ' + 'Did you mean to call useContext(Context) instead?');
     }
   }
 
-  if (type === REACT_FRAGMENT_TYPE) {
-    validateFragmentProps(element);
-  } else {
-    validatePropTypes(element);
-  }
-
-  return element;
+  return dispatcher.useContext(Context);
 }
-var didWarnAboutDeprecatedCreateFactory = false;
-function createFactoryWithValidation(type) {
-  var validatedFactory = createElementWithValidation.bind(null, type);
-  validatedFactory.type = type;
-
+function useState(initialState) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useState(initialState);
+}
+function useReducer(reducer, initialArg, init) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useReducer(reducer, initialArg, init);
+}
+function useRef(initialValue) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useRef(initialValue);
+}
+function useEffect(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useEffect(create, deps);
+}
+function useInsertionEffect(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useInsertionEffect(create, deps);
+}
+function useLayoutEffect(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useLayoutEffect(create, deps);
+}
+function useCallback(callback, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useCallback(callback, deps);
+}
+function useMemo(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useMemo(create, deps);
+}
+function useImperativeHandle(ref, create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useImperativeHandle(ref, create, deps);
+}
+function useDebugValue(value, formatterFn) {
   {
-    if (!didWarnAboutDeprecatedCreateFactory) {
-      didWarnAboutDeprecatedCreateFactory = true;
-
-      warn('React.createFactory() is deprecated and will be removed in ' + 'a future major release. Consider using JSX ' + 'or use React.createElement() directly instead.');
-    } // Legacy hook: remove it
-
-
-    Object.defineProperty(validatedFactory, 'type', {
-      enumerable: false,
-      get: function () {
-        warn('Factory.type is deprecated. Access the class directly ' + 'before passing it to createFactory.');
-
-        Object.defineProperty(this, 'type', {
-          value: type
-        });
-        return type;
-      }
-    });
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useDebugValue(value, formatterFn);
   }
-
-  return validatedFactory;
 }
-function cloneElementWithValidation(element, props, children) {
-  var newElement = cloneElement$1.apply(this, arguments);
+function useTransition() {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useTransition();
+}
+function useDeferredValue(value, initialValue) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useDeferredValue(value, initialValue);
+}
+function useId() {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useId();
+}
+function useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+function useCacheRefresh() {
+  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
 
-  for (var i = 2; i < arguments.length; i++) {
-    validateChildKeys(arguments[i], newElement.type);
-  }
+  return dispatcher.useCacheRefresh();
+}
+function use(usable) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.use(usable);
+}
+function useOptimistic(passthrough, reducer) {
+  var dispatcher = resolveDispatcher(); // $FlowFixMe[not-a-function] This is unstable, thus optional
 
-  validatePropTypes(newElement);
-  return newElement;
+  return dispatcher.useOptimistic(passthrough, reducer);
 }
 
 function startTransition(scope, options) {
-  var prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = {};
+  var prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
+
+  var callbacks = new Set();
+  var transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
   var currentTransition = ReactCurrentBatchConfig.transition;
 
   {
     ReactCurrentBatchConfig.transition._updatedFibers = new Set();
   }
 
-  try {
-    scope();
-  } finally {
-    ReactCurrentBatchConfig.transition = prevTransition;
+  {
+    try {
+      var returnValue = scope();
 
-    {
-      if (prevTransition === null && currentTransition._updatedFibers) {
-        var updatedFibersCount = currentTransition._updatedFibers.size;
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(function (callback) {
+          return callback(currentTransition, returnValue);
+        });
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      warnAboutTransitionSubscriptions(prevTransition, currentTransition);
+      ReactCurrentBatchConfig.transition = prevTransition;
+    }
+  }
+}
+
+function warnAboutTransitionSubscriptions(prevTransition, currentTransition) {
+  {
+    if (prevTransition === null && currentTransition._updatedFibers) {
+      var updatedFibersCount = currentTransition._updatedFibers.size;
 
-        currentTransition._updatedFibers.clear();
+      currentTransition._updatedFibers.clear();
 
-        if (updatedFibersCount > 10) {
-          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.');
-        }
+      if (updatedFibersCount > 10) {
+        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.');
       }
     }
   }
 }
 
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
+
+
+var onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : function (error) {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
+
 var didWarnAboutMessageChannel = false;
 var enqueueTaskImpl = null;
 function enqueueTask(task) {
@@ -2990,9 +2950,6 @@ var queueSeveralMicrotasks = typeof queueMicrotask === 'function' ? function (ca
   });
 } : enqueueTask;
 
-var createElement = createElementWithValidation ;
-var cloneElement = cloneElementWithValidation ;
-var createFactory = createFactoryWithValidation ;
 var Children = {
   map: mapChildren,
   forEach: forEachChildren,
@@ -3009,6 +2966,7 @@ exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.act = act;
 exports.cache = cache;
 exports.cloneElement = cloneElement;
 exports.createContext = createContext;
@@ -3020,7 +2978,6 @@ exports.isValidElement = isValidElement;
 exports.lazy = lazy;
 exports.memo = memo;
 exports.startTransition = startTransition;
-exports.unstable_act = act;
 exports.unstable_useCacheRefresh = useCacheRefresh;
 exports.use = use;
 exports.useCallback = useCallback;
diff --git a/packages/next/src/compiled/react/cjs/react.production.js b/packages/next/src/compiled/react/cjs/react.production.js
index b9b7812c03d8b9..0e075e9bb0bd9f 100644
--- a/packages/next/src/compiled/react/cjs/react.production.js
+++ b/packages/next/src/compiled/react/cjs/react.production.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-var ReactVersion = '18.3.0-canary-60a927d04-20240113';
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
 
 // ATTENTION
 // When adding new symbols to this file,
@@ -21,7 +21,7 @@ const REACT_PORTAL_TYPE = Symbol.for('react.portal');
 const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
 const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
 const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
-const REACT_PROVIDER_TYPE = Symbol.for('react.provider');
+const REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
 const REACT_CONTEXT_TYPE = Symbol.for('react.context');
 const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
 const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
@@ -157,7 +157,7 @@ Component.prototype.isReactComponent = {};
 
 Component.prototype.setState = function (partialState, callback) {
   if (typeof partialState !== 'object' && typeof partialState !== 'function' && partialState != null) {
-    throw new Error('setState(...): takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
+    throw new Error('takes an object of state variables to update or a ' + 'function which returns an object of state variables.');
   }
 
   this.updater.enqueueSetState(this, partialState, callback, 'setState');
@@ -218,8 +218,40 @@ function isArray(a) {
   return isArrayImpl(a);
 }
 
-// $FlowFixMe[method-unbinding]
-const hasOwnProperty = Object.prototype.hasOwnProperty;
+// -----------------------------------------------------------------------------
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to false for easier skimming.
+// -----------------------------------------------------------------------------
+
+const __NEXT_MAJOR__ = false; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+
+/**
+ * Keeps track of the current dispatcher.
+ */
+const ReactCurrentDispatcher = {
+  current: null
+};
+
+/**
+ * Keeps track of the current Cache dispatcher.
+ */
+const ReactCurrentCache = {
+  current: null
+};
+
+/**
+ * Keeps track of the current batch's configuration such as how long an update
+ * should suspend for if it needs to.
+ */
+const ReactCurrentBatchConfig = {
+  transition: null
+};
 
 /**
  * Keeps track of the current owner.
@@ -227,7 +259,7 @@ const hasOwnProperty = Object.prototype.hasOwnProperty;
  * The current owner is the component who should own any components that are
  * currently being constructed.
  */
-const ReactCurrentOwner = {
+const ReactCurrentOwner$1 = {
   /**
    * @internal
    * @type {ReactComponent}
@@ -235,13 +267,18 @@ const ReactCurrentOwner = {
   current: null
 };
 
-const RESERVED_PROPS = {
-  key: true,
-  ref: true,
-  __self: true,
-  __source: true
+const ReactSharedInternals = {
+  ReactCurrentDispatcher,
+  ReactCurrentCache,
+  ReactCurrentBatchConfig,
+  ReactCurrentOwner: ReactCurrentOwner$1
 };
 
+// $FlowFixMe[method-unbinding]
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+
+const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
 function hasValidRef(config) {
 
   return config.ref !== undefined;
@@ -273,18 +310,30 @@ function hasValidKey(config) {
  */
 
 
-function ReactElement(type, key, ref, self, source, owner, props) {
-  const element = {
-    // This tag allows us to uniquely identify this as a React Element
-    $$typeof: REACT_ELEMENT_TYPE,
-    // Built-in properties that belong on the element
-    type: type,
-    key: key,
-    ref: ref,
-    props: props,
-    // Record the component responsible for creating this element.
-    _owner: owner
-  };
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    ref = _ref;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
 
   return element;
 }
@@ -293,30 +342,34 @@ function ReactElement(type, key, ref, self, source, owner, props) {
  * See https://reactjs.org/docs/react-api.html#createelement
  */
 
-function createElement$1(type, config, children) {
+function createElement(type, config, children) {
+
   let propName; // Reserved names are extracted
 
   const props = {};
   let key = null;
   let ref = null;
-  let self = null;
-  let source = null;
 
   if (config != null) {
     if (hasValidRef(config)) {
-      ref = config.ref;
+      {
+        ref = config.ref;
+      }
     }
 
     if (hasValidKey(config)) {
 
       key = '' + config.key;
-    }
+    } // Remaining properties are added to a new props object
 
-    self = config.__self === undefined ? null : config.__self;
-    source = config.__source === undefined ? null : config.__source; // Remaining properties are added to a new props object
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
         props[propName] = config[propName];
       }
     }
@@ -349,35 +402,39 @@ function createElement$1(type, config, children) {
     }
   }
 
-  return ReactElement(type, key, ref, self, source, ReactCurrentOwner.current, props);
+  const element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+
+  return element;
 }
 /**
  * Return a function that produces ReactElements of a given type.
  * See https://reactjs.org/docs/react-api.html#createfactory
  */
 
-function createFactory$1(type) {
-  const factory = createElement$1.bind(null, type); // Expose the type on the factory and the prototype so that it can be
+function createFactory(type) {
+  const factory = createElement.bind(null, type); // Expose the type on the factory and the prototype so that it can be
   // easily accessed on elements. E.g. `<Foo />.type === Foo`.
   // This should not be named `constructor` since this may not be the function
   // that created the element, and it may not even be a constructor.
   // Legacy hook: remove it
 
   factory.type = type;
+
   return factory;
 }
 function cloneAndReplaceKey(oldElement, newKey) {
-  const newElement = ReactElement(oldElement.type, newKey, oldElement.ref, oldElement._self, oldElement._source, oldElement._owner, oldElement.props);
-  return newElement;
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  oldElement.ref, undefined, undefined, oldElement._owner, oldElement.props);
 }
 /**
  * Clone and return a new ReactElement using element as the starting point.
  * See https://reactjs.org/docs/react-api.html#cloneelement
  */
 
-function cloneElement$1(element, config, children) {
+function cloneElement(element, config, children) {
   if (element === null || element === undefined) {
-    throw new Error("React.cloneElement(...): The argument must be a React element, but you passed " + element + ".");
+    throw new Error("The argument must be a React element, but you passed " + element + ".");
   }
 
   let propName; // Original props are copied
@@ -385,20 +442,17 @@ function cloneElement$1(element, config, children) {
   const props = assign({}, element.props); // Reserved names are extracted
 
   let key = element.key;
-  let ref = element.ref; // Self is preserved since the owner is preserved.
-
-  const self = element._self; // Source is preserved since cloneElement is unlikely to be targeted by a
-  // transpiler, and the original source is probably a better indicator of the
-  // true owner.
-
-  const source = element._source; // Owner will be preserved, unless ref is overridden
+  let ref = element.ref; // Owner will be preserved, unless ref is overridden
 
   let owner = element._owner;
 
   if (config != null) {
     if (hasValidRef(config)) {
-      // Silently steal the ref from the parent.
-      ref = config.ref;
+      {
+        // Silently steal the ref from the parent.
+        ref = config.ref;
+      }
+
       owner = ReactCurrentOwner.current;
     }
 
@@ -415,7 +469,17 @@ function cloneElement$1(element, config, children) {
     }
 
     for (propName in config) {
-      if (hasOwnProperty.call(config, propName) && !RESERVED_PROPS.hasOwnProperty(propName)) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(enableRefAsProp  )) {
         if (config[propName] === undefined && defaultProps !== undefined) {
           // Resolve default props
           props[propName] = defaultProps[propName];
@@ -442,7 +506,9 @@ function cloneElement$1(element, config, children) {
     props.children = childArray;
   }
 
-  return ReactElement(element.type, key, ref, self, source, owner, props);
+  const clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
+
+  return clonedElement;
 }
 /**
  * Verifies the object is a ReactElement.
@@ -452,6 +518,7 @@ function cloneElement$1(element, config, children) {
  * @final
  */
 
+
 function isValidElement(object) {
   return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
 }
@@ -502,6 +569,72 @@ function getElementKey(element, index) {
   return index.toString(36);
 }
 
+function noop$1() {}
+
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
+
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              throw rejectedError;
+            }
+        }
+      }
+  }
+
+  throw thenable;
+}
+
 function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
   const type = typeof children;
 
@@ -526,6 +659,12 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
           case REACT_ELEMENT_TYPE:
           case REACT_PORTAL_TYPE:
             invokeCallback = true;
+            break;
+
+          case REACT_LAZY_TYPE:
+            const payload = children._payload;
+            const init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
         }
 
     }
@@ -591,7 +730,11 @@ function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
         subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
       }
     } else if (type === 'object') {
-      // eslint-disable-next-line react-internal/safe-string-coercion
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
       const childrenString = String(children);
       throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
     }
@@ -717,18 +860,18 @@ function createContext(defaultValue) {
     _threadCount: 0,
     // These are circular
     Provider: null,
-    Consumer: null,
-    // Add these to use same hidden class in VM as ServerContext
-    _defaultValue: null,
-    _globalName: null
-  };
-  context.Provider = {
-    $$typeof: REACT_PROVIDER_TYPE,
-    _context: context
+    Consumer: null
   };
 
   {
-    context.Consumer = context;
+    context.Provider = {
+      $$typeof: REACT_PROVIDER_TYPE,
+      _context: context
+    };
+
+    {
+      context.Consumer = context;
+    }
   }
 
   return context;
@@ -818,13 +961,6 @@ function memo(type, compare) {
   return elementType;
 }
 
-/**
- * Keeps track of the current Cache dispatcher.
- */
-const ReactCurrentCache = {
-  current: null
-};
-
 const UNTERMINATED = 0;
 const TERMINATED = 1;
 const ERRORED = 2;
@@ -846,7 +982,7 @@ function createCacheNode() {
   };
 }
 
-function cache(fn) {
+function cache$1(fn) {
   return function () {
     const dispatcher = ReactCurrentCache.current;
 
@@ -930,12 +1066,7 @@ function cache(fn) {
   };
 }
 
-/**
- * Keeps track of the current dispatcher.
- */
-const ReactCurrentDispatcher = {
-  current: null
-};
+const cache = cache$1;
 
 function resolveDispatcher() {
   const dispatcher = ReactCurrentDispatcher.current;
@@ -1019,41 +1150,51 @@ function useOptimistic(passthrough, reducer) {
   return dispatcher.useOptimistic(passthrough, reducer);
 }
 
-/**
- * Keeps track of the current batch's configuration such as how long an update
- * should suspend for if it needs to.
- */
-const ReactCurrentBatchConfig = {
-  transition: null
-};
+function startTransition(scope, options) {
+  const prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
 
-const ReactSharedInternals = {
-  ReactCurrentDispatcher,
-  ReactCurrentCache,
-  ReactCurrentBatchConfig,
-  ReactCurrentOwner
-};
+  const callbacks = new Set();
+  const transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
+  const currentTransition = ReactCurrentBatchConfig.transition;
 
-function startTransition(scope, options) {
-  const prevTransition = ReactCurrentBatchConfig.transition;
-  ReactCurrentBatchConfig.transition = {};
+  {
+    try {
+      const returnValue = scope();
 
-  try {
-    scope();
-  } finally {
-    ReactCurrentBatchConfig.transition = prevTransition;
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(callback => callback(currentTransition, returnValue));
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      ReactCurrentBatchConfig.transition = prevTransition;
+    }
   }
 }
 
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
+
+
+const onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : error => {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
+
 function act(callback) {
   {
     throw new Error('act(...) is not supported in production builds of React.');
   }
 }
 
-const createElement = createElement$1;
-const cloneElement = cloneElement$1;
-const createFactory = createFactory$1;
 const Children = {
   map: mapChildren,
   forEach: forEachChildren,
@@ -1070,6 +1211,7 @@ exports.PureComponent = PureComponent;
 exports.StrictMode = REACT_STRICT_MODE_TYPE;
 exports.Suspense = REACT_SUSPENSE_TYPE;
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.act = act;
 exports.cache = cache;
 exports.cloneElement = cloneElement;
 exports.createContext = createContext;
@@ -1081,7 +1223,6 @@ exports.isValidElement = isValidElement;
 exports.lazy = lazy;
 exports.memo = memo;
 exports.startTransition = startTransition;
-exports.unstable_act = act;
 exports.unstable_useCacheRefresh = useCacheRefresh;
 exports.use = use;
 exports.useCallback = useCallback;
diff --git a/packages/next/src/compiled/react/cjs/react.production.min.js b/packages/next/src/compiled/react/cjs/react.production.min.js
index 67696bce6d027b..4b408f12ecfbe5 100644
--- a/packages/next/src/compiled/react/cjs/react.production.min.js
+++ b/packages/next/src/compiled/react/cjs/react.production.min.js
@@ -9,23 +9,23 @@
 */
 'use strict';var l=Symbol.for("react.element"),n=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),q=Symbol.for("react.strict_mode"),r=Symbol.for("react.profiler"),t=Symbol.for("react.provider"),u=Symbol.for("react.context"),v=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),x=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),z=Symbol.iterator;function A(a){if(null===a||"object"!==typeof a)return null;a=z&&a[z]||a["@@iterator"];return"function"===typeof a?a:null}
 var B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,c){this.props=a;this.context=b;this.refs=D;this.updater=c||B}E.prototype.isReactComponent={};
-E.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function F(){}F.prototype=E.prototype;function G(a,b,c){this.props=a;this.context=b;this.refs=D;this.updater=c||B}var H=G.prototype=new F;
-H.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};
-function M(a,b,c){var f,d={},e=null,g=null;if(null!=b)for(f in void 0!==b.ref&&(g=b.ref),void 0!==b.key&&(e=""+b.key),b)J.call(b,f)&&!L.hasOwnProperty(f)&&(d[f]=b[f]);var h=arguments.length-2;if(1===h)d.children=c;else if(1<h){for(var k=Array(h),m=0;m<h;m++)k[m]=arguments[m+2];d.children=k}if(a&&a.defaultProps)for(f in h=a.defaultProps,h)void 0===d[f]&&(d[f]=h[f]);return{$$typeof:l,type:a,key:e,ref:g,props:d,_owner:K.current}}
-function N(a,b){return{$$typeof:l,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function O(a){return"object"===typeof a&&null!==a&&a.$$typeof===l}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(c){return b[c]})}var P=/\/+/g;function Q(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}
-function R(a,b,c,f,d){var e=typeof a;if("undefined"===e||"boolean"===e)a=null;var g=!1;if(null===a)g=!0;else switch(e){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case l:case n:g=!0}}if(g)return g=a,d=d(g),a=""===f?"."+Q(g,0):f,I(d)?(c="",null!=a&&(c=a.replace(P,"$&/")+"/"),R(d,b,c,"",function(m){return m})):null!=d&&(O(d)&&(d=N(d,c+(!d.key||g&&g.key===d.key?"":(""+d.key).replace(P,"$&/")+"/")+a)),b.push(d)),1;g=0;f=""===f?".":f+":";if(I(a))for(var h=0;h<a.length;h++){e=
-a[h];var k=f+Q(e,h);g+=R(e,b,c,k,d)}else if(k=A(a),"function"===typeof k)for(a=k.call(a),h=0;!(e=a.next()).done;)e=e.value,k=f+Q(e,h++),g+=R(e,b,c,k,d);else if("object"===e)throw b=String(a),Error("Objects are not valid as a React child (found: "+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");return g}
-function S(a,b,c){if(null==a)return a;var f=[],d=0;R(a,f,"","",function(e){return b.call(c,e,d++)});return f}function T(a){if(-1===a._status){var b=a._result;b=b();b.then(function(c){if(0===a._status||-1===a._status)a._status=1,a._result=c},function(c){if(0===a._status||-1===a._status)a._status=2,a._result=c});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}var U={current:null};function V(){return new WeakMap}
-function W(){return{s:0,v:void 0,o:null,p:null}}var X={current:null},Y={transition:null},Z={ReactCurrentDispatcher:X,ReactCurrentCache:U,ReactCurrentBatchConfig:Y,ReactCurrentOwner:K};
-exports.Children={map:S,forEach:function(a,b,c){S(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;S(a,function(){b++});return b},toArray:function(a){return S(a,function(b){return b})||[]},only:function(a){if(!O(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};exports.Component=E;exports.Fragment=p;exports.Profiler=r;exports.PureComponent=G;exports.StrictMode=q;exports.Suspense=w;
-exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=Z;
-exports.cache=function(a){return function(){var b=U.current;if(!b)return a.apply(null,arguments);var c=b.getCacheForType(V);b=c.get(a);void 0===b&&(b=W(),c.set(a,b));c=0;for(var f=arguments.length;c<f;c++){var d=arguments[c];if("function"===typeof d||"object"===typeof d&&null!==d){var e=b.o;null===e&&(b.o=e=new WeakMap);b=e.get(d);void 0===b&&(b=W(),e.set(d,b))}else e=b.p,null===e&&(b.p=e=new Map),b=e.get(d),void 0===b&&(b=W(),e.set(d,b))}if(1===b.s)return b.v;if(2===b.s)throw b.v;try{var g=a.apply(null,
-arguments);c=b;c.s=1;return c.v=g}catch(h){throw g=b,g.s=2,g.v=h,h;}}};
-exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+a+".");var f=C({},a.props),d=a.key,e=a.ref,g=a._owner;if(null!=b){void 0!==b.ref&&(e=b.ref,g=K.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var h=a.type.defaultProps;for(k in b)J.call(b,k)&&!L.hasOwnProperty(k)&&(f[k]=void 0===b[k]&&void 0!==h?h[k]:b[k])}var k=arguments.length-2;if(1===k)f.children=c;else if(1<k){h=Array(k);
-for(var m=0;m<k;m++)h[m]=arguments[m+2];f.children=h}return{$$typeof:l,type:a.type,key:d,ref:e,props:f,_owner:g}};exports.createContext=function(a){a={$$typeof:u,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null};a.Provider={$$typeof:t,_context:a};return a.Consumer=a};exports.createElement=M;exports.createFactory=function(a){var b=M.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};
-exports.forwardRef=function(a){return{$$typeof:v,render:a}};exports.isValidElement=O;exports.lazy=function(a){return{$$typeof:y,_payload:{_status:-1,_result:a},_init:T}};exports.memo=function(a,b){return{$$typeof:x,type:a,compare:void 0===b?null:b}};exports.startTransition=function(a){var b=Y.transition;Y.transition={};try{a()}finally{Y.transition=b}};exports.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.");};exports.unstable_useCacheRefresh=function(){return X.current.useCacheRefresh()};
-exports.use=function(a){return X.current.use(a)};exports.useCallback=function(a,b){return X.current.useCallback(a,b)};exports.useContext=function(a){return X.current.useContext(a)};exports.useDebugValue=function(){};exports.useDeferredValue=function(a,b){return X.current.useDeferredValue(a,b)};exports.useEffect=function(a,b){return X.current.useEffect(a,b)};exports.useId=function(){return X.current.useId()};exports.useImperativeHandle=function(a,b,c){return X.current.useImperativeHandle(a,b,c)};
-exports.useInsertionEffect=function(a,b){return X.current.useInsertionEffect(a,b)};exports.useLayoutEffect=function(a,b){return X.current.useLayoutEffect(a,b)};exports.useMemo=function(a,b){return X.current.useMemo(a,b)};exports.useOptimistic=function(a,b){return X.current.useOptimistic(a,b)};exports.useReducer=function(a,b,c){return X.current.useReducer(a,b,c)};exports.useRef=function(a){return X.current.useRef(a)};exports.useState=function(a){return X.current.useState(a)};
-exports.useSyncExternalStore=function(a,b,c){return X.current.useSyncExternalStore(a,b,c)};exports.useTransition=function(){return X.current.useTransition()};exports.version="18.3.0-canary-60a927d04-20240113";
+E.prototype.setState=function(a,b){if("object"!==typeof a&&"function"!==typeof a&&null!=a)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,a,b,"setState")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,"forceUpdate")};function F(){}F.prototype=E.prototype;function G(a,b,c){this.props=a;this.context=b;this.refs=D;this.updater=c||B}var H=G.prototype=new F;
+H.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J={current:null},K={current:null},L={transition:null},M={ReactCurrentDispatcher:J,ReactCurrentCache:K,ReactCurrentBatchConfig:L,ReactCurrentOwner:{current:null}},N=Object.prototype.hasOwnProperty,O=M.ReactCurrentOwner;
+function P(a,b,c){var e,d={},f=null,h=null;if(null!=b)for(e in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(f=""+b.key),b)N.call(b,e)&&"key"!==e&&"ref"!==e&&"__self"!==e&&"__source"!==e&&(d[e]=b[e]);var k=arguments.length-2;if(1===k)d.children=c;else if(1<k){for(var g=Array(k),m=0;m<k;m++)g[m]=arguments[m+2];d.children=g}if(a&&a.defaultProps)for(e in k=a.defaultProps,k)void 0===d[e]&&(d[e]=k[e]);return{$$typeof:l,type:a,key:f,ref:h,props:d,_owner:O.current}}
+function Q(a,b){return{$$typeof:l,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function R(a){return"object"===typeof a&&null!==a&&a.$$typeof===l}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(c){return b[c]})}var S=/\/+/g;function T(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}function U(){}
+function V(a){switch(a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;default:switch("string"===typeof a.status?a.then(U,U):(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)})),a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;}}throw a;}
+function W(a,b,c,e,d){var f=typeof a;if("undefined"===f||"boolean"===f)a=null;var h=!1;if(null===a)h=!0;else switch(f){case "string":case "number":h=!0;break;case "object":switch(a.$$typeof){case l:case n:h=!0;break;case y:return h=a._init,W(h(a._payload),b,c,e,d)}}if(h)return d=d(a),h=""===e?"."+T(a,0):e,I(d)?(c="",null!=h&&(c=h.replace(S,"$&/")+"/"),W(d,b,c,"",function(m){return m})):null!=d&&(R(d)&&(d=Q(d,c+(!d.key||a&&a.key===d.key?"":(""+d.key).replace(S,"$&/")+"/")+h)),b.push(d)),1;h=0;var k=
+""===e?".":e+":";if(I(a))for(var g=0;g<a.length;g++)e=a[g],f=k+T(e,g),h+=W(e,b,c,f,d);else if(g=A(a),"function"===typeof g)for(a=g.call(a),g=0;!(e=a.next()).done;)e=e.value,f=k+T(e,g++),h+=W(e,b,c,f,d);else if("object"===f){if("function"===typeof a.then)return W(V(a),b,c,e,d);b=String(a);throw Error("Objects are not valid as a React child (found: "+("[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b)+"). If you meant to render a collection of children, use an array instead.");
+}return h}function X(a,b,c){if(null==a)return a;var e=[],d=0;W(a,e,"","",function(f){return b.call(c,f,d++)});return e}function aa(a){if(-1===a._status){var b=a._result;b=b();b.then(function(c){if(0===a._status||-1===a._status)a._status=1,a._result=c},function(c){if(0===a._status||-1===a._status)a._status=2,a._result=c});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}function ba(){return new WeakMap}
+function Y(){return{s:0,v:void 0,o:null,p:null}}function ca(){}var Z="function"===typeof reportError?reportError:function(a){console.error(a)};exports.Children={map:X,forEach:function(a,b,c){X(a,function(){b.apply(this,arguments)},c)},count:function(a){var b=0;X(a,function(){b++});return b},toArray:function(a){return X(a,function(b){return b})||[]},only:function(a){if(!R(a))throw Error("React.Children.only expected to receive a single React element child.");return a}};exports.Component=E;
+exports.Fragment=p;exports.Profiler=r;exports.PureComponent=G;exports.StrictMode=q;exports.Suspense=w;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=M;exports.act=function(){throw Error("act(...) is not supported in production builds of React.");};
+exports.cache=function(a){return function(){var b=K.current;if(!b)return a.apply(null,arguments);var c=b.getCacheForType(ba);b=c.get(a);void 0===b&&(b=Y(),c.set(a,b));c=0;for(var e=arguments.length;c<e;c++){var d=arguments[c];if("function"===typeof d||"object"===typeof d&&null!==d){var f=b.o;null===f&&(b.o=f=new WeakMap);b=f.get(d);void 0===b&&(b=Y(),f.set(d,b))}else f=b.p,null===f&&(b.p=f=new Map),b=f.get(d),void 0===b&&(b=Y(),f.set(d,b))}if(1===b.s)return b.v;if(2===b.s)throw b.v;try{var h=a.apply(null,
+arguments);c=b;c.s=1;return c.v=h}catch(k){throw h=b,h.s=2,h.v=k,k;}}};
+exports.cloneElement=function(a,b,c){if(null===a||void 0===a)throw Error("The argument must be a React element, but you passed "+a+".");var e=C({},a.props),d=a.key,f=a.ref,h=a._owner;if(null!=b){void 0!==b.ref&&(f=b.ref,h=O.current);void 0!==b.key&&(d=""+b.key);if(a.type&&a.type.defaultProps)var k=a.type.defaultProps;for(g in b)N.call(b,g)&&"key"!==g&&"ref"!==g&&"__self"!==g&&"__source"!==g&&(e[g]=void 0===b[g]&&void 0!==k?k[g]:b[g])}var g=arguments.length-2;if(1===g)e.children=c;else if(1<g){k=Array(g);
+for(var m=0;m<g;m++)k[m]=arguments[m+2];e.children=k}return{$$typeof:l,type:a.type,key:d,ref:f,props:e,_owner:h}};exports.createContext=function(a){a={$$typeof:u,_currentValue:a,_currentValue2:a,_threadCount:0,Provider:null,Consumer:null};a.Provider={$$typeof:t,_context:a};return a.Consumer=a};exports.createElement=P;exports.createFactory=function(a){var b=P.bind(null,a);b.type=a;return b};exports.createRef=function(){return{current:null}};exports.forwardRef=function(a){return{$$typeof:v,render:a}};
+exports.isValidElement=R;exports.lazy=function(a){return{$$typeof:y,_payload:{_status:-1,_result:a},_init:aa}};exports.memo=function(a,b){return{$$typeof:x,type:a,compare:void 0===b?null:b}};exports.startTransition=function(a){var b=L.transition,c=new Set;L.transition={_callbacks:c};var e=L.transition;try{var d=a();"object"===typeof d&&null!==d&&"function"===typeof d.then&&(c.forEach(function(f){return f(e,d)}),d.then(ca,Z))}catch(f){Z(f)}finally{L.transition=b}};
+exports.unstable_useCacheRefresh=function(){return J.current.useCacheRefresh()};exports.use=function(a){return J.current.use(a)};exports.useCallback=function(a,b){return J.current.useCallback(a,b)};exports.useContext=function(a){return J.current.useContext(a)};exports.useDebugValue=function(){};exports.useDeferredValue=function(a,b){return J.current.useDeferredValue(a,b)};exports.useEffect=function(a,b){return J.current.useEffect(a,b)};exports.useId=function(){return J.current.useId()};
+exports.useImperativeHandle=function(a,b,c){return J.current.useImperativeHandle(a,b,c)};exports.useInsertionEffect=function(a,b){return J.current.useInsertionEffect(a,b)};exports.useLayoutEffect=function(a,b){return J.current.useLayoutEffect(a,b)};exports.useMemo=function(a,b){return J.current.useMemo(a,b)};exports.useOptimistic=function(a,b){return J.current.useOptimistic(a,b)};exports.useReducer=function(a,b,c){return J.current.useReducer(a,b,c)};exports.useRef=function(a){return J.current.useRef(a)};
+exports.useState=function(a){return J.current.useState(a)};exports.useSyncExternalStore=function(a,b,c){return J.current.useSyncExternalStore(a,b,c)};exports.useTransition=function(){return J.current.useTransition()};exports.version="18.3.0-canary-14898b6a9-20240318";
 
 //# sourceMappingURL=react.production.min.js.map
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
new file mode 100644
index 00000000000000..61447b67103d4a
--- /dev/null
+++ b/packages/next/src/compiled/react/cjs/react.react-server.development.js
@@ -0,0 +1,2375 @@
+/**
+ * @license React
+ * react.react-server.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+if (process.env.NODE_ENV !== "production") {
+  (function() {
+'use strict';
+
+/**
+ * Keeps track of the current dispatcher.
+ */
+var ReactCurrentDispatcher$1 = {
+  current: null
+};
+
+/**
+ * Keeps track of the current owner.
+ *
+ * The current owner is the component who should own any components that are
+ * currently being constructed.
+ */
+var ReactCurrentOwner$1 = {
+  /**
+   * @internal
+   * @type {ReactComponent}
+   */
+  current: null
+};
+
+var ReactDebugCurrentFrame$1 = {};
+var currentExtraStackFrame = null;
+
+{
+  ReactDebugCurrentFrame$1.setExtraStackFrame = function (stack) {
+    {
+      currentExtraStackFrame = stack;
+    }
+  }; // Stack implementation injected by the current renderer.
+
+
+  ReactDebugCurrentFrame$1.getCurrentStack = null;
+
+  ReactDebugCurrentFrame$1.getStackAddendum = function () {
+    var stack = ''; // Add an extra top frame while an element is being validated
+
+    if (currentExtraStackFrame) {
+      stack += currentExtraStackFrame;
+    } // Delegate to the injected renderer-specific implementation
+
+
+    var impl = ReactDebugCurrentFrame$1.getCurrentStack;
+
+    if (impl) {
+      stack += impl() || '';
+    }
+
+    return stack;
+  };
+}
+
+var ReactSharedInternals = {
+  ReactCurrentDispatcher: ReactCurrentDispatcher$1,
+  ReactCurrentOwner: ReactCurrentOwner$1
+};
+
+{
+  ReactSharedInternals.ReactDebugCurrentFrame = ReactDebugCurrentFrame$1;
+}
+
+// by calls to these methods by a Babel plugin.
+//
+// In PROD (or in packages without access to React internals),
+// they are left as they are instead.
+
+function warn(format) {
+  {
+    {
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+        args[_key - 1] = arguments[_key];
+      }
+
+      printWarning('warn', format, args);
+    }
+  }
+}
+function error(format) {
+  {
+    {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+
+      printWarning('error', format, args);
+    }
+  }
+}
+
+function printWarning(level, format, args) {
+  // When changing this logic, you might want to also
+  // update consoleWithStackDev.www.js as well.
+  {
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+    if (stack !== '') {
+      format += '%s';
+      args = args.concat([stack]);
+    } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+    var argsWithFormat = args.map(function (item) {
+      return String(item);
+    }); // Careful: RN currently depends on this prefix
+
+    argsWithFormat.unshift('Warning: ' + format); // We intentionally don't use spread (or .apply) directly because it
+    // breaks IE9: https://github.com/facebook/react/issues/13610
+    // eslint-disable-next-line react-internal/no-production-logging
+
+    Function.prototype.apply.call(console[level], console, argsWithFormat);
+  }
+}
+
+var assign = Object.assign;
+
+// -----------------------------------------------------------------------------
+
+var enableScopeAPI = false; // Experimental Create Event Handle API.
+var enableCacheElement = false;
+var enableTransitionTracing = false; // No known bugs, but needs performance testing
+
+var enableLegacyHidden = false; // Enables unstable_avoidThisFallback feature in Fiber
+var enableRenderableContext = false;
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to false for easier skimming.
+// -----------------------------------------------------------------------------
+
+var __NEXT_MAJOR__ = false; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+var enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+// stuff. Intended to enable React core members to more easily debug scheduling
+// issues in DEV builds.
+
+var enableDebugTracing = false;
+
+/**
+ * Keeps track of the current Cache dispatcher.
+ */
+var ReactCurrentCache = {
+  current: null
+};
+
+function createFetchCache() {
+  return new Map();
+}
+
+var simpleCacheKey = '["GET",[],null,"follow",null,null,null,null]'; // generateCacheKey(new Request('https://blank'));
+
+function generateCacheKey(request) {
+  // We pick the fields that goes into the key used to dedupe requests.
+  // We don't include the `cache` field, because we end up using whatever
+  // caching resulted from the first request.
+  // Notably we currently don't consider non-standard (or future) options.
+  // This might not be safe. TODO: warn for non-standard extensions differing.
+  // IF YOU CHANGE THIS UPDATE THE simpleCacheKey ABOVE.
+  return JSON.stringify([request.method, Array.from(request.headers.entries()), request.mode, request.redirect, request.credentials, request.referrer, request.referrerPolicy, request.integrity]);
+}
+
+{
+  if (typeof fetch === 'function') {
+    var originalFetch = fetch;
+
+    var cachedFetch = function fetch(resource, options) {
+      var dispatcher = ReactCurrentCache.current;
+
+      if (!dispatcher) {
+        // We're outside a cached scope.
+        return originalFetch(resource, options);
+      }
+
+      if (options && options.signal && options.signal !== dispatcher.getCacheSignal()) {
+        // If we're passed a signal that is not ours, then we assume that
+        // someone else controls the lifetime of this object and opts out of
+        // caching. It's effectively the opt-out mechanism.
+        // Ideally we should be able to check this on the Request but
+        // it always gets initialized with its own signal so we don't
+        // know if it's supposed to override - unless we also override the
+        // Request constructor.
+        return originalFetch(resource, options);
+      } // Normalize the Request
+
+
+      var url;
+      var cacheKey;
+
+      if (typeof resource === 'string' && !options) {
+        // Fast path.
+        cacheKey = simpleCacheKey;
+        url = resource;
+      } else {
+        // Normalize the request.
+        // if resource is not a string or a URL (its an instance of Request)
+        // then do not instantiate a new Request but instead
+        // reuse the request as to not disturb the body in the event it's a ReadableStream.
+        var request = typeof resource === 'string' || resource instanceof URL ? new Request(resource, options) : resource;
+
+        if (request.method !== 'GET' && request.method !== 'HEAD' || // $FlowFixMe[prop-missing]: keepalive is real
+        request.keepalive) {
+          // We currently don't dedupe requests that might have side-effects. Those
+          // have to be explicitly cached. We assume that the request doesn't have a
+          // body if it's GET or HEAD.
+          // keepalive gets treated the same as if you passed a custom cache signal.
+          return originalFetch(resource, options);
+        }
+
+        cacheKey = generateCacheKey(request);
+        url = request.url;
+      }
+
+      var cache = dispatcher.getCacheForType(createFetchCache);
+      var cacheEntries = cache.get(url);
+      var match;
+
+      if (cacheEntries === undefined) {
+        // We pass the original arguments here in case normalizing the Request
+        // doesn't include all the options in this environment.
+        match = originalFetch(resource, options);
+        cache.set(url, [cacheKey, match]);
+      } else {
+        // We use an array as the inner data structure since it's lighter and
+        // we typically only expect to see one or two entries here.
+        for (var i = 0, l = cacheEntries.length; i < l; i += 2) {
+          var key = cacheEntries[i];
+          var value = cacheEntries[i + 1];
+
+          if (key === cacheKey) {
+            match = value; // I would've preferred a labelled break but lint says no.
+
+            return match.then(function (response) {
+              return response.clone();
+            });
+          }
+        }
+
+        match = originalFetch(resource, options);
+        cacheEntries.push(cacheKey, match);
+      } // We clone the response so that each time you call this you get a new read
+      // of the body so that it can be read multiple times.
+
+
+      return match.then(function (response) {
+        return response.clone();
+      });
+    }; // We don't expect to see any extra properties on fetch but if there are any,
+    // copy them over. Useful for extended fetch environments or mocks.
+
+
+    assign(cachedFetch, originalFetch);
+
+    try {
+      // eslint-disable-next-line no-native-reassign
+      fetch = cachedFetch;
+    } catch (error1) {
+      try {
+        // In case assigning it globally fails, try globalThis instead just in case it exists.
+        globalThis.fetch = cachedFetch;
+      } catch (error2) {
+        // Log even in production just to make sure this is seen if only prod is frozen.
+        // eslint-disable-next-line react-internal/no-production-logging
+        warn('React was unable to patch the fetch() function in this environment. ' + 'Suspensey APIs might not work correctly as a result.');
+      }
+    }
+  }
+}
+
+var ReactServerSharedInternals = {
+  ReactCurrentCache: ReactCurrentCache
+};
+
+var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+var REACT_ELEMENT_TYPE = Symbol.for('react.element');
+var REACT_PORTAL_TYPE = Symbol.for('react.portal');
+var REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+var REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+var REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+var REACT_PROVIDER_TYPE = Symbol.for('react.provider'); // TODO: Delete with enableRenderableContext
+
+var REACT_CONSUMER_TYPE = Symbol.for('react.consumer');
+var REACT_CONTEXT_TYPE = Symbol.for('react.context');
+var REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+var REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+var REACT_SUSPENSE_LIST_TYPE = Symbol.for('react.suspense_list');
+var REACT_MEMO_TYPE = Symbol.for('react.memo');
+var REACT_LAZY_TYPE = Symbol.for('react.lazy');
+var REACT_OFFSCREEN_TYPE = Symbol.for('react.offscreen');
+var REACT_CACHE_TYPE = Symbol.for('react.cache');
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+var FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  var maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+/*
+ * The `'' + value` pattern (used in perf-sensitive code) throws for Symbol
+ * and Temporal.* types. See https://github.com/facebook/react/pull/22064.
+ *
+ * The functions in this module will throw an easier-to-understand,
+ * easier-to-debug exception with a clear errors message message explaining the
+ * problem. (Instead of a confusing exception thrown inside the implementation
+ * of the `value` object).
+ */
+// $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+function typeName(value) {
+  {
+    // toStringTag is needed for namespaced types like Temporal.Instant
+    var hasToStringTag = typeof Symbol === 'function' && Symbol.toStringTag;
+    var type = hasToStringTag && value[Symbol.toStringTag] || value.constructor.name || 'Object'; // $FlowFixMe[incompatible-return]
+
+    return type;
+  }
+} // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
+
+
+function willCoercionThrow(value) {
+  {
+    try {
+      testStringCoercion(value);
+      return false;
+    } catch (e) {
+      return true;
+    }
+  }
+}
+
+function testStringCoercion(value) {
+  // If you ended up here by following an exception call stack, here's what's
+  // happened: you supplied an object or symbol value to React (as a prop, key,
+  // DOM attribute, CSS property, string ref, etc.) and when React tried to
+  // coerce it to a string using `'' + value`, an exception was thrown.
+  //
+  // The most common types that will cause this exception are `Symbol` instances
+  // and Temporal objects like `Temporal.Instant`. But any object that has a
+  // `valueOf` or `[Symbol.toPrimitive]` method that throws will also cause this
+  // exception. (Library authors do this to prevent users from using built-in
+  // numeric operators like `+` or comparison operators like `>=` because custom
+  // methods are needed to perform accurate arithmetic or comparison.)
+  //
+  // To fix the problem, coerce this object or symbol value to a string before
+  // passing it to React. The most reliable way is usually `String(value)`.
+  //
+  // To find which value is throwing, check the browser or debugger console.
+  // Before this exception was thrown, there should be `console.error` output
+  // that shows the type (Symbol, Temporal.PlainDate, etc.) that caused the
+  // problem and how that type was used: key, atrribute, input value prop, etc.
+  // In most cases, this console output also shows the component and its
+  // ancestor components where the exception happened.
+  //
+  // eslint-disable-next-line react-internal/safe-string-coercion
+  return '' + value;
+}
+function checkKeyStringCoercion(value) {
+  {
+    if (willCoercionThrow(value)) {
+      error('The provided key is an unsupported type %s.' + ' This value must be coerced to a string before using it here.', typeName(value));
+
+      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    }
+  }
+}
+
+function getWrappedName(outerType, innerType, wrapperName) {
+  var displayName = outerType.displayName;
+
+  if (displayName) {
+    return displayName;
+  }
+
+  var functionName = innerType.displayName || innerType.name || '';
+  return functionName !== '' ? wrapperName + "(" + functionName + ")" : wrapperName;
+} // Keep in sync with react-reconciler/getComponentNameFromFiber
+
+
+function getContextName(type) {
+  return type.displayName || 'Context';
+}
+
+var REACT_CLIENT_REFERENCE$2 = Symbol.for('react.client.reference'); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
+
+function getComponentNameFromType(type) {
+  if (type == null) {
+    // Host root, text node or just invalid type.
+    return null;
+  }
+
+  if (typeof type === 'function') {
+    if (type.$$typeof === REACT_CLIENT_REFERENCE$2) {
+      // TODO: Create a convention for naming client references with debug info.
+      return null;
+    }
+
+    return type.displayName || type.name || null;
+  }
+
+  if (typeof type === 'string') {
+    return type;
+  }
+
+  switch (type) {
+    case REACT_FRAGMENT_TYPE:
+      return 'Fragment';
+
+    case REACT_PORTAL_TYPE:
+      return 'Portal';
+
+    case REACT_PROFILER_TYPE:
+      return 'Profiler';
+
+    case REACT_STRICT_MODE_TYPE:
+      return 'StrictMode';
+
+    case REACT_SUSPENSE_TYPE:
+      return 'Suspense';
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return 'SuspenseList';
+
+    case REACT_CACHE_TYPE:
+      {
+        return 'Cache';
+      }
+
+  }
+
+  if (typeof type === 'object') {
+    {
+      if (typeof type.tag === 'number') {
+        error('Received an unexpected object in getComponentNameFromType(). ' + 'This is likely a bug in React. Please file an issue.');
+      }
+    }
+
+    switch (type.$$typeof) {
+      case REACT_PROVIDER_TYPE:
+        {
+          var provider = type;
+          return getContextName(provider._context) + '.Provider';
+        }
+
+      case REACT_CONTEXT_TYPE:
+        var context = type;
+
+        {
+          return getContextName(context) + '.Consumer';
+        }
+
+      case REACT_CONSUMER_TYPE:
+        {
+          return null;
+        }
+
+      case REACT_FORWARD_REF_TYPE:
+        return getWrappedName(type, type.render, 'ForwardRef');
+
+      case REACT_MEMO_TYPE:
+        var outerName = type.displayName || null;
+
+        if (outerName !== null) {
+          return outerName;
+        }
+
+        return getComponentNameFromType(type.type) || 'Memo';
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            return getComponentNameFromType(init(payload));
+          } catch (x) {
+            return null;
+          }
+        }
+    }
+  }
+
+  return null;
+}
+
+// $FlowFixMe[method-unbinding]
+var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+var REACT_CLIENT_REFERENCE$1 = Symbol.for('react.client.reference');
+function isValidElementType(type) {
+  if (typeof type === 'string' || typeof type === 'function') {
+    return true;
+  } // Note: typeof might be other than 'symbol' or 'number' (e.g. if it's a polyfill).
+
+
+  if (type === REACT_FRAGMENT_TYPE || type === REACT_PROFILER_TYPE || enableDebugTracing  || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || enableLegacyHidden  || type === REACT_OFFSCREEN_TYPE || enableScopeAPI  || enableCacheElement  || enableTransitionTracing ) {
+    return true;
+  }
+
+  if (typeof type === 'object' && type !== null) {
+    if (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || enableRenderableContext  || type.$$typeof === REACT_FORWARD_REF_TYPE || // This needs to include all possible module reference object
+    // types supported by any Flight configuration anywhere since
+    // we don't know which Flight build this will end up being used
+    // with.
+    type.$$typeof === REACT_CLIENT_REFERENCE$1 || type.getModuleId !== undefined) {
+      return true;
+    }
+  }
+
+  return false;
+}
+
+// Helpers to patch console.logs to avoid logging during side-effect free
+// replaying on render function. This currently only patches the object
+// lazily which won't cover if the log function was extracted eagerly.
+// We could also eagerly patch the method.
+var disabledDepth = 0;
+var prevLog;
+var prevInfo;
+var prevWarn;
+var prevError;
+var prevGroup;
+var prevGroupCollapsed;
+var prevGroupEnd;
+
+function disabledLog() {}
+
+disabledLog.__reactDisabledLog = true;
+function disableLogs() {
+  {
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      prevLog = console.log;
+      prevInfo = console.info;
+      prevWarn = console.warn;
+      prevError = console.error;
+      prevGroup = console.group;
+      prevGroupCollapsed = console.groupCollapsed;
+      prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+      var props = {
+        configurable: true,
+        enumerable: true,
+        value: disabledLog,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        info: props,
+        log: props,
+        warn: props,
+        error: props,
+        group: props,
+        groupCollapsed: props,
+        groupEnd: props
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    disabledDepth++;
+  }
+}
+function reenableLogs() {
+  {
+    disabledDepth--;
+
+    if (disabledDepth === 0) {
+      /* eslint-disable react-internal/no-production-logging */
+      var props = {
+        configurable: true,
+        enumerable: true,
+        writable: true
+      }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+      Object.defineProperties(console, {
+        log: assign({}, props, {
+          value: prevLog
+        }),
+        info: assign({}, props, {
+          value: prevInfo
+        }),
+        warn: assign({}, props, {
+          value: prevWarn
+        }),
+        error: assign({}, props, {
+          value: prevError
+        }),
+        group: assign({}, props, {
+          value: prevGroup
+        }),
+        groupCollapsed: assign({}, props, {
+          value: prevGroupCollapsed
+        }),
+        groupEnd: assign({}, props, {
+          value: prevGroupEnd
+        })
+      });
+      /* eslint-enable react-internal/no-production-logging */
+    }
+
+    if (disabledDepth < 0) {
+      error('disabledDepth fell below zero. ' + 'This is a bug in React. Please file an issue.');
+    }
+  }
+}
+
+var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+var prefix;
+function describeBuiltInComponentFrame(name, ownerFn) {
+  {
+    if (prefix === undefined) {
+      // Extract the VM specific prefix used by each line.
+      try {
+        throw Error();
+      } catch (x) {
+        var match = x.stack.trim().match(/\n( *(at )?)/);
+        prefix = match && match[1] || '';
+      }
+    } // We use the prefix to ensure our stacks line up with native stack frames.
+
+
+    return '\n' + prefix + name;
+  }
+}
+var reentry = false;
+var componentFrameCache;
+
+{
+  var PossiblyWeakMap = typeof WeakMap === 'function' ? WeakMap : Map;
+  componentFrameCache = new PossiblyWeakMap();
+}
+/**
+ * Leverages native browser/VM stack frames to get proper details (e.g.
+ * filename, line + col number) for a single component in a component stack. We
+ * do this by:
+ *   (1) throwing and catching an error in the function - this will be our
+ *       control error.
+ *   (2) calling the component which will eventually throw an error that we'll
+ *       catch - this will be our sample error.
+ *   (3) diffing the control and sample error stacks to find the stack frame
+ *       which represents our component.
+ */
+
+
+function describeNativeComponentFrame(fn, construct) {
+  // If something asked for a stack inside a fake render, it should get ignored.
+  if (!fn || reentry) {
+    return '';
+  }
+
+  {
+    var frame = componentFrameCache.get(fn);
+
+    if (frame !== undefined) {
+      return frame;
+    }
+  }
+
+  reentry = true;
+  var previousPrepareStackTrace = Error.prepareStackTrace; // $FlowFixMe[incompatible-type] It does accept undefined.
+
+  Error.prepareStackTrace = undefined;
+  var previousDispatcher;
+
+  {
+    previousDispatcher = ReactCurrentDispatcher.current; // Set the dispatcher in DEV because this might be call in the render function
+    // for warnings.
+
+    ReactCurrentDispatcher.current = null;
+    disableLogs();
+  }
+  /**
+   * Finding a common stack frame between sample and control errors can be
+   * tricky given the different types and levels of stack trace truncation from
+   * different JS VMs. So instead we'll attempt to control what that common
+   * frame should be through this object method:
+   * Having both the sample and control errors be in the function under the
+   * `DescribeNativeComponentFrameRoot` property, + setting the `name` and
+   * `displayName` properties of the function ensures that a stack
+   * frame exists that has the method name `DescribeNativeComponentFrameRoot` in
+   * it for both control and sample stacks.
+   */
+
+
+  var RunInRootFrame = {
+    DetermineComponentFrameRoot: function () {
+      var control;
+
+      try {
+        // This should throw.
+        if (construct) {
+          // Something should be setting the props in the constructor.
+          var Fake = function () {
+            throw Error();
+          }; // $FlowFixMe[prop-missing]
+
+
+          Object.defineProperty(Fake.prototype, 'props', {
+            set: function () {
+              // We use a throwing setter instead of frozen or non-writable props
+              // because that won't throw in a non-strict mode function.
+              throw Error();
+            }
+          });
+
+          if (typeof Reflect === 'object' && Reflect.construct) {
+            // We construct a different control for this case to include any extra
+            // frames added by the construct call.
+            try {
+              Reflect.construct(Fake, []);
+            } catch (x) {
+              control = x;
+            }
+
+            Reflect.construct(fn, [], Fake);
+          } else {
+            try {
+              Fake.call();
+            } catch (x) {
+              control = x;
+            } // $FlowFixMe[prop-missing] found when upgrading Flow
+
+
+            fn.call(Fake.prototype);
+          }
+        } else {
+          try {
+            throw Error();
+          } catch (x) {
+            control = x;
+          } // TODO(luna): This will currently only throw if the function component
+          // tries to access React/ReactDOM/props. We should probably make this throw
+          // in simple components too
+
+
+          var maybePromise = fn(); // If the function component returns a promise, it's likely an async
+          // component, which we don't yet support. Attach a noop catch handler to
+          // silence the error.
+          // TODO: Implement component stacks for async client components?
+
+          if (maybePromise && typeof maybePromise.catch === 'function') {
+            maybePromise.catch(function () {});
+          }
+        }
+      } catch (sample) {
+        // This is inlined manually because closure doesn't do it for us.
+        if (sample && control && typeof sample.stack === 'string') {
+          return [sample.stack, control.stack];
+        }
+      }
+
+      return [null, null];
+    }
+  }; // $FlowFixMe[prop-missing]
+
+  RunInRootFrame.DetermineComponentFrameRoot.displayName = 'DetermineComponentFrameRoot';
+  var namePropDescriptor = Object.getOwnPropertyDescriptor(RunInRootFrame.DetermineComponentFrameRoot, 'name'); // Before ES6, the `name` property was not configurable.
+
+  if (namePropDescriptor && namePropDescriptor.configurable) {
+    // V8 utilizes a function's `name` property when generating a stack trace.
+    Object.defineProperty(RunInRootFrame.DetermineComponentFrameRoot, // Configurable properties can be updated even if its writable descriptor
+    // is set to `false`.
+    // $FlowFixMe[cannot-write]
+    'name', {
+      value: 'DetermineComponentFrameRoot'
+    });
+  }
+
+  try {
+    var _RunInRootFrame$Deter = RunInRootFrame.DetermineComponentFrameRoot(),
+        sampleStack = _RunInRootFrame$Deter[0],
+        controlStack = _RunInRootFrame$Deter[1];
+
+    if (sampleStack && controlStack) {
+      // This extracts the first frame from the sample that isn't also in the control.
+      // Skipping one frame that we assume is the frame that calls the two.
+      var sampleLines = sampleStack.split('\n');
+      var controlLines = controlStack.split('\n');
+      var s = 0;
+      var c = 0;
+
+      while (s < sampleLines.length && !sampleLines[s].includes('DetermineComponentFrameRoot')) {
+        s++;
+      }
+
+      while (c < controlLines.length && !controlLines[c].includes('DetermineComponentFrameRoot')) {
+        c++;
+      } // We couldn't find our intentionally injected common root frame, attempt
+      // to find another common root frame by search from the bottom of the
+      // control stack...
+
+
+      if (s === sampleLines.length || c === controlLines.length) {
+        s = sampleLines.length - 1;
+        c = controlLines.length - 1;
+
+        while (s >= 1 && c >= 0 && sampleLines[s] !== controlLines[c]) {
+          // We expect at least one stack frame to be shared.
+          // Typically this will be the root most one. However, stack frames may be
+          // cut off due to maximum stack limits. In this case, one maybe cut off
+          // earlier than the other. We assume that the sample is longer or the same
+          // and there for cut off earlier. So we should find the root most frame in
+          // the sample somewhere in the control.
+          c--;
+        }
+      }
+
+      for (; s >= 1 && c >= 0; s--, c--) {
+        // Next we find the first one that isn't the same which should be the
+        // frame that called our sample function and the control.
+        if (sampleLines[s] !== controlLines[c]) {
+          // In V8, the first line is describing the message but other VMs don't.
+          // If we're about to return the first line, and the control is also on the same
+          // line, that's a pretty good indicator that our sample threw at same line as
+          // the control. I.e. before we entered the sample frame. So we ignore this result.
+          // This can happen if you passed a class to function component, or non-function.
+          if (s !== 1 || c !== 1) {
+            do {
+              s--;
+              c--; // We may still have similar intermediate frames from the construct call.
+              // The next one that isn't the same should be our match though.
+
+              if (c < 0 || sampleLines[s] !== controlLines[c]) {
+                // V8 adds a "new" prefix for native classes. Let's remove it to make it prettier.
+                var _frame = '\n' + sampleLines[s].replace(' at new ', ' at '); // If our component frame is labeled "<anonymous>"
+                // but we have a user-provided "displayName"
+                // splice it in to make the stack more readable.
+
+
+                if (fn.displayName && _frame.includes('<anonymous>')) {
+                  _frame = _frame.replace('<anonymous>', fn.displayName);
+                }
+
+                if (true) {
+                  if (typeof fn === 'function') {
+                    componentFrameCache.set(fn, _frame);
+                  }
+                } // Return the line we found.
+
+
+                return _frame;
+              }
+            } while (s >= 1 && c >= 0);
+          }
+
+          break;
+        }
+      }
+    }
+  } finally {
+    reentry = false;
+
+    {
+      ReactCurrentDispatcher.current = previousDispatcher;
+      reenableLogs();
+    }
+
+    Error.prepareStackTrace = previousPrepareStackTrace;
+  } // Fallback to just using the name if we couldn't make it throw.
+
+
+  var name = fn ? fn.displayName || fn.name : '';
+  var syntheticFrame = name ? describeBuiltInComponentFrame(name) : '';
+
+  {
+    if (typeof fn === 'function') {
+      componentFrameCache.set(fn, syntheticFrame);
+    }
+  }
+
+  return syntheticFrame;
+}
+function describeFunctionComponentFrame(fn, ownerFn) {
+  {
+    return describeNativeComponentFrame(fn, false);
+  }
+}
+
+function shouldConstruct(Component) {
+  var prototype = Component.prototype;
+  return !!(prototype && prototype.isReactComponent);
+}
+
+function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
+
+  if (type == null) {
+    return '';
+  }
+
+  if (typeof type === 'function') {
+    {
+      return describeNativeComponentFrame(type, shouldConstruct(type));
+    }
+  }
+
+  if (typeof type === 'string') {
+    return describeBuiltInComponentFrame(type);
+  }
+
+  switch (type) {
+    case REACT_SUSPENSE_TYPE:
+      return describeBuiltInComponentFrame('Suspense');
+
+    case REACT_SUSPENSE_LIST_TYPE:
+      return describeBuiltInComponentFrame('SuspenseList');
+  }
+
+  if (typeof type === 'object') {
+    switch (type.$$typeof) {
+      case REACT_FORWARD_REF_TYPE:
+        return describeFunctionComponentFrame(type.render);
+
+      case REACT_MEMO_TYPE:
+        // Memo may contain any component type so we recursively resolve it.
+        return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
+
+      case REACT_LAZY_TYPE:
+        {
+          var lazyComponent = type;
+          var payload = lazyComponent._payload;
+          var init = lazyComponent._init;
+
+          try {
+            // Lazy may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(init(payload), ownerFn);
+          } catch (x) {}
+        }
+    }
+  }
+
+  return '';
+}
+
+var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+var REACT_CLIENT_REFERENCE = Symbol.for('react.client.reference');
+var specialPropKeyWarningShown;
+var specialPropRefWarningShown;
+var didWarnAboutStringRefs;
+
+{
+  didWarnAboutStringRefs = {};
+}
+
+function hasValidRef(config) {
+  {
+    if (hasOwnProperty.call(config, 'ref')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'ref').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.ref !== undefined;
+}
+
+function hasValidKey(config) {
+  {
+    if (hasOwnProperty.call(config, 'key')) {
+      var getter = Object.getOwnPropertyDescriptor(config, 'key').get;
+
+      if (getter && getter.isReactWarning) {
+        return false;
+      }
+    }
+  }
+
+  return config.key !== undefined;
+}
+
+function warnIfStringRefCannotBeAutoConverted(config, self) {
+  {
+    if (typeof config.ref === 'string' && ReactCurrentOwner.current && self && ReactCurrentOwner.current.stateNode !== self) {
+      var componentName = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (!didWarnAboutStringRefs[componentName]) {
+        error('Component "%s" contains the string ref "%s". ' + 'Support for string refs will be removed in a future major release. ' + 'This case cannot be automatically converted to an arrow function. ' + 'We ask you to manually fix this case by using useRef() or createRef() instead. ' + 'Learn more about using refs safely here: ' + 'https://reactjs.org/link/strict-mode-string-ref', getComponentNameFromType(ReactCurrentOwner.current.type), config.ref);
+
+        didWarnAboutStringRefs[componentName] = true;
+      }
+    }
+  }
+}
+
+function defineKeyPropWarningGetter(props, displayName) {
+  {
+    var warnAboutAccessingKey = function () {
+      if (!specialPropKeyWarningShown) {
+        specialPropKeyWarningShown = true;
+
+        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://reactjs.org/link/special-props)', displayName);
+      }
+    };
+
+    warnAboutAccessingKey.isReactWarning = true;
+    Object.defineProperty(props, 'key', {
+      get: warnAboutAccessingKey,
+      configurable: true
+    });
+  }
+}
+
+function defineRefPropWarningGetter(props, displayName) {
+  {
+    {
+      var warnAboutAccessingRef = function () {
+        if (!specialPropRefWarningShown) {
+          specialPropRefWarningShown = true;
+
+          error('%s: `ref` 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://reactjs.org/link/special-props)', displayName);
+        }
+      };
+
+      warnAboutAccessingRef.isReactWarning = true;
+      Object.defineProperty(props, 'ref', {
+        get: warnAboutAccessingRef,
+        configurable: true
+      });
+    }
+  }
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  var ref;
+
+  {
+    ref = _ref;
+  }
+
+  var element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type: type,
+      key: key,
+      ref: ref,
+      props: props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
+
+  {
+    // The validation flag is currently mutative. We put it on
+    // an external backing store so that we can freeze the whole object.
+    // This can be replaced with a WeakMap once they are implemented in
+    // commonly used development environments.
+    element._store = {}; // To make comparing ReactElements easier for testing purposes, we make
+    // the validation flag non-enumerable (where possible, which should
+    // include every environment we run tests in), so the test framework
+    // ignores it.
+
+    Object.defineProperty(element._store, 'validated', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: false
+    }); // debugInfo contains Server Component debug information.
+
+    Object.defineProperty(element, '_debugInfo', {
+      configurable: false,
+      enumerable: false,
+      writable: true,
+      value: null
+    });
+
+    if (Object.freeze) {
+      Object.freeze(element.props);
+      Object.freeze(element);
+    }
+  }
+
+  return element;
+}
+/**
+ * Create and return a new ReactElement of the given type.
+ * See https://reactjs.org/docs/react-api.html#createelement
+ */
+
+function createElement(type, config, children) {
+  {
+    if (!isValidElementType(type)) {
+      // This is an invalid element type.
+      //
+      // We warn in this case but don't throw. We expect the element creation to
+      // succeed and there will likely be errors in render.
+      var info = '';
+
+      if (type === undefined || typeof type === 'object' && type !== null && Object.keys(type).length === 0) {
+        info += ' You likely forgot to export your component from the file ' + "it's defined in, or you might have mixed up default and named imports.";
+      }
+
+      var typeString;
+
+      if (type === null) {
+        typeString = 'null';
+      } else if (isArray(type)) {
+        typeString = 'array';
+      } else if (type !== undefined && type.$$typeof === REACT_ELEMENT_TYPE) {
+        typeString = "<" + (getComponentNameFromType(type.type) || 'Unknown') + " />";
+        info = ' Did you accidentally export a JSX literal instead of a component?';
+      } else {
+        typeString = typeof type;
+      }
+
+      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, info);
+    } else {
+      // This is a valid element type.
+      // Skip key warning if the type isn't valid since our key validation logic
+      // doesn't expect a non-string/function type and can throw confusing
+      // errors. We don't want exception behavior to differ between dev and
+      // prod. (Rendering will throw with a helpful message and as soon as the
+      // type is fixed, the key warnings will appear.)
+      for (var i = 2; i < arguments.length; i++) {
+        validateChildKeys(arguments[i], type);
+      }
+    } // Unlike the jsx() runtime, createElement() doesn't warn about key spread.
+
+  }
+
+  var propName; // Reserved names are extracted
+
+  var props = {};
+  var key = null;
+  var ref = null;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+      {
+        ref = config.ref;
+      }
+
+      {
+        warnIfStringRefCannotBeAutoConverted(config, config.__self);
+      }
+    }
+
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
+
+      key = '' + config.key;
+    } // Remaining properties are added to a new props object
+
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
+        props[propName] = config[propName];
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  var childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
+
+    for (var _i = 0; _i < childrenLength; _i++) {
+      childArray[_i] = arguments[_i + 2];
+    }
+
+    {
+      if (Object.freeze) {
+        Object.freeze(childArray);
+      }
+    }
+
+    props.children = childArray;
+  } // Resolve default props
+
+
+  if (type && type.defaultProps) {
+    var defaultProps = type.defaultProps;
+
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+  }
+
+  {
+    if (key || ref) {
+      var displayName = typeof type === 'function' ? type.displayName || type.name || 'Unknown' : type;
+
+      if (key) {
+        defineKeyPropWarningGetter(props, displayName);
+      }
+
+      if (ref) {
+        defineRefPropWarningGetter(props, displayName);
+      }
+    }
+  }
+
+  var element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+
+  if (type === REACT_FRAGMENT_TYPE) {
+    validateFragmentProps(element);
+  }
+
+  return element;
+}
+function cloneAndReplaceKey(oldElement, newKey) {
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  oldElement.ref, undefined, undefined, oldElement._owner, oldElement.props);
+}
+/**
+ * Clone and return a new ReactElement using element as the starting point.
+ * See https://reactjs.org/docs/react-api.html#cloneelement
+ */
+
+function cloneElement(element, config, children) {
+  if (element === null || element === undefined) {
+    throw new Error("The argument must be a React element, but you passed " + element + ".");
+  }
+
+  var propName; // Original props are copied
+
+  var props = assign({}, element.props); // Reserved names are extracted
+
+  var key = element.key;
+  var ref = element.ref; // Owner will be preserved, unless ref is overridden
+
+  var owner = element._owner;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+      {
+        // Silently steal the ref from the parent.
+        ref = config.ref;
+      }
+
+      owner = ReactCurrentOwner.current;
+    }
+
+    if (hasValidKey(config)) {
+      {
+        checkKeyStringCoercion(config.key);
+      }
+
+      key = '' + config.key;
+    } // Remaining properties override existing props
+
+
+    var defaultProps;
+
+    if (element.type && element.type.defaultProps) {
+      defaultProps = element.type.defaultProps;
+    }
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(enableRefAsProp  )) {
+        if (config[propName] === undefined && defaultProps !== undefined) {
+          // Resolve default props
+          props[propName] = defaultProps[propName];
+        } else {
+          props[propName] = config[propName];
+        }
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  var childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    var childArray = Array(childrenLength);
+
+    for (var i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
+    }
+
+    props.children = childArray;
+  }
+
+  var clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
+
+  for (var _i2 = 2; _i2 < arguments.length; _i2++) {
+    validateChildKeys(arguments[_i2], clonedElement.type);
+  }
+
+  return clonedElement;
+}
+
+function getDeclarationErrorAddendum() {
+  {
+    if (ReactCurrentOwner.current) {
+      var name = getComponentNameFromType(ReactCurrentOwner.current.type);
+
+      if (name) {
+        return '\n\nCheck the render method of `' + name + '`.';
+      }
+    }
+
+    return '';
+  }
+}
+/**
+ * Ensure that every element either is passed in a static location, in an
+ * array with an explicit keys property defined, or in an object literal
+ * with valid key property.
+ *
+ * @internal
+ * @param {ReactNode} node Statically passed child of any type.
+ * @param {*} parentType node's parent's type.
+ */
+
+
+function validateChildKeys(node, parentType) {
+  {
+    if (typeof node !== 'object' || !node) {
+      return;
+    }
+
+    if (node.$$typeof === REACT_CLIENT_REFERENCE) ; else if (isArray(node)) {
+      for (var i = 0; i < node.length; i++) {
+        var child = node[i];
+
+        if (isValidElement(child)) {
+          validateExplicitKey(child, parentType);
+        }
+      }
+    } else if (isValidElement(node)) {
+      // This element was passed in a valid location.
+      if (node._store) {
+        node._store.validated = true;
+      }
+    } else {
+      var iteratorFn = getIteratorFn(node);
+
+      if (typeof iteratorFn === 'function') {
+        // Entry iterators used to provide implicit keys,
+        // but now we print a separate warning for them later.
+        if (iteratorFn !== node.entries) {
+          var iterator = iteratorFn.call(node);
+          var step;
+
+          while (!(step = iterator.next()).done) {
+            if (isValidElement(step.value)) {
+              validateExplicitKey(step.value, parentType);
+            }
+          }
+        }
+      }
+    }
+  }
+}
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
+
+
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+var ownerHasKeyUseWarning = {};
+/**
+ * Warn if the element doesn't have an explicit key assigned to it.
+ * This element is in an array. The array could grow and shrink or be
+ * reordered. All children that haven't already been validated are required to
+ * have a "key" property assigned to it. Error statuses are cached so a warning
+ * will only be shown once.
+ *
+ * @internal
+ * @param {ReactElement} element Element that requires a key.
+ * @param {*} parentType element's parent's type.
+ */
+
+function validateExplicitKey(element, parentType) {
+  {
+    if (!element._store || element._store.validated || element.key != null) {
+      return;
+    }
+
+    element._store.validated = true;
+    var currentComponentErrorInfo = getCurrentComponentErrorInfo(parentType);
+
+    if (ownerHasKeyUseWarning[currentComponentErrorInfo]) {
+      return;
+    }
+
+    ownerHasKeyUseWarning[currentComponentErrorInfo] = true; // Usually the current owner is the offender, but if it accepts children as a
+    // property, it may be the creator of the child that's responsible for
+    // assigning it a key.
+
+    var childOwner = '';
+
+    if (element && element._owner && element._owner !== ReactCurrentOwner.current) {
+      // Give the component that originally created this child.
+      childOwner = " It was passed a child from " + getComponentNameFromType(element._owner.type) + ".";
+    }
+
+    setCurrentlyValidatingElement(element);
+
+    error('Each child in a list should have a unique "key" prop.' + '%s%s See https://reactjs.org/link/warning-keys for more information.', currentComponentErrorInfo, childOwner);
+
+    setCurrentlyValidatingElement(null);
+  }
+}
+
+function setCurrentlyValidatingElement(element) {
+  {
+    if (element) {
+      var owner = element._owner;
+      var stack = describeUnknownElementTypeFrameInDEV(element.type, owner ? owner.type : null);
+      ReactDebugCurrentFrame.setExtraStackFrame(stack);
+    } else {
+      ReactDebugCurrentFrame.setExtraStackFrame(null);
+    }
+  }
+}
+
+function getCurrentComponentErrorInfo(parentType) {
+  {
+    var info = getDeclarationErrorAddendum();
+
+    if (!info) {
+      var parentName = getComponentNameFromType(parentType);
+
+      if (parentName) {
+        info = "\n\nCheck the top-level render call using <" + parentName + ">.";
+      }
+    }
+
+    return info;
+  }
+}
+/**
+ * Given a fragment, validate that it can only be provided with fragment props
+ * @param {ReactElement} fragment
+ */
+
+
+function validateFragmentProps(fragment) {
+  // TODO: Move this to render phase instead of at element creation.
+  {
+    var keys = Object.keys(fragment.props);
+
+    for (var i = 0; i < keys.length; i++) {
+      var key = keys[i];
+
+      if (key !== 'children' && key !== 'key') {
+        setCurrentlyValidatingElement(fragment);
+
+        error('Invalid prop `%s` supplied to `React.Fragment`. ' + 'React.Fragment can only have `key` and `children` props.', key);
+
+        setCurrentlyValidatingElement(null);
+        break;
+      }
+    }
+
+    if (fragment.ref !== null) {
+      setCurrentlyValidatingElement(fragment);
+
+      error('Invalid attribute `ref` supplied to `React.Fragment`.');
+
+      setCurrentlyValidatingElement(null);
+    }
+  }
+}
+
+var SEPARATOR = '.';
+var SUBSEPARATOR = ':';
+/**
+ * Escape and wrap key so it is safe to use as a reactid
+ *
+ * @param {string} key to be escaped.
+ * @return {string} the escaped key.
+ */
+
+function escape(key) {
+  var escapeRegex = /[=:]/g;
+  var escaperLookup = {
+    '=': '=0',
+    ':': '=2'
+  };
+  var escapedString = key.replace(escapeRegex, function (match) {
+    return escaperLookup[match];
+  });
+  return '$' + escapedString;
+}
+/**
+ * TODO: Test that a single child and an array with one item have the same key
+ * pattern.
+ */
+
+
+var didWarnAboutMaps = false;
+var userProvidedKeyEscapeRegex = /\/+/g;
+
+function escapeUserProvidedKey(text) {
+  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+}
+/**
+ * Generate a key string that identifies a element within a set.
+ *
+ * @param {*} element A element that could contain a manual key.
+ * @param {number} index Index that is used if a manual key is not provided.
+ * @return {string}
+ */
+
+
+function getElementKey(element, index) {
+  // Do some typechecking here since we call this blindly. We want to ensure
+  // that we don't block potential future ES APIs.
+  if (typeof element === 'object' && element !== null && element.key != null) {
+    // Explicit key
+    {
+      checkKeyStringCoercion(element.key);
+    }
+
+    return escape('' + element.key);
+  } // Implicit key determined by the index in the set
+
+
+  return index.toString(36);
+}
+
+function noop$1() {}
+
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        var fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        var rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          var pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(function (fulfilledValue) {
+            if (thenable.status === 'pending') {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, function (error) {
+            if (thenable.status === 'pending') {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
+
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              var fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              var rejectedThenable = thenable;
+              var _rejectedError = rejectedThenable.reason;
+              throw _rejectedError;
+            }
+        }
+      }
+  }
+
+  throw thenable;
+}
+
+function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  var type = typeof children;
+
+  if (type === 'undefined' || type === 'boolean') {
+    // All of the above are perceived as null.
+    children = null;
+  }
+
+  var invokeCallback = false;
+
+  if (children === null) {
+    invokeCallback = true;
+  } else {
+    switch (type) {
+      case 'string':
+      case 'number':
+        invokeCallback = true;
+        break;
+
+      case 'object':
+        switch (children.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+          case REACT_PORTAL_TYPE:
+            invokeCallback = true;
+            break;
+
+          case REACT_LAZY_TYPE:
+            var payload = children._payload;
+            var init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
+        }
+
+    }
+  }
+
+  if (invokeCallback) {
+    var _child = children;
+    var mappedChild = callback(_child); // If it's the only child, treat the name as if it was wrapped in an array
+    // so that it's consistent if the number of children grows:
+
+    var childKey = nameSoFar === '' ? SEPARATOR + getElementKey(_child, 0) : nameSoFar;
+
+    if (isArray(mappedChild)) {
+      var escapedChildKey = '';
+
+      if (childKey != null) {
+        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
+      }
+
+      mapIntoArray(mappedChild, array, escapedChildKey, '', function (c) {
+        return c;
+      });
+    } else if (mappedChild != null) {
+      if (isValidElement(mappedChild)) {
+        {
+          // The `if` statement here prevents auto-disabling of the safe
+          // coercion ESLint rule, so we must manually disable it below.
+          // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+          if (mappedChild.key && (!_child || _child.key !== mappedChild.key)) {
+            checkKeyStringCoercion(mappedChild.key);
+          }
+        }
+
+        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
+        // traverseAllChildren used to do for objects as children
+        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+        mappedChild.key && (!_child || _child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
+        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
+        ) + '/' : '') + childKey);
+      }
+
+      array.push(mappedChild);
+    }
+
+    return 1;
+  }
+
+  var child;
+  var nextName;
+  var subtreeCount = 0; // Count of children found in the current subtree.
+
+  var nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+
+  if (isArray(children)) {
+    for (var i = 0; i < children.length; i++) {
+      child = children[i];
+      nextName = nextNamePrefix + getElementKey(child, i);
+      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+    }
+  } else {
+    var iteratorFn = getIteratorFn(children);
+
+    if (typeof iteratorFn === 'function') {
+      var iterableChildren = children;
+
+      {
+        // Warn about using Maps as children
+        if (iteratorFn === iterableChildren.entries) {
+          if (!didWarnAboutMaps) {
+            warn('Using Maps as children is not supported. ' + 'Use an array of keyed ReactElements instead.');
+          }
+
+          didWarnAboutMaps = true;
+        }
+      }
+
+      var iterator = iteratorFn.call(iterableChildren);
+      var step;
+      var ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
+
+      while (!(step = iterator.next()).done) {
+        child = step.value;
+        nextName = nextNamePrefix + getElementKey(child, ii++);
+        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+      }
+    } else if (type === 'object') {
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+      var childrenString = String(children);
+      throw new Error("Objects are not valid as a React child (found: " + (childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString) + "). " + 'If you meant to render a collection of children, use an array ' + 'instead.');
+    }
+  }
+
+  return subtreeCount;
+}
+/**
+ * Maps children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenmap
+ *
+ * The provided mapFunction(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} func The map function.
+ * @param {*} context Context for mapFunction.
+ * @return {object} Object containing the ordered map of results.
+ */
+
+
+function mapChildren(children, func, context) {
+  if (children == null) {
+    // $FlowFixMe limitation refining abstract types in Flow
+    return children;
+  }
+
+  var result = [];
+  var count = 0;
+  mapIntoArray(children, result, '', '', function (child) {
+    return func.call(context, child, count++);
+  });
+  return result;
+}
+/**
+ * Count the number of children that are typically specified as
+ * `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrencount
+ *
+ * @param {?*} children Children tree container.
+ * @return {number} The number of children.
+ */
+
+
+function countChildren(children) {
+  var n = 0;
+  mapChildren(children, function () {
+    n++; // Don't return anything
+  });
+  return n;
+}
+/**
+ * Iterates through children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} forEachFunc
+ * @param {*} forEachContext Context for forEachContext.
+ */
+
+
+function forEachChildren(children, forEachFunc, forEachContext) {
+  mapChildren(children, // $FlowFixMe[missing-this-annot]
+  function () {
+    forEachFunc.apply(this, arguments); // Don't return anything.
+  }, forEachContext);
+}
+/**
+ * Flatten a children object (typically specified as `props.children`) and
+ * return an array with appropriately re-keyed children.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
+ */
+
+
+function toArray(children) {
+  return mapChildren(children, function (child) {
+    return child;
+  }) || [];
+}
+/**
+ * Returns the first child in a collection of children and verifies that there
+ * is only one child in the collection.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenonly
+ *
+ * The current implementation of this function assumes that a single child gets
+ * passed without a wrapper, but the purpose of this helper function is to
+ * abstract away the particular structure of children.
+ *
+ * @param {?object} children Child collection structure.
+ * @return {ReactElement} The first and only `ReactElement` contained in the
+ * structure.
+ */
+
+
+function onlyChild(children) {
+  if (!isValidElement(children)) {
+    throw new Error('React.Children.only expected to receive a single React element child.');
+  }
+
+  return children;
+}
+
+// an immutable object with a single mutable value
+function createRef() {
+  var refObject = {
+    current: null
+  };
+
+  {
+    Object.seal(refObject);
+  }
+
+  return refObject;
+}
+
+function resolveDispatcher() {
+  var dispatcher = ReactCurrentDispatcher$1.current;
+
+  {
+    if (dispatcher === null) {
+      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:\n' + '1. You might have mismatching versions of React and the renderer (such as React DOM)\n' + '2. You might be breaking the Rules of Hooks\n' + '3. You might have more than one copy of React in the same app\n' + 'See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.');
+    }
+  } // Will result in a null access error if accessed outside render phase. We
+  // intentionally don't throw our own error because this is in a hot path.
+  // Also helps ensure this is inlined.
+
+
+  return dispatcher;
+}
+function useCallback(callback, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useCallback(callback, deps);
+}
+function useMemo(create, deps) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useMemo(create, deps);
+}
+function useDebugValue(value, formatterFn) {
+  {
+    var dispatcher = resolveDispatcher();
+    return dispatcher.useDebugValue(value, formatterFn);
+  }
+}
+function useId() {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.useId();
+}
+function use(usable) {
+  var dispatcher = resolveDispatcher();
+  return dispatcher.use(usable);
+}
+
+function forwardRef(render) {
+  {
+    if (render != null && render.$$typeof === REACT_MEMO_TYPE) {
+      error('forwardRef requires a render function but received a `memo` ' + 'component. Instead of forwardRef(memo(...)), use ' + 'memo(forwardRef(...)).');
+    } else if (typeof render !== 'function') {
+      error('forwardRef requires a render function but was given %s.', render === null ? 'null' : typeof render);
+    } else {
+      if (render.length !== 0 && render.length !== 2) {
+        error('forwardRef render functions accept exactly two parameters: props and ref. %s', render.length === 1 ? 'Did you forget to use the ref parameter?' : 'Any additional parameter will be undefined.');
+      }
+    }
+
+    if (render != null) {
+      if (render.defaultProps != null) {
+        error('forwardRef render functions do not support defaultProps. ' + 'Did you accidentally pass a React component?');
+      }
+    }
+  }
+
+  var elementType = {
+    $$typeof: REACT_FORWARD_REF_TYPE,
+    render: render
+  };
+
+  {
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.forwardRef((props, ref) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!render.name && !render.displayName) {
+          render.displayName = name;
+        }
+      }
+    });
+  }
+
+  return elementType;
+}
+
+var Uninitialized = -1;
+var Pending = 0;
+var Resolved = 1;
+var Rejected = 2;
+
+function lazyInitializer(payload) {
+  if (payload._status === Uninitialized) {
+    var ctor = payload._result;
+    var thenable = ctor(); // Transition to the next state.
+    // This might throw either because it's missing or throws. If so, we treat it
+    // as still uninitialized and try again next time. Which is the same as what
+    // happens if the ctor or any wrappers processing the ctor throws. This might
+    // end up fixing it if the resolution was a concurrency bug.
+
+    thenable.then(function (moduleObject) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var resolved = payload;
+        resolved._status = Resolved;
+        resolved._result = moduleObject;
+      }
+    }, function (error) {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        var rejected = payload;
+        rejected._status = Rejected;
+        rejected._result = error;
+      }
+    });
+
+    if (payload._status === Uninitialized) {
+      // In case, we're still uninitialized, then we're waiting for the thenable
+      // to resolve. Set it as pending in the meantime.
+      var pending = payload;
+      pending._status = Pending;
+      pending._result = thenable;
+    }
+  }
+
+  if (payload._status === Resolved) {
+    var moduleObject = payload._result;
+
+    {
+      if (moduleObject === undefined) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))\n\n" + 'Did you accidentally put curly braces around the import?', moduleObject);
+      }
+    }
+
+    {
+      if (!('default' in moduleObject)) {
+        error('lazy: Expected the result of a dynamic imp' + 'ort() call. ' + 'Instead received: %s\n\nYour code should look like: \n  ' + // Break up imports to avoid accidentally parsing them as dependencies.
+        'const MyComponent = lazy(() => imp' + "ort('./MyComponent'))", moduleObject);
+      }
+    }
+
+    return moduleObject.default;
+  } else {
+    throw payload._result;
+  }
+}
+
+function lazy(ctor) {
+  var payload = {
+    // We use these fields to store the result.
+    _status: Uninitialized,
+    _result: ctor
+  };
+  var lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: payload,
+    _init: lazyInitializer
+  };
+
+  {
+    // In production, this would just set it on the object.
+    var defaultProps;
+    var propTypes; // $FlowFixMe[prop-missing]
+
+    Object.defineProperties(lazyType, {
+      defaultProps: {
+        configurable: true,
+        get: function () {
+          return defaultProps;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newDefaultProps) {
+          error('It is not supported to assign `defaultProps` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+
+          defaultProps = newDefaultProps; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
+
+          Object.defineProperty(lazyType, 'defaultProps', {
+            enumerable: true
+          });
+        }
+      },
+      propTypes: {
+        configurable: true,
+        get: function () {
+          return propTypes;
+        },
+        // $FlowFixMe[missing-local-annot]
+        set: function (newPropTypes) {
+          error('It is not supported to assign `propTypes` to ' + 'a lazy component import. Either specify them where the component ' + 'is defined, or create a wrapping component around it.');
+
+          propTypes = newPropTypes; // Match production behavior more closely:
+          // $FlowFixMe[prop-missing]
+
+          Object.defineProperty(lazyType, 'propTypes', {
+            enumerable: true
+          });
+        }
+      }
+    });
+  }
+
+  return lazyType;
+}
+
+function memo(type, compare) {
+  {
+    if (!isValidElementType(type)) {
+      error('memo: The first argument must be a component. Instead ' + 'received: %s', type === null ? 'null' : typeof type);
+    }
+  }
+
+  var elementType = {
+    $$typeof: REACT_MEMO_TYPE,
+    type: type,
+    compare: compare === undefined ? null : compare
+  };
+
+  {
+    var ownName;
+    Object.defineProperty(elementType, 'displayName', {
+      enumerable: false,
+      configurable: true,
+      get: function () {
+        return ownName;
+      },
+      set: function (name) {
+        ownName = name; // The inner component shouldn't inherit this display name in most cases,
+        // because the component may be used elsewhere.
+        // But it's nice for anonymous functions to inherit the name,
+        // so that our component-stack generation logic will display their frames.
+        // An anonymous function generally suggests a pattern like:
+        //   React.memo((props) => {...});
+        // This kind of inner function is not used elsewhere so the side effect is okay.
+
+        if (!type.name && !type.displayName) {
+          type.displayName = name;
+        }
+      }
+    });
+  }
+
+  return elementType;
+}
+
+var UNTERMINATED = 0;
+var TERMINATED = 1;
+var ERRORED = 2;
+
+function createCacheRoot() {
+  return new WeakMap();
+}
+
+function createCacheNode() {
+  return {
+    s: UNTERMINATED,
+    // status, represents whether the cached computation returned a value or threw an error
+    v: undefined,
+    // value, either the cached result or an error, depending on s
+    o: null,
+    // object cache, a WeakMap where non-primitive arguments are stored
+    p: null // primitive cache, a regular Map where primitive arguments are stored.
+
+  };
+}
+
+function cache(fn) {
+  return function () {
+    var dispatcher = ReactCurrentCache.current;
+
+    if (!dispatcher) {
+      // If there is no dispatcher, then we treat this as not being cached.
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      return fn.apply(null, arguments);
+    }
+
+    var fnMap = dispatcher.getCacheForType(createCacheRoot);
+    var fnNode = fnMap.get(fn);
+    var cacheNode;
+
+    if (fnNode === undefined) {
+      cacheNode = createCacheNode();
+      fnMap.set(fn, cacheNode);
+    } else {
+      cacheNode = fnNode;
+    }
+
+    for (var i = 0, l = arguments.length; i < l; i++) {
+      var arg = arguments[i];
+
+      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
+        // Objects go into a WeakMap
+        var objectCache = cacheNode.o;
+
+        if (objectCache === null) {
+          cacheNode.o = objectCache = new WeakMap();
+        }
+
+        var objectNode = objectCache.get(arg);
+
+        if (objectNode === undefined) {
+          cacheNode = createCacheNode();
+          objectCache.set(arg, cacheNode);
+        } else {
+          cacheNode = objectNode;
+        }
+      } else {
+        // Primitives go into a regular Map
+        var primitiveCache = cacheNode.p;
+
+        if (primitiveCache === null) {
+          cacheNode.p = primitiveCache = new Map();
+        }
+
+        var primitiveNode = primitiveCache.get(arg);
+
+        if (primitiveNode === undefined) {
+          cacheNode = createCacheNode();
+          primitiveCache.set(arg, cacheNode);
+        } else {
+          cacheNode = primitiveNode;
+        }
+      }
+    }
+
+    if (cacheNode.s === TERMINATED) {
+      return cacheNode.v;
+    }
+
+    if (cacheNode.s === ERRORED) {
+      throw cacheNode.v;
+    }
+
+    try {
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      var result = fn.apply(null, arguments);
+      var terminatedNode = cacheNode;
+      terminatedNode.s = TERMINATED;
+      terminatedNode.v = result;
+      return result;
+    } catch (error) {
+      // We store the first error that's thrown and rethrow it.
+      var erroredNode = cacheNode;
+      erroredNode.s = ERRORED;
+      erroredNode.v = error;
+      throw error;
+    }
+  };
+}
+
+/**
+ * Keeps track of the current batch's configuration such as how long an update
+ * should suspend for if it needs to.
+ */
+var ReactCurrentBatchConfig = {
+  transition: null
+};
+
+function startTransition(scope, options) {
+  var prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
+
+  var callbacks = new Set();
+  var transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
+  var currentTransition = ReactCurrentBatchConfig.transition;
+
+  {
+    ReactCurrentBatchConfig.transition._updatedFibers = new Set();
+  }
+
+  {
+    try {
+      var returnValue = scope();
+
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(function (callback) {
+          return callback(currentTransition, returnValue);
+        });
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      warnAboutTransitionSubscriptions(prevTransition, currentTransition);
+      ReactCurrentBatchConfig.transition = prevTransition;
+    }
+  }
+}
+
+function warnAboutTransitionSubscriptions(prevTransition, currentTransition) {
+  {
+    if (prevTransition === null && currentTransition._updatedFibers) {
+      var updatedFibersCount = currentTransition._updatedFibers.size;
+
+      currentTransition._updatedFibers.clear();
+
+      if (updatedFibersCount > 10) {
+        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.');
+      }
+    }
+  }
+}
+
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
+
+
+var onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : function (error) {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
+
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
+
+// Patch fetch
+var Children = {
+  map: mapChildren,
+  forEach: forEachChildren,
+  count: countChildren,
+  toArray: toArray,
+  only: onlyChild
+};
+
+exports.Children = Children;
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.Profiler = REACT_PROFILER_TYPE;
+exports.StrictMode = REACT_STRICT_MODE_TYPE;
+exports.Suspense = REACT_SUSPENSE_TYPE;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactServerSharedInternals;
+exports.cache = cache;
+exports.cloneElement = cloneElement;
+exports.createElement = createElement;
+exports.createRef = createRef;
+exports.forwardRef = forwardRef;
+exports.isValidElement = isValidElement;
+exports.lazy = lazy;
+exports.memo = memo;
+exports.startTransition = startTransition;
+exports.use = use;
+exports.useCallback = useCallback;
+exports.useDebugValue = useDebugValue;
+exports.useId = useId;
+exports.useMemo = useMemo;
+exports.version = ReactVersion;
+  })();
+}
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
new file mode 100644
index 00000000000000..413fa3affede00
--- /dev/null
+++ b/packages/next/src/compiled/react/cjs/react.react-server.production.js
@@ -0,0 +1,1093 @@
+/**
+ * @license React
+ * react.react-server.production.min.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+'use strict';
+
+const assign = Object.assign;
+
+// -----------------------------------------------------------------------------
+// Ready for next major.
+//
+// Alias __NEXT_MAJOR__ to false for easier skimming.
+// -----------------------------------------------------------------------------
+
+const __NEXT_MAJOR__ = false; // Not ready to break experimental yet.
+// as a normal prop instead of stripping it from the props object.
+// Passes `ref` as a normal prop instead of stripping it from the props object
+// during element creation.
+
+const enableRefAsProp = __NEXT_MAJOR__; // Not ready to break experimental yet.
+
+/**
+ * Keeps track of the current Cache dispatcher.
+ */
+const ReactCurrentCache = {
+  current: null
+};
+
+function createFetchCache() {
+  return new Map();
+}
+
+const simpleCacheKey = '["GET",[],null,"follow",null,null,null,null]'; // generateCacheKey(new Request('https://blank'));
+
+function generateCacheKey(request) {
+  // We pick the fields that goes into the key used to dedupe requests.
+  // We don't include the `cache` field, because we end up using whatever
+  // caching resulted from the first request.
+  // Notably we currently don't consider non-standard (or future) options.
+  // This might not be safe. TODO: warn for non-standard extensions differing.
+  // IF YOU CHANGE THIS UPDATE THE simpleCacheKey ABOVE.
+  return JSON.stringify([request.method, Array.from(request.headers.entries()), request.mode, request.redirect, request.credentials, request.referrer, request.referrerPolicy, request.integrity]);
+}
+
+{
+  if (typeof fetch === 'function') {
+    const originalFetch = fetch;
+
+    const cachedFetch = function fetch(resource, options) {
+      const dispatcher = ReactCurrentCache.current;
+
+      if (!dispatcher) {
+        // We're outside a cached scope.
+        return originalFetch(resource, options);
+      }
+
+      if (options && options.signal && options.signal !== dispatcher.getCacheSignal()) {
+        // If we're passed a signal that is not ours, then we assume that
+        // someone else controls the lifetime of this object and opts out of
+        // caching. It's effectively the opt-out mechanism.
+        // Ideally we should be able to check this on the Request but
+        // it always gets initialized with its own signal so we don't
+        // know if it's supposed to override - unless we also override the
+        // Request constructor.
+        return originalFetch(resource, options);
+      } // Normalize the Request
+
+
+      let url;
+      let cacheKey;
+
+      if (typeof resource === 'string' && !options) {
+        // Fast path.
+        cacheKey = simpleCacheKey;
+        url = resource;
+      } else {
+        // Normalize the request.
+        // if resource is not a string or a URL (its an instance of Request)
+        // then do not instantiate a new Request but instead
+        // reuse the request as to not disturb the body in the event it's a ReadableStream.
+        const request = typeof resource === 'string' || resource instanceof URL ? new Request(resource, options) : resource;
+
+        if (request.method !== 'GET' && request.method !== 'HEAD' || // $FlowFixMe[prop-missing]: keepalive is real
+        request.keepalive) {
+          // We currently don't dedupe requests that might have side-effects. Those
+          // have to be explicitly cached. We assume that the request doesn't have a
+          // body if it's GET or HEAD.
+          // keepalive gets treated the same as if you passed a custom cache signal.
+          return originalFetch(resource, options);
+        }
+
+        cacheKey = generateCacheKey(request);
+        url = request.url;
+      }
+
+      const cache = dispatcher.getCacheForType(createFetchCache);
+      const cacheEntries = cache.get(url);
+      let match;
+
+      if (cacheEntries === undefined) {
+        // We pass the original arguments here in case normalizing the Request
+        // doesn't include all the options in this environment.
+        match = originalFetch(resource, options);
+        cache.set(url, [cacheKey, match]);
+      } else {
+        // We use an array as the inner data structure since it's lighter and
+        // we typically only expect to see one or two entries here.
+        for (let i = 0, l = cacheEntries.length; i < l; i += 2) {
+          const key = cacheEntries[i];
+          const value = cacheEntries[i + 1];
+
+          if (key === cacheKey) {
+            match = value; // I would've preferred a labelled break but lint says no.
+
+            return match.then(response => response.clone());
+          }
+        }
+
+        match = originalFetch(resource, options);
+        cacheEntries.push(cacheKey, match);
+      } // We clone the response so that each time you call this you get a new read
+      // of the body so that it can be read multiple times.
+
+
+      return match.then(response => response.clone());
+    }; // We don't expect to see any extra properties on fetch but if there are any,
+    // copy them over. Useful for extended fetch environments or mocks.
+
+
+    assign(cachedFetch, originalFetch);
+
+    try {
+      // eslint-disable-next-line no-native-reassign
+      fetch = cachedFetch;
+    } catch (error1) {
+      try {
+        // In case assigning it globally fails, try globalThis instead just in case it exists.
+        globalThis.fetch = cachedFetch;
+      } catch (error2) {
+        // Log even in production just to make sure this is seen if only prod is frozen.
+        // eslint-disable-next-line react-internal/no-production-logging
+        console.warn('React was unable to patch the fetch() function in this environment. ' + 'Suspensey APIs might not work correctly as a result.');
+      }
+    }
+  }
+}
+
+/**
+ * Keeps track of the current dispatcher.
+ */
+const ReactCurrentDispatcher = {
+  current: null
+};
+
+/**
+ * Keeps track of the current owner.
+ *
+ * The current owner is the component who should own any components that are
+ * currently being constructed.
+ */
+const ReactCurrentOwner$1 = {
+  /**
+   * @internal
+   * @type {ReactComponent}
+   */
+  current: null
+};
+
+const ReactSharedInternals = {
+  ReactCurrentDispatcher,
+  ReactCurrentOwner: ReactCurrentOwner$1
+};
+
+const ReactServerSharedInternals = {
+  ReactCurrentCache
+};
+
+// Do not require this module directly! Use normal `invariant` calls with
+// template literal strings. The messages will be replaced with error codes
+// during build.
+function formatProdErrorMessage(code) {
+  let url = 'https://react.dev/errors/' + code;
+
+  if (arguments.length > 1) {
+    url += '?args[]=' + encodeURIComponent(arguments[1]);
+
+    for (let i = 2; i < arguments.length; i++) {
+      url += '&args[]=' + encodeURIComponent(arguments[i]);
+    }
+  }
+
+  return "Minified React error #" + code + "; visit " + url + " for the full message or " + 'use the non-minified dev environment for full errors and additional ' + 'helpful warnings.';
+}
+
+const isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+
+function isArray(a) {
+  return isArrayImpl(a);
+}
+
+// ATTENTION
+// When adding new symbols to this file,
+// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+// The Symbol used to tag the ReactElement-like types.
+const REACT_ELEMENT_TYPE = Symbol.for('react.element');
+const REACT_PORTAL_TYPE = Symbol.for('react.portal');
+const REACT_FRAGMENT_TYPE = Symbol.for('react.fragment');
+const REACT_STRICT_MODE_TYPE = Symbol.for('react.strict_mode');
+const REACT_PROFILER_TYPE = Symbol.for('react.profiler');
+const REACT_FORWARD_REF_TYPE = Symbol.for('react.forward_ref');
+const REACT_SUSPENSE_TYPE = Symbol.for('react.suspense');
+const REACT_MEMO_TYPE = Symbol.for('react.memo');
+const REACT_LAZY_TYPE = Symbol.for('react.lazy');
+const MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+const FAUX_ITERATOR_SYMBOL = '@@iterator';
+function getIteratorFn(maybeIterable) {
+  if (maybeIterable === null || typeof maybeIterable !== 'object') {
+    return null;
+  }
+
+  const maybeIterator = MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL];
+
+  if (typeof maybeIterator === 'function') {
+    return maybeIterator;
+  }
+
+  return null;
+}
+
+// $FlowFixMe[method-unbinding]
+const hasOwnProperty = Object.prototype.hasOwnProperty;
+
+const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+
+function hasValidRef(config) {
+
+  return config.ref !== undefined;
+}
+
+function hasValidKey(config) {
+
+  return config.key !== undefined;
+}
+/**
+ * Factory method to create a new React element. This no longer adheres to
+ * the class pattern, so do not use new to call it. Also, instanceof check
+ * will not work. Instead test $$typeof field against Symbol.for('react.element') to check
+ * if something is a React Element.
+ *
+ * @param {*} type
+ * @param {*} props
+ * @param {*} key
+ * @param {string|object} ref
+ * @param {*} owner
+ * @param {*} self A *temporary* helper to detect places where `this` is
+ * different from the `owner` when React.createElement is called, so that we
+ * can warn. We want to get rid of owner and replace string `ref`s with arrow
+ * functions, and as long as `this` and owner are the same, there will be no
+ * change in behavior.
+ * @param {*} source An annotation object (added by a transpiler or otherwise)
+ * indicating filename, line number, and/or other information.
+ * @internal
+ */
+
+
+function ReactElement(type, key, _ref, self, source, owner, props) {
+  let ref;
+
+  {
+    ref = _ref;
+  }
+
+  let element;
+
+  {
+    // In prod, `ref` is a regular property. It will be removed in a
+    // future release.
+    element = {
+      // This tag allows us to uniquely identify this as a React Element
+      $$typeof: REACT_ELEMENT_TYPE,
+      // Built-in properties that belong on the element
+      type,
+      key,
+      ref,
+      props,
+      // Record the component responsible for creating this element.
+      _owner: owner
+    };
+  }
+
+  return element;
+}
+/**
+ * Create and return a new ReactElement of the given type.
+ * See https://reactjs.org/docs/react-api.html#createelement
+ */
+
+function createElement(type, config, children) {
+
+  let propName; // Reserved names are extracted
+
+  const props = {};
+  let key = null;
+  let ref = null;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+      {
+        ref = config.ref;
+      }
+    }
+
+    if (hasValidKey(config)) {
+
+      key = '' + config.key;
+    } // Remaining properties are added to a new props object
+
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // Even though we don't use these anymore in the runtime, we don't want
+      // them to appear as props, so in createElement we filter them out.
+      // We don't have to do this in the jsx() runtime because the jsx()
+      // transform never passed these as props; it used separate arguments.
+      propName !== '__self' && propName !== '__source') {
+        props[propName] = config[propName];
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  const childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    const childArray = Array(childrenLength);
+
+    for (let i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
+    }
+
+    props.children = childArray;
+  } // Resolve default props
+
+
+  if (type && type.defaultProps) {
+    const defaultProps = type.defaultProps;
+
+    for (propName in defaultProps) {
+      if (props[propName] === undefined) {
+        props[propName] = defaultProps[propName];
+      }
+    }
+  }
+
+  const element = ReactElement(type, key, ref, undefined, undefined, ReactCurrentOwner.current, props);
+
+  return element;
+}
+function cloneAndReplaceKey(oldElement, newKey) {
+  return ReactElement(oldElement.type, newKey, // When enableRefAsProp is on, this argument is ignored. This check only
+  // exists to avoid the `ref` access warning.
+  oldElement.ref, undefined, undefined, oldElement._owner, oldElement.props);
+}
+/**
+ * Clone and return a new ReactElement using element as the starting point.
+ * See https://reactjs.org/docs/react-api.html#cloneelement
+ */
+
+function cloneElement(element, config, children) {
+  if (element === null || element === undefined) {
+    throw Error(formatProdErrorMessage(267, element));
+  }
+
+  let propName; // Original props are copied
+
+  const props = assign({}, element.props); // Reserved names are extracted
+
+  let key = element.key;
+  let ref = element.ref; // Owner will be preserved, unless ref is overridden
+
+  let owner = element._owner;
+
+  if (config != null) {
+    if (hasValidRef(config)) {
+      {
+        // Silently steal the ref from the parent.
+        ref = config.ref;
+      }
+
+      owner = ReactCurrentOwner.current;
+    }
+
+    if (hasValidKey(config)) {
+
+      key = '' + config.key;
+    } // Remaining properties override existing props
+
+
+    let defaultProps;
+
+    if (element.type && element.type.defaultProps) {
+      defaultProps = element.type.defaultProps;
+    }
+
+    for (propName in config) {
+      if (hasOwnProperty.call(config, propName) && // Skip over reserved prop names
+      propName !== 'key' && (propName !== 'ref') && // ...and maybe these, too, though we currently rely on them for
+      // warnings and debug information in dev. Need to decide if we're OK
+      // with dropping them. In the jsx() runtime it's not an issue because
+      // the data gets passed as separate arguments instead of props, but
+      // it would be nice to stop relying on them entirely so we can drop
+      // them from the internal Fiber field.
+      propName !== '__self' && propName !== '__source' && // Undefined `ref` is ignored by cloneElement. We treat it the same as
+      // if the property were missing. This is mostly for
+      // backwards compatibility.
+      !(enableRefAsProp  )) {
+        if (config[propName] === undefined && defaultProps !== undefined) {
+          // Resolve default props
+          props[propName] = defaultProps[propName];
+        } else {
+          props[propName] = config[propName];
+        }
+      }
+    }
+  } // Children can be more than one argument, and those are transferred onto
+  // the newly allocated props object.
+
+
+  const childrenLength = arguments.length - 2;
+
+  if (childrenLength === 1) {
+    props.children = children;
+  } else if (childrenLength > 1) {
+    const childArray = Array(childrenLength);
+
+    for (let i = 0; i < childrenLength; i++) {
+      childArray[i] = arguments[i + 2];
+    }
+
+    props.children = childArray;
+  }
+
+  const clonedElement = ReactElement(element.type, key, ref, undefined, undefined, owner, props);
+
+  return clonedElement;
+}
+/**
+ * Verifies the object is a ReactElement.
+ * See https://reactjs.org/docs/react-api.html#isvalidelement
+ * @param {?object} object
+ * @return {boolean} True if `object` is a ReactElement.
+ * @final
+ */
+
+
+function isValidElement(object) {
+  return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+
+const SEPARATOR = '.';
+const SUBSEPARATOR = ':';
+/**
+ * Escape and wrap key so it is safe to use as a reactid
+ *
+ * @param {string} key to be escaped.
+ * @return {string} the escaped key.
+ */
+
+function escape(key) {
+  const escapeRegex = /[=:]/g;
+  const escaperLookup = {
+    '=': '=0',
+    ':': '=2'
+  };
+  const escapedString = key.replace(escapeRegex, function (match) {
+    return escaperLookup[match];
+  });
+  return '$' + escapedString;
+}
+const userProvidedKeyEscapeRegex = /\/+/g;
+
+function escapeUserProvidedKey(text) {
+  return text.replace(userProvidedKeyEscapeRegex, '$&/');
+}
+/**
+ * Generate a key string that identifies a element within a set.
+ *
+ * @param {*} element A element that could contain a manual key.
+ * @param {number} index Index that is used if a manual key is not provided.
+ * @return {string}
+ */
+
+
+function getElementKey(element, index) {
+  // Do some typechecking here since we call this blindly. We want to ensure
+  // that we don't block potential future ES APIs.
+  if (typeof element === 'object' && element !== null && element.key != null) {
+
+    return escape('' + element.key);
+  } // Implicit key determined by the index in the set
+
+
+  return index.toString(36);
+}
+
+function noop$1() {}
+
+function resolveThenable(thenable) {
+  switch (thenable.status) {
+    case 'fulfilled':
+      {
+        const fulfilledValue = thenable.value;
+        return fulfilledValue;
+      }
+
+    case 'rejected':
+      {
+        const rejectedError = thenable.reason;
+        throw rejectedError;
+      }
+
+    default:
+      {
+        if (typeof thenable.status === 'string') {
+          // Only instrument the thenable if the status if not defined. If
+          // it's defined, but an unknown value, assume it's been instrumented by
+          // some custom userspace implementation. We treat it as "pending".
+          // Attach a dummy listener, to ensure that any lazy initialization can
+          // happen. Flight lazily parses JSON when the value is actually awaited.
+          thenable.then(noop$1, noop$1);
+        } else {
+          // This is an uncached thenable that we haven't seen before.
+          // TODO: Detect infinite ping loops caused by uncached promises.
+          const pendingThenable = thenable;
+          pendingThenable.status = 'pending';
+          pendingThenable.then(fulfilledValue => {
+            if (thenable.status === 'pending') {
+              const fulfilledThenable = thenable;
+              fulfilledThenable.status = 'fulfilled';
+              fulfilledThenable.value = fulfilledValue;
+            }
+          }, error => {
+            if (thenable.status === 'pending') {
+              const rejectedThenable = thenable;
+              rejectedThenable.status = 'rejected';
+              rejectedThenable.reason = error;
+            }
+          });
+        } // Check one more time in case the thenable resolved synchronously.
+
+
+        switch (thenable.status) {
+          case 'fulfilled':
+            {
+              const fulfilledThenable = thenable;
+              return fulfilledThenable.value;
+            }
+
+          case 'rejected':
+            {
+              const rejectedThenable = thenable;
+              const rejectedError = rejectedThenable.reason;
+              throw rejectedError;
+            }
+        }
+      }
+  }
+
+  throw thenable;
+}
+
+function mapIntoArray(children, array, escapedPrefix, nameSoFar, callback) {
+  const type = typeof children;
+
+  if (type === 'undefined' || type === 'boolean') {
+    // All of the above are perceived as null.
+    children = null;
+  }
+
+  let invokeCallback = false;
+
+  if (children === null) {
+    invokeCallback = true;
+  } else {
+    switch (type) {
+      case 'string':
+      case 'number':
+        invokeCallback = true;
+        break;
+
+      case 'object':
+        switch (children.$$typeof) {
+          case REACT_ELEMENT_TYPE:
+          case REACT_PORTAL_TYPE:
+            invokeCallback = true;
+            break;
+
+          case REACT_LAZY_TYPE:
+            const payload = children._payload;
+            const init = children._init;
+            return mapIntoArray(init(payload), array, escapedPrefix, nameSoFar, callback);
+        }
+
+    }
+  }
+
+  if (invokeCallback) {
+    const child = children;
+    let mappedChild = callback(child); // If it's the only child, treat the name as if it was wrapped in an array
+    // so that it's consistent if the number of children grows:
+
+    const childKey = nameSoFar === '' ? SEPARATOR + getElementKey(child, 0) : nameSoFar;
+
+    if (isArray(mappedChild)) {
+      let escapedChildKey = '';
+
+      if (childKey != null) {
+        escapedChildKey = escapeUserProvidedKey(childKey) + '/';
+      }
+
+      mapIntoArray(mappedChild, array, escapedChildKey, '', c => c);
+    } else if (mappedChild != null) {
+      if (isValidElement(mappedChild)) {
+
+        mappedChild = cloneAndReplaceKey(mappedChild, // Keep both the (mapped) and old keys if they differ, just as
+        // traverseAllChildren used to do for objects as children
+        escapedPrefix + ( // $FlowFixMe[incompatible-type] Flow incorrectly thinks React.Portal doesn't have a key
+        mappedChild.key && (!child || child.key !== mappedChild.key) ? escapeUserProvidedKey( // $FlowFixMe[unsafe-addition]
+        '' + mappedChild.key // eslint-disable-line react-internal/safe-string-coercion
+        ) + '/' : '') + childKey);
+      }
+
+      array.push(mappedChild);
+    }
+
+    return 1;
+  }
+
+  let child;
+  let nextName;
+  let subtreeCount = 0; // Count of children found in the current subtree.
+
+  const nextNamePrefix = nameSoFar === '' ? SEPARATOR : nameSoFar + SUBSEPARATOR;
+
+  if (isArray(children)) {
+    for (let i = 0; i < children.length; i++) {
+      child = children[i];
+      nextName = nextNamePrefix + getElementKey(child, i);
+      subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+    }
+  } else {
+    const iteratorFn = getIteratorFn(children);
+
+    if (typeof iteratorFn === 'function') {
+      const iterableChildren = children;
+
+      const iterator = iteratorFn.call(iterableChildren);
+      let step;
+      let ii = 0; // $FlowFixMe[incompatible-use] `iteratorFn` might return null according to typing.
+
+      while (!(step = iterator.next()).done) {
+        child = step.value;
+        nextName = nextNamePrefix + getElementKey(child, ii++);
+        subtreeCount += mapIntoArray(child, array, escapedPrefix, nextName, callback);
+      }
+    } else if (type === 'object') {
+      if (typeof children.then === 'function') {
+        return mapIntoArray(resolveThenable(children), array, escapedPrefix, nameSoFar, callback);
+      } // eslint-disable-next-line react-internal/safe-string-coercion
+
+
+      const childrenString = String(children);
+      throw Error(formatProdErrorMessage(31, childrenString === '[object Object]' ? 'object with keys {' + Object.keys(children).join(', ') + '}' : childrenString));
+    }
+  }
+
+  return subtreeCount;
+}
+/**
+ * Maps children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenmap
+ *
+ * The provided mapFunction(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} func The map function.
+ * @param {*} context Context for mapFunction.
+ * @return {object} Object containing the ordered map of results.
+ */
+
+
+function mapChildren(children, func, context) {
+  if (children == null) {
+    // $FlowFixMe limitation refining abstract types in Flow
+    return children;
+  }
+
+  const result = [];
+  let count = 0;
+  mapIntoArray(children, result, '', '', function (child) {
+    return func.call(context, child, count++);
+  });
+  return result;
+}
+/**
+ * Count the number of children that are typically specified as
+ * `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrencount
+ *
+ * @param {?*} children Children tree container.
+ * @return {number} The number of children.
+ */
+
+
+function countChildren(children) {
+  let n = 0;
+  mapChildren(children, () => {
+    n++; // Don't return anything
+  });
+  return n;
+}
+/**
+ * Iterates through children that are typically specified as `props.children`.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenforeach
+ *
+ * The provided forEachFunc(child, index) will be called for each
+ * leaf child.
+ *
+ * @param {?*} children Children tree container.
+ * @param {function(*, int)} forEachFunc
+ * @param {*} forEachContext Context for forEachContext.
+ */
+
+
+function forEachChildren(children, forEachFunc, forEachContext) {
+  mapChildren(children, // $FlowFixMe[missing-this-annot]
+  function () {
+    forEachFunc.apply(this, arguments); // Don't return anything.
+  }, forEachContext);
+}
+/**
+ * Flatten a children object (typically specified as `props.children`) and
+ * return an array with appropriately re-keyed children.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrentoarray
+ */
+
+
+function toArray(children) {
+  return mapChildren(children, child => child) || [];
+}
+/**
+ * Returns the first child in a collection of children and verifies that there
+ * is only one child in the collection.
+ *
+ * See https://reactjs.org/docs/react-api.html#reactchildrenonly
+ *
+ * The current implementation of this function assumes that a single child gets
+ * passed without a wrapper, but the purpose of this helper function is to
+ * abstract away the particular structure of children.
+ *
+ * @param {?object} children Child collection structure.
+ * @return {ReactElement} The first and only `ReactElement` contained in the
+ * structure.
+ */
+
+
+function onlyChild(children) {
+  if (!isValidElement(children)) {
+    throw Error(formatProdErrorMessage(143));
+  }
+
+  return children;
+}
+
+// an immutable object with a single mutable value
+function createRef() {
+  const refObject = {
+    current: null
+  };
+
+  return refObject;
+}
+
+function resolveDispatcher() {
+  const dispatcher = ReactCurrentDispatcher.current;
+  // intentionally don't throw our own error because this is in a hot path.
+  // Also helps ensure this is inlined.
+
+
+  return dispatcher;
+}
+function useCallback(callback, deps) {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useCallback(callback, deps);
+}
+function useMemo(create, deps) {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useMemo(create, deps);
+}
+function useDebugValue(value, formatterFn) {
+}
+function useId() {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.useId();
+}
+function use(usable) {
+  const dispatcher = resolveDispatcher();
+  return dispatcher.use(usable);
+}
+
+function forwardRef(render) {
+
+  const elementType = {
+    $$typeof: REACT_FORWARD_REF_TYPE,
+    render
+  };
+
+  return elementType;
+}
+
+const Uninitialized = -1;
+const Pending = 0;
+const Resolved = 1;
+const Rejected = 2;
+
+function lazyInitializer(payload) {
+  if (payload._status === Uninitialized) {
+    const ctor = payload._result;
+    const thenable = ctor(); // Transition to the next state.
+    // This might throw either because it's missing or throws. If so, we treat it
+    // as still uninitialized and try again next time. Which is the same as what
+    // happens if the ctor or any wrappers processing the ctor throws. This might
+    // end up fixing it if the resolution was a concurrency bug.
+
+    thenable.then(moduleObject => {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        const resolved = payload;
+        resolved._status = Resolved;
+        resolved._result = moduleObject;
+      }
+    }, error => {
+      if (payload._status === Pending || payload._status === Uninitialized) {
+        // Transition to the next state.
+        const rejected = payload;
+        rejected._status = Rejected;
+        rejected._result = error;
+      }
+    });
+
+    if (payload._status === Uninitialized) {
+      // In case, we're still uninitialized, then we're waiting for the thenable
+      // to resolve. Set it as pending in the meantime.
+      const pending = payload;
+      pending._status = Pending;
+      pending._result = thenable;
+    }
+  }
+
+  if (payload._status === Resolved) {
+    const moduleObject = payload._result;
+
+    return moduleObject.default;
+  } else {
+    throw payload._result;
+  }
+}
+
+function lazy(ctor) {
+  const payload = {
+    // We use these fields to store the result.
+    _status: Uninitialized,
+    _result: ctor
+  };
+  const lazyType = {
+    $$typeof: REACT_LAZY_TYPE,
+    _payload: payload,
+    _init: lazyInitializer
+  };
+
+  return lazyType;
+}
+
+function memo(type, compare) {
+
+  const elementType = {
+    $$typeof: REACT_MEMO_TYPE,
+    type,
+    compare: compare === undefined ? null : compare
+  };
+
+  return elementType;
+}
+
+const UNTERMINATED = 0;
+const TERMINATED = 1;
+const ERRORED = 2;
+
+function createCacheRoot() {
+  return new WeakMap();
+}
+
+function createCacheNode() {
+  return {
+    s: UNTERMINATED,
+    // status, represents whether the cached computation returned a value or threw an error
+    v: undefined,
+    // value, either the cached result or an error, depending on s
+    o: null,
+    // object cache, a WeakMap where non-primitive arguments are stored
+    p: null // primitive cache, a regular Map where primitive arguments are stored.
+
+  };
+}
+
+function cache(fn) {
+  return function () {
+    const dispatcher = ReactCurrentCache.current;
+
+    if (!dispatcher) {
+      // If there is no dispatcher, then we treat this as not being cached.
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      return fn.apply(null, arguments);
+    }
+
+    const fnMap = dispatcher.getCacheForType(createCacheRoot);
+    const fnNode = fnMap.get(fn);
+    let cacheNode;
+
+    if (fnNode === undefined) {
+      cacheNode = createCacheNode();
+      fnMap.set(fn, cacheNode);
+    } else {
+      cacheNode = fnNode;
+    }
+
+    for (let i = 0, l = arguments.length; i < l; i++) {
+      const arg = arguments[i];
+
+      if (typeof arg === 'function' || typeof arg === 'object' && arg !== null) {
+        // Objects go into a WeakMap
+        let objectCache = cacheNode.o;
+
+        if (objectCache === null) {
+          cacheNode.o = objectCache = new WeakMap();
+        }
+
+        const objectNode = objectCache.get(arg);
+
+        if (objectNode === undefined) {
+          cacheNode = createCacheNode();
+          objectCache.set(arg, cacheNode);
+        } else {
+          cacheNode = objectNode;
+        }
+      } else {
+        // Primitives go into a regular Map
+        let primitiveCache = cacheNode.p;
+
+        if (primitiveCache === null) {
+          cacheNode.p = primitiveCache = new Map();
+        }
+
+        const primitiveNode = primitiveCache.get(arg);
+
+        if (primitiveNode === undefined) {
+          cacheNode = createCacheNode();
+          primitiveCache.set(arg, cacheNode);
+        } else {
+          cacheNode = primitiveNode;
+        }
+      }
+    }
+
+    if (cacheNode.s === TERMINATED) {
+      return cacheNode.v;
+    }
+
+    if (cacheNode.s === ERRORED) {
+      throw cacheNode.v;
+    }
+
+    try {
+      // $FlowFixMe[incompatible-call]: We don't want to use rest arguments since we transpile the code.
+      const result = fn.apply(null, arguments);
+      const terminatedNode = cacheNode;
+      terminatedNode.s = TERMINATED;
+      terminatedNode.v = result;
+      return result;
+    } catch (error) {
+      // We store the first error that's thrown and rethrow it.
+      const erroredNode = cacheNode;
+      erroredNode.s = ERRORED;
+      erroredNode.v = error;
+      throw error;
+    }
+  };
+}
+
+/**
+ * Keeps track of the current batch's configuration such as how long an update
+ * should suspend for if it needs to.
+ */
+const ReactCurrentBatchConfig = {
+  transition: null
+};
+
+function startTransition(scope, options) {
+  const prevTransition = ReactCurrentBatchConfig.transition; // Each renderer registers a callback to receive the return value of
+  // the scope function. This is used to implement async actions.
+
+  const callbacks = new Set();
+  const transition = {
+    _callbacks: callbacks
+  };
+  ReactCurrentBatchConfig.transition = transition;
+  const currentTransition = ReactCurrentBatchConfig.transition;
+
+  {
+    try {
+      const returnValue = scope();
+
+      if (typeof returnValue === 'object' && returnValue !== null && typeof returnValue.then === 'function') {
+        callbacks.forEach(callback => callback(currentTransition, returnValue));
+        returnValue.then(noop, onError);
+      }
+    } catch (error) {
+      onError(error);
+    } finally {
+      ReactCurrentBatchConfig.transition = prevTransition;
+    }
+  }
+}
+
+function noop() {} // Use reportError, if it exists. Otherwise console.error. This is the same as
+// the default for onRecoverableError.
+
+
+const onError = typeof reportError === 'function' ? // In modern browsers, reportError will dispatch an error event,
+// emulating an uncaught JavaScript error.
+reportError : error => {
+  // In older browsers and test environments, fallback to console.error.
+  // eslint-disable-next-line react-internal/no-production-logging
+  console['error'](error);
+};
+
+var ReactVersion = '18.3.0-canary-14898b6a9-20240318';
+
+// Patch fetch
+const Children = {
+  map: mapChildren,
+  forEach: forEachChildren,
+  count: countChildren,
+  toArray,
+  only: onlyChild
+};
+
+exports.Children = Children;
+exports.Fragment = REACT_FRAGMENT_TYPE;
+exports.Profiler = REACT_PROFILER_TYPE;
+exports.StrictMode = REACT_STRICT_MODE_TYPE;
+exports.Suspense = REACT_SUSPENSE_TYPE;
+exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactSharedInternals;
+exports.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = ReactServerSharedInternals;
+exports.cache = cache;
+exports.cloneElement = cloneElement;
+exports.createElement = createElement;
+exports.createRef = createRef;
+exports.forwardRef = forwardRef;
+exports.isValidElement = isValidElement;
+exports.lazy = lazy;
+exports.memo = memo;
+exports.startTransition = startTransition;
+exports.use = use;
+exports.useCallback = useCallback;
+exports.useDebugValue = useDebugValue;
+exports.useId = useId;
+exports.useMemo = useMemo;
+exports.version = ReactVersion;
\ No newline at end of file
diff --git a/packages/next/src/compiled/react/cjs/react.react-server.production.min.js b/packages/next/src/compiled/react/cjs/react.react-server.production.min.js
new file mode 100644
index 00000000000000..c509c64f7dddac
--- /dev/null
+++ b/packages/next/src/compiled/react/cjs/react.react-server.production.min.js
@@ -0,0 +1,31 @@
+/*
+ React
+ react.react-server.production.min.js
+
+ Copyright (c) Meta Platforms, Inc. and affiliates.
+
+ This source code is licensed under the MIT license found in the
+ LICENSE file in the root directory of this source tree.
+*/
+'use strict';var m=Object.assign,n={current:null};function p(){return new Map}
+if("function"===typeof fetch){var q=fetch,r=function(a,b){var d=n.current;if(!d||b&&b.signal&&b.signal!==d.getCacheSignal())return q(a,b);if("string"!==typeof a||b){var c="string"===typeof a||a instanceof URL?new Request(a,b):a;if("GET"!==c.method&&"HEAD"!==c.method||c.keepalive)return q(a,b);var e=JSON.stringify([c.method,Array.from(c.headers.entries()),c.mode,c.redirect,c.credentials,c.referrer,c.referrerPolicy,c.integrity]);c=c.url}else e='["GET",[],null,"follow",null,null,null,null]',c=a;var f=
+d.getCacheForType(p);d=f.get(c);if(void 0===d)a=q(a,b),f.set(c,[e,a]);else{c=0;for(f=d.length;c<f;c+=2){var g=d[c+1];if(d[c]===e)return a=g,a.then(function(k){return k.clone()})}a=q(a,b);d.push(e,a)}return a.then(function(k){return k.clone()})};m(r,q);try{fetch=r}catch(a){try{globalThis.fetch=r}catch(b){console.warn("React was unable to patch the fetch() function in this environment. Suspensey APIs might not work correctly as a result.")}}}
+var t={current:null},u={ReactCurrentDispatcher:t,ReactCurrentOwner:{current:null}},v={ReactCurrentCache:n};function w(a){var b="https://react.dev/errors/"+a;if(1<arguments.length){b+="?args[]="+encodeURIComponent(arguments[1]);for(var d=2;d<arguments.length;d++)b+="&args[]="+encodeURIComponent(arguments[d])}return"Minified React error #"+a+"; visit "+b+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}
+var x=Array.isArray,y=Symbol.for("react.element"),z=Symbol.for("react.portal"),A=Symbol.for("react.fragment"),B=Symbol.for("react.strict_mode"),C=Symbol.for("react.profiler"),D=Symbol.for("react.forward_ref"),E=Symbol.for("react.suspense"),F=Symbol.for("react.memo"),G=Symbol.for("react.lazy"),H=Symbol.iterator;function I(a){if(null===a||"object"!==typeof a)return null;a=H&&a[H]||a["@@iterator"];return"function"===typeof a?a:null}var J=Object.prototype.hasOwnProperty,K=u.ReactCurrentOwner;
+function L(a,b){return{$$typeof:y,type:a.type,key:b,ref:a.ref,props:a.props,_owner:a._owner}}function M(a){return"object"===typeof a&&null!==a&&a.$$typeof===y}function escape(a){var b={"=":"=0",":":"=2"};return"$"+a.replace(/[=:]/g,function(d){return b[d]})}var N=/\/+/g;function O(a,b){return"object"===typeof a&&null!==a&&null!=a.key?escape(""+a.key):b.toString(36)}function P(){}
+function Q(a){switch(a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;default:switch("string"===typeof a.status?a.then(P,P):(a.status="pending",a.then(function(b){"pending"===a.status&&(a.status="fulfilled",a.value=b)},function(b){"pending"===a.status&&(a.status="rejected",a.reason=b)})),a.status){case "fulfilled":return a.value;case "rejected":throw a.reason;}}throw a;}
+function R(a,b,d,c,e){var f=typeof a;if("undefined"===f||"boolean"===f)a=null;var g=!1;if(null===a)g=!0;else switch(f){case "string":case "number":g=!0;break;case "object":switch(a.$$typeof){case y:case z:g=!0;break;case G:return g=a._init,R(g(a._payload),b,d,c,e)}}if(g)return e=e(a),g=""===c?"."+O(a,0):c,x(e)?(d="",null!=g&&(d=g.replace(N,"$&/")+"/"),R(e,b,d,"",function(l){return l})):null!=e&&(M(e)&&(e=L(e,d+(!e.key||a&&a.key===e.key?"":(""+e.key).replace(N,"$&/")+"/")+g)),b.push(e)),1;g=0;var k=
+""===c?".":c+":";if(x(a))for(var h=0;h<a.length;h++)c=a[h],f=k+O(c,h),g+=R(c,b,d,f,e);else if(h=I(a),"function"===typeof h)for(a=h.call(a),h=0;!(c=a.next()).done;)c=c.value,f=k+O(c,h++),g+=R(c,b,d,f,e);else if("object"===f){if("function"===typeof a.then)return R(Q(a),b,d,c,e);b=String(a);throw Error(w(31,"[object Object]"===b?"object with keys {"+Object.keys(a).join(", ")+"}":b));}return g}
+function S(a,b,d){if(null==a)return a;var c=[],e=0;R(a,c,"","",function(f){return b.call(d,f,e++)});return c}function T(a){if(-1===a._status){var b=a._result;b=b();b.then(function(d){if(0===a._status||-1===a._status)a._status=1,a._result=d},function(d){if(0===a._status||-1===a._status)a._status=2,a._result=d});-1===a._status&&(a._status=0,a._result=b)}if(1===a._status)return a._result.default;throw a._result;}function U(){return new WeakMap}function V(){return{s:0,v:void 0,o:null,p:null}}var W={transition:null};
+function X(){}var Y="function"===typeof reportError?reportError:function(a){console.error(a)};exports.Children={map:S,forEach:function(a,b,d){S(a,function(){b.apply(this,arguments)},d)},count:function(a){var b=0;S(a,function(){b++});return b},toArray:function(a){return S(a,function(b){return b})||[]},only:function(a){if(!M(a))throw Error(w(143));return a}};exports.Fragment=A;exports.Profiler=C;exports.StrictMode=B;exports.Suspense=E;exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=u;
+exports.__SECRET_SERVER_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=v;
+exports.cache=function(a){return function(){var b=n.current;if(!b)return a.apply(null,arguments);var d=b.getCacheForType(U);b=d.get(a);void 0===b&&(b=V(),d.set(a,b));d=0;for(var c=arguments.length;d<c;d++){var e=arguments[d];if("function"===typeof e||"object"===typeof e&&null!==e){var f=b.o;null===f&&(b.o=f=new WeakMap);b=f.get(e);void 0===b&&(b=V(),f.set(e,b))}else f=b.p,null===f&&(b.p=f=new Map),b=f.get(e),void 0===b&&(b=V(),f.set(e,b))}if(1===b.s)return b.v;if(2===b.s)throw b.v;try{var g=a.apply(null,
+arguments);d=b;d.s=1;return d.v=g}catch(k){throw g=b,g.s=2,g.v=k,k;}}};
+exports.cloneElement=function(a,b,d){if(null===a||void 0===a)throw Error(w(267,a));var c=m({},a.props),e=a.key,f=a.ref,g=a._owner;if(null!=b){void 0!==b.ref&&(f=b.ref,g=K.current);void 0!==b.key&&(e=""+b.key);if(a.type&&a.type.defaultProps)var k=a.type.defaultProps;for(h in b)J.call(b,h)&&"key"!==h&&"ref"!==h&&"__self"!==h&&"__source"!==h&&(c[h]=void 0===b[h]&&void 0!==k?k[h]:b[h])}var h=arguments.length-2;if(1===h)c.children=d;else if(1<h){k=Array(h);for(var l=0;l<h;l++)k[l]=arguments[l+2];c.children=
+k}return{$$typeof:y,type:a.type,key:e,ref:f,props:c,_owner:g}};
+exports.createElement=function(a,b,d){var c,e={},f=null,g=null;if(null!=b)for(c in void 0!==b.ref&&(g=b.ref),void 0!==b.key&&(f=""+b.key),b)J.call(b,c)&&"key"!==c&&"ref"!==c&&"__self"!==c&&"__source"!==c&&(e[c]=b[c]);var k=arguments.length-2;if(1===k)e.children=d;else if(1<k){for(var h=Array(k),l=0;l<k;l++)h[l]=arguments[l+2];e.children=h}if(a&&a.defaultProps)for(c in k=a.defaultProps,k)void 0===e[c]&&(e[c]=k[c]);return{$$typeof:y,type:a,key:f,ref:g,props:e,_owner:K.current}};exports.createRef=function(){return{current:null}};
+exports.forwardRef=function(a){return{$$typeof:D,render:a}};exports.isValidElement=M;exports.lazy=function(a){return{$$typeof:G,_payload:{_status:-1,_result:a},_init:T}};exports.memo=function(a,b){return{$$typeof:F,type:a,compare:void 0===b?null:b}};
+exports.startTransition=function(a){var b=W.transition,d=new Set;W.transition={_callbacks:d};var c=W.transition;try{var e=a();"object"===typeof e&&null!==e&&"function"===typeof e.then&&(d.forEach(function(f){return f(c,e)}),e.then(X,Y))}catch(f){Y(f)}finally{W.transition=b}};exports.use=function(a){return t.current.use(a)};exports.useCallback=function(a,b){return t.current.useCallback(a,b)};exports.useDebugValue=function(){};exports.useId=function(){return t.current.useId()};
+exports.useMemo=function(a,b){return t.current.useMemo(a,b)};exports.version="18.3.0-canary-14898b6a9-20240318";
+
+//# sourceMappingURL=react.react-server.production.min.js.map
diff --git a/packages/next/src/compiled/react/jsx-runtime.react-server.js b/packages/next/src/compiled/react/jsx-runtime.react-server.js
new file mode 100644
index 00000000000000..cd80277331d462
--- /dev/null
+++ b/packages/next/src/compiled/react/jsx-runtime.react-server.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react-jsx-runtime.react-server.production.min.js');
+} else {
+  module.exports = require('./cjs/react-jsx-runtime.react-server.development.js');
+}
diff --git a/packages/next/src/compiled/react/package.json b/packages/next/src/compiled/react/package.json
index a6767cc769086b..f143c6f0ef2540 100644
--- a/packages/next/src/compiled/react/package.json
+++ b/packages/next/src/compiled/react/package.json
@@ -3,11 +3,14 @@
   "main": "index.js",
   "exports": {
     ".": {
-      "react-server": "./react.shared-subset.js",
+      "react-server": "./react.react-server.js",
       "default": "./index.js"
     },
     "./package.json": "./package.json",
-    "./jsx-runtime": "./jsx-runtime.js",
+    "./jsx-runtime": {
+      "react-server": "./jsx-runtime.react-server.js",
+      "default": "./jsx-runtime.js"
+    },
     "./jsx-dev-runtime": "./jsx-dev-runtime.js"
   },
   "dependencies": {
diff --git a/packages/next/src/compiled/react/react.react-server.js b/packages/next/src/compiled/react/react.react-server.js
new file mode 100644
index 00000000000000..42772dc4ba3c77
--- /dev/null
+++ b/packages/next/src/compiled/react/react.react-server.js
@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/react.react-server.production.min.js');
+} else {
+  module.exports = require('./cjs/react.react-server.development.js');
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 62eb565daf3947..cd64e3e630365d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -438,8 +438,8 @@ importers:
         specifier: npm:react@17.0.2
         version: /react@17.0.2
       react-builtin:
-        specifier: npm:react@18.3.0-canary-60a927d04-20240113
-        version: /react@18.3.0-canary-60a927d04-20240113
+        specifier: npm:react@18.3.0-canary-14898b6a9-20240318
+        version: /react@18.3.0-canary-14898b6a9-20240318
       react-dom:
         specifier: 18.2.0
         version: 18.2.0(react@18.2.0)
@@ -447,26 +447,26 @@ importers:
         specifier: npm:react-dom@17.0.2
         version: /react-dom@17.0.2(react@18.2.0)
       react-dom-builtin:
-        specifier: npm:react-dom@18.3.0-canary-60a927d04-20240113
-        version: /react-dom@18.3.0-canary-60a927d04-20240113(react@18.2.0)
+        specifier: npm:react-dom@18.3.0-canary-14898b6a9-20240318
+        version: /react-dom@18.3.0-canary-14898b6a9-20240318(react@18.2.0)
       react-dom-experimental-builtin:
-        specifier: npm:react-dom@0.0.0-experimental-60a927d04-20240113
-        version: /react-dom@0.0.0-experimental-60a927d04-20240113(react@18.2.0)
+        specifier: npm:react-dom@0.0.0-experimental-14898b6a9-20240318
+        version: /react-dom@0.0.0-experimental-14898b6a9-20240318(react@18.2.0)
       react-experimental-builtin:
-        specifier: npm:react@0.0.0-experimental-60a927d04-20240113
-        version: /react@0.0.0-experimental-60a927d04-20240113
+        specifier: npm:react@0.0.0-experimental-14898b6a9-20240318
+        version: /react@0.0.0-experimental-14898b6a9-20240318
       react-server-dom-turbopack:
-        specifier: 18.3.0-canary-60a927d04-20240113
-        version: 18.3.0-canary-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0)
+        specifier: 18.3.0-canary-14898b6a9-20240318
+        version: 18.3.0-canary-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0)
       react-server-dom-turbopack-experimental:
-        specifier: npm:react-server-dom-turbopack@0.0.0-experimental-60a927d04-20240113
-        version: /react-server-dom-turbopack@0.0.0-experimental-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0)
+        specifier: npm:react-server-dom-turbopack@0.0.0-experimental-14898b6a9-20240318
+        version: /react-server-dom-turbopack@0.0.0-experimental-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0)
       react-server-dom-webpack:
-        specifier: 18.3.0-canary-60a927d04-20240113
-        version: 18.3.0-canary-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0)
+        specifier: 18.3.0-canary-14898b6a9-20240318
+        version: 18.3.0-canary-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0)
       react-server-dom-webpack-experimental:
-        specifier: npm:react-server-dom-webpack@0.0.0-experimental-60a927d04-20240113
-        version: /react-server-dom-webpack@0.0.0-experimental-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0)
+        specifier: npm:react-server-dom-webpack@0.0.0-experimental-14898b6a9-20240318
+        version: /react-server-dom-webpack@0.0.0-experimental-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0)
       react-ssr-prepass:
         specifier: 1.0.8
         version: 1.0.8(react-is@16.13.1)(react@18.2.0)
@@ -495,11 +495,11 @@ importers:
         specifier: 0.10.9
         version: 0.10.9
       scheduler-builtin:
-        specifier: npm:scheduler@0.24.0-canary-60a927d04-20240113
-        version: /scheduler@0.24.0-canary-60a927d04-20240113
+        specifier: npm:scheduler@0.24.0-canary-14898b6a9-20240318
+        version: /scheduler@0.24.0-canary-14898b6a9-20240318
       scheduler-experimental-builtin:
-        specifier: npm:scheduler@0.0.0-experimental-60a927d04-20240113
-        version: /scheduler@0.0.0-experimental-60a927d04-20240113
+        specifier: npm:scheduler@0.0.0-experimental-14898b6a9-20240318
+        version: /scheduler@0.0.0-experimental-14898b6a9-20240318
       seedrandom:
         specifier: 3.0.5
         version: 3.0.5
@@ -21113,14 +21113,14 @@ packages:
       strip-json-comments: 2.0.1
     dev: true
 
-  /react-dom@0.0.0-experimental-60a927d04-20240113(react@18.2.0):
-    resolution: {integrity: sha512-qh/hY5ReqOw6EY639+qKkcgqhKPzfg2g2Ju9MHP7O+2xaf0NBuqfGQX4PxrqJeGu2dOIVotUIRAdcR2BBnkfhg==}
+  /react-dom@0.0.0-experimental-14898b6a9-20240318(react@18.2.0):
+    resolution: {integrity: sha512-ZolMAzSHbUKUE1iwuAhAESZ3KvJ44tXyIooCgjSl5mb91PDt4UJmdUSYjr2XcOIXZs/bxzQO7Ya+spfn1oUJeg==}
     peerDependencies:
-      react: 0.0.0-experimental-60a927d04-20240113
+      react: 0.0.0-experimental-14898b6a9-20240318
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
-      scheduler: 0.0.0-experimental-60a927d04-20240113
+      scheduler: 0.0.0-experimental-14898b6a9-20240318
     dev: true
 
   /react-dom@17.0.2(react@17.0.2):
@@ -21154,14 +21154,14 @@ packages:
       react: 18.2.0
       scheduler: 0.23.0
 
-  /react-dom@18.3.0-canary-60a927d04-20240113(react@18.2.0):
-    resolution: {integrity: sha512-l/weUXejD8QJwuRDKgZ4NWWtLL5fYxE+UHc+zwA4tmt+czbvIKMWCM39hshNG6CFNYSYF4hV3h6AtCkR9LiMxQ==}
+  /react-dom@18.3.0-canary-14898b6a9-20240318(react@18.2.0):
+    resolution: {integrity: sha512-OFf18ypcXn0V6dOjGZoXQiRkqy+HiDAFV9xIReEhLdUfyhzRki7OuTlbLKSBl9Wc3YbJkeLoIfUIShgrTiBPDw==}
     peerDependencies:
-      react: 18.3.0-canary-60a927d04-20240113
+      react: 18.3.0-canary-14898b6a9-20240318
     dependencies:
       loose-envify: 1.4.0
       react: 18.2.0
-      scheduler: 0.24.0-canary-60a927d04-20240113
+      scheduler: 0.24.0-canary-14898b6a9-20240318
     dev: true
 
   /react-is@16.13.1:
@@ -21184,12 +21184,12 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  /react-server-dom-turbopack@0.0.0-experimental-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-F1qnQ2Ip2FJu1IepAr1/i5BeVfG2HTYVgojuw5Nclc0qXLXOWJuRDtXg88Xv+ET1tgkFp+T6cE63ne7KJvhRpg==}
+  /react-server-dom-turbopack@0.0.0-experimental-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-1SI6pzwGxORoRQQGb/ocPKsISLWBmiLlBHxMzd9eBYhT6UItFBat80ms6/01BCNUwTDqU9EkTxbCW5+MfZD4Yg==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 0.0.0-experimental-60a927d04-20240113
-      react-dom: 0.0.0-experimental-60a927d04-20240113
+      react: 0.0.0-experimental-14898b6a9-20240318
+      react-dom: 0.0.0-experimental-14898b6a9-20240318
     dependencies:
       acorn-loose: 8.3.0
       loose-envify: 1.4.0
@@ -21198,12 +21198,12 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /react-server-dom-turbopack@18.3.0-canary-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0):
-    resolution: {integrity: sha512-CR2eB1+KfTYPMmhJqyAM6SWvDTVqeSzPNuOf5pRHS7o6knjWfvkWIEttekbQAWunuGn15LNhQH9LjPfRZUij7A==}
+  /react-server-dom-turbopack@18.3.0-canary-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0):
+    resolution: {integrity: sha512-zFYhm6LZuafnkHv+yZzG8eKPYR2WWTqrarZJy3K98f1N98FifLUfQ87YqegI7R+RPMVCK4yitT1Gz9ixGwVO8w==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 18.3.0-canary-60a927d04-20240113
-      react-dom: 18.3.0-canary-60a927d04-20240113
+      react: 18.3.0-canary-14898b6a9-20240318
+      react-dom: 18.3.0-canary-14898b6a9-20240318
     dependencies:
       acorn-loose: 8.3.0
       loose-envify: 1.4.0
@@ -21212,12 +21212,12 @@ packages:
       react-dom: 18.2.0(react@18.2.0)
     dev: true
 
-  /react-server-dom-webpack@0.0.0-experimental-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0):
-    resolution: {integrity: sha512-1be3W0Z++4PUp7Gs8HNNCWgLnQwLD7s8Ixij30pNrCz+UNLg2K/mlWP3WpCQ2XQ1iKND0m+2nOMTw5BeRnCeCw==}
+  /react-server-dom-webpack@0.0.0-experimental-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0):
+    resolution: {integrity: sha512-u1EXAjHvUVzGyiXoeF8BsRvuZzzra73HOLUyJoftQkyleJQzubN/Xn2P0oHJ+k0JW7k9Fu0DyTNy3OpJfCCY9g==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 0.0.0-experimental-60a927d04-20240113
-      react-dom: 0.0.0-experimental-60a927d04-20240113
+      react: 0.0.0-experimental-14898b6a9-20240318
+      react-dom: 0.0.0-experimental-14898b6a9-20240318
       webpack: 5.86.0
     dependencies:
       acorn-loose: 8.3.0
@@ -21228,12 +21228,12 @@ packages:
       webpack: 5.86.0(@swc/core@1.3.85)
     dev: true
 
-  /react-server-dom-webpack@18.3.0-canary-60a927d04-20240113(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0):
-    resolution: {integrity: sha512-ji7/PtMo85rtLp4+R8rFcmz+8ectx3jG3yV791MXp0UwPg7BRncWtJsb0ekVdM+TElZwbzr9byhKRRWZK4pooQ==}
+  /react-server-dom-webpack@18.3.0-canary-14898b6a9-20240318(react-dom@18.2.0)(react@18.2.0)(webpack@5.86.0):
+    resolution: {integrity: sha512-MmdQVyifrCbmxQzILpLBS1nrS13g7vu6eL8K/bDIwvwyYxVC98VXYlHtez04NHPOUTeprFDOO9fzV8A9xv4Izw==}
     engines: {node: '>=0.10.0'}
     peerDependencies:
-      react: 18.3.0-canary-60a927d04-20240113
-      react-dom: 18.3.0-canary-60a927d04-20240113
+      react: 18.3.0-canary-14898b6a9-20240318
+      react-dom: 18.3.0-canary-14898b6a9-20240318
       webpack: 5.86.0
     dependencies:
       acorn-loose: 8.3.0
@@ -21271,8 +21271,8 @@ packages:
       react-lifecycles-compat: 3.0.4
     dev: true
 
-  /react@0.0.0-experimental-60a927d04-20240113:
-    resolution: {integrity: sha512-IBjAerIyVpy04WjnTmJ1eSVGp1Ota1rL1OT9/35FVmwVzmYWGcI7h7AVvqR+ASl473pfdy3e6v1o9lzgdx5l1w==}
+  /react@0.0.0-experimental-14898b6a9-20240318:
+    resolution: {integrity: sha512-5by1ncbJ4MZtUXfbYS8yspDmbnDUDVyhBWPBCwzp6QcAZ2sfcenAYbmfm6X0yMsSRn17NUp79pSvziMXK3zjfQ==}
     engines: {node: '>=0.10.0'}
     dependencies:
       loose-envify: 1.4.0
@@ -21291,8 +21291,8 @@ packages:
     dependencies:
       loose-envify: 1.4.0
 
-  /react@18.3.0-canary-60a927d04-20240113:
-    resolution: {integrity: sha512-ehS+psOGXcSqob/sX6Aty7J6y37uR9iV4/Co37E2XyiFUsgBTXY1wuivgTc06VMewi3t1HhHO5IJi/D+qk5Viw==}
+  /react@18.3.0-canary-14898b6a9-20240318:
+    resolution: {integrity: sha512-v7DaMx1oNRNNHjqS3htQ5ZHo3klcaX8qyN391ymlAJLVs6FR97q4YdvL7juB0Z1BO718JuYAxzDehozvwKZwUw==}
     engines: {node: '>=0.10.0'}
     dependencies:
       loose-envify: 1.4.0
@@ -22317,8 +22317,8 @@ packages:
       xmlchars: 2.2.0
     dev: true
 
-  /scheduler@0.0.0-experimental-60a927d04-20240113:
-    resolution: {integrity: sha512-S9cvxJYRgP/eU526SjYgf9LuhDXNmNqJgaYVnzb+puczNUf1Pp/eO1P+7DMn1Cfezu9H9k9gYblDHPdScbCttQ==}
+  /scheduler@0.0.0-experimental-14898b6a9-20240318:
+    resolution: {integrity: sha512-wrngcElPY3EDYwk4YK1j+i5sDRrSK8ngvlmyOKYl3Xv2Cv3z1mVAeRA2P2vw7iaMMt8wGiVFiu0dTINbfnD/9g==}
     dependencies:
       loose-envify: 1.4.0
     dev: true
@@ -22334,8 +22334,8 @@ packages:
     dependencies:
       loose-envify: 1.4.0
 
-  /scheduler@0.24.0-canary-60a927d04-20240113:
-    resolution: {integrity: sha512-nZnKdZXaqoLyiFtfbN/BoGZTINy/0aQXZ6AeUHPJILG5Jyro4lPQLlt63EV3VxNlqPGYScMk6ZlTnZMs8EZr3A==}
+  /scheduler@0.24.0-canary-14898b6a9-20240318:
+    resolution: {integrity: sha512-ifDO3bUdooS4OlxvGxMyoDEC/aq14MvJLDd0thjrUSZGeLJA7WBc+sr9NZxIxrXfVqMl1GTGGPwXqRJZDNW76w==}
     dependencies:
       loose-envify: 1.4.0
     dev: true